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

package/build/modern/aria-helpers/nav-menu.aria.d.ts

@@ -0,0 +1,2 @@
+export { createNavTriggerProps_alias_1 as createNavTriggerProps } from '../_tsup-dts-rollup.js';
+export { NavTriggerAriaValues_alias_1 as NavTriggerAriaValues } from '../_tsup-dts-rollup.js';

package/build/modern/aria-helpers/trap-focus.aria.d.ts

@@ -0,0 +1 @@
+export { trapFocus_alias_1 as trapFocus } from '../_tsup-dts-rollup.js';

package/build/modern/chunk-2FRF57EU.js

@@ -0,0 +1,41 @@
+// src/components/avatar/primitives.tsx
+import {
+  Avatar
+} from "@ark-ui/react/avatar";
+import {
+  avatar
+} from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus/styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function AvatarRoot(props) {
+  const { gradient, shape, size, ...rootProps } = props;
+  const styles = avatar({ gradient, shape, size });
+  return /* @__PURE__ */ jsx(
+    Avatar.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function AvatarImage(props) {
+  const styles = avatar();
+  return /* @__PURE__ */ jsx(Avatar.Image, { ...props, className: cx(styles.image, props.className) });
+}
+function AvatarFallback(props) {
+  const styles = avatar();
+  return /* @__PURE__ */ jsx(
+    Avatar.Fallback,
+    {
+      ...props,
+      className: cx(styles.fallback, props.className)
+    }
+  );
+}
+
+export {
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback
+};
+//# sourceMappingURL=chunk-2FRF57EU.js.map

package/build/modern/chunk-2FRF57EU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/primitives.tsx"],"sourcesContent":["import {\n  Avatar,\n  type AvatarFallbackProps,\n  type AvatarImageProps,\n  type AvatarRootProps,\n} from '@ark-ui/react/avatar'\nimport {\n  avatar,\n  type AvatarVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module provides the primitive components for the Avatar component.\n * @module 'avatar/primitives'\n */\n\n/**\n * The root component of the Avatar.\n */\nexport function AvatarRoot(props: AvatarRootProps & AvatarVariantProps) {\n  const { gradient, shape, size, ...rootProps } = props\n  const styles = avatar({ gradient, shape, size })\n  return (\n    <Avatar.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The image component of the Avatar.\n */\nexport function AvatarImage(props: AvatarImageProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Image {...props} className={cx(styles.image, props.className)} />\n  )\n}\n\n/**\n * The fallback component of the Avatar.\n */\nexport function AvatarFallback(props: AvatarFallbackProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Fallback\n      {...props}\n      className={cx(styles.fallback, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAIK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU;AAcf;AAJG,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,UAAU,OAAO,MAAM,GAAG,UAAU,IAAI;AAChD,QAAM,SAAS,OAAO,EAAE,UAAU,OAAO,KAAK,CAAC;AAC/C,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,SAAS,OAAO;AACtB,SACE,oBAAC,OAAO,OAAP,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;","names":[]}

package/build/modern/{chunk-EKIAT7N7.js → chunk-2LP4KQYQ.js}

@@ -1,6 +1,3 @@
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
 import {
   ComboboxParts
 } from "./chunk-HIC7Z23X.js";
@@ -10,6 +7,9 @@ import {
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -41,4 +41,4 @@ function Combobox(props) {
 export {
   Combobox
 };
-//# sourceMappingURL=chunk-EKIAT7N7.js.map
+//# sourceMappingURL=chunk-2LP4KQYQ.js.map

package/build/modern/chunk-4GFEWP76.js

@@ -0,0 +1,49 @@
+// src/components/tabs/primitives.tsx
+import {
+  Tabs
+} from "@ark-ui/react/tabs";
+import { cx } from "@cerberus/styled-system/css";
+import { tabs } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function TabsRoot(props) {
+  const { palette, ...rootProps } = props;
+  const styles = tabs({ palette });
+  return /* @__PURE__ */ jsx(
+    Tabs.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function TabsList(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(Tabs.List, { ...props, className: cx(styles.list, props.className) });
+}
+function TabsTrigger(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(Tabs.Trigger, { ...props, className: cx(styles.trigger, props.className) });
+}
+function TabsContent(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(Tabs.Content, { ...props, className: cx(styles.content, props.className) });
+}
+function TabsIndicator(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(
+    Tabs.Indicator,
+    {
+      ...props,
+      className: cx(styles.indicator, props.className)
+    }
+  );
+}
+
+export {
+  TabsRoot,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  TabsIndicator
+};
+//# sourceMappingURL=chunk-4GFEWP76.js.map

package/build/modern/chunk-4GFEWP76.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tabs, type TabsVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB,SAAS,YAAmC;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,SAAS,KAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,SAAS,KAAK;AACpB,SAAO,oBAAC,KAAK,MAAL,EAAW,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,SAAS,KAAK;AACpB,SACE,oBAAC,KAAK,SAAL,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,SAAS,KAAK;AACpB,SACE,oBAAC,KAAK,SAAL,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,SAAS,KAAK;AACpB,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}

package/build/modern/{chunk-FWVFM7RK.js → chunk-4HUK7YNZ.js}

@@ -1,15 +1,15 @@
 import {
   AccordionChevronItemIndicator
-} from "./chunk-6OJ27QWV.js";
+} from "./chunk-JWF7FK7T.js";
 import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+  AccordionParts
+} from "./chunk-XBDEIBW2.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
 import {
-  AccordionParts
-} from "./chunk-XBDEIBW2.js";
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/accordion/item-group.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -35,4 +35,4 @@ export {
   Accordion,
   AccordionItemGroup
 };
-//# sourceMappingURL=chunk-FWVFM7RK.js.map
+//# sourceMappingURL=chunk-4HUK7YNZ.js.map

package/build/modern/chunk-4HVKAHBX.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-4HVKAHBX.js.map

package/build/modern/chunk-4IXQNNAM.js

@@ -0,0 +1,31 @@
+import {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+} from "./chunk-A464YKEL.js";
+
+// src/components/table/parts.ts
+var TableParts = {
+  Root: TableRoot,
+  Table: TableEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+
+export {
+  TableParts
+};
+//# sourceMappingURL=chunk-4IXQNNAM.js.map

package/build/modern/chunk-4IXQNNAM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n"],"mappings":";;;;;;;;;;;;;;AAuEO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/build/modern/chunk-5DY66QZD.js

@@ -0,0 +1,41 @@
+import {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+} from "./chunk-A464YKEL.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/table/table.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TableRootEl(props) {
+  const { sticky, caption, ...rootProps } = props;
+  return /* @__PURE__ */ jsx(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ jsxs(TableEl, { children: [
+    /* @__PURE__ */ jsx(Show, { when: Boolean(caption), children: /* @__PURE__ */ jsx(Caption, { children: caption }) }),
+    rootProps.children
+  ] }) });
+}
+var Table = {
+  Root: TableRootEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+
+export {
+  Table
+};
+//# sourceMappingURL=chunk-5DY66QZD.js.map

package/build/modern/chunk-5DY66QZD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/table.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from '@cerberus/styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={Boolean(caption)}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CM,SAEI,KAFJ;AAJN,SAAS,YAAY,OAAyB;AAC5C,QAAM,EAAE,QAAQ,SAAS,GAAG,UAAU,IAAI;AAC1C,SACE,oBAAC,aAAW,GAAG,WAAW,eAAa,UAAU,OAC/C,+BAAC,WACC;AAAA,wBAAC,QAAK,MAAM,QAAQ,OAAO,GACzB,8BAAC,WAAS,mBAAQ,GACpB;AAAA,IAEC,UAAU;AAAA,KACb,GACF;AAEJ;AAWO,IAAM,QAAwC;AAAA,EACnD,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/build/modern/chunk-6HOLE2JH.js

@@ -0,0 +1,22 @@
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+
+// src/components/date-picker/date-picker.tsx
+import { jsx } from "react/jsx-runtime";
+function DatePicker(props) {
+  return /* @__PURE__ */ jsx(
+    DatePickerParts.Root,
+    {
+      ...props,
+      positioning: {
+        placement: "bottom-start"
+      }
+    }
+  );
+}
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-6HOLE2JH.js.map

package/build/modern/chunk-6HOLE2JH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import type { DatePickerRootProps } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\n\n/**\n * This module contains an abstraction of the DatePicker.Root primitive.\n * @module 'date-picker/root'\n */\n\n/**\n * DatePicker component is an abstraction of the DatePickerRoot primitive which\n * is the context provider to the DatePicker.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/date-picker)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/date-picker)\n */\nexport function DatePicker(props: DatePickerRootProps) {\n  // There is a bug with the Root component that causes random date selection\n  // onBlur after the first selection if the format prop is used.\n  // ref: https://github.com/chakra-ui/ark/issues/3112#event-16047829195\n\n  // const handleFormat = useCallback((value: DateValue) => {\n  //   return formatISOToMilitary(value.toString())\n  // }, [])\n\n  return (\n    <DatePickerParts.Root\n      {...props}\n      positioning={{\n        placement: 'bottom-start',\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAwBI;AAVG,SAAS,WAAW,OAA4B;AASrD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-6MNFE6U6.js

@@ -0,0 +1,45 @@
+import {
+  DatePickerViewControlGroup
+} from "./chunk-BD4UH5GS.js";
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+
+// src/components/date-picker/day-view.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DatePickerDayView(props) {
+  function isToday(date) {
+    const today = /* @__PURE__ */ new Date();
+    const formatted = today.toISOString().split("T")[0];
+    const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+    return formatted === arkDate;
+  }
+  function isPastDay(date) {
+    const today = /* @__PURE__ */ new Date();
+    const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+    return new Date(arkDate) < today;
+  }
+  function getDayValue(date) {
+    if (isToday(date)) return "today";
+    if (isPastDay(date)) return "past";
+    return "future";
+  }
+  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "day", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePickerData) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ jsxs(DatePickerParts.Table, { children: [
+      /* @__PURE__ */ jsx(DatePickerParts.TableHead, { children: /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: datePickerData.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePickerParts.TableHeader, { children: weekDay.narrow }, id)) }) }),
+      /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePickerData.weeks.map((week, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: week.map((day, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: day, children: /* @__PURE__ */ jsx(
+        DatePickerParts.TableCellTrigger,
+        {
+          "data-date": getDayValue(day),
+          children: day.day
+        }
+      ) }, id2)) }, id)) })
+    ] })
+  ] }) }) });
+}
+
+export {
+  DatePickerDayView
+};
+//# sourceMappingURL=chunk-6MNFE6U6.js.map

package/build/modern/chunk-6MNFE6U6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/day-view.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  DatePicker,\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DayView component.\n * @module 'date-picker/day-view'\n */\n\nexport type DateValue = DatePicker.DateValue\n\n/**\n * An abstraction of the DatePickerDayView that renders the day view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>) {\n  function isToday(date: DateValue): boolean {\n    const today = new Date()\n    const formatted = today.toISOString().split('T')[0]\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return formatted === arkDate\n  }\n\n  function isPastDay(date: DateValue): boolean {\n    const today = new Date()\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return new Date(arkDate) < today\n  }\n\n  function getDayValue(date: DateValue): 'today' | 'past' | 'future' {\n    if (isToday(date)) return 'today'\n    if (isPastDay(date)) return 'past'\n    return 'future'\n  }\n\n  return (\n    <DatePickerParts.View {...props} view=\"day\">\n      <DatePickerParts.Context>\n        {(datePickerData: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableHead>\n                <DatePickerParts.TableRow>\n                  {datePickerData.weekDays.map((weekDay, id) => (\n                    <DatePickerParts.TableHeader key={id}>\n                      {weekDay.narrow}\n                    </DatePickerParts.TableHeader>\n                  ))}\n                </DatePickerParts.TableRow>\n              </DatePickerParts.TableHead>\n\n              <DatePickerParts.TableBody>\n                {datePickerData.weeks.map((week, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {week.map((day, id) => (\n                      <DatePickerParts.TableCell key={id} value={day}>\n                        <DatePickerParts.TableCellTrigger\n                          data-date={getDayValue(day)}\n                        >\n                          {day.day}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AA8CU,mBACE,KAEA,YAHF;AAxBH,SAAS,kBAAkB,OAA0C;AAC1E,WAAS,QAAQ,MAA0B;AACzC,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,YAAY,MAAM,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;AAClD,UAAM,UAAU,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,EAAE,SAAS,GAAG,GAAG,CAAC;AACxG,WAAO,cAAc;AAAA,EACvB;AAEA,WAAS,UAAU,MAA0B;AAC3C,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,UAAU,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,EAAE,SAAS,GAAG,GAAG,CAAC;AACxG,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B;AAEA,WAAS,YAAY,MAA8C;AACjE,QAAI,QAAQ,IAAI,EAAG,QAAO;AAC1B,QAAI,UAAU,IAAI,EAAG,QAAO;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,OACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,mBACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,qBAAC,gBAAgB,OAAhB,EACC;AAAA,0BAAC,gBAAgB,WAAhB,EACC,8BAAC,gBAAgB,UAAhB,EACE,yBAAe,SAAS,IAAI,CAAC,SAAS,OACrC,oBAAC,gBAAgB,aAAhB,EACE,kBAAQ,UADuB,EAElC,CACD,GACH,GACF;AAAA,MAEA,oBAAC,gBAAgB,WAAhB,EACE,yBAAe,MAAM,IAAI,CAAC,MAAM,OAC/B,oBAAC,gBAAgB,UAAhB,EACE,eAAK,IAAI,CAAC,KAAKA,QACd,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,KACzC;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAW,YAAY,GAAG;AAAA,UAEzB,cAAI;AAAA;AAAA,MACP,KAL8BA,GAMhC,CACD,KAT4B,EAU/B,CACD,GACH;AAAA,OACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-7JHQVQPS.js

@@ -0,0 +1,57 @@
+// src/components/notifications/primitives.tsx
+import {
+  Toast,
+  Toaster
+} from "@ark-ui/react/toast";
+import { cx } from "@cerberus/styled-system/css";
+import { toast } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+var NotificationProvider = Toaster;
+function NotificationRoot(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(Toast.Root, { ...props, className: cx(styles.root, props.className) });
+}
+function NotificationHeading(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(Toast.Title, { ...props, className: cx(styles.title, props.className) });
+}
+function NotificationDescription(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(
+    Toast.Description,
+    {
+      ...props,
+      className: cx(styles.description, props.className)
+    }
+  );
+}
+function NotificationCloseTrigger(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(
+    Toast.CloseTrigger,
+    {
+      ...props,
+      className: cx(styles.closeTrigger, props.className)
+    }
+  );
+}
+function NotificationActionTrigger(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(
+    Toast.ActionTrigger,
+    {
+      ...props,
+      className: cx(styles.actionTrigger, props.className)
+    }
+  );
+}
+
+export {
+  NotificationProvider,
+  NotificationRoot,
+  NotificationHeading,
+  NotificationDescription,
+  NotificationCloseTrigger,
+  NotificationActionTrigger
+};
+//# sourceMappingURL=chunk-7JHQVQPS.js.map

package/build/modern/chunk-7JHQVQPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/primitives.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from '@cerberus/styled-system/css'\nimport { toast } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport const NotificationProvider = Toaster\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAKK;AACP,SAAS,UAAU;AACnB,SAAS,aAAa;AAcb;AAPF,IAAM,uBAAuB;AAK7B,SAAS,iBAAiB,OAAuB;AACtD,QAAM,SAAS,MAAM;AACrB,SAAO,oBAAC,MAAM,MAAN,EAAY,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,SAAS,MAAM;AACrB,SACE,oBAAC,MAAM,OAAN,EAAa,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}

package/build/modern/{chunk-572S5CLA.js → chunk-7OYOT5LK.js}

@@ -1,15 +1,15 @@
 import {
   MatchAvatar
-} from "./chunk-TM6TVO2D.js";
+} from "./chunk-LLZE2RBB.js";
 import {
   AdmonitionParts
 } from "./chunk-RQCJKDXU.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/admonition/admonition.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function Admonition(props) {
 export {
   Admonition
 };
-//# sourceMappingURL=chunk-572S5CLA.js.map
+//# sourceMappingURL=chunk-7OYOT5LK.js.map

package/build/modern/chunk-A464YKEL.js

@@ -0,0 +1,143 @@
+// src/components/table/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { cx } from "@cerberus/styled-system/css";
+import { table } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function TableRoot(props) {
+  const { decoration, size, ...rootProps } = props;
+  const styles = table({
+    decoration,
+    size
+  });
+  return /* @__PURE__ */ jsx(
+    ark.div,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className),
+      "data-scope": "table",
+      "data-part": "root"
+    }
+  );
+}
+function TableEl(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.table,
+    {
+      ...props,
+      className: cx(styles.table, props.className),
+      "data-scope": "table",
+      "data-part": "table"
+    }
+  );
+}
+function Caption(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.caption,
+    {
+      ...props,
+      className: cx(styles.caption, props.className),
+      "data-scope": "table",
+      "data-part": "caption"
+    }
+  );
+}
+function Thead(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.thead,
+    {
+      ...props,
+      className: cx(styles.thead, props.className),
+      "data-scope": "table",
+      "data-part": "header"
+    }
+  );
+}
+function Th(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.th,
+    {
+      ...props,
+      className: cx(styles.th, props.className),
+      "data-scope": "table",
+      "data-part": "header-col"
+    }
+  );
+}
+function Tbody(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.tbody,
+    {
+      ...props,
+      className: cx(styles.tbody, props.className),
+      "data-scope": "table",
+      "data-part": "body"
+    }
+  );
+}
+function Tr(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.tr,
+    {
+      ...props,
+      className: cx(styles.tr, props.className),
+      "data-scope": "table",
+      "data-part": "row"
+    }
+  );
+}
+function Td(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.td,
+    {
+      ...props,
+      className: cx(styles.td, props.className),
+      "data-scope": "table",
+      "data-part": "cell"
+    }
+  );
+}
+function Tfoot(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.tfoot,
+    {
+      ...props,
+      className: cx(styles.tfoot, props.className),
+      "data-scope": "table",
+      "data-part": "footer"
+    }
+  );
+}
+function TableTrigger(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.button,
+    {
+      ...props,
+      className: cx(styles.trigger, props.className),
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  );
+}
+
+export {
+  TableRoot,
+  TableEl,
+  Caption,
+  Thead,
+  Th,
+  Tbody,
+  Tr,
+  Td,
+  Tfoot,
+  TableTrigger
+};
+//# sourceMappingURL=chunk-A464YKEL.js.map

package/build/modern/chunk-A464YKEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB,SAAS,aAAqC;AAkB1C;AARG,SAAS,UAAU,OAAgD;AACxE,QAAM,EAAE,YAAY,MAAM,GAAG,UAAU,IAAI;AAC3C,QAAM,SAAS,MAAM;AAAA,IACnB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA,MAC9C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAA8B;AACpD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAAgC;AACtD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,aAAa,OAA+B;AAC1D,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/build/modern/chunk-BD4UH5GS.js

@@ -0,0 +1,42 @@
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+import {
+  Button
+} from "./chunk-RD2YPFRA.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  IconButton
+} from "./chunk-SRNDDY5D.js";
+
+// src/components/date-picker/view-control-group.tsx
+import { css } from "@cerberus/styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerViewControlGroup(props) {
+  const { icons } = useCerberusContext();
+  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+  return /* @__PURE__ */ jsxs(DatePickerParts.ViewControl, { ...props, children: [
+    /* @__PURE__ */ jsx(DatePickerParts.PrevTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Previous", size: "sm", children: /* @__PURE__ */ jsx(PrevIcon, {}) }) }),
+    /* @__PURE__ */ jsx(DatePickerParts.ViewTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: css({
+          h: "2rem",
+          paddingInline: "md"
+        }),
+        shape: "rounded",
+        size: "sm",
+        usage: "ghost",
+        children: /* @__PURE__ */ jsx(DatePickerParts.RangeText, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DatePickerParts.NextTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Next", size: "sm", children: /* @__PURE__ */ jsx(NextIcon, {}) }) })
+  ] });
+}
+
+export {
+  DatePickerViewControlGroup
+};
+//# sourceMappingURL=chunk-BD4UH5GS.js.map

package/build/modern/chunk-BD4UH5GS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/view-control-group.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"],"mappings":";;;;;;;;;;;;;;AAOA,SAAS,WAAW;AAkBhB,SAGM,KAHN;AALG,SAAS,2BAA2B,OAAmC;AAC5E,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,UAAU,cAAc,SAAS,IAAI;AAE3D,SACE,qBAAC,gBAAgB,aAAhB,EAA6B,GAAG,OAC/B;AAAA,wBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,8BAAC,cAAW,WAAU,YAAW,MAAK,MACpC,8BAAC,YAAS,GACZ,GACF;AAAA,IAEA,oBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,IAAI;AAAA,UACb,GAAG;AAAA,UACH,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,8BAAC,gBAAgB,WAAhB,EAA0B;AAAA;AAAA,IAC7B,GACF;AAAA,IAEA,oBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,8BAAC,cAAW,WAAU,QAAO,MAAK,MAChC,8BAAC,YAAS,GACZ,GACF;AAAA,KACF;AAEJ;","names":[]}