@cerberus-design/styled-system/recipes/date-picker.mjs

Cerberus Design System Panda-CSS styled-system.

import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
import { createRecipe } from './create-recipe.mjs';

const datePickerDefaultVariants = {}
const datePickerCompoundVariants = []

const datePickerSlotNames = [
  [
    "root",
    "date-picker__root"
  ],
  [
    "label",
    "date-picker__label"
  ],
  [
    "clearTrigger",
    "date-picker__clearTrigger"
  ],
  [
    "content",
    "date-picker__content"
  ],
  [
    "control",
    "date-picker__control"
  ],
  [
    "input",
    "date-picker__input"
  ],
  [
    "monthSelect",
    "date-picker__monthSelect"
  ],
  [
    "nextTrigger",
    "date-picker__nextTrigger"
  ],
  [
    "positioner",
    "date-picker__positioner"
  ],
  [
    "prevTrigger",
    "date-picker__prevTrigger"
  ],
  [
    "rangeText",
    "date-picker__rangeText"
  ],
  [
    "table",
    "date-picker__table"
  ],
  [
    "tableBody",
    "date-picker__tableBody"
  ],
  [
    "tableCell",
    "date-picker__tableCell"
  ],
  [
    "tableCellTrigger",
    "date-picker__tableCellTrigger"
  ],
  [
    "tableHead",
    "date-picker__tableHead"
  ],
  [
    "tableHeader",
    "date-picker__tableHeader"
  ],
  [
    "tableRow",
    "date-picker__tableRow"
  ],
  [
    "trigger",
    "date-picker__trigger"
  ],
  [
    "viewTrigger",
    "date-picker__viewTrigger"
  ],
  [
    "viewControl",
    "date-picker__viewControl"
  ],
  [
    "yearSelect",
    "date-picker__yearSelect"
  ],
  [
    "presetTrigger",
    "date-picker__presetTrigger"
  ],
  [
    "view",
    "date-picker__view"
  ]
]
const datePickerSlotFns = /* @__PURE__ */ datePickerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerDefaultVariants, getSlotCompoundVariant(datePickerCompoundVariants, slotName))])

const datePickerFn = memo((props = {}) => {
  return Object.fromEntries(datePickerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
})

const datePickerVariantKeys = []
const getVariantProps = (variants) => ({ ...datePickerDefaultVariants, ...compact(variants) })

export const datePicker = /* @__PURE__ */ Object.assign(datePickerFn, {
  __recipe__: false,
  __name__: 'datePicker',
  raw: (props) => props,
  variantKeys: datePickerVariantKeys,
  variantMap: {},
  splitVariantProps(props) {
    return splitProps(props, datePickerVariantKeys)
  },
  getVariantProps
})