@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/chunk-HBS3B3SE.js

@@ -0,0 +1,33 @@
+import {
+  Avatar
+} from "./chunk-WJHG3ZFR.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/admonition/match-avatar.tsx
+import { useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function MatchAvatar(props) {
+  const { palette = "page" } = props;
+  const { icons } = useCerberusContext();
+  const {
+    infoNotification: InfoIcon,
+    successNotification: SuccessIcon,
+    warningNotification: WarningIcon,
+    dangerNotification: DangerIcon
+  } = icons;
+  const elRef = useRef({
+    page: /* @__PURE__ */ jsx(Avatar, { gradient: "charon-light", fallback: /* @__PURE__ */ jsx(InfoIcon, {}), size: "sm" }),
+    info: /* @__PURE__ */ jsx(Avatar, { gradient: "amphiaraus-dark", fallback: /* @__PURE__ */ jsx(InfoIcon, {}), size: "sm" }),
+    success: /* @__PURE__ */ jsx(Avatar, { gradient: "thanatos-dark", fallback: /* @__PURE__ */ jsx(SuccessIcon, {}), size: "sm" }),
+    warning: /* @__PURE__ */ jsx(Avatar, { gradient: "asphodel-light", fallback: /* @__PURE__ */ jsx(WarningIcon, {}), size: "sm" }),
+    danger: /* @__PURE__ */ jsx(Avatar, { gradient: "hades-light", fallback: /* @__PURE__ */ jsx(DangerIcon, {}), size: "sm" })
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: elRef.current[palette] });
+}
+
+export {
+  MatchAvatar
+};
+//# sourceMappingURL=chunk-HBS3B3SE.js.map

package/build/modern/chunk-HHY26N7O.js

@@ -0,0 +1,20 @@
+import {
+  DatePickerViewControlGroup
+} from "./chunk-JQNVN6R6.js";
+import {
+  DatePickerParts
+} from "./chunk-RJGEKVHZ.js";
+
+// src/components/date-picker/year-view.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DatePickerYearView(props) {
+  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "year", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getYearsGrid({ columns: 4 }).map((years, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: years.map((year, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: year.value, children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: year.label }) }, id2)) }, id)) }) })
+  ] }) }) });
+}
+
+export {
+  DatePickerYearView
+};
+//# sourceMappingURL=chunk-HHY26N7O.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/year-view.tsx"],"sourcesContent":["'use client'\n\nimport type { UseDatePickerContext } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\nimport type { DatePickerViewProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerYearView\n * component.\n * @module 'date-picker/year-view'\n */\n\n/**\n * An abstraction of the DatePickerYearView that renders the year view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerYearView(props: DatePickerViewProps) {\n  return (\n    <DatePickerParts.View {...props} view=\"year\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker.getYearsGrid({ columns: 4 }).map((years, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {years.map((year, id) => (\n                      <DatePickerParts.TableCell key={id} value={year.value}>\n                        <DatePickerParts.TableCellTrigger>\n                          {year.label}\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":";;;;;;;;AAuBU,mBACE,KADF;AALH,SAAS,mBAAmB,OAA4B;AAC7D,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,QACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,eACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,gBAAgB,WAAhB,EACE,qBAAW,aAAa,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,OACnD,oBAAC,gBAAgB,UAAhB,EACE,gBAAM,IAAI,CAAC,MAAMA,QAChB,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,KAAK,OAC9C,8BAAC,gBAAgB,kBAAhB,EACE,eAAK,OACR,KAH8BA,GAIhC,CACD,KAP4B,EAQ/B,CACD,GACH,GACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-IX7BYPTS.js

@@ -0,0 +1,29 @@
+// src/components/deprecated/aria-helpers/trap-focus.aria.ts
+function trapFocus(modalRef) {
+  const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  const focusable = Array.from(
+    modalRef.current?.querySelectorAll(focusableElements) ?? []
+  );
+  const firstFocusable = focusable[0];
+  const lastFocusable = focusable[focusable.length - 1];
+  return function handleKeyDown(event) {
+    if (event.key === "Tab") {
+      if (event.shiftKey) {
+        if (document.activeElement === firstFocusable) {
+          lastFocusable.focus();
+          event.preventDefault();
+        }
+      } else {
+        if (document.activeElement === lastFocusable) {
+          firstFocusable.focus();
+          event.preventDefault();
+        }
+      }
+    }
+  };
+}
+
+export {
+  trapFocus
+};
+//# sourceMappingURL=chunk-IX7BYPTS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/aria-helpers/trap-focus.aria.ts"],"sourcesContent":["import type { KeyboardEvent, KeyboardEventHandler, RefObject } from 'react'\n\n/**\n * @deprecated will be removed in a future release\n */\nexport function trapFocus(\n  modalRef: RefObject<HTMLDialogElement | null>,\n): KeyboardEventHandler<HTMLDialogElement> {\n  const focusableElements =\n    'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n  const focusable = Array.from(\n    modalRef.current?.querySelectorAll(focusableElements) ?? [],\n  )\n  const firstFocusable = focusable[0] as HTMLElement\n  const lastFocusable = focusable[focusable.length - 1] as HTMLElement\n\n  return function handleKeyDown(event: KeyboardEvent<HTMLDialogElement>) {\n    if (event.key === 'Tab') {\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusable) {\n          lastFocusable.focus()\n          event.preventDefault()\n        }\n      } else {\n        if (document.activeElement === lastFocusable) {\n          firstFocusable.focus()\n          event.preventDefault()\n        }\n      }\n    }\n  }\n}\n"],"mappings":";AAKO,SAAS,UACd,UACyC;AACzC,QAAM,oBACJ;AACF,QAAM,YAAY,MAAM;AAAA,IACtB,SAAS,SAAS,iBAAiB,iBAAiB,KAAK,CAAC;AAAA,EAC5D;AACA,QAAM,iBAAiB,UAAU,CAAC;AAClC,QAAM,gBAAgB,UAAU,UAAU,SAAS,CAAC;AAEpD,SAAO,SAAS,cAAc,OAAyC;AACrE,QAAI,MAAM,QAAQ,OAAO;AACvB,UAAI,MAAM,UAAU;AAClB,YAAI,SAAS,kBAAkB,gBAAgB;AAC7C,wBAAc,MAAM;AACpB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,OAAO;AACL,YAAI,SAAS,kBAAkB,eAAe;AAC5C,yBAAe,MAAM;AACrB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/build/modern/chunk-JFWPJXFF.js

@@ -0,0 +1,33 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/tabs/primitives.tsx
+import {
+  Tabs
+} from "@ark-ui/react/tabs";
+import { tabs } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(tabs);
+var TabsRoot = withSlotRecipe(Tabs.Root, "root");
+var TabsList = withSlotRecipe(Tabs.List, "list");
+var TabsTrigger = withSlotRecipe(
+  Tabs.Trigger,
+  "trigger"
+);
+var TabsContent = withSlotRecipe(
+  Tabs.Content,
+  "content"
+);
+var TabsIndicator = withSlotRecipe(
+  Tabs.Indicator,
+  "indicator"
+);
+
+export {
+  TabsRoot,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  TabsIndicator
+};
+//# sourceMappingURL=chunk-JFWPJXFF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps as ArkTabContentProps,\n  type TabIndicatorProps as ArkTabIndicatorProps,\n  type TabListProps as ArkTabListProps,\n  type TabsRootProps as ArkTabsRootProps,\n  type TabTriggerProps as ArkTabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(tabs)\n\n// Root\n\nexport type TabsRootProps = CerberusPrimitiveProps<\n  ArkTabsRootProps & TabsVariantProps\n>\n// @ts-expect-error this is a workaround for the type issue WIP\nexport const TabsRoot = withSlotRecipe<TabsRootProps>(Tabs.Root, 'root')\n\n// TabsList\n\nexport type TabsListProps = CerberusPrimitiveProps<ArkTabListProps>\nexport const TabsList = withSlotRecipe<TabsListProps>(Tabs.List, 'list')\n\n// TabsTrigger\n\nexport type TabsTriggerProps = CerberusPrimitiveProps<ArkTabTriggerProps>\nexport const TabsTrigger = withSlotRecipe<TabsTriggerProps>(\n  Tabs.Trigger,\n  'trigger',\n)\n\n// TabsContent\n\nexport type TabContentProps = CerberusPrimitiveProps<ArkTabContentProps>\nexport const TabsContent = withSlotRecipe<TabContentProps>(\n  Tabs.Content,\n  'content',\n)\n\n// TabsIndicator\n\nexport type TabIndicatorProps = CerberusPrimitiveProps<ArkTabIndicatorProps>\nexport const TabsIndicator = withSlotRecipe<TabIndicatorProps>(\n  Tabs.Indicator,\n  'indicator',\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,YAAmC;AAW5C,IAAM,EAAE,eAAe,IAAI,wBAAwB,IAAI;AAQhD,IAAM,WAAW,eAA8B,KAAK,MAAM,MAAM;AAKhE,IAAM,WAAW,eAA8B,KAAK,MAAM,MAAM;AAKhE,IAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL;AACF;AAKO,IAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL;AACF;AAKO,IAAM,gBAAgB;AAAA,EAC3B,KAAK;AAAA,EACL;AACF;","names":[]}

package/build/modern/chunk-JHCKXQEK.js

@@ -0,0 +1,27 @@
+import {
+  Spinner
+} from "./chunk-QUOJS5LL.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/notifications/match-icon.tsx
+import { ark } from "@ark-ui/react/factory";
+import { toast } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function MatchNotificationIcon(props) {
+  const { icons } = useCerberusContext();
+  const type = props.type || "info";
+  const styles = toast();
+  const key = `${type}Notification`;
+  const Icon = icons[key] || ToastLoadingIcon;
+  return /* @__PURE__ */ jsx(ark.div, { className: styles.icon, children: /* @__PURE__ */ jsx(Icon, {}) });
+}
+function ToastLoadingIcon() {
+  return /* @__PURE__ */ jsx(Spinner, { size: "1rem" });
+}
+
+export {
+  MatchNotificationIcon
+};
+//# sourceMappingURL=chunk-JHCKXQEK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/match-icon.tsx"],"sourcesContent":["'use client'\n\nimport { ark } from '@ark-ui/react/factory'\nimport { toast } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../spinner/index'\nimport type { NotifyOptions } from './types'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAAW;AACpB,SAAS,aAAa;AA0BhB;AAVC,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,SAAS,MAAM;AAErB,QAAM,MAAM,GAAG,IAAI;AACnB,QAAM,OAAO,MAAM,GAAG,KAAK;AAE3B,SACE,oBAAC,IAAI,KAAJ,EAAQ,WAAW,OAAO,MACzB,8BAAC,QAAK,GACR;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SAAO,oBAAC,WAAQ,MAAK,QAAO;AAC9B;","names":[]}

package/build/modern/chunk-JIXUOTH4.js

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

package/build/modern/chunk-JLMHKTPI.js

@@ -0,0 +1,27 @@
+import {
+  FieldsetParts
+} from "./chunk-X7JS25IL.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+
+// src/components/fieldset/fieldset.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Fieldset(props) {
+  const [fieldsetProps, { usage }, rootProps] = splitProps(
+    props,
+    ["legend", "helperText", "errorText", "children"],
+    ["usage"]
+  );
+  return /* @__PURE__ */ jsxs(FieldsetParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(FieldsetParts.Legend, { usage, children: fieldsetProps.legend }),
+    /* @__PURE__ */ jsx(FieldsetParts.HelperText, { usage, children: fieldsetProps.helperText }),
+    fieldsetProps.children,
+    /* @__PURE__ */ jsx(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
+  ] });
+}
+
+export {
+  Fieldset
+};
+//# sourceMappingURL=chunk-JLMHKTPI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import { splitProps } from '../../utils'\nimport { FieldsetParts } from './parts'\nimport type { FieldsetRootProps } from './primitives'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport interface FieldsetProps extends FieldsetRootProps {\n  /**\n   * The legend/title/label of the fieldset group.\n   */\n  legend?: string\n  /**\n   * The description text for the fieldset group.\n   */\n  helperText?: string\n  /**\n   * The error text for the fieldset group shown when the field is invalid.\n   */\n  errorText?: string\n}\n\n/**\n * A component used for grouping related fields in a form that is an\n * abstraction of the Fieldset primitives.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function Fieldset(props: FieldsetProps) {\n  const [fieldsetProps, { usage }, rootProps] = splitProps(\n    props,\n    ['legend', 'helperText', 'errorText', 'children'],\n    ['usage'],\n  )\n\n  return (\n    <FieldsetParts.Root {...rootProps}>\n      <FieldsetParts.Legend usage={usage}>\n        {fieldsetProps.legend}\n      </FieldsetParts.Legend>\n      <FieldsetParts.HelperText usage={usage}>\n        {fieldsetProps.helperText}\n      </FieldsetParts.HelperText>\n\n      {fieldsetProps.children}\n\n      <FieldsetParts.ErrorText>\n        {fieldsetProps.errorText}\n      </FieldsetParts.ErrorText>\n    </FieldsetParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;AAsCI,SACE,KADF;AARG,SAAS,SAAS,OAAsB;AAC7C,QAAM,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU,cAAc,aAAa,UAAU;AAAA,IAChD,CAAC,OAAO;AAAA,EACV;AAEA,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,QAAd,EAAqB,OACnB,wBAAc,QACjB;AAAA,IACA,oBAAC,cAAc,YAAd,EAAyB,OACvB,wBAAc,YACjB;AAAA,IAEC,cAAc;AAAA,IAEf,oBAAC,cAAc,WAAd,EACE,wBAAc,WACjB;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-JPWFSCTC.js

@@ -0,0 +1,80 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/select/primitives.tsx
+import {
+  createListCollection,
+  Select
+} from "@ark-ui/react/select";
+import { select } from "styled-system/recipes";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(select);
+var SelectRoot = withSlotRecipe(Select.Root, "root");
+var SelectLabel = withSlotRecipe(
+  Select.Label,
+  "label"
+);
+var SelectControl = withNoRecipe(Select.Control);
+var SelectTrigger = withSlotRecipe(
+  Select.Trigger,
+  "trigger"
+);
+var SelectValueText = withNoRecipe(
+  Select.ValueText
+);
+var SelectIndicator = withSlotRecipe(
+  Select.Indicator,
+  "indicator"
+);
+var SelectClearTrigger = withNoRecipe(
+  Select.ClearTrigger
+);
+var SelectPositioner = withSlotRecipe(
+  Select.Positioner,
+  "positioner"
+);
+var SelectContent = withSlotRecipe(
+  Select.Content,
+  "content"
+);
+var SelectItemGroup = withNoRecipe(
+  Select.ItemGroup
+);
+var SelectItemGroupLabel = withSlotRecipe(
+  Select.ItemGroupLabel,
+  "itemGroupLabel"
+);
+var SelectItem = withSlotRecipe(Select.Item, "item");
+var SelectItemText = withNoRecipe(Select.ItemText);
+var SelectItemIndicator = withSlotRecipe(
+  Select.ItemIndicator,
+  "itemIndicator"
+);
+var SelectHiddenSelect = withNoRecipe(
+  Select.HiddenSelect
+);
+function createSelectCollection(collection) {
+  return createListCollection({
+    items: collection
+  });
+}
+
+export {
+  SelectRoot,
+  SelectLabel,
+  SelectControl,
+  SelectTrigger,
+  SelectValueText,
+  SelectIndicator,
+  SelectClearTrigger,
+  SelectPositioner,
+  SelectContent,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItem,
+  SelectItemText,
+  SelectItemIndicator,
+  SelectHiddenSelect,
+  createSelectCollection
+};
+//# sourceMappingURL=chunk-JPWFSCTC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select/primitives.tsx"],"sourcesContent":["import {\n  createListCollection,\n  Select,\n  type ListCollection,\n  type SelectClearTriggerProps as ArkSelectClearTrigger,\n  type SelectContentProps as ArkSelectContentProps,\n  type SelectControlProps as ArkSelectControlProps,\n  type SelectHiddenSelectProps as ArkSelectHiddenSelectProps,\n  type SelectIndicatorProps as ArkSelectIndicatorProps,\n  type SelectItemGroupLabelProps as ArkSelectItemGroupLabelProps,\n  type SelectItemGroupProps as ArkSelectItemGroupProps,\n  type SelectItemIndicatorProps as ArkSelectItemIndicatorProps,\n  type SelectItemProps as ArkSelectItemProps,\n  type SelectItemTextProps as ArkSelectItemTextProps,\n  type SelectLabelProps as ArkSelectLabelProps,\n  type SelectPositionerProps as ArkSelectPositionerProps,\n  type SelectRootProps as ArkSelectRootProps,\n  type SelectTriggerProps as ArkSelectTriggerProps,\n  type SelectValueChangeDetails,\n  type SelectValueTextProps as ArkSelectValueTextProps,\n} from '@ark-ui/react/select'\nimport { select, type SelectVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\nimport type { SelectCollectionItem } from './select'\n\n/**\n * This module contains the Select primitives\n * @module 'react/select'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(select)\n\n// Root\n\nexport type SelectRootProps = CerberusPrimitiveProps<\n  ArkSelectRootProps<SelectCollectionItem> & SelectVariantProps\n>\n// @ts-expect-error this is a workaround for the type mismatch WIP\nexport const SelectRoot = withSlotRecipe<SelectRootProps>(Select.Root, 'root')\n\n// Label\n\nexport type SelectLabelProps = CerberusPrimitiveProps<ArkSelectLabelProps>\nexport const SelectLabel = withSlotRecipe<SelectLabelProps>(\n  Select.Label,\n  'label',\n)\n\n// Control\n\nexport type SelectControlProps = CerberusPrimitiveProps<ArkSelectControlProps>\nexport const SelectControl = withNoRecipe<SelectControlProps>(Select.Control)\n\n// Trigger\n\nexport type SelectTriggerProps = CerberusPrimitiveProps<ArkSelectTriggerProps>\nexport const SelectTrigger = withSlotRecipe<SelectTriggerProps>(\n  Select.Trigger,\n  'trigger',\n)\n\n// Value Text\n\nexport type SelectValueTextProps =\n  CerberusPrimitiveProps<ArkSelectValueTextProps>\nexport const SelectValueText = withNoRecipe<SelectValueTextProps>(\n  Select.ValueText,\n)\n\n// Indicator\n\nexport type SelectIndicatorProps =\n  CerberusPrimitiveProps<ArkSelectIndicatorProps>\nexport const SelectIndicator = withSlotRecipe<SelectIndicatorProps>(\n  Select.Indicator,\n  'indicator',\n)\n\n// Clear Trigger\n\nexport type SelectClearTriggerProps =\n  CerberusPrimitiveProps<ArkSelectClearTrigger>\nexport const SelectClearTrigger = withNoRecipe<SelectClearTriggerProps>(\n  Select.ClearTrigger,\n)\n\n// Positioner\n\nexport type SelectPositionerProps =\n  CerberusPrimitiveProps<ArkSelectPositionerProps>\nexport const SelectPositioner = withSlotRecipe<SelectPositionerProps>(\n  Select.Positioner,\n  'positioner',\n)\n\n// Content\n\nexport type SelectContentProps = CerberusPrimitiveProps<\n  ArkSelectContentProps & SelectVariantProps\n>\nexport const SelectContent = withSlotRecipe<SelectContentProps>(\n  Select.Content,\n  'content',\n)\n\n// Item Group\n\nexport type SelectItemGroupProps =\n  CerberusPrimitiveProps<ArkSelectItemGroupProps>\nexport const SelectItemGroup = withNoRecipe<SelectItemGroupProps>(\n  Select.ItemGroup,\n)\n\n// Item Group Label\n\nexport type SelectItemGroupLabelProps =\n  CerberusPrimitiveProps<ArkSelectItemGroupLabelProps>\nexport const SelectItemGroupLabel = withSlotRecipe<SelectItemGroupLabelProps>(\n  Select.ItemGroupLabel,\n  'itemGroupLabel',\n)\n\n// Item\n\nexport type SelectItemProps = CerberusPrimitiveProps<ArkSelectItemProps>\nexport const SelectItem = withSlotRecipe<SelectItemProps>(Select.Item, 'item')\n\n// Item Text\n\nexport type SelectItemTextProps = CerberusPrimitiveProps<ArkSelectItemTextProps>\nexport const SelectItemText = withNoRecipe<SelectItemTextProps>(Select.ItemText)\n\n// Item Indicator\n\nexport type SelectItemIndicatorProps =\n  CerberusPrimitiveProps<ArkSelectItemIndicatorProps>\nexport const SelectItemIndicator = withSlotRecipe<SelectItemIndicatorProps>(\n  Select.ItemIndicator,\n  'itemIndicator',\n)\n\n// Hidden Select\n\nexport type SelectHiddenSelectProps =\n  CerberusPrimitiveProps<ArkSelectHiddenSelectProps>\nexport const SelectHiddenSelect = withNoRecipe<SelectHiddenSelectProps>(\n  Select.HiddenSelect,\n)\n\n// Collection\n\n/**\n * A helper function to create a SelectCollection object.\n * @param collection - An array of SelectCollectionItem objects that matches\n * the following shape:\n * ```ts\n * [{ label: 'Hades', value: 'hades', disabled?: true }]\n * ```\n */\nexport function createSelectCollection(\n  collection: SelectCollectionItem[],\n): ListCollection<SelectCollectionItem> {\n  return createListCollection({\n    items: collection,\n  })\n}\n\nexport type { SelectValueChangeDetails, ListCollection }\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAkBK;AACP,SAAS,cAAuC;AAYhD,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,MAAM;AAQhE,IAAM,aAAa,eAAgC,OAAO,MAAM,MAAM;AAKtE,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP;AACF;AAKO,IAAM,gBAAgB,aAAiC,OAAO,OAAO;AAKrE,IAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP;AACF;AAMO,IAAM,kBAAkB;AAAA,EAC7B,OAAO;AACT;AAMO,IAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP;AACF;AAMO,IAAM,qBAAqB;AAAA,EAChC,OAAO;AACT;AAMO,IAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP;AACF;AAOO,IAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP;AACF;AAMO,IAAM,kBAAkB;AAAA,EAC7B,OAAO;AACT;AAMO,IAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP;AACF;AAKO,IAAM,aAAa,eAAgC,OAAO,MAAM,MAAM;AAKtE,IAAM,iBAAiB,aAAkC,OAAO,QAAQ;AAMxE,IAAM,sBAAsB;AAAA,EACjC,OAAO;AAAA,EACP;AACF;AAMO,IAAM,qBAAqB;AAAA,EAChC,OAAO;AACT;AAYO,SAAS,uBACd,YACsC;AACtC,SAAO,qBAAqB;AAAA,IAC1B,OAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/build/modern/chunk-JQNVN6R6.js

@@ -0,0 +1,42 @@
+import {
+  DatePickerParts
+} from "./chunk-RJGEKVHZ.js";
+import {
+  IconButton
+} from "./chunk-G4CDF7LY.js";
+import {
+  Button
+} from "./chunk-RIBBTTT4.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/date-picker/view-control-group.tsx
+import { css } from "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-JQNVN6R6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/view-control-group.tsx"],"sourcesContent":["'use client'\n\nimport { css } from 'styled-system/css'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Button } from '../button/button'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerViewControlProps } from './primitives'\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":";;;;;;;;;;;;;;AAEA,SAAS,WAAW;AAuBhB,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":[]}

package/build/modern/chunk-JVWOAPWY.js

@@ -0,0 +1,70 @@
+import {
+  ToastCloseTrigger
+} from "./chunk-5CG7URT6.js";
+import {
+  MatchNotificationIcon
+} from "./chunk-JHCKXQEK.js";
+import {
+  NotificationParts
+} from "./chunk-P4GJKPNL.js";
+import {
+  Button
+} from "./chunk-RIBBTTT4.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/notifications/center.tsx
+import {
+  createToaster,
+  Toaster
+} from "@ark-ui/react/toast";
+import { Box } from "styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var toaster = createToaster({
+  gap: 16,
+  overlap: true,
+  placement: "top-end"
+});
+function NotificationCenter() {
+  return /* @__PURE__ */ jsx(Toaster, { toaster, children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, { children: [
+    /* @__PURE__ */ jsx(
+      MatchNotificationIcon,
+      {
+        type: toast.type
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { flex: "1", paddingBlock: "sm", children: [
+      /* @__PURE__ */ jsx(NotificationParts.Heading, { children: toast.title }),
+      /* @__PURE__ */ jsx(NotificationParts.Description, { children: toast.description }),
+      /* @__PURE__ */ jsx(Show, { when: toast.action, children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          palette: toast.type,
+          usage: "ghost",
+          size: "sm",
+          children: toast.action?.label
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(ToastCloseTrigger, {})
+  ] }, toast.id) });
+}
+function useNotificationCenter() {
+  function notify(options) {
+    toaster.create({
+      title: options.heading,
+      description: options.description,
+      type: options.palette,
+      action: options.action
+    });
+  }
+  return { ...toaster, notify };
+}
+
+export {
+  toaster,
+  NotificationCenter,
+  useNotificationCenter
+};
+//# sourceMappingURL=chunk-JVWOAPWY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/center.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createToaster,\n  Toaster,\n  type CreateToasterReturn,\n} from '@ark-ui/react/toast'\nimport { Box } from 'styled-system/jsx'\nimport { Button, type ButtonProps } from '../button/button'\nimport { Show } from '../show/index'\nimport { NotificationParts } from './parts'\nimport type { NotifyOptions, UseNotificationCenterReturn } from './types'\nimport { MatchNotificationIcon } from './match-icon'\nimport { ToastCloseTrigger } from './close-trigger'\n\n/**\n * This module contains an abstraction of the Notification parts.\n * @module 'notification/center'\n */\n\nexport const toaster: CreateToasterReturn = createToaster({\n  gap: 16,\n  overlap: true,\n  placement: 'top-end',\n})\n\n/**\n * The NotificationCenter component is an abstraction for the Notification\n * component. It manages displaying all the toasts in the center.\n */\nexport function NotificationCenter() {\n  return (\n    <Toaster toaster={toaster}>\n      {(toast) => (\n        <NotificationParts.Root key={toast.id}>\n          <MatchNotificationIcon\n            type={toast.type as NotifyOptions['palette']}\n          />\n\n          <Box flex=\"1\" paddingBlock=\"sm\">\n            <NotificationParts.Heading>{toast.title}</NotificationParts.Heading>\n            <NotificationParts.Description>\n              {toast.description}\n            </NotificationParts.Description>\n            <Show when={toast.action}>\n              <NotificationParts.ActionTrigger asChild>\n                <Button\n                  palette={toast.type as ButtonProps['palette']}\n                  usage=\"ghost\"\n                  size=\"sm\"\n                >\n                  {toast.action?.label}\n                </Button>\n              </NotificationParts.ActionTrigger>\n            </Show>\n          </Box>\n\n          <ToastCloseTrigger />\n        </NotificationParts.Root>\n      )}\n    </Toaster>\n  )\n}\n\n/**\n * @deprecated use `toaster` instead\n */\nexport function useNotificationCenter(): UseNotificationCenterReturn {\n  function notify(options: NotifyOptions) {\n    toaster.create({\n      title: options.heading,\n      description: options.description,\n      type: options.palette,\n      action: options.action,\n    })\n  }\n  return { ...toaster, notify }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,WAAW;AA4BV,cAIA,YAJA;AAfH,IAAM,UAA+B,cAAc;AAAA,EACxD,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AAMM,SAAS,qBAAqB;AACnC,SACE,oBAAC,WAAQ,SACN,WAAC,UACA,qBAAC,kBAAkB,MAAlB,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA;AAAA,IACd;AAAA,IAEA,qBAAC,OAAI,MAAK,KAAI,cAAa,MACzB;AAAA,0BAAC,kBAAkB,SAAlB,EAA2B,gBAAM,OAAM;AAAA,MACxC,oBAAC,kBAAkB,aAAlB,EACE,gBAAM,aACT;AAAA,MACA,oBAAC,QAAK,MAAM,MAAM,QAChB,8BAAC,kBAAkB,eAAlB,EAAgC,SAAO,MACtC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AAAA,UACf,OAAM;AAAA,UACN,MAAK;AAAA,UAEJ,gBAAM,QAAQ;AAAA;AAAA,MACjB,GACF,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,qBAAkB;AAAA,OAvBQ,MAAM,EAwBnC,GAEJ;AAEJ;AAKO,SAAS,wBAAqD;AACnE,WAAS,OAAO,SAAwB;AACtC,YAAQ,OAAO;AAAA,MACb,OAAO,QAAQ;AAAA,MACf,aAAa,QAAQ;AAAA,MACrB,MAAM,QAAQ;AAAA,MACd,QAAQ,QAAQ;AAAA,IAClB,CAAC;AAAA,EACH;AACA,SAAO,EAAE,GAAG,SAAS,OAAO;AAC9B;","names":[]}

package/build/modern/chunk-JYWTA3OZ.js

@@ -0,0 +1,18 @@
+import {
+  useFeatureFlags
+} from "./chunk-CJFW36DZ.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/feature-flag/feature-flag.tsx
+import { jsx } from "react/jsx-runtime";
+function FeatureFlag(props) {
+  const showContent = useFeatureFlags(props.flag);
+  return /* @__PURE__ */ jsx(Show, { when: showContent, children: props.children });
+}
+
+export {
+  FeatureFlag
+};
+//# sourceMappingURL=chunk-JYWTA3OZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/feature-flag/feature-flag.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport { useFeatureFlags } from '../../context/feature-flags'\nimport { Show } from '../show/index'\n\nexport interface FeatureFlagProps {\n  /**\n   * The name of the feature flag to check.\n   */\n  flag: string\n}\n\n/**\n * A component that allows you to show or hide content based on a feature flag.\n * @see https://cerberus.digitalu.design/react/feature-flags\n */\nexport function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>) {\n  const showContent = useFeatureFlags(props.flag)\n  return <Show when={showContent}>{props.children}</Show>\n}\n"],"mappings":";;;;;;;;AAmBS;AAFF,SAAS,YAAY,OAA4C;AACtE,QAAM,cAAc,gBAAgB,MAAM,IAAI;AAC9C,SAAO,oBAAC,QAAK,MAAM,aAAc,gBAAM,UAAS;AAClD;","names":[]}

package/build/modern/chunk-KIKGNZ2H.js

@@ -0,0 +1,86 @@
+import {
+  useNavMenuContext
+} from "./chunk-FXWN3SPS.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/deprecated/NavMenuList.tsx
+import { useMemo } from "react";
+import { cx } from "styled-system/css";
+import { vstack } from "styled-system/patterns";
+import { jsx } from "react/jsx-runtime";
+function getPosition(position) {
+  const defaultPositions = {
+    left: "auto",
+    right: "auto",
+    top: "auto",
+    bottom: "auto"
+  };
+  switch (position) {
+    case "right":
+      return { ...defaultPositions, top: "0%", left: "105%" };
+    case "left":
+      return { ...defaultPositions, top: "0%", right: "105%" };
+    case "bottom":
+      return { ...defaultPositions, top: "110%" };
+    case "top":
+      return { ...defaultPositions, bottom: "110%" };
+    default:
+      return defaultPositions;
+  }
+}
+var navListStyles = vstack({
+  alignItems: "flex-start",
+  bgColor: "page.surface.100",
+  boxShadow: "lg",
+  gap: "2",
+  opacity: "0",
+  p: "4",
+  position: "absolute",
+  rounded: "md",
+  zIndex: "dropdown",
+  _motionSafe: {
+    animationName: "zoomIn",
+    animationDelay: "100ms",
+    animationDuration: "150ms",
+    animationFillMode: "both",
+    animationTimingFunction: "ease-in-out"
+  },
+  _positionBottom: {
+    transformOrigin: "top left"
+  },
+  _positionTop: {
+    transformOrigin: "bottom left"
+  },
+  _positionLeft: {
+    transformOrigin: "top right"
+  },
+  _positionRight: {
+    transformOrigin: "top left"
+  }
+});
+function NavMenuList(props) {
+  const { position, ...nativeProps } = props;
+  const { menuRef, expanded } = useNavMenuContext();
+  const locationStyles = useMemo(
+    () => getPosition(position ?? "bottom"),
+    [position]
+  );
+  return /* @__PURE__ */ jsx(Show, { when: expanded, children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ...nativeProps,
+      "data-position": position ?? "bottom",
+      className: cx(nativeProps.className, navListStyles),
+      ref: menuRef,
+      style: locationStyles
+    }
+  ) });
+}
+
+export {
+  getPosition,
+  NavMenuList
+};
+//# sourceMappingURL=chunk-KIKGNZ2H.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { cx } from 'styled-system/css'\nimport { vstack } from 'styled-system/patterns'\nimport { useNavMenuContext } from '../../context/navMenu'\nimport type { Positions } from '../../types'\nimport { Show } from '../show/index'\n\n/**\n * This module contains the NavMenuList component.\n * @module\n */\n\ninterface GetPositionResult {\n  /**\n   * The left position of the element.\n   */\n  left: string\n  /**\n   * The right position of the element.\n   */\n  right: string\n  /**\n   * The top position of the element.\n   */\n  top: string\n  /**\n   * The bottom position of the element.\n   */\n  bottom: string\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function getPosition(position: Positions): GetPositionResult {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'page.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  /**\n   * The unique identifier for the NavMenuList. Required for accessibility.\n   */\n  id: string\n  /**\n   * The position of the NavMenuList.\n   * @type 'top' | 'right' | 'bottom' | 'left'\n   * @default 'bottom'\n   */\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @see https://cerberus.digitalu.design/react/nav-menu\n *\n * @example\n * ```tsx\n * <NavMenu>\n *  <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *   <NavMenuLink href=\"/home\">Home</NavMenuLink>\n *   <NavMenuLink href=\"/about\">About</NavMenuLink>\n *  </NavMenuList>\n * </NavMenu>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps) {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,eAAoC;AAC7C,SAAS,UAAU;AACnB,SAAS,cAAc;AA0HjB;AA1FC,SAAS,YAAY,UAAwC;AAClE,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,gBAAgB,OAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AA8BM,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,kBAAkB;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

package/build/modern/chunk-KJYL3RJ2.js

@@ -0,0 +1,42 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/rating/primitives.tsx
+import {
+  RatingGroup
+} from "@ark-ui/react/rating-group";
+import {
+  ratingGroup
+} from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(ratingGroup);
+var RatingRoot = withSlotRecipe(
+  RatingGroup.Root,
+  "root"
+);
+var RatingLabel = withSlotRecipe(
+  RatingGroup.Label,
+  "label"
+);
+var RatingControl = withSlotRecipe(
+  RatingGroup.Control,
+  "control"
+);
+var RatingContext = RatingGroup.Context;
+var RatingItem = withSlotRecipe(
+  RatingGroup.Item,
+  "item"
+);
+var RatingItemContext = RatingGroup.ItemContext;
+var RatingHiddenInput = RatingGroup.HiddenInput;
+
+export {
+  RatingRoot,
+  RatingLabel,
+  RatingControl,
+  RatingContext,
+  RatingItem,
+  RatingItemContext,
+  RatingHiddenInput
+};
+//# sourceMappingURL=chunk-KJYL3RJ2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rating/primitives.tsx"],"sourcesContent":["import {\n  RatingGroup,\n  type RatingGroupContextProps as ArkRatingGroupContextProps,\n  type RatingGroupControlProps as ArkRatingGroupControlProps,\n  type RatingGroupHiddenInputProps as ArkRatingGroupHiddenInputProps,\n  type RatingGroupItemContextProps as ArkRatingGroupItemContextProps,\n  type RatingGroupItemProps as ArkRatingGroupItemProps,\n  type RatingGroupLabelProps as ArkRatingGroupLabelProps,\n  type RatingGroupRootProps as ArkRatingGroupRootProps,\n} from '@ark-ui/react/rating-group'\nimport {\n  ratingGroup,\n  type RatingGroupVariantProps,\n} from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Rating component.\n * @module 'rating/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(ratingGroup)\n\n// Root\n\nexport type RatingRootProps = CerberusPrimitiveProps<\n  ArkRatingGroupRootProps & RatingGroupVariantProps\n>\nexport const RatingRoot = withSlotRecipe<RatingRootProps>(\n  RatingGroup.Root,\n  'root',\n)\n\n// Label\n\nexport type RatingLabelProps = CerberusPrimitiveProps<ArkRatingGroupLabelProps>\nexport const RatingLabel = withSlotRecipe<RatingLabelProps>(\n  RatingGroup.Label,\n  'label',\n)\n\n// Control\n\nexport type RatingGroupControlProps =\n  CerberusPrimitiveProps<ArkRatingGroupControlProps>\nexport const RatingControl = withSlotRecipe<RatingGroupControlProps>(\n  RatingGroup.Control,\n  'control',\n)\n\n// Context\n\nexport type RatingGroupContextProps = ArkRatingGroupContextProps\nexport const RatingContext = RatingGroup.Context\n\n// Item\n\nexport type RatingGroupItemProps = CerberusPrimitiveProps<\n  ArkRatingGroupItemProps & RatingGroupVariantProps\n>\nexport const RatingItem = withSlotRecipe<RatingGroupItemProps>(\n  RatingGroup.Item,\n  'item',\n)\n\n// Item Context\nexport type RatingGroupItemContextProps = ArkRatingGroupItemContextProps\nexport const RatingItemContext = RatingGroup.ItemContext\n\n// Hidden Input\n\nexport type RatingGroupHiddenInputProps = ArkRatingGroupHiddenInputProps\nexport const RatingHiddenInput = RatingGroup.HiddenInput\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAQK;AACP;AAAA,EACE;AAAA,OAEK;AAWP,IAAM,EAAE,eAAe,IAAI,wBAAwB,WAAW;AAOvD,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,EACZ;AACF;AAKO,IAAM,cAAc;AAAA,EACzB,YAAY;AAAA,EACZ;AACF;AAMO,IAAM,gBAAgB;AAAA,EAC3B,YAAY;AAAA,EACZ;AACF;AAKO,IAAM,gBAAgB,YAAY;AAOlC,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,EACZ;AACF;AAIO,IAAM,oBAAoB,YAAY;AAKtC,IAAM,oBAAoB,YAAY;","names":[]}