@cerberus-design/react 0.19.2 → 0.20.0

package/build/legacy/components/date-picker/range-input.cjs

@@ -39,23 +39,28 @@ var CerberusPrimitive = class {
     /**
      * Creates a Cerberus component with bare features and no recipe.
      * @param Component - The React component to enhance with Cerberus features.
+     * Can be a string or a component reference.
      * @returns A new React component that applies Cerberus features to the
      * original component.
+     *
      * @example
-     * ```typescript
-     * const { withNoRecipe } = createCerberusPrimitive(button)
-     * const Button = withNoRecipe(RawButton)
+     * ```ts
+     * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)
+     * const Button = withNoRecipe('button')
      * ```
      */
     __publicField(this, "withNoRecipe", (Component, options) => {
       const { defaultProps } = options || {};
-      this.validateComponent(Component);
+      const El = 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 });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(El, { ...defaultProps, ...styles, ...nativeProps });
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -67,8 +72,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withRecipe", (Component, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -86,7 +91,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -103,8 +111,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withSlotRecipe", (Component, slot, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -123,7 +131,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     this.recipe = recipe ?? null;
@@ -138,8 +149,9 @@ var CerberusPrimitive = class {
   }
   validateComponent(Component) {
     if (typeof Component !== "function" && typeof Component !== "object") {
-      throw new Error("Expected a React component as the first argument.");
+      return false;
     }
+    return true;
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-picker/range-input.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/date-picker/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/icon-button/primitives.ts","../../../../src/components/icon-button/button.tsx","../../../../src/components/date-picker/trigger.tsx"],"sourcesContent":["import { DatePickerParts } from './parts'\nimport type { DatePickerInputElProps } from './primitives'\nimport { DatePickerTrigger } from './trigger'\n\n/**\n * This private module contains the RangePickerInput component.\n * @module RangePickerInput\n */\n\nexport type RangePickerInputProps = DatePickerInputElProps\n\n/**\n * An abstraction of the DatePicker input that wraps the input and the\n * triggers to open the DatePicker and clear the value.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function RangePickerInput(props: RangePickerInputProps) {\n  return (\n    <DatePickerParts.Control data-range>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        data-range-end-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={1}\n      />\n    </DatePickerParts.Control>\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 {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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 {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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","'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 { 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 { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerTriggerProps } from './primitives'\n\n/**\n * This private module contains the DatePicker trigger component.\n * @module DatePickerTrigger\n */\n\n/**\n * An abstraction of the DatePickerTrigger that toggles the calender open.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n\n  return (\n    <DatePickerParts.Trigger {...props} asChild>\n      <IconButton ariaLabel=\"Open calendar\" size=\"sm\" usage=\"ghost\">\n        <CalendarIcon />\n      </IconButton>\n    </DatePickerParts.Trigger>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_recipes","import_jsx_runtime","import_jsx_runtime","DatePickerTrigger","import_jsx_runtime","DatePickerTrigger"]}
+{"version":3,"sources":["../../../../src/components/date-picker/range-input.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/date-picker/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/icon-button/primitives.ts","../../../../src/components/icon-button/button.tsx","../../../../src/components/date-picker/trigger.tsx"],"sourcesContent":["import { DatePickerParts } from './parts'\nimport type { DatePickerInputElProps } from './primitives'\nimport { DatePickerTrigger } from './trigger'\n\n/**\n * This private module contains the RangePickerInput component.\n * @module RangePickerInput\n */\n\nexport type RangePickerInputProps = DatePickerInputElProps\n\n/**\n * An abstraction of the DatePicker input that wraps the input and the\n * triggers to open the DatePicker and clear the value.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function RangePickerInput(props: RangePickerInputProps) {\n  return (\n    <DatePickerParts.Control data-range>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        data-range-end-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={1}\n      />\n    </DatePickerParts.Control>\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 ElementType,\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> | string,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      return false\n    }\n    return true\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   * Can be a string or a component reference.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   *\n   * @example\n   * ```ts\n   * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)\n   * const Button = withNoRecipe('button')\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P> | string,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\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 <El {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\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> | string,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const recipe = this.recipe as CerberusRecipe\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\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> | string,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\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","'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 { 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 { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerTriggerProps } from './primitives'\n\n/**\n * This private module contains the DatePicker trigger component.\n * @module DatePickerTrigger\n */\n\n/**\n * An abstraction of the DatePickerTrigger that toggles the calender open.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n\n  return (\n    <DatePickerParts.Trigger {...props} asChild>\n      <IconButton ariaLabel=\"Open calendar\" size=\"sm\" usage=\"ghost\">\n        <CalendarIcon />\n      </IconButton>\n    </DatePickerParts.Trigger>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_recipes","import_jsx_runtime","import_jsx_runtime","DatePickerTrigger","import_jsx_runtime","DatePickerTrigger"]}

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

@@ -52,23 +52,28 @@ var CerberusPrimitive = class {
     /**
      * Creates a Cerberus component with bare features and no recipe.
      * @param Component - The React component to enhance with Cerberus features.
+     * Can be a string or a component reference.
      * @returns A new React component that applies Cerberus features to the
      * original component.
+     *
      * @example
-     * ```typescript
-     * const { withNoRecipe } = createCerberusPrimitive(button)
-     * const Button = withNoRecipe(RawButton)
+     * ```ts
+     * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)
+     * const Button = withNoRecipe('button')
      * ```
      */
     __publicField(this, "withNoRecipe", (Component, options) => {
       const { defaultProps } = options || {};
-      this.validateComponent(Component);
+      const El = 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_runtime2.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(El, { ...defaultProps, ...styles, ...nativeProps });
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -80,8 +85,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withRecipe", (Component, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -99,7 +104,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -116,8 +124,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withSlotRecipe", (Component, slot, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -136,7 +144,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     this.recipe = recipe ?? null;
@@ -151,8 +162,9 @@ var CerberusPrimitive = class {
   }
   validateComponent(Component) {
     if (typeof Component !== "function" && typeof Component !== "object") {
-      throw new Error("Expected a React component as the first argument.");
+      return false;
     }
+    return true;
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-picker/trigger.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/icon-button/primitives.ts","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/icon-button/button.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerTriggerProps } from './primitives'\n\n/**\n * This private module contains the DatePicker trigger component.\n * @module DatePickerTrigger\n */\n\n/**\n * An abstraction of the DatePickerTrigger that toggles the calender open.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n\n  return (\n    <DatePickerParts.Trigger {...props} asChild>\n      <IconButton ariaLabel=\"Open calendar\" size=\"sm\" usage=\"ghost\">\n        <CalendarIcon />\n      </IconButton>\n    </DatePickerParts.Trigger>\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 { 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 { 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 {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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 {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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 { 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","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 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":["DatePickerTrigger","import_jsx_runtime","import_jsx_runtime","import_recipes","import_jsx_runtime","DatePickerTrigger"]}
+{"version":3,"sources":["../../../../src/components/date-picker/trigger.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/icon-button/primitives.ts","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/icon-button/button.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerTriggerProps } from './primitives'\n\n/**\n * This private module contains the DatePicker trigger component.\n * @module DatePickerTrigger\n */\n\n/**\n * An abstraction of the DatePickerTrigger that toggles the calender open.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n\n  return (\n    <DatePickerParts.Trigger {...props} asChild>\n      <IconButton ariaLabel=\"Open calendar\" size=\"sm\" usage=\"ghost\">\n        <CalendarIcon />\n      </IconButton>\n    </DatePickerParts.Trigger>\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 { 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 { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type ElementType,\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> | string,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      return false\n    }\n    return true\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   * Can be a string or a component reference.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   *\n   * @example\n   * ```ts\n   * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)\n   * const Button = withNoRecipe('button')\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P> | string,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\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 <El {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\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> | string,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const recipe = this.recipe as CerberusRecipe\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\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> | string,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\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    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\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 { 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","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 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":["DatePickerTrigger","import_jsx_runtime","import_jsx_runtime","import_recipes","import_jsx_runtime","DatePickerTrigger"]}

package/build/legacy/components/date-picker/view-control-group.cjs

@@ -57,23 +57,28 @@ var CerberusPrimitive = class {
     /**
      * Creates a Cerberus component with bare features and no recipe.
      * @param Component - The React component to enhance with Cerberus features.
+     * Can be a string or a component reference.
      * @returns A new React component that applies Cerberus features to the
      * original component.
+     *
      * @example
-     * ```typescript
-     * const { withNoRecipe } = createCerberusPrimitive(button)
-     * const Button = withNoRecipe(RawButton)
+     * ```ts
+     * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)
+     * const Button = withNoRecipe('button')
      * ```
      */
     __publicField(this, "withNoRecipe", (Component, options) => {
       const { defaultProps } = options || {};
-      this.validateComponent(Component);
+      const El = 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_runtime2.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(El, { ...defaultProps, ...styles, ...nativeProps });
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -85,8 +90,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withRecipe", (Component, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -104,7 +109,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -121,8 +129,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withSlotRecipe", (Component, slot, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -141,7 +149,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     this.recipe = recipe ?? null;
@@ -156,8 +167,9 @@ var CerberusPrimitive = class {
   }
   validateComponent(Component) {
     if (typeof Component !== "function" && typeof Component !== "object") {
-      throw new Error("Expected a React component as the first argument.");
+      return false;
     }
+    return true;
   }
 };