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

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

@@ -0,0 +1,280 @@
+"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/view-control-group.tsx
+var view_control_group_exports = {};
+__export(view_control_group_exports, {
+  DatePickerViewControlGroup: () => DatePickerViewControlGroup
+});
+module.exports = __toCommonJS(view_control_group_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/button/button.tsx
+var import_factory2 = require("@ark-ui/react/factory");
+var import_react2 = require("react");
+var import_css3 = require("@cerberus/styled-system/css");
+var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_jsx = require("@cerberus/styled-system/jsx");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ButtonContext = (0, import_react2.createContext)({
+  pending: false
+});
+function Button(props) {
+  const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
+  const value = (0, import_react2.useMemo)(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_factory2.ark.button,
+    {
+      ...nativeProps,
+      disabled: pending || nativeProps.disabled,
+      className: (0, import_css3.cx)(
+        nativeProps.className,
+        (0, import_recipes3.button)({
+          palette,
+          usage,
+          shape,
+          size
+        })
+      )
+    }
+  ) });
+}
+
+// src/components/date-picker/view-control-group.tsx
+var import_css4 = require("@cerberus/styled-system/css");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DatePickerViewControlGroup(props) {
+  const { icons } = useCerberusContext();
+  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DatePickerParts.ViewControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.PrevTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconButton, { ariaLabel: "Previous", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PrevIcon, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.ViewTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Button,
+      {
+        className: (0, import_css4.css)({
+          h: "2rem",
+          paddingInline: "md"
+        }),
+        shape: "rounded",
+        size: "sm",
+        usage: "ghost",
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.RangeText, {})
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.NextTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconButton, { ariaLabel: "Next", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NextIcon, {}) }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePickerViewControlGroup
+});
+//# sourceMappingURL=view-control-group.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-picker/view-control-group.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/IconButton.tsx","../../../../src/components/date-picker/primitives.tsx","../../../../src/components/date-picker/parts.ts","../../../../src/components/button/button.tsx"],"sourcesContent":["'use client'\n\nimport type { DatePickerViewControlProps } from '@ark-ui/react/date-picker'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DatePickerParts } from './parts'\nimport { Button } from '../button/button'\nimport { css } from '@cerberus/styled-system/css'\n\n/**\n * This private module contains an abstraction of the DatePickerViewControl\n * primitive.\n * @module 'date-picker/view-control-group'\n */\n\n/**\n * An abstraction of the DatePicker control that contains the prev, view, and\n * next triggers which control the calendar output.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerViewControlGroup(props: DatePickerViewControlProps) {\n  const { icons } = useCerberusContext()\n  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons\n\n  return (\n    <DatePickerParts.ViewControl {...props}>\n      <DatePickerParts.PrevTrigger asChild>\n        <IconButton ariaLabel=\"Previous\" size=\"sm\">\n          <PrevIcon />\n        </IconButton>\n      </DatePickerParts.PrevTrigger>\n\n      <DatePickerParts.ViewTrigger asChild>\n        <Button\n          className={css({\n            h: '2rem',\n            paddingInline: 'md',\n          })}\n          shape=\"rounded\"\n          size=\"sm\"\n          usage=\"ghost\"\n        >\n          <DatePickerParts.RangeText />\n        </Button>\n      </DatePickerParts.ViewTrigger>\n\n      <DatePickerParts.NextTrigger asChild>\n        <IconButton ariaLabel=\"Next\" size=\"sm\">\n          <NextIcon />\n        </IconButton>\n      </DatePickerParts.NextTrigger>\n    </DatePickerParts.ViewControl>\n  )\n}\n","'use client'\n\nimport { 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","'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  button,\n  type ButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = HTMLArkProps<'button'> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <ark.button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAAkE;AAyB9D;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;AC3CA,qBAAuC;AACvC,iBAAmB;AACnB,qBAGO;AAsBH,IAAAA,sBAAA;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,2BAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;;;ACxCA,yBAaO;AACP,IAAAC,cAAmB;AACnB,IAAAC,kBAA2B;AAavB,IAAAC,sBAAA;AAHG,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,kBAAkB,OAA6B;AAC7D,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAMO,SAAS,sBAAsB,OAAmC;AACvE,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAKO,SAAS,sBAAsB,OAAmC;AACvE,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAKO,SAAS,2BACd,OACA;AACA,QAAM,aAAS,4BAAW;AAC1B,SACE;AAAA,IAAC,8BAAW;AAAA,IAAX;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,kBAAkB,MAAM,SAAS;AAAA;AAAA,EACxD;AAEJ;AAKO,IAAM,iBAAiB,8BAAW;AAIlC,IAAM,yBAAyB,8BAAW;AAK1C,IAAM,uBAAuB,8BAAW;AAKxC,IAAM,uBAAuB,8BAAW;AAKxC,IAAM,wBAAwB,8BAAW;AAKzC,IAAM,iBAAiB,8BAAW;AAKlC,IAAM,oBAAoB,8BAAW;AAKrC,IAAM,wBAAwB,8BAAW;AAKzC,IAAM,wBAAwB,8BAAW;AAKzC,IAAM,wBAAwB,8BAAW;AAKzC,IAAM,sBAAsB,8BAAW;AAKvC,IAAM,qBAAqB,8BAAW;AAKtC,IAAM,sBAAsB,8BAAW;;;AC1FvC,IAAM,kBAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,kBAAkB;AACpB;;;ACpKA,IAAAC,kBAAuC;AACvC,IAAAC,gBAKO;AACP,IAAAC,cAAmB;AACnB,IAAAC,kBAGO;AACP,iBAAoB;AAgCd,IAAAC,sBAAA;AAnBN,IAAM,oBAAgB,6BAAkC;AAAA,EACtD,SAAS;AACX,CAAC;AAWM,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,MAAM,UAAU,OAAO,GAAG,YAAY,IAAI;AACzE,QAAM,YAAQ,uBAAQ,OAAO,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;AAEpD,SACE,6CAAC,cAAc,UAAd,EAAuB,OACtB;AAAA,IAAC,oBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,WAAW,YAAY;AAAA,MACjC,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,wBAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;;;ALtDA,IAAAC,cAAoB;AAkBhB,IAAAC,sBAAA;AALG,SAAS,2BAA2B,OAAmC;AAC5E,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,UAAU,cAAc,SAAS,IAAI;AAE3D,SACE,8CAAC,gBAAgB,aAAhB,EAA6B,GAAG,OAC/B;AAAA,iDAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,uDAAC,cAAW,WAAU,YAAW,MAAK,MACpC,uDAAC,YAAS,GACZ,GACF;AAAA,IAEA,6CAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,iBAAI;AAAA,UACb,GAAG;AAAA,UACH,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,uDAAC,gBAAgB,WAAhB,EAA0B;AAAA;AAAA,IAC7B,GACF;AAAA,IAEA,6CAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,uDAAC,cAAW,WAAU,QAAO,MAAK,MAChC,uDAAC,YAAS,GACZ,GACF;AAAA,KACF;AAEJ;","names":["import_jsx_runtime","import_css","import_recipes","import_jsx_runtime","import_factory","import_react","import_css","import_recipes","import_jsx_runtime","import_css","import_jsx_runtime"]}

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

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

package/build/legacy/components/date-picker/year-view.cjs

@@ -0,0 +1,289 @@
+"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/year-view.tsx
+var year_view_exports = {};
+__export(year_view_exports, {
+  DatePickerYearView: () => DatePickerYearView
+});
+module.exports = __toCommonJS(year_view_exports);
+
+// 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/button/button.tsx
+var import_factory2 = require("@ark-ui/react/factory");
+var import_react2 = require("react");
+var import_css3 = require("@cerberus/styled-system/css");
+var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_jsx = require("@cerberus/styled-system/jsx");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ButtonContext = (0, import_react2.createContext)({
+  pending: false
+});
+function Button(props) {
+  const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
+  const value = (0, import_react2.useMemo)(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_factory2.ark.button,
+    {
+      ...nativeProps,
+      disabled: pending || nativeProps.disabled,
+      className: (0, import_css3.cx)(
+        nativeProps.className,
+        (0, import_recipes3.button)({
+          palette,
+          usage,
+          shape,
+          size
+        })
+      )
+    }
+  ) });
+}
+
+// src/components/date-picker/view-control-group.tsx
+var import_css4 = require("@cerberus/styled-system/css");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DatePickerViewControlGroup(props) {
+  const { icons } = useCerberusContext();
+  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DatePickerParts.ViewControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.PrevTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconButton, { ariaLabel: "Previous", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PrevIcon, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.ViewTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Button,
+      {
+        className: (0, import_css4.css)({
+          h: "2rem",
+          paddingInline: "md"
+        }),
+        shape: "rounded",
+        size: "sm",
+        usage: "ghost",
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.RangeText, {})
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DatePickerParts.NextTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconButton, { ariaLabel: "Next", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NextIcon, {}) }) })
+  ] });
+}
+
+// src/components/date-picker/year-view.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function DatePickerYearView(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.View, { ...props, view: "year", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.Context, { children: (datePicker2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.Table, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.TableBody, { children: datePicker2.getYearsGrid({ columns: 4 }).map((years, id) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.TableRow, { children: years.map((year, id2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.TableCell, { value: year.value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DatePickerParts.TableCellTrigger, { children: year.label }) }, id2)) }, id)) }) })
+  ] }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePickerYearView
+});
+//# sourceMappingURL=year-view.cjs.map