@cerberus-design/react 0.16.0-next-d049636 → 0.17.0-next-e7f9956

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

@@ -0,0 +1,267 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/date-picker/range-input.tsx
+var range_input_exports = {};
+__export(range_input_exports, {
+  RangePickerInput: () => RangePickerInput
+});
+module.exports = __toCommonJS(range_input_exports);
+var import_react2 = require("react");
+
+// src/components/date-picker/primitives.tsx
+var import_date_picker = require("@ark-ui/react/date-picker");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DatePickerLabel(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Label,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.label, props.className)
+    }
+  );
+}
+function DatePickerControl(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function DatePickerInputEl(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Input,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.input, props.className)
+    }
+  );
+}
+function DatePickerTrigger(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Trigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function DatePickerContent(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Content,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.content, props.className)
+    }
+  );
+}
+function DatePickerViewControl(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.viewControl, props.className)
+    }
+  );
+}
+function DatePickerRangeText(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.RangeText,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.rangeText, props.className)
+    }
+  );
+}
+function DatePickerTable(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.Table,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.table, props.className)
+    }
+  );
+}
+function DatePickerTableHeader(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.TableHeader,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tableHeader, props.className)
+    }
+  );
+}
+function DatePickerTableCell(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.TableCell,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tableCell, props.className)
+    }
+  );
+}
+function DatePickerTableCellTrigger(props) {
+  const styles = (0, import_recipes.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_date_picker.DatePicker.TableCellTrigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tableCellTrigger, props.className)
+    }
+  );
+}
+var DatePickerRoot = import_date_picker.DatePicker.Root;
+var DatePickerClearTrigger = import_date_picker.DatePicker.ClearTrigger;
+var DatePickerPositioner = import_date_picker.DatePicker.Positioner;
+var DatePickerYearSelect = import_date_picker.DatePicker.YearSelect;
+var DatePickerMonthSelect = import_date_picker.DatePicker.MonthSelect;
+var DatePickerView = import_date_picker.DatePicker.View;
+var DatePickerContext = import_date_picker.DatePicker.Context;
+var DatePickerPrevTrigger = import_date_picker.DatePicker.PrevTrigger;
+var DatePickerNextTrigger = import_date_picker.DatePicker.NextTrigger;
+var DatePickerViewTrigger = import_date_picker.DatePicker.ViewTrigger;
+var DatePickerTableHead = import_date_picker.DatePicker.TableHead;
+var DatePickerTableRow = import_date_picker.DatePicker.TableRow;
+var DatePickerTableBody = import_date_picker.DatePicker.TableBody;
+
+// src/components/date-picker/parts.ts
+var DatePickerParts = {
+  Root: DatePickerRoot,
+  Label: DatePickerLabel,
+  Control: DatePickerControl,
+  Input: DatePickerInputEl,
+  Trigger: DatePickerTrigger,
+  ClearTrigger: DatePickerClearTrigger,
+  Positioner: DatePickerPositioner,
+  Content: DatePickerContent,
+  YearSelect: DatePickerYearSelect,
+  MonthSelect: DatePickerMonthSelect,
+  View: DatePickerView,
+  Context: DatePickerContext,
+  ViewControl: DatePickerViewControl,
+  PrevTrigger: DatePickerPrevTrigger,
+  NextTrigger: DatePickerNextTrigger,
+  ViewTrigger: DatePickerViewTrigger,
+  RangeText: DatePickerRangeText,
+  Table: DatePickerTable,
+  TableHead: DatePickerTableHead,
+  TableRow: DatePickerTableRow,
+  TableHeader: DatePickerTableHeader,
+  TableBody: DatePickerTableBody,
+  TableCell: DatePickerTableCell,
+  TableCellTrigger: DatePickerTableCellTrigger
+};
+
+// src/context/cerberus.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CerberusContext = (0, import_react.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/IconButton.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_css2 = require("@cerberus/styled-system/css");
+var import_recipes2 = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { ariaLabel, palette, usage, size, ...nativeProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_factory.ark.button,
+    {
+      ...nativeProps,
+      "aria-label": ariaLabel ?? "Icon Button",
+      className: (0, import_css2.cx)(
+        nativeProps.className,
+        (0, import_recipes2.iconButton)({
+          palette,
+          usage,
+          size
+        })
+      )
+    }
+  );
+}
+
+// src/components/date-picker/trigger.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function DatePickerTrigger2(props) {
+  const { icons } = useCerberusContext();
+  const { calendar: CalendarIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DatePickerParts.Trigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconButton, { ariaLabel: "Open calendar", size: "sm", usage: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CalendarIcon, {}) }) });
+}
+
+// src/components/date-picker/range-input.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function RangePickerInput(props) {
+  const { defaultValue, ...nativeProps } = props;
+  const startDate = (0, import_react2.useMemo)(() => defaultValue == null ? void 0 : defaultValue[0], [defaultValue]);
+  const endDate = (0, import_react2.useMemo)(() => defaultValue == null ? void 0 : defaultValue[1], [defaultValue]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DatePickerParts.Control, { "data-range": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerTrigger2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      DatePickerParts.Input,
+      {
+        ...nativeProps,
+        "data-range-input": true,
+        defaultValue: startDate,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 0
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      DatePickerParts.Input,
+      {
+        ...nativeProps,
+        "data-range-input": true,
+        defaultValue: endDate,
+        "data-range-end-input": true,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 1
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RangePickerInput
+});
+//# sourceMappingURL=range-input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-picker/range-input.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/IconButton.tsx","../../../../src/components/date-picker/trigger.tsx"],"sourcesContent":["'use client'\n\nimport type { DatePickerInputProps } from '@ark-ui/react/date-picker'\nimport { useMemo, type InputHTMLAttributes } from 'react'\nimport { DatePickerParts } from './parts'\nimport { DatePickerTrigger } from './trigger'\n\nexport interface RangePickerInputProps\n  extends Omit<DatePickerInputProps, 'defaultValue'> {\n  /**\n   * The defaultValue to add for the inputs. The first item is the start date\n   * and the second item is the end date.\n   */\n  defaultValue?: [\n    InputHTMLAttributes<HTMLInputElement>['defaultValue'],\n    InputHTMLAttributes<HTMLInputElement>['defaultValue'],\n  ]\n}\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  const { defaultValue, ...nativeProps } = props\n\n  const startDate = useMemo(() => defaultValue?.[0], [defaultValue])\n  const endDate = useMemo(() => defaultValue?.[1], [defaultValue])\n\n  return (\n    <DatePickerParts.Control data-range>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...nativeProps}\n        data-range-input\n        defaultValue={startDate}\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <DatePickerParts.Input\n        {...nativeProps}\n        data-range-input\n        defaultValue={endDate}\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,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerRangeTextProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from '@cerberus/styled-system/css'\nimport { datePicker } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\n/**\n * The label component for the DatePicker.\n */\nexport function DatePickerLabel(props: DatePickerLabelProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport function DatePickerControl(props: DatePickerControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input component for the DatePicker.\n */\nexport function DatePickerInputEl(props: DatePickerInputProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Input\n      {...props}\n      className={cx(styles.input, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The content component for the DatePicker.\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Content\n      {...props}\n      className={cx(styles.content, props.className)}\n    />\n  )\n}\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport function DatePickerViewControl(props: DatePickerViewControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.viewControl, props.className)}\n    />\n  )\n}\n\n/**\n * The range text component for the DatePicker.\n */\nexport function DatePickerRangeText(props: DatePickerRangeTextProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.RangeText\n      {...props}\n      className={cx(styles.rangeText, props.className)}\n    />\n  )\n}\n\n/**\n * The table component for the DatePicker.\n */\nexport function DatePickerTable(props: DatePickerTableProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Table\n      {...props}\n      className={cx(styles.table, props.className)}\n    />\n  )\n}\n\n/**\n * The header component for the DatePicker table.\n */\nexport function DatePickerTableHeader(props: DatePickerTableHeaderProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableHeader\n      {...props}\n      className={cx(styles.tableHeader, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell component for the DatePicker.\n */\nexport function DatePickerTableCell(props: DatePickerTableCellProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCell\n      {...props}\n      className={cx(styles.tableCell, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport function DatePickerTableCellTrigger(\n  props: DatePickerTableCellTriggerProps,\n) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCellTrigger\n      {...props}\n      className={cx(styles.tableCellTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport const DatePickerRoot = DatePicker.Root\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport const DatePickerClearTrigger = DatePicker.ClearTrigger\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerPositioner = DatePicker.Positioner\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerYearSelect = DatePicker.YearSelect\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerMonthSelect = DatePicker.MonthSelect\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerView = DatePicker.View\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerContext = DatePicker.Context\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerPrevTrigger = DatePicker.PrevTrigger\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerNextTrigger = DatePicker.NextTrigger\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerViewTrigger = DatePicker.ViewTrigger\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableHead = DatePicker.TableHead\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableRow = DatePicker.TableRow\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableBody = 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","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  iconButton,\n  type IconButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n","'use client'\n\nimport type { DatePickerTriggerProps } from '@ark-ui/react/date-picker'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DatePickerParts } from './parts'\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_react","import_jsx_runtime","import_css","import_recipes","import_jsx_runtime","import_jsx_runtime","DatePickerTrigger","import_jsx_runtime","DatePickerTrigger"]}

package/build/legacy/components/date-picker/range-input.d.cts

@@ -0,0 +1,2 @@
+export { RangePickerInput_alias_2 as RangePickerInput } from '../../_tsup-dts-rollup.cjs';
+export { RangePickerInputProps_alias_2 as RangePickerInputProps } from '../../_tsup-dts-rollup.cjs';

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

@@ -0,0 +1,232 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/date-picker/trigger.tsx
+var trigger_exports = {};
+__export(trigger_exports, {
+  DatePickerTrigger: () => DatePickerTrigger2
+});
+module.exports = __toCommonJS(trigger_exports);
+
+// src/context/cerberus.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusContext = (0, import_react.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/IconButton.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { ariaLabel, palette, usage, size, ...nativeProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_factory.ark.button,
+    {
+      ...nativeProps,
+      "aria-label": ariaLabel ?? "Icon Button",
+      className: (0, import_css.cx)(
+        nativeProps.className,
+        (0, import_recipes.iconButton)({
+          palette,
+          usage,
+          size
+        })
+      )
+    }
+  );
+}
+
+// src/components/date-picker/primitives.tsx
+var import_date_picker = require("@ark-ui/react/date-picker");
+var import_css2 = require("@cerberus/styled-system/css");
+var import_recipes2 = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function DatePickerLabel(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Label,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.label, props.className)
+    }
+  );
+}
+function DatePickerControl(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Control,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.control, props.className)
+    }
+  );
+}
+function DatePickerInputEl(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Input,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.input, props.className)
+    }
+  );
+}
+function DatePickerTrigger(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Trigger,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function DatePickerContent(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Content,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.content, props.className)
+    }
+  );
+}
+function DatePickerViewControl(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Control,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.viewControl, props.className)
+    }
+  );
+}
+function DatePickerRangeText(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.RangeText,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.rangeText, props.className)
+    }
+  );
+}
+function DatePickerTable(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.Table,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.table, props.className)
+    }
+  );
+}
+function DatePickerTableHeader(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.TableHeader,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.tableHeader, props.className)
+    }
+  );
+}
+function DatePickerTableCell(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.TableCell,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.tableCell, props.className)
+    }
+  );
+}
+function DatePickerTableCellTrigger(props) {
+  const styles = (0, import_recipes2.datePicker)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_date_picker.DatePicker.TableCellTrigger,
+    {
+      ...props,
+      className: (0, import_css2.cx)(styles.tableCellTrigger, props.className)
+    }
+  );
+}
+var DatePickerRoot = import_date_picker.DatePicker.Root;
+var DatePickerClearTrigger = import_date_picker.DatePicker.ClearTrigger;
+var DatePickerPositioner = import_date_picker.DatePicker.Positioner;
+var DatePickerYearSelect = import_date_picker.DatePicker.YearSelect;
+var DatePickerMonthSelect = import_date_picker.DatePicker.MonthSelect;
+var DatePickerView = import_date_picker.DatePicker.View;
+var DatePickerContext = import_date_picker.DatePicker.Context;
+var DatePickerPrevTrigger = import_date_picker.DatePicker.PrevTrigger;
+var DatePickerNextTrigger = import_date_picker.DatePicker.NextTrigger;
+var DatePickerViewTrigger = import_date_picker.DatePicker.ViewTrigger;
+var DatePickerTableHead = import_date_picker.DatePicker.TableHead;
+var DatePickerTableRow = import_date_picker.DatePicker.TableRow;
+var DatePickerTableBody = import_date_picker.DatePicker.TableBody;
+
+// src/components/date-picker/parts.ts
+var DatePickerParts = {
+  Root: DatePickerRoot,
+  Label: DatePickerLabel,
+  Control: DatePickerControl,
+  Input: DatePickerInputEl,
+  Trigger: DatePickerTrigger,
+  ClearTrigger: DatePickerClearTrigger,
+  Positioner: DatePickerPositioner,
+  Content: DatePickerContent,
+  YearSelect: DatePickerYearSelect,
+  MonthSelect: DatePickerMonthSelect,
+  View: DatePickerView,
+  Context: DatePickerContext,
+  ViewControl: DatePickerViewControl,
+  PrevTrigger: DatePickerPrevTrigger,
+  NextTrigger: DatePickerNextTrigger,
+  ViewTrigger: DatePickerViewTrigger,
+  RangeText: DatePickerRangeText,
+  Table: DatePickerTable,
+  TableHead: DatePickerTableHead,
+  TableRow: DatePickerTableRow,
+  TableHeader: DatePickerTableHeader,
+  TableBody: DatePickerTableBody,
+  TableCell: DatePickerTableCell,
+  TableCellTrigger: DatePickerTableCellTrigger
+};
+
+// src/components/date-picker/trigger.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function DatePickerTrigger2(props) {
+  const { icons } = useCerberusContext();
+  const { calendar: CalendarIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DatePickerParts.Trigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconButton, { ariaLabel: "Open calendar", size: "sm", usage: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CalendarIcon, {}) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePickerTrigger
+});
+//# sourceMappingURL=trigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-picker/trigger.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/IconButton.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts"],"sourcesContent":["'use client'\n\nimport type { DatePickerTriggerProps } from '@ark-ui/react/date-picker'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DatePickerParts } from './parts'\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 { cx } from '@cerberus/styled-system/css'\nimport {\n  iconButton,\n  type IconButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n","import {\n  DatePicker,\n  type DatePickerContentProps,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerRangeTextProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from '@cerberus/styled-system/css'\nimport { datePicker } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\n/**\n * The label component for the DatePicker.\n */\nexport function DatePickerLabel(props: DatePickerLabelProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport function DatePickerControl(props: DatePickerControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input component for the DatePicker.\n */\nexport function DatePickerInputEl(props: DatePickerInputProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Input\n      {...props}\n      className={cx(styles.input, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The content component for the DatePicker.\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Content\n      {...props}\n      className={cx(styles.content, props.className)}\n    />\n  )\n}\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport function DatePickerViewControl(props: DatePickerViewControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.viewControl, props.className)}\n    />\n  )\n}\n\n/**\n * The range text component for the DatePicker.\n */\nexport function DatePickerRangeText(props: DatePickerRangeTextProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.RangeText\n      {...props}\n      className={cx(styles.rangeText, props.className)}\n    />\n  )\n}\n\n/**\n * The table component for the DatePicker.\n */\nexport function DatePickerTable(props: DatePickerTableProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Table\n      {...props}\n      className={cx(styles.table, props.className)}\n    />\n  )\n}\n\n/**\n * The header component for the DatePicker table.\n */\nexport function DatePickerTableHeader(props: DatePickerTableHeaderProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableHeader\n      {...props}\n      className={cx(styles.tableHeader, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell component for the DatePicker.\n */\nexport function DatePickerTableCell(props: DatePickerTableCellProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCell\n      {...props}\n      className={cx(styles.tableCell, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport function DatePickerTableCellTrigger(\n  props: DatePickerTableCellTriggerProps,\n) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCellTrigger\n      {...props}\n      className={cx(styles.tableCellTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport const DatePickerRoot = DatePicker.Root\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport const DatePickerClearTrigger = DatePicker.ClearTrigger\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerPositioner = DatePicker.Positioner\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerYearSelect = DatePicker.YearSelect\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerMonthSelect = DatePicker.MonthSelect\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerView = DatePicker.View\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerContext = DatePicker.Context\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerPrevTrigger = DatePicker.PrevTrigger\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerNextTrigger = DatePicker.NextTrigger\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerViewTrigger = DatePicker.ViewTrigger\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableHead = DatePicker.TableHead\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableRow = DatePicker.TableRow\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableBody = 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_css","import_recipes","import_jsx_runtime","import_jsx_runtime","DatePickerTrigger"]}

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

@@ -0,0 +1 @@
+export { DatePickerTrigger_alias_3 as DatePickerTrigger } from '../../_tsup-dts-rollup.cjs';