@cerberus-design/react 0.18.4 → 0.19.1

package/build/legacy/components/date-picker/calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-picker/calendar.tsx","../../../../src/components/Portal.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts","../../../../src/components/date-picker/content.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/IconButton.tsx","../../../../src/components/button/button.tsx","../../../../src/components/date-picker/view-control-group.tsx","../../../../src/components/date-picker/day-view.tsx","../../../../src/components/date-picker/month-view.tsx","../../../../src/components/date-picker/year-view.tsx"],"sourcesContent":["import { DatePickerContent } from './content'\nimport { DatePickerDayView } from './day-view'\nimport { DatePickerMonthView } from './month-view'\nimport { DatePickerYearView } from './year-view'\n\n/**\n * This module contains an abstraction of the DatePicker component.\n * @module 'date-picker/calendar'\n */\n\n/**\n * An abstraction of the DatePicker content components that contain the\n * different calendar views and controls.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerCalendar(props: { withModal?: boolean }) {\n  return (\n    <DatePickerContent withModal={props.withModal}>\n      <DatePickerDayView />\n      <DatePickerMonthView />\n      <DatePickerYearView />\n    </DatePickerContent>\n  )\n}\n","import { Portal as ArkPortal, type PortalProps } from '@ark-ui/react'\nimport type { PropsWithChildren } from 'react'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport type { PortalProps }\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n * @example\n * ```tsx\n * 'use client'\n *\n * import { Portal } from '@cerberus/react'\n *\n * function SomeFeatureWithinSSRPage() {\n *   return (\n *     <Portal>\n *       <div>Portal Content outside of the React VDom tree</div>\n *     </Portal>\n *   )\n * }\n */\nexport function Portal(props: PropsWithChildren<PortalProps>) {\n  return <ArkPortal {...props} />\n}\n","import {\n  DatePicker,\n  type DatePickerContentProps,\n  type DatePickerContextProps,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerMonthSelectProps,\n  type DatePickerNextTriggerProps,\n  type DatePickerPositionerProps,\n  type DatePickerPrevTriggerProps,\n  type DatePickerRangeTextProps,\n  type DatePickerRootProps,\n  type DatePickerTableBodyProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableHeadProps,\n  type DatePickerTableProps,\n  type DatePickerTableRowProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n  type DatePickerViewProps,\n  type DatePickerViewTriggerProps,\n  type DatePickerYearSelectProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from 'styled-system/css'\nimport { datePicker } from 'styled-system/recipes'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\n/**\n * The label component for the DatePicker.\n */\nexport function DatePickerLabel(props: DatePickerLabelProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport function DatePickerControl(props: DatePickerControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input component for the DatePicker.\n */\nexport function DatePickerInputEl(props: DatePickerInputProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Input\n      {...props}\n      className={cx(styles.input, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The content component for the DatePicker.\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Content\n      {...props}\n      className={cx(styles.content, props.className)}\n    />\n  )\n}\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport function DatePickerViewControl(props: DatePickerViewControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.viewControl, props.className)}\n    />\n  )\n}\n\n/**\n * The range text component for the DatePicker.\n */\nexport function DatePickerRangeText(props: DatePickerRangeTextProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.RangeText\n      {...props}\n      className={cx(styles.rangeText, props.className)}\n    />\n  )\n}\n\n/**\n * The table component for the DatePicker.\n */\nexport function DatePickerTable(props: DatePickerTableProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Table\n      {...props}\n      className={cx(styles.table, props.className)}\n    />\n  )\n}\n\n/**\n * The header component for the DatePicker table.\n */\nexport function DatePickerTableHeader(props: DatePickerTableHeaderProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableHeader\n      {...props}\n      className={cx(styles.tableHeader, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell component for the DatePicker.\n */\nexport function DatePickerTableCell(props: DatePickerTableCellProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCell\n      {...props}\n      className={cx(styles.tableCell, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport function DatePickerTableCellTrigger(\n  props: DatePickerTableCellTriggerProps,\n) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCellTrigger\n      {...props}\n      className={cx(styles.tableCellTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerRoot(props: DatePickerRootProps) {\n  return <DatePicker.Root {...props} />\n}\n\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerClearTrigger(props: DatePickerTriggerProps) {\n  return <DatePicker.ClearTrigger {...props} />\n}\n\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPositioner(props: DatePickerPositionerProps) {\n  return <DatePicker.Positioner {...props} />\n}\n\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerYearSelect(props: DatePickerYearSelectProps) {\n  return <DatePicker.YearSelect {...props} />\n}\n\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerMonthSelect(props: DatePickerMonthSelectProps) {\n  return <DatePicker.MonthSelect {...props} />\n}\n\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerView(props: DatePickerViewProps) {\n  return <DatePicker.View {...props} />\n}\n\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerContext(props: DatePickerContextProps) {\n  return <DatePicker.Context {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPrevTrigger(props: DatePickerPrevTriggerProps) {\n  return <DatePicker.PrevTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerNextTrigger(props: DatePickerNextTriggerProps) {\n  return <DatePicker.NextTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerViewTrigger(props: DatePickerViewTriggerProps) {\n  return <DatePicker.ViewTrigger {...props} />\n}\n\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableHead(props: DatePickerTableHeadProps) {\n  return <DatePicker.TableHead {...props} />\n}\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableRow(props: DatePickerTableRowProps) {\n  return <DatePicker.TableRow {...props} />\n}\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableBody(props: DatePickerTableBodyProps) {\n  return <DatePicker.TableBody {...props} />\n}\n","import type { ElementType } from 'react'\nimport {\n  DatePickerClearTrigger,\n  DatePickerContent,\n  DatePickerContext,\n  DatePickerControl,\n  DatePickerInputEl,\n  DatePickerLabel,\n  DatePickerMonthSelect,\n  DatePickerNextTrigger,\n  DatePickerPositioner,\n  DatePickerPrevTrigger,\n  DatePickerRangeText,\n  DatePickerRoot,\n  DatePickerTable,\n  DatePickerTableBody,\n  DatePickerTableCell,\n  DatePickerTableCellTrigger,\n  DatePickerTableHead,\n  DatePickerTableHeader,\n  DatePickerTableRow,\n  DatePickerTrigger,\n  DatePickerView,\n  DatePickerViewControl,\n  DatePickerViewTrigger,\n  DatePickerYearSelect,\n} from './primitives'\n\n/**\n * This module contains the parts of the DatePicker component.\n * @module 'date-picker/parts'\n */\n\ninterface DatePickerPartsValue {\n  /**\n   * The container of the date-picker.\n   */\n  Root: ElementType\n  /**\n   * The label of the date-picker.\n   */\n  Label: ElementType\n  /**\n   * The control of the date-picker.\n   */\n  Control: ElementType\n  /**\n   * The input of the date-picker.\n   */\n  Input: ElementType\n  /**\n   * The trigger that opens the date-picker.\n   */\n  Trigger: ElementType\n  /**\n   * The trigger that clears the value of the date-picker.\n   */\n  ClearTrigger: ElementType\n  /**\n   * The positioner of the content for the date-picker.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the date-picker.\n   */\n  Content: ElementType\n  /**\n   * The year select input of the date-picker.\n   */\n  YearSelect: ElementType\n  /**\n   * The month select input of the date-picker.\n   */\n  MonthSelect: ElementType\n  /**\n   * The day view of the date-picker.\n   */\n  View: ElementType\n  /**\n   * The day context of the date-picker.\n   */\n  Context: ElementType\n  /**\n   * The container for the content triggers.\n   */\n  ViewControl: ElementType\n  /**\n   * The trigger that moves to the previous month.\n   */\n  PrevTrigger: ElementType\n  /**\n   * The trigger that moves to the next month.\n   */\n  NextTrigger: ElementType\n  /**\n   * The trigger that moves to the next view.\n   */\n  ViewTrigger: ElementType\n  /**\n   * The range text of the date-picker.\n   */\n  RangeText: ElementType\n  /**\n   * The table of the date-picker.\n   */\n  Table: ElementType\n  /**\n   * The table head of the date-picker.\n   */\n  TableHead: ElementType\n  /**\n   * The table row of the date-picker.\n   */\n  TableRow: ElementType\n  /**\n   * The header text for the table.\n   */\n  TableHeader: ElementType\n  /**\n   * The body of the table.\n   */\n  TableBody: ElementType\n  /**\n   * The table cell of the table.\n   */\n  TableCell: ElementType\n  /**\n   * The trigger for the table cell.\n   */\n  TableCellTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the DatePicker component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the DatePickerParts object and\n * the entire family of components vs. only what you use.\n */\nexport const DatePickerParts: DatePickerPartsValue = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Input: DatePickerInputEl,\n  Trigger: DatePickerTrigger,\n  ClearTrigger: DatePickerClearTrigger,\n  Positioner: DatePickerPositioner,\n  Content: DatePickerContent,\n  YearSelect: DatePickerYearSelect,\n  MonthSelect: DatePickerMonthSelect,\n  View: DatePickerView,\n  Context: DatePickerContext,\n  ViewControl: DatePickerViewControl,\n  PrevTrigger: DatePickerPrevTrigger,\n  NextTrigger: DatePickerNextTrigger,\n  ViewTrigger: DatePickerViewTrigger,\n  RangeText: DatePickerRangeText,\n  Table: DatePickerTable,\n  TableHead: DatePickerTableHead,\n  TableRow: DatePickerTableRow,\n  TableHeader: DatePickerTableHeader,\n  TableBody: DatePickerTableBody,\n  TableCell: DatePickerTableCell,\n  TableCellTrigger: DatePickerTableCellTrigger,\n}\n","import type { DatePickerContentProps } from '@ark-ui/react/date-picker'\nimport { Portal } from '../Portal'\nimport { DatePickerParts } from './parts'\n\n/**\n * This private module contains an abstraction of the DatePickerContent\n * primitive.\n * @module 'date-picker/content'\n */\n\n/**\n * An abstraction of the DatePicker content that wraps the DatePickerParts\n * primitives.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerContent(\n  props: DatePickerContentProps & {\n    withModal?: boolean\n  },\n) {\n  const { withModal, ...contentProps } = props\n  return (\n    <Portal disabled={withModal ?? false}>\n      <DatePickerParts.Positioner>\n        <DatePickerParts.Content {...contentProps} />\n      </DatePickerParts.Positioner>\n    </Portal>\n  )\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { iconButton, type IconButtonVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps) {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n","'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from 'styled-system/css'\nimport { button, type ButtonVariantProps } from 'styled-system/recipes'\nimport { Box } from 'styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = HTMLArkProps<'button'> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <ark.button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n","'use client'\n\nimport type { DatePickerViewControlProps } from '@ark-ui/react/date-picker'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DatePickerParts } from './parts'\nimport { Button } from '../button/button'\nimport { css } from 'styled-system/css'\n\n/**\n * This private module contains an abstraction of the DatePickerViewControl\n * primitive.\n * @module 'date-picker/view-control-group'\n */\n\n/**\n * An abstraction of the DatePicker control that contains the prev, view, and\n * next triggers which control the calendar output.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerViewControlGroup(props: DatePickerViewControlProps) {\n  const { icons } = useCerberusContext()\n  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons\n\n  return (\n    <DatePickerParts.ViewControl {...props}>\n      <DatePickerParts.PrevTrigger asChild>\n        <IconButton ariaLabel=\"Previous\" size=\"sm\">\n          <PrevIcon />\n        </IconButton>\n      </DatePickerParts.PrevTrigger>\n\n      <DatePickerParts.ViewTrigger asChild>\n        <Button\n          className={css({\n            h: '2rem',\n            paddingInline: 'md',\n          })}\n          shape=\"rounded\"\n          size=\"sm\"\n          usage=\"ghost\"\n        >\n          <DatePickerParts.RangeText />\n        </Button>\n      </DatePickerParts.ViewTrigger>\n\n      <DatePickerParts.NextTrigger asChild>\n        <IconButton ariaLabel=\"Next\" size=\"sm\">\n          <NextIcon />\n        </IconButton>\n      </DatePickerParts.NextTrigger>\n    </DatePickerParts.ViewControl>\n  )\n}\n","'use client'\n\nimport type {\n  DatePicker,\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DayView component.\n * @module 'date-picker/day-view'\n */\n\nexport type DateValue = DatePicker.DateValue\n\n/**\n * An abstraction of the DatePickerDayView that renders the day view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>) {\n  function isToday(date: DateValue): boolean {\n    const today = new Date()\n    const formatted = today.toISOString().split('T')[0]\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return formatted === arkDate\n  }\n\n  function isPastDay(date: DateValue): boolean {\n    const today = new Date()\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return new Date(arkDate) < today\n  }\n\n  function getDayValue(date: DateValue): 'today' | 'past' | 'future' {\n    if (isToday(date)) return 'today'\n    if (isPastDay(date)) return 'past'\n    return 'future'\n  }\n\n  return (\n    <DatePickerParts.View {...props} view=\"day\">\n      <DatePickerParts.Context>\n        {(datePickerData: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableHead>\n                <DatePickerParts.TableRow>\n                  {datePickerData.weekDays.map((weekDay, id) => (\n                    <DatePickerParts.TableHeader key={id}>\n                      {weekDay.narrow}\n                    </DatePickerParts.TableHeader>\n                  ))}\n                </DatePickerParts.TableRow>\n              </DatePickerParts.TableHead>\n\n              <DatePickerParts.TableBody>\n                {datePickerData.weeks.map((week, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {week.map((day, id) => (\n                      <DatePickerParts.TableCell key={id} value={day}>\n                        <DatePickerParts.TableCellTrigger\n                          data-date={getDayValue(day)}\n                        >\n                          {day.day}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n","'use client'\n\nimport type {\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DatePickerMonthView\n * component.\n * @module 'date-picker/month-view'\n */\n\n/**\n * An abstraction of the DatePickerMonthView that renders the month view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerMonthView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <DatePickerParts.View {...props} view=\"month\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker\n                  .getMonthsGrid({ columns: 4, format: 'short' })\n                  .map((months, id) => (\n                    <DatePickerParts.TableRow key={id}>\n                      {months.map((month, id) => (\n                        <DatePickerParts.TableCell key={id} value={month.value}>\n                          <DatePickerParts.TableCellTrigger>\n                            {month.label}\n                          </DatePickerParts.TableCellTrigger>\n                        </DatePickerParts.TableCell>\n                      ))}\n                    </DatePickerParts.TableRow>\n                  ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n","'use client'\n\nimport type {\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DatePickerYearView\n * component.\n * @module 'date-picker/year-view'\n */\n\n/**\n * An abstraction of the DatePickerYearView that renders the year view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerYearView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <DatePickerParts.View {...props} view=\"year\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker.getYearsGrid({ columns: 4 }).map((years, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {years.map((year, id) => (\n                      <DatePickerParts.TableCell key={id} value={year.value}>\n                        <DatePickerParts.TableCellTrigger>\n                          {year.label}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":"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","names":["ArkPortal","import_jsx_runtime","import_jsx_runtime","DatePickerContent","import_react","import_jsx_runtime","import_css","import_recipes","import_jsx_runtime","import_factory","import_react","import_css","import_recipes","import_jsx_runtime","import_css","import_jsx_runtime","import_jsx_runtime","id","import_jsx_runtime","datePicker","id","import_jsx_runtime","datePicker","id","import_jsx_runtime","DatePickerContent"]}
+{"version":3,"sources":["../../../../src/components/date-picker/calendar.tsx","../../../../src/components/portal/portal.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/date-picker/parts.ts","../../../../src/components/date-picker/content.tsx","../../../../src/components/date-picker/view-control-group.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/button/button.tsx","../../../../src/components/button/primitives.tsx","../../../../src/components/icon-button/primitives.ts","../../../../src/components/icon-button/button.tsx","../../../../src/components/date-picker/day-view.tsx","../../../../src/components/date-picker/month-view.tsx","../../../../src/components/date-picker/year-view.tsx"],"sourcesContent":["import type { RefObject } from 'react'\nimport { DatePickerContent } from './content'\nimport { DatePickerDayView } from './day-view'\nimport { DatePickerMonthView } from './month-view'\nimport { DatePickerYearView } from './year-view'\n\n/**\n * This module contains an abstraction of the DatePicker component.\n * @module 'date-picker/calendar'\n */\n\nexport interface DatePickerCalendarProps {\n  /**\n   * Determines whether to disable the Portal used to render the DatePicker\n   * content in a modal. This is an alternative to using the `container` prop\n   * which provides the context to the Portal instead.\n   * @default false\n   */\n  withModal?: boolean\n  /**\n   * The container element to render the DatePicker content in. This is used\n   * to render the DatePicker content in a specific context, such as a modal.\n   * @default document.body\n   */\n  container?: RefObject<HTMLElement | null>\n}\n\n/**\n * An abstraction of the DatePicker content components that contain the\n * different calendar views and controls.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerCalendar(props: DatePickerCalendarProps) {\n  return (\n    <DatePickerContent {...props}>\n      <DatePickerDayView />\n      <DatePickerMonthView view=\"month\" />\n      <DatePickerYearView view=\"year\" />\n    </DatePickerContent>\n  )\n}\n","import { Portal as ArkPortal, type PortalProps } from '@ark-ui/react'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport type { PortalProps }\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n * @example\n * ```tsx\n * 'use client'\n *\n * import { Portal } from '@cerberus/react'\n *\n * function SomeFeatureWithinSSRPage() {\n *   return (\n *     <Portal>\n *       <div>Portal Content outside of the React VDom tree</div>\n *     </Portal>\n *   )\n * }\n */\nexport const Portal = ArkPortal\n","import {\n  DatePicker,\n  type DatePickerContentProps as ArkDatePickerContentProps,\n  type DatePickerContextProps as ArkDatePickerContextProps,\n  type DatePickerControlProps as ArkDatePickerControlProps,\n  type DatePickerInputProps as ArkDatePickerInputProps,\n  type DatePickerLabelProps as ArkDatePickerLabelProps,\n  type DatePickerMonthSelectProps as ArkDatePickerMonthSelectProps,\n  type DatePickerNextTriggerProps as ArkDatePickerNextTriggerProps,\n  type DatePickerPositionerProps as ArkDatePickerPositionerProps,\n  type DatePickerPrevTriggerProps as ArkDatePickerPrevTriggerProps,\n  type DatePickerRangeTextProps as ArkDatePickerRangeTextProps,\n  type DatePickerRootProps as ArkDatePickerRootProps,\n  type DatePickerTableBodyProps as ArkDatePickerTableBodyProps,\n  type DatePickerTableCellProps as ArkDatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps as ArkDatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps as ArkDatePickerTableHeaderProps,\n  type DatePickerTableHeadProps as ArkDatePickerTableHeadProps,\n  type DatePickerTableProps as ArkDatePickerTableProps,\n  type DatePickerTableRowProps as ArkDatePickerTableRowProps,\n  type DatePickerTriggerProps as ArkDatePickerTriggerProps,\n  type DatePickerViewControlProps as ArkDatePickerViewControlProps,\n  type DatePickerViewProps as ArkDatePickerViewProps,\n  type DatePickerViewTriggerProps as ArkDatePickerViewTriggerProps,\n  type DatePickerYearSelectProps as ArkDatePickerYearSelectProps,\n} from '@ark-ui/react/date-picker'\nimport { datePicker } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(datePicker)\n\n/**\n * The label component for the DatePicker.\n */\nexport type DatePickerLabelProps =\n  CerberusPrimitiveProps<ArkDatePickerLabelProps>\nexport const DatePickerLabel = withSlotRecipe(DatePicker.Label, 'label')\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport type DatePickerControlProps =\n  CerberusPrimitiveProps<ArkDatePickerControlProps>\nexport const DatePickerControl = withSlotRecipe(DatePicker.Control, 'control')\n\n/**\n * The input component for the DatePicker.\n */\nexport type DatePickerInputElProps =\n  CerberusPrimitiveProps<ArkDatePickerInputProps>\nexport const DatePickerInputEl = withSlotRecipe(DatePicker.Input, 'input')\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport type DatePickerTriggerProps =\n  CerberusPrimitiveProps<ArkDatePickerTriggerProps>\nexport const DatePickerTrigger = withSlotRecipe(DatePicker.Trigger, 'trigger')\n\n/**\n * The content component for the DatePicker.\n */\nexport type DatePickerContentProps =\n  CerberusPrimitiveProps<ArkDatePickerContentProps>\nexport const DatePickerContent = withSlotRecipe(DatePicker.Content, 'content')\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport type DatePickerViewControlProps =\n  CerberusPrimitiveProps<ArkDatePickerViewControlProps>\nexport const DatePickerViewControl = withSlotRecipe(\n  DatePicker.Control,\n  'viewControl',\n)\n\n/**\n * The range text component for the DatePicker.\n */\nexport type DatePickerRangeTextProps =\n  CerberusPrimitiveProps<ArkDatePickerRangeTextProps>\nexport const DatePickerRangeText = withSlotRecipe(\n  DatePicker.RangeText,\n  'rangeText',\n)\n\n/**\n * The table component for the DatePicker.\n */\nexport type DatePickerTableProps =\n  CerberusPrimitiveProps<ArkDatePickerTableProps>\nexport const DatePickerTable = withSlotRecipe(DatePicker.Table, 'table')\n\n/**\n * The header component for the DatePicker table.\n */\nexport type DatePickerTableHeaderProps =\n  CerberusPrimitiveProps<ArkDatePickerTableHeaderProps>\nexport const DatePickerTableHeader = withSlotRecipe(\n  DatePicker.TableHeader,\n  'tableHeader',\n)\n\n/**\n * The table cell component for the DatePicker.\n */\nexport type DatePickerTableCellProps =\n  CerberusPrimitiveProps<ArkDatePickerTableCellProps>\nexport const DatePickerTableCell = withSlotRecipe(\n  DatePicker.TableCell,\n  'tableCell',\n)\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport type DatePickerTableCellTriggerProps =\n  CerberusPrimitiveProps<ArkDatePickerTableCellTriggerProps>\nexport const DatePickerTableCellTrigger = withSlotRecipe(\n  DatePicker.TableCellTrigger,\n  'tableCellTrigger',\n)\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport type DatePickerRootProps = CerberusPrimitiveProps<ArkDatePickerRootProps>\n// @ts-expect-error this is a workaround for the type error WIP\nexport const DatePickerRoot = withNoRecipe(DatePicker.Root)\n\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport type DatePickerClearTriggerProps =\n  CerberusPrimitiveProps<ArkDatePickerTriggerProps>\nexport const DatePickerClearTrigger = withNoRecipe(DatePicker.ClearTrigger)\n\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerPositionerProps =\n  CerberusPrimitiveProps<ArkDatePickerPositionerProps>\nexport const DatePickerPositioner = withNoRecipe(DatePicker.Positioner)\n\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport type DatePickerYearSelectProps =\n  CerberusPrimitiveProps<ArkDatePickerYearSelectProps>\nexport const DatePickerYearSelect = withNoRecipe(DatePicker.YearSelect)\n\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport type DatePickerMonthSelectProps =\n  CerberusPrimitiveProps<ArkDatePickerMonthSelectProps>\nexport const DatePickerMonthSelect = withNoRecipe(DatePicker.MonthSelect)\n\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerViewProps = CerberusPrimitiveProps<ArkDatePickerViewProps>\nexport const DatePickerView = withNoRecipe(DatePicker.View)\n\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport type DatePickerContextProps =\n  CerberusPrimitiveProps<ArkDatePickerContextProps>\nexport const DatePickerContext = DatePicker.Context\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerPrevTriggerProps =\n  CerberusPrimitiveProps<ArkDatePickerPrevTriggerProps>\nexport const DatePickerPrevTrigger = withNoRecipe(DatePicker.PrevTrigger)\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerNextTriggerProps =\n  CerberusPrimitiveProps<ArkDatePickerNextTriggerProps>\nexport const DatePickerNextTrigger = withNoRecipe(DatePicker.NextTrigger)\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerViewTriggerProps =\n  CerberusPrimitiveProps<ArkDatePickerViewTriggerProps>\nexport const DatePickerViewTrigger = withNoRecipe(DatePicker.ViewTrigger)\n\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerTableHeadProps =\n  CerberusPrimitiveProps<ArkDatePickerTableHeadProps>\nexport const DatePickerTableHead = withNoRecipe(DatePicker.TableHead)\n\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerTableRowProps =\n  CerberusPrimitiveProps<ArkDatePickerTableRowProps>\nexport const DatePickerTableRow = withNoRecipe(DatePicker.TableRow)\n\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport type DatePickerTableBodyProps =\n  CerberusPrimitiveProps<ArkDatePickerTableBodyProps>\nexport const DatePickerTableBody = withNoRecipe(DatePicker.TableBody)\n","import { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react'\nimport type { WithCss } from '../types'\nimport type {\n  CerberusPrimitiveEl,\n  CerberusPrimitiveRecipe,\n  CerberusRecipe,\n  CerberusSlotRecipe,\n  WithRecipeOptions,\n} from './types'\n\n/**\n * This module contains a factory for creating Cerberus primitives.\n * @module @cerberus/core/system/factory\n */\n\nexport class CerberusPrimitive {\n  recipe: CerberusPrimitiveRecipe | null\n\n  constructor(recipe?: CerberusPrimitiveRecipe) {\n    this.recipe = recipe ?? null\n  }\n\n  private hasStyles(styles: string | undefined): Record<string, unknown> {\n    if (styles) {\n      return {\n        className: styles,\n      }\n    }\n    return {}\n  }\n\n  private validateComponent<P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      throw new Error('Expected a React component as the first argument.')\n    }\n  }\n\n  /**\n   * Creates a Cerberus component with bare features and no recipe.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   * @example\n   * ```typescript\n   * const { withNoRecipe } = createCerberusPrimitive(button)\n   * const Button = withNoRecipe(RawButton)\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (props: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = props\n      const styles = this.hasStyles(cx(className, css(customCss)))\n      return <Component {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with the given recipe.\n   * @param Component - The React component to enhance with the recipe.\n   * @param options - Options for the recipe.\n   * @returns A new React component that applies the recipe to the original\n   * component.\n   */\n  withRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusRecipe\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const recipeStyles = recipe(variantOptions)\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, recipeStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with a slot recipe applied.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @param recipe - The slot recipe to apply to the component.\n   * @returns A new React component that applies Cerberus features and the\n   * specified slot recipe to the original component.\n   * @example\n   * ```typescript\n   * const { withSlotRecipe } = createCerberusPrimitive(field)\n   * const Field = withSlotRecipe(RawField, field)\n   * ```\n   */\n  withSlotRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const styles = recipe(variantOptions)\n      const slotStyles = styles[slot as keyof typeof styles]\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, slotStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n}\n","import { CerberusPrimitive } from './primitive-factory'\nimport type { CerberusFactory, CerberusPrimitiveRecipe } from './types'\nimport { cerberusFactoryProxy } from './factory'\n\n/**\n * This module contains the user interface for creating Cerberus primitives.\n * @module @cerberus/core/system/create-cerb-primitive\n */\n\n/**\n * A factory function that creates a Cerberus primitive instance with the given\n * recipe.\n * @param recipe\n * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that\n * apply the recipes and special Cerberus helpers like `css`.\n *\n * @example\n * ```tsx\n * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);\n * export const Button = withRecipe(MyCustomButton)\n * ```\n */\nexport function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(\n  recipe?: T,\n) {\n  return new CerberusPrimitive(recipe)\n}\n\n/**\n * A utility function to access Cerberus components by their name.\n * @param component - The name of the Cerberus component to access.\n * @returns The Cerberus component corresponding to the provided name.\n * @throws An error if the component name is not valid.\n *\n * @example\n * ```tsx\n * import { cerberus } from '@cerberus/react'\n * const Button = cerberus('button')\n *\n * <Button css={{ color: 'blue' }} asChild>\n *  <Link href=\"/some-page\">Click me</Link>\n * </Button>\n * ```\n */\nexport const cerberus = cerberusFactoryProxy as CerberusFactory\n\nexport * from './types'\n","import type { ElementType } from 'react'\nimport {\n  DatePickerClearTrigger,\n  DatePickerContent,\n  DatePickerContext,\n  DatePickerControl,\n  DatePickerInputEl,\n  DatePickerLabel,\n  DatePickerMonthSelect,\n  DatePickerNextTrigger,\n  DatePickerPositioner,\n  DatePickerPrevTrigger,\n  DatePickerRangeText,\n  DatePickerRoot,\n  DatePickerTable,\n  DatePickerTableBody,\n  DatePickerTableCell,\n  DatePickerTableCellTrigger,\n  DatePickerTableHead,\n  DatePickerTableHeader,\n  DatePickerTableRow,\n  DatePickerTrigger,\n  DatePickerView,\n  DatePickerViewControl,\n  DatePickerViewTrigger,\n  DatePickerYearSelect,\n} from './primitives'\n\n/**\n * This module contains the parts of the DatePicker component.\n * @module 'date-picker/parts'\n */\n\ninterface DatePickerPartsValue {\n  /**\n   * The container of the date-picker.\n   */\n  Root: ElementType\n  /**\n   * The label of the date-picker.\n   */\n  Label: ElementType\n  /**\n   * The control of the date-picker.\n   */\n  Control: ElementType\n  /**\n   * The input of the date-picker.\n   */\n  Input: ElementType\n  /**\n   * The trigger that opens the date-picker.\n   */\n  Trigger: ElementType\n  /**\n   * The trigger that clears the value of the date-picker.\n   */\n  ClearTrigger: ElementType\n  /**\n   * The positioner of the content for the date-picker.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the date-picker.\n   */\n  Content: ElementType\n  /**\n   * The year select input of the date-picker.\n   */\n  YearSelect: ElementType\n  /**\n   * The month select input of the date-picker.\n   */\n  MonthSelect: ElementType\n  /**\n   * The day view of the date-picker.\n   */\n  View: ElementType\n  /**\n   * The day context of the date-picker.\n   */\n  Context: ElementType\n  /**\n   * The container for the content triggers.\n   */\n  ViewControl: ElementType\n  /**\n   * The trigger that moves to the previous month.\n   */\n  PrevTrigger: ElementType\n  /**\n   * The trigger that moves to the next month.\n   */\n  NextTrigger: ElementType\n  /**\n   * The trigger that moves to the next view.\n   */\n  ViewTrigger: ElementType\n  /**\n   * The range text of the date-picker.\n   */\n  RangeText: ElementType\n  /**\n   * The table of the date-picker.\n   */\n  Table: ElementType\n  /**\n   * The table head of the date-picker.\n   */\n  TableHead: ElementType\n  /**\n   * The table row of the date-picker.\n   */\n  TableRow: ElementType\n  /**\n   * The header text for the table.\n   */\n  TableHeader: ElementType\n  /**\n   * The body of the table.\n   */\n  TableBody: ElementType\n  /**\n   * The table cell of the table.\n   */\n  TableCell: ElementType\n  /**\n   * The trigger for the table cell.\n   */\n  TableCellTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the DatePicker component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the DatePickerParts object and\n * the entire family of components vs. only what you use.\n */\nexport const DatePickerParts: DatePickerPartsValue = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Input: DatePickerInputEl,\n  Trigger: DatePickerTrigger,\n  ClearTrigger: DatePickerClearTrigger,\n  Positioner: DatePickerPositioner,\n  Content: DatePickerContent,\n  YearSelect: DatePickerYearSelect,\n  MonthSelect: DatePickerMonthSelect,\n  View: DatePickerView,\n  Context: DatePickerContext,\n  ViewControl: DatePickerViewControl,\n  PrevTrigger: DatePickerPrevTrigger,\n  NextTrigger: DatePickerNextTrigger,\n  ViewTrigger: DatePickerViewTrigger,\n  RangeText: DatePickerRangeText,\n  Table: DatePickerTable,\n  TableHead: DatePickerTableHead,\n  TableRow: DatePickerTableRow,\n  TableHeader: DatePickerTableHeader,\n  TableBody: DatePickerTableBody,\n  TableCell: DatePickerTableCell,\n  TableCellTrigger: DatePickerTableCellTrigger,\n}\n","import { Portal } from '../portal/index'\nimport type { DatePickerCalendarProps } from './calendar'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerContentProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerContent\n * primitive.\n * @module 'date-picker/content'\n */\n\n/**\n * An abstraction of the DatePicker content that wraps the DatePickerParts\n * primitives.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerContent(\n  props: DatePickerContentProps & DatePickerCalendarProps,\n) {\n  const { withModal, container, ...contentProps } = props\n  return (\n    <Portal disabled={withModal ?? false} container={container}>\n      <DatePickerParts.Positioner>\n        <DatePickerParts.Content {...contentProps} />\n      </DatePickerParts.Positioner>\n    </Portal>\n  )\n}\n","'use client'\n\nimport { css } from 'styled-system/css'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Button } from '../button/button'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerViewControlProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerViewControl\n * primitive.\n * @module 'date-picker/view-control-group'\n */\n\n/**\n * An abstraction of the DatePicker control that contains the prev, view, and\n * next triggers which control the calendar output.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerViewControlGroup(props: DatePickerViewControlProps) {\n  const { icons } = useCerberusContext()\n  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons\n\n  return (\n    <DatePickerParts.ViewControl {...props}>\n      <DatePickerParts.PrevTrigger asChild>\n        <IconButton ariaLabel=\"Previous\" size=\"sm\">\n          <PrevIcon />\n        </IconButton>\n      </DatePickerParts.PrevTrigger>\n\n      <DatePickerParts.ViewTrigger asChild>\n        <Button\n          className={css({\n            h: '2rem',\n            paddingInline: 'md',\n          })}\n          shape=\"rounded\"\n          size=\"sm\"\n          usage=\"ghost\"\n        >\n          <DatePickerParts.RangeText />\n        </Button>\n      </DatePickerParts.ViewTrigger>\n\n      <DatePickerParts.NextTrigger asChild>\n        <IconButton ariaLabel=\"Next\" size=\"sm\">\n          <NextIcon />\n        </IconButton>\n      </DatePickerParts.NextTrigger>\n    </DatePickerParts.ViewControl>\n  )\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { type ButtonVariantProps } from 'styled-system/recipes'\nimport { Box } from 'styled-system/jsx'\nimport type { CerberusPrimitiveProps } from '../../system/types'\nimport { Show } from '../show/index'\nimport { Spinner } from '../spinner/index'\nimport { ButtonRoot } from './primitives'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = CerberusPrimitiveProps<\n  HTMLArkProps<'button'> &\n    ButtonVariantProps & {\n      pending?: boolean\n    }\n>\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n  return (\n    <ButtonContext.Provider value={value}>\n      <ButtonRoot {...nativeProps} disabled={pending || nativeProps.disabled} />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n","import { ark } from '@ark-ui/react/factory'\nimport { button } from 'styled-system/recipes'\nimport { createCerberusPrimitive } from '../../system/index'\n\n/**\n * This module contains the Button component primitives.\n * @module @cerberus-design/react/components/button/primitives\n */\n\nconst { withRecipe } = createCerberusPrimitive(button)\n\n/**\n * The root element of the Button component.\n */\nexport const ButtonRoot = withRecipe(ark.button)\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { iconButton, type IconButtonVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the IconButton component primitives.\n * @module @cerberus-design/react/components/icon-button/primitives\n */\n\nconst { withRecipe } = createCerberusPrimitive(iconButton)\n\n/**\n * The root element of the Button component.\n */\nexport type IconButtonRootProps = CerberusPrimitiveProps<\n  HTMLArkProps<'button'> & IconButtonVariantProps\n>\nexport const IconButtonRoot = withRecipe(ark.button)\n","import { IconButtonRoot, type IconButtonRootProps } from './primitives'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonProps extends IconButtonRootProps {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps) {\n  const { ariaLabel, ...rootProps } = props\n  return (\n    <IconButtonRoot {...rootProps} aria-label={ariaLabel ?? 'Icon Button'} />\n  )\n}\n","'use client'\n\nimport type {\n  DatePicker,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerViewProps } from './primitives'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DayView component.\n * @module 'date-picker/day-view'\n */\n\nexport type DateValue = DatePicker.DateValue\n\n/**\n * An abstraction of the DatePickerDayView that renders the day view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>) {\n  function isToday(date: DateValue): boolean {\n    const today = new Date()\n    const formatted = today.toISOString().split('T')[0]\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return formatted === arkDate\n  }\n\n  function isPastDay(date: DateValue): boolean {\n    const today = new Date()\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return new Date(arkDate) < today\n  }\n\n  function getDayValue(date: DateValue): 'today' | 'past' | 'future' {\n    if (isToday(date)) return 'today'\n    if (isPastDay(date)) return 'past'\n    return 'future'\n  }\n\n  return (\n    <DatePickerParts.View {...props} view=\"day\">\n      <DatePickerParts.Context>\n        {(datePickerData: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableHead>\n                <DatePickerParts.TableRow>\n                  {datePickerData.weekDays.map((weekDay, id) => (\n                    <DatePickerParts.TableHeader key={id}>\n                      {weekDay.narrow}\n                    </DatePickerParts.TableHeader>\n                  ))}\n                </DatePickerParts.TableRow>\n              </DatePickerParts.TableHead>\n\n              <DatePickerParts.TableBody>\n                {datePickerData.weeks.map((week, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {week.map((day, id) => (\n                      <DatePickerParts.TableCell key={id} value={day}>\n                        <DatePickerParts.TableCellTrigger\n                          data-date={getDayValue(day)}\n                        >\n                          {day.day}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n","'use client'\n\nimport type { UseDatePickerContext } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\nimport type { DatePickerViewProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerMonthView\n * component.\n * @module 'date-picker/month-view'\n */\n\n/**\n * An abstraction of the DatePickerMonthView that renders the month view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerMonthView(props: DatePickerViewProps) {\n  return (\n    <DatePickerParts.View {...props} view=\"month\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker\n                  .getMonthsGrid({ columns: 4, format: 'short' })\n                  .map((months, id) => (\n                    <DatePickerParts.TableRow key={id}>\n                      {months.map((month, id) => (\n                        <DatePickerParts.TableCell key={id} value={month.value}>\n                          <DatePickerParts.TableCellTrigger>\n                            {month.label}\n                          </DatePickerParts.TableCellTrigger>\n                        </DatePickerParts.TableCell>\n                      ))}\n                    </DatePickerParts.TableRow>\n                  ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n","'use client'\n\nimport type { UseDatePickerContext } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\nimport type { DatePickerViewProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerYearView\n * component.\n * @module 'date-picker/year-view'\n */\n\n/**\n * An abstraction of the DatePickerYearView that renders the year view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerYearView(props: DatePickerViewProps) {\n  return (\n    <DatePickerParts.View {...props} view=\"year\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker.getYearsGrid({ columns: 4 }).map((years, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {years.map((year, id) => (\n                      <DatePickerParts.TableCell key={id} value={year.value}>\n                        <DatePickerParts.TableCellTrigger>\n                          {year.label}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":"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","names":["ArkPortal","import_jsx_runtime","DatePickerContent","import_css","import_react","import_jsx_runtime","import_react","import_recipes","import_jsx_runtime","import_factory","import_recipes","withRecipe","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","id","import_jsx_runtime","datePicker","id","import_jsx_runtime","datePicker","id","import_jsx_runtime","DatePickerContent"]}

package/build/legacy/components/date-picker/calendar.d.cts

@@ -1 +1,2 @@
 export { DatePickerCalendar_alias_1 as DatePickerCalendar } from '../../_tsup-dts-rollup.cjs';
+export { DatePickerCalendarProps_alias_1 as DatePickerCalendarProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/date-picker/content.cjs

@@ -3,6 +3,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/components/date-picker/content.tsx
 var content_exports = {};
@@ -24,168 +26,166 @@ __export(content_exports, {
 });
 module.exports = __toCommonJS(content_exports);
 
-// src/components/Portal.tsx
+// src/components/portal/portal.tsx
 var import_react = require("@ark-ui/react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Portal(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Portal, { ...props });
-}
+var Portal = import_react.Portal;
 
 // src/components/date-picker/primitives.tsx
 var import_date_picker = require("@ark-ui/react/date-picker");
-var import_css = require("styled-system/css");
 var import_recipes = require("styled-system/recipes");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function DatePickerLabel(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Label,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.label, props.className)
-    }
-  );
-}
-function DatePickerControl(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Control,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.control, props.className)
-    }
-  );
-}
-function DatePickerInputEl(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Input,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.input, props.className)
-    }
-  );
-}
-function DatePickerTrigger(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Trigger,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.trigger, props.className)
-    }
-  );
-}
-function DatePickerContent(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Content,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.content, props.className)
-    }
-  );
-}
-function DatePickerViewControl(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Control,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.viewControl, props.className)
-    }
-  );
-}
-function DatePickerRangeText(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.RangeText,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.rangeText, props.className)
-    }
-  );
-}
-function DatePickerTable(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.Table,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.table, props.className)
-    }
-  );
-}
-function DatePickerTableHeader(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.TableHeader,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.tableHeader, props.className)
-    }
-  );
-}
-function DatePickerTableCell(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.TableCell,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.tableCell, props.className)
+
+// src/system/primitive-factory.tsx
+var import_css = require("styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusPrimitive = class {
+  constructor(recipe) {
+    __publicField(this, "recipe");
+    /**
+     * Creates a Cerberus component with bare features and no recipe.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @returns A new React component that applies Cerberus features to the
+     * original component.
+     * @example
+     * ```typescript
+     * const { withNoRecipe } = createCerberusPrimitive(button)
+     * const Button = withNoRecipe(RawButton)
+     * ```
+     */
+    __publicField(this, "withNoRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      this.validateComponent(Component);
+      const CerbComponent = (props) => {
+        const { css: customCss, className, ...nativeProps } = props;
+        const styles = this.hasStyles((0, import_css.cx)(className, (0, import_css.css)(customCss)));
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with the given recipe.
+     * @param Component - The React component to enhance with the recipe.
+     * @param options - Options for the recipe.
+     * @returns A new React component that applies the recipe to the original
+     * component.
+     */
+    __publicField(this, "withRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const recipeStyles = recipe(variantOptions);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, recipeStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with a slot recipe applied.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @param recipe - The slot recipe to apply to the component.
+     * @returns A new React component that applies Cerberus features and the
+     * specified slot recipe to the original component.
+     * @example
+     * ```typescript
+     * const { withSlotRecipe } = createCerberusPrimitive(field)
+     * const Field = withSlotRecipe(RawField, field)
+     * ```
+     */
+    __publicField(this, "withSlotRecipe", (Component, slot, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const styles = recipe(variantOptions);
+        const slotStyles = styles[slot];
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, slotStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    this.recipe = recipe ?? null;
+  }
+  hasStyles(styles) {
+    if (styles) {
+      return {
+        className: styles
+      };
     }
-  );
-}
-function DatePickerTableCellTrigger(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_date_picker.DatePicker.TableCellTrigger,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.tableCellTrigger, props.className)
+    return {};
+  }
+  validateComponent(Component) {
+    if (typeof Component !== "function" && typeof Component !== "object") {
+      throw new Error("Expected a React component as the first argument.");
     }
-  );
-}
-function DatePickerRoot(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.Root, { ...props });
-}
-function DatePickerClearTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.ClearTrigger, { ...props });
-}
-function DatePickerPositioner(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.Positioner, { ...props });
-}
-function DatePickerYearSelect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.YearSelect, { ...props });
-}
-function DatePickerMonthSelect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.MonthSelect, { ...props });
-}
-function DatePickerView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.View, { ...props });
-}
-function DatePickerContext(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.Context, { ...props });
-}
-function DatePickerPrevTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.PrevTrigger, { ...props });
-}
-function DatePickerNextTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.NextTrigger, { ...props });
-}
-function DatePickerViewTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.ViewTrigger, { ...props });
-}
-function DatePickerTableHead(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.TableHead, { ...props });
-}
-function DatePickerTableRow(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.TableRow, { ...props });
-}
-function DatePickerTableBody(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_date_picker.DatePicker.TableBody, { ...props });
+  }
+};
+
+// src/system/index.ts
+function createCerberusPrimitive(recipe) {
+  return new CerberusPrimitive(recipe);
 }
 
+// src/components/date-picker/primitives.tsx
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(import_recipes.datePicker);
+var DatePickerLabel = withSlotRecipe(import_date_picker.DatePicker.Label, "label");
+var DatePickerControl = withSlotRecipe(import_date_picker.DatePicker.Control, "control");
+var DatePickerInputEl = withSlotRecipe(import_date_picker.DatePicker.Input, "input");
+var DatePickerTrigger = withSlotRecipe(import_date_picker.DatePicker.Trigger, "trigger");
+var DatePickerContent = withSlotRecipe(import_date_picker.DatePicker.Content, "content");
+var DatePickerViewControl = withSlotRecipe(
+  import_date_picker.DatePicker.Control,
+  "viewControl"
+);
+var DatePickerRangeText = withSlotRecipe(
+  import_date_picker.DatePicker.RangeText,
+  "rangeText"
+);
+var DatePickerTable = withSlotRecipe(import_date_picker.DatePicker.Table, "table");
+var DatePickerTableHeader = withSlotRecipe(
+  import_date_picker.DatePicker.TableHeader,
+  "tableHeader"
+);
+var DatePickerTableCell = withSlotRecipe(
+  import_date_picker.DatePicker.TableCell,
+  "tableCell"
+);
+var DatePickerTableCellTrigger = withSlotRecipe(
+  import_date_picker.DatePicker.TableCellTrigger,
+  "tableCellTrigger"
+);
+var DatePickerRoot = withNoRecipe(import_date_picker.DatePicker.Root);
+var DatePickerClearTrigger = withNoRecipe(import_date_picker.DatePicker.ClearTrigger);
+var DatePickerPositioner = withNoRecipe(import_date_picker.DatePicker.Positioner);
+var DatePickerYearSelect = withNoRecipe(import_date_picker.DatePicker.YearSelect);
+var DatePickerMonthSelect = withNoRecipe(import_date_picker.DatePicker.MonthSelect);
+var DatePickerView = withNoRecipe(import_date_picker.DatePicker.View);
+var DatePickerContext = import_date_picker.DatePicker.Context;
+var DatePickerPrevTrigger = withNoRecipe(import_date_picker.DatePicker.PrevTrigger);
+var DatePickerNextTrigger = withNoRecipe(import_date_picker.DatePicker.NextTrigger);
+var DatePickerViewTrigger = withNoRecipe(import_date_picker.DatePicker.ViewTrigger);
+var DatePickerTableHead = withNoRecipe(import_date_picker.DatePicker.TableHead);
+var DatePickerTableRow = withNoRecipe(import_date_picker.DatePicker.TableRow);
+var DatePickerTableBody = withNoRecipe(import_date_picker.DatePicker.TableBody);
+
 // src/components/date-picker/parts.ts
 var DatePickerParts = {
   Root: DatePickerRoot,
@@ -215,10 +215,10 @@ var DatePickerParts = {
 };
 
 // src/components/date-picker/content.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function DatePickerContent2(props) {
-  const { withModal, ...contentProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Portal, { disabled: withModal ?? false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DatePickerParts.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DatePickerParts.Content, { ...contentProps }) }) });
+  const { withModal, container, ...contentProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Portal, { disabled: withModal ?? false, container, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DatePickerParts.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DatePickerParts.Content, { ...contentProps }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {