@cerberus-design/react 0.18.4 → 0.19.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-picker/content.tsx","../../../../src/components/Portal.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts"],"sourcesContent":["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","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"],"mappings":"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","names":["DatePickerContent","ArkPortal","import_jsx_runtime","import_jsx_runtime","DatePickerContent"]}
+{"version":3,"sources":["../../../../src/components/date-picker/content.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"],"sourcesContent":["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","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"],"mappings":"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","names":["DatePickerContent","ArkPortal","import_jsx_runtime","DatePickerContent"]}

package/build/legacy/components/date-picker/date-picker.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/date-picker.tsx
 var date_picker_exports = {};
@@ -26,159 +28,160 @@ module.exports = __toCommonJS(date_picker_exports);
 
 // 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");
+
+// src/system/primitive-factory.tsx
+var import_css = require("styled-system/css");
 var import_jsx_runtime = require("react/jsx-runtime");
-function DatePickerLabel(props) {
-  const styles = (0, import_recipes.datePicker)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.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_runtime.jsx)(
-    import_date_picker.DatePicker.TableCell,
-    {
-      ...props,
-      className: (0, import_css.cx)(styles.tableCell, props.className)
+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_runtime.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_runtime.jsx)(import_date_picker.DatePicker.Root, { ...props });
-}
-function DatePickerClearTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.ClearTrigger, { ...props });
-}
-function DatePickerPositioner(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.Positioner, { ...props });
-}
-function DatePickerYearSelect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.YearSelect, { ...props });
-}
-function DatePickerMonthSelect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.MonthSelect, { ...props });
-}
-function DatePickerView(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.View, { ...props });
-}
-function DatePickerContext(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.Context, { ...props });
-}
-function DatePickerPrevTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.PrevTrigger, { ...props });
-}
-function DatePickerNextTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.NextTrigger, { ...props });
-}
-function DatePickerViewTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.ViewTrigger, { ...props });
-}
-function DatePickerTableHead(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.TableHead, { ...props });
-}
-function DatePickerTableRow(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_date_picker.DatePicker.TableRow, { ...props });
-}
-function DatePickerTableBody(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-picker/date-picker.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts"],"sourcesContent":["import type { DatePickerRootProps } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\n\n/**\n * This module contains an abstraction of the DatePicker.Root primitive.\n * @module 'date-picker/root'\n */\n\n/**\n * DatePicker component is an abstraction of the DatePickerRoot primitive which\n * is the context provider to the DatePicker.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/date-picker)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/date-picker)\n */\nexport function DatePicker(props: DatePickerRootProps) {\n  // const handleFormat = useCallback((date: DateValue) => {\n  //   const day = date.day.toString().padStart(2, '0')\n  //   const year = date.year.toString()\n  //   const formattedMonth = new DateFormatter('en-US', {\n  //     month: 'short',\n  //   }).format(date.toDate(getLocalTimeZone()))\n\n  //   // Format the date as \"DD MMM YYYY\"\n  //   return `${day} ${formattedMonth} ${year}`\n  // }, [])\n\n  return (\n    <DatePickerParts.Root\n      {...props}\n      positioning={{\n        placement: 'bottom-start',\n      }}\n    />\n  )\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"],"mappings":"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","names":["DatePicker","import_jsx_runtime","DatePicker"]}
+{"version":3,"sources":["../../../../src/components/date-picker/date-picker.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/date-picker/parts.ts"],"sourcesContent":["import { DatePickerParts } from './parts'\nimport type { DatePickerRootProps } from './primitives'\n\n/**\n * This module contains an abstraction of the DatePicker.Root primitive.\n * @module 'date-picker/root'\n */\n\n/**\n * DatePicker component is an abstraction of the DatePickerRoot primitive which\n * is the context provider to the DatePicker.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/date-picker)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/date-picker)\n */\nexport function DatePicker(props: DatePickerRootProps) {\n  // const handleFormat = useCallback((date: DateValue) => {\n  //   const day = date.day.toString().padStart(2, '0')\n  //   const year = date.year.toString()\n  //   const formattedMonth = new DateFormatter('en-US', {\n  //     month: 'short',\n  //   }).format(date.toDate(getLocalTimeZone()))\n\n  //   // Format the date as \"DD MMM YYYY\"\n  //   return `${day} ${formattedMonth} ${year}`\n  // }, [])\n\n  return (\n    <DatePickerParts.Root\n      {...props}\n      positioning={{\n        placement: 'bottom-start',\n      }}\n    />\n  )\n}\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"],"mappings":"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","names":["DatePicker","import_jsx_runtime","DatePicker"]}