@cerberus-design/react 0.17.2 → 0.18.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rating/primitives.tsx"],"sourcesContent":["import {\n  RatingGroup,\n  type RatingGroupContextProps,\n  type RatingGroupControlProps,\n  type RatingGroupHiddenInputProps,\n  type RatingGroupItemContextProps,\n  type RatingGroupItemProps,\n  type RatingGroupLabelProps,\n  type RatingGroupRootProps,\n} from '@ark-ui/react/rating-group'\nimport { cx } from 'styled-system/css'\nimport {\n  ratingGroup,\n  type RatingGroupVariantProps,\n} from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Rating component.\n * @module 'rating/primitives'\n */\n\n/**\n * The root primitive of the Rating component.\n */\nexport function RatingRoot(\n  props: RatingGroupRootProps & RatingGroupVariantProps,\n) {\n  const { orientation, size, ...rootProps } = props\n  const styles = ratingGroup({ orientation, size })\n  return (\n    <RatingGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label primitive of the Rating component.\n */\nexport function RatingLabel(props: RatingGroupLabelProps) {\n  const styles = ratingGroup()\n  return (\n    <RatingGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control primitive of the Rating component.\n */\nexport function RatingControl(props: RatingGroupControlProps) {\n  const styles = ratingGroup()\n  return (\n    <RatingGroup.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The context primitive of the Rating component.\n */\nexport function RatingContext(props: RatingGroupContextProps) {\n  return <RatingGroup.Context {...props} />\n}\n\n/**\n * The item primitive of the Rating component.\n */\nexport function RatingItem(\n  props: RatingGroupItemProps & RatingGroupVariantProps,\n) {\n  const { palette, ...itemProps } = props\n  const styles = ratingGroup({ palette })\n  return (\n    <RatingGroup.Item\n      {...itemProps}\n      className={cx(styles.item, itemProps.className)}\n    />\n  )\n}\n\n/**\n * The item context primitive of the Rating component.\n */\nexport function RatingItemContext(props: RatingGroupItemContextProps) {\n  return <RatingGroup.ItemContext {...props} />\n}\n\n/**\n * The hidden input primitive of the Rating component.\n */\nexport function RatingHiddenInput(props: RatingGroupHiddenInputProps) {\n  return <RatingGroup.HiddenInput {...props} />\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAQK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgBH;AANG,SAAS,WACd,OACA;AACA,QAAM,EAAE,aAAa,MAAM,GAAG,UAAU,IAAI;AAC5C,QAAM,SAAS,YAAY,EAAE,aAAa,KAAK,CAAC;AAChD,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAA8B;AACxD,QAAM,SAAS,YAAY;AAC3B,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAKO,SAAS,cAAc,OAAgC;AAC5D,QAAM,SAAS,YAAY;AAC3B,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,cAAc,OAAgC;AAC5D,SAAO,oBAAC,YAAY,SAAZ,EAAqB,GAAG,OAAO;AACzC;AAKO,SAAS,WACd,OACA;AACA,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,SAAS,YAAY,EAAE,QAAQ,CAAC;AACtC,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,kBAAkB,OAAoC;AACpE,SAAO,oBAAC,YAAY,aAAZ,EAAyB,GAAG,OAAO;AAC7C;AAKO,SAAS,kBAAkB,OAAoC;AACpE,SAAO,oBAAC,YAAY,aAAZ,EAAyB,GAAG,OAAO;AAC7C;","names":[]}

package/build/modern/{chunk-32M5JS5F.js → chunk-ILROS7ST.js}

@@ -6,13 +6,13 @@ import {
   FieldRequiredIndicator,
   FieldRoot,
   FieldTextarea
-} from "./chunk-VNPLKMEM.js";
-import {
-  FieldStatusIndicator
-} from "./chunk-CNA2VKAH.js";
+} from "./chunk-WEL43I6Y.js";
 import {
   FieldStartIndicator
-} from "./chunk-Z52R6ABJ.js";
+} from "./chunk-EMDNETC7.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-VIKVLJGG.js";
 
 // src/components/field/parts.ts
 var FieldParts = {
@@ -30,4 +30,4 @@ var FieldParts = {
 export {
   FieldParts
 };
-//# sourceMappingURL=chunk-32M5JS5F.js.map
+//# sourceMappingURL=chunk-ILROS7ST.js.map

package/build/modern/{chunk-OSAYA6GH.js → chunk-INVZVMY4.js}

@@ -1,18 +1,18 @@
 import {
   DatePickerParts
-} from "./chunk-WVFEJCUN.js";
-import {
-  IconButton
-} from "./chunk-SRNDDY5D.js";
+} from "./chunk-J76SGDYP.js";
 import {
   Button
-} from "./chunk-RD2YPFRA.js";
+} from "./chunk-GB7W3YNU.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  IconButton
+} from "./chunk-UH6XSYYD.js";
 
 // src/components/date-picker/view-control-group.tsx
-import { css } from "@cerberus/styled-system/css";
+import { css } from "styled-system/css";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DatePickerViewControlGroup(props) {
   const { icons } = useCerberusContext();
@@ -39,4 +39,4 @@ function DatePickerViewControlGroup(props) {
 export {
   DatePickerViewControlGroup
 };
-//# sourceMappingURL=chunk-OSAYA6GH.js.map
+//# sourceMappingURL=chunk-INVZVMY4.js.map

package/build/modern/chunk-INVZVMY4.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 '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":[]}

package/build/modern/{chunk-SYPAA5YF.js → chunk-IUF74GEL.js}

@@ -2,7 +2,7 @@ import {
   AvatarFallback,
   AvatarImage,
   AvatarRoot
-} from "./chunk-2FRF57EU.js";
+} from "./chunk-UGFSACHC.js";
 
 // src/components/avatar/parts.ts
 var AvatarParts = {
@@ -14,4 +14,4 @@ var AvatarParts = {
 export {
   AvatarParts
 };
-//# sourceMappingURL=chunk-SYPAA5YF.js.map
+//# sourceMappingURL=chunk-IUF74GEL.js.map

package/build/modern/{chunk-WVFEJCUN.js → chunk-J76SGDYP.js}

@@ -23,7 +23,7 @@ import {
   DatePickerViewControl,
   DatePickerViewTrigger,
   DatePickerYearSelect
-} from "./chunk-D7MAAGNA.js";
+} from "./chunk-RW3YEBDW.js";
 
 // src/components/date-picker/parts.ts
 var DatePickerParts = {
@@ -56,4 +56,4 @@ var DatePickerParts = {
 export {
   DatePickerParts
 };
-//# sourceMappingURL=chunk-WVFEJCUN.js.map
+//# sourceMappingURL=chunk-J76SGDYP.js.map

package/build/modern/{chunk-UCL7P2OG.js → chunk-JFSCSAHD.js}

@@ -1,18 +1,18 @@
 import {
   ComboboxParts
-} from "./chunk-HIC7Z23X.js";
+} from "./chunk-V6ZOASMM.js";
 import {
   ComboboxStartIcon
-} from "./chunk-NR5XDIJ7.js";
+} from "./chunk-D4BVNWAY.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 import {
   Portal
-} from "./chunk-IQJDVFPP.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
+} from "./chunk-53YVHIGJ.js";
 
 // src/components/combobox/combobox.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -22,7 +22,7 @@ function Combobox(props) {
   const { selectArrow: SelectArrow, close: CloseIcon } = icons;
   const hasStartIcon = Boolean(startIcon);
   return /* @__PURE__ */ jsxs(ComboboxParts.Root, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(Show, { when: Boolean(label), children: /* @__PURE__ */ jsx(ComboboxParts.Label, { children: label }) }),
+    /* @__PURE__ */ jsx(Show, { when: label, children: /* @__PURE__ */ jsx(ComboboxParts.Label, { children: label }) }),
     /* @__PURE__ */ jsxs(ComboboxParts.Control, { children: [
       /* @__PURE__ */ jsx(Show, { when: hasStartIcon, children: /* @__PURE__ */ jsx(ComboboxStartIcon, { children: startIcon }) }),
       /* @__PURE__ */ jsx(
@@ -41,4 +41,4 @@ function Combobox(props) {
 export {
   Combobox
 };
-//# sourceMappingURL=chunk-UCL7P2OG.js.map
+//# sourceMappingURL=chunk-JFSCSAHD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["'use client'\n\nimport type { ComboboxRootProps } from '@ark-ui/react/combobox'\nimport type { ComboboxVariantProps } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport type { SelectCollectionItem } from '../select/select'\nimport { type FieldInputProps } from '../field/index'\nimport { Portal } from '../Portal'\nimport { Show } from '../Show'\nimport { ComboboxParts } from './parts'\nimport { ComboboxStartIcon } from './primitives'\n\nexport interface ComboboxProps\n  extends ComboboxRootProps<SelectCollectionItem>,\n    ComboboxVariantProps {\n  /**\n   * The label that appears above the combobox input.\n   */\n  label?: string\n  /**\n   * The icon that appears at the start of the combobox input.\n   */\n  startIcon?: FieldInputProps['startIcon']\n}\n\nexport function Combobox(props: ComboboxProps) {\n  const { label, children, startIcon, ...rootProps } = props\n\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, close: CloseIcon } = icons\n\n  const hasStartIcon = Boolean(startIcon)\n\n  return (\n    <ComboboxParts.Root {...rootProps}>\n      <Show when={label}>\n        <ComboboxParts.Label>{label}</ComboboxParts.Label>\n      </Show>\n\n      <ComboboxParts.Control>\n        <Show when={hasStartIcon}>\n          <ComboboxStartIcon>{startIcon}</ComboboxStartIcon>\n        </Show>\n\n        <ComboboxParts.Input\n          {...(hasStartIcon && { 'data-has': 'start-indicator' })}\n        />\n\n        <ComboboxParts.ClearTrigger>\n          <CloseIcon />\n        </ComboboxParts.ClearTrigger>\n        <ComboboxParts.Trigger>\n          <SelectArrow />\n        </ComboboxParts.Trigger>\n      </ComboboxParts.Control>\n\n      <Portal>\n        <ComboboxParts.Positioner>\n          <ComboboxParts.Content size={rootProps.size}>\n            {children}\n          </ComboboxParts.Content>\n        </ComboboxParts.Positioner>\n      </Portal>\n    </ComboboxParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoCQ,cAGF,YAHE;AAXD,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,OAAO,UAAU,WAAW,GAAG,UAAU,IAAI;AAErD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,OAAO,UAAU,IAAI;AAEvD,QAAM,eAAe,QAAQ,SAAS;AAEtC,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,QAAK,MAAM,OACV,8BAAC,cAAc,OAAd,EAAqB,iBAAM,GAC9B;AAAA,IAEA,qBAAC,cAAc,SAAd,EACC;AAAA,0BAAC,QAAK,MAAM,cACV,8BAAC,qBAAmB,qBAAU,GAChC;AAAA,MAEA;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACE,GAAI,gBAAgB,EAAE,YAAY,kBAAkB;AAAA;AAAA,MACvD;AAAA,MAEA,oBAAC,cAAc,cAAd,EACC,8BAAC,aAAU,GACb;AAAA,MACA,oBAAC,cAAc,SAAd,EACC,8BAAC,eAAY,GACf;AAAA,OACF;AAAA,IAEA,oBAAC,UACC,8BAAC,cAAc,YAAd,EACC,8BAAC,cAAc,SAAd,EAAsB,MAAM,UAAU,MACpC,UACH,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/{chunk-RQCJKDXU.js → chunk-JQYW4IOC.js}

@@ -4,7 +4,7 @@ import {
   AdmonitionHeading,
   AdmonitionIndicator,
   AdmonitionRoot
-} from "./chunk-RKGFPKKK.js";
+} from "./chunk-OY33UHBG.js";
 
 // src/components/admonition/parts.ts
 var AdmonitionParts = {
@@ -18,4 +18,4 @@ var AdmonitionParts = {
 export {
   AdmonitionParts
 };
-//# sourceMappingURL=chunk-RQCJKDXU.js.map
+//# sourceMappingURL=chunk-JQYW4IOC.js.map

package/build/modern/{chunk-JQJTQVPI.js → chunk-KEGLWDD6.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerViewControlGroup
-} from "./chunk-OSAYA6GH.js";
+} from "./chunk-INVZVMY4.js";
 import {
   DatePickerParts
-} from "./chunk-WVFEJCUN.js";
+} from "./chunk-J76SGDYP.js";
 
 // src/components/date-picker/day-view.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -42,4 +42,4 @@ function DatePickerDayView(props) {
 export {
   DatePickerDayView
 };
-//# sourceMappingURL=chunk-JQJTQVPI.js.map
+//# sourceMappingURL=chunk-KEGLWDD6.js.map

package/build/modern/{chunk-EB37HRCN.js → chunk-KOLNLCMZ.js}

@@ -28,4 +28,4 @@ export {
   ThemeProvider,
   useThemeContext
 };
-//# sourceMappingURL=chunk-EB37HRCN.js.map
+//# sourceMappingURL=chunk-KOLNLCMZ.js.map

package/build/modern/{chunk-EB37HRCN.js.map → chunk-KOLNLCMZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/theme.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport { useTheme, type UseThemeOptions } from '../hooks/useTheme'\n\n/**\n * This module provides a context and hook for the theme.\n * @module Theme\n */\n\nexport type DefaultThemes = 'cerberus' | 'acheron'\nexport type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K\nexport type ColorModes = 'light' | 'dark' | 'system'\n\nexport interface ThemeContextValue<T extends string = DefaultThemes> {\n  /**\n   * The current theme.\n   */\n  theme: CustomThemes<T>\n  /**\n   * The current color mode.\n   */\n  mode: ColorModes\n  /**\n   * Called when the theme is updated.\n   */\n  updateTheme: (theme: T) => void\n  /**\n   * Called when the color mode is updated.\n   */\n  updateMode: (mode: ColorModes) => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue<DefaultThemes> | null>(\n  null,\n)\n\nexport interface ThemeProviderProps extends UseThemeOptions {\n  /**\n   * The default theme.\n   */\n  defaultTheme?: DefaultThemes\n  /**\n   * The default color mode.\n   */\n  defaultColorMode?: ColorModes\n}\n\n/**\n * A context provider that allows the user to set the theme and mode of the\n * application.\n * @see https://cerberus.digitalu.design/react/use-theme-context\n * @example\n * ```tsx\n * <ThemeProvider>\n *  <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider(\n  props: PropsWithChildren<ThemeProviderProps>,\n): JSX.Element {\n  const state = useTheme(props.defaultTheme, props.defaultColorMode, {\n    cache: props.cache,\n    updateMode: props.updateMode,\n    updateTheme: props.updateTheme,\n  }) as ThemeContextValue<DefaultThemes>\n\n  return (\n    <ThemeContext.Provider value={state}>\n      {props.children}\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Used to access the theme context.\n */\nexport function useThemeContext(): ThemeContextValue<DefaultThemes> {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider')\n  }\n  return context\n}\n"],"mappings":";;;;;AAEA,SAAS,eAAe,kBAA0C;AAmE9D;AApCJ,IAAM,eAAe;AAAA,EACnB;AACF;AAwBO,SAAS,cACd,OACa;AACb,QAAM,QAAQ,SAAS,MAAM,cAAc,MAAM,kBAAkB;AAAA,IACjE,OAAO,MAAM;AAAA,IACb,YAAY,MAAM;AAAA,IAClB,aAAa,MAAM;AAAA,EACrB,CAAC;AAED,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC3B,gBAAM,UACT;AAEJ;AAKO,SAAS,kBAAoD;AAClE,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/context/theme.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport { useTheme, type UseThemeOptions } from '../hooks/useTheme'\n\n/**\n * This module provides a context and hook for the theme.\n * @module Theme\n */\n\nexport type DefaultThemes = 'cerberus' | 'acheron'\nexport type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K\nexport type ColorModes = 'light' | 'dark' | 'system'\n\nexport interface ThemeContextValue<T extends string = DefaultThemes> {\n  /**\n   * The current theme.\n   */\n  theme: CustomThemes<T>\n  /**\n   * The current color mode.\n   */\n  mode: ColorModes\n  /**\n   * Called when the theme is updated.\n   */\n  updateTheme: (theme: T) => void\n  /**\n   * Called when the color mode is updated.\n   */\n  updateMode: (mode: ColorModes) => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue<DefaultThemes> | null>(\n  null,\n)\n\nexport interface ThemeProviderProps extends UseThemeOptions {\n  /**\n   * The default theme.\n   */\n  defaultTheme?: DefaultThemes\n  /**\n   * The default color mode.\n   */\n  defaultColorMode?: ColorModes\n}\n\n/**\n * A context provider that allows the user to set the theme and mode of the\n * application.\n * @see https://cerberus.digitalu.design/react/use-theme-context\n * @example\n * ```tsx\n * <ThemeProvider>\n *  <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider(props: PropsWithChildren<ThemeProviderProps>) {\n  const state = useTheme(props.defaultTheme, props.defaultColorMode, {\n    cache: props.cache,\n    updateMode: props.updateMode,\n    updateTheme: props.updateTheme,\n  }) as ThemeContextValue<DefaultThemes>\n\n  return (\n    <ThemeContext.Provider value={state}>\n      {props.children}\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Used to access the theme context.\n */\nexport function useThemeContext(): ThemeContextValue<DefaultThemes> {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider')\n  }\n  return context\n}\n"],"mappings":";;;;;AAEA,SAAS,eAAe,kBAA0C;AAiE9D;AAlCJ,IAAM,eAAe;AAAA,EACnB;AACF;AAwBO,SAAS,cAAc,OAA8C;AAC1E,QAAM,QAAQ,SAAS,MAAM,cAAc,MAAM,kBAAkB;AAAA,IACjE,OAAO,MAAM;AAAA,IACb,YAAY,MAAM;AAAA,IAClB,aAAa,MAAM;AAAA,EACrB,CAAC;AAED,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC3B,gBAAM,UACT;AAEJ;AAKO,SAAS,kBAAoD;AAClE,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/build/modern/{chunk-Z3FDG263.js → chunk-KV4NRGKW.js}

@@ -2,10 +2,8 @@
 import {
   Fieldset
 } from "@ark-ui/react/fieldset";
-import { cx } from "@cerberus/styled-system/css";
-import {
-  fieldset
-} from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { fieldset } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function FieldsetRoot(props) {
   const styles = fieldset();
@@ -50,4 +48,4 @@ export {
   FieldsetHelperText,
   FieldsetErrorText
 };
-//# sourceMappingURL=chunk-Z3FDG263.js.map
+//# sourceMappingURL=chunk-KV4NRGKW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/primitives.tsx"],"sourcesContent":["import {\n  Fieldset,\n  type FieldsetHelperTextProps,\n  type FieldsetLegendProps,\n  type FieldsetRootProps,\n} from '@ark-ui/react/fieldset'\nimport { cx } from 'styled-system/css'\nimport { fieldset, type FieldsetVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains all the primitives of the Fieldset component.\n * @module 'react/fieldset'\n */\n\n/**\n * The context & container for the Fieldset components.\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 FieldsetRoot(props: FieldsetRootProps) {\n  const styles = fieldset()\n  return (\n    <Fieldset.Root {...props} className={cx(styles.root, props.className)} />\n  )\n}\n\n/**\n * The legend element for the Fieldset group.\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 FieldsetLegend(\n  props: FieldsetLegendProps & FieldsetVariantProps,\n) {\n  const { usage, ...legendProps } = props\n  const styles = fieldset({ usage })\n  return (\n    <Fieldset.Legend\n      {...legendProps}\n      className={cx(styles.legend, legendProps.className)}\n    />\n  )\n}\n\n/**\n * The description element for the Fieldset group.\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 FieldsetHelperText(\n  props: FieldsetHelperTextProps & FieldsetVariantProps,\n) {\n  const { usage, ...helperTextProps } = props\n  const styles = fieldset({ usage })\n  return (\n    <Fieldset.HelperText\n      {...helperTextProps}\n      className={cx(styles.helperText, helperTextProps.className)}\n    />\n  )\n}\n\n/**\n * The error text element for the Fieldset group.\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 FieldsetErrorText(props: FieldsetHelperTextProps) {\n  const styles = fieldset()\n  return (\n    <Fieldset.ErrorText\n      {...props}\n      className={cx(styles.errorText, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,gBAA2C;AAehD;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,SAAS,SAAS;AACxB,SACE,oBAAC,SAAS,MAAT,EAAe,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAE3E;AAOO,SAAS,eACd,OACA;AACA,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,SAAS,SAAS,EAAE,MAAM,CAAC;AACjC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,QAAQ,YAAY,SAAS;AAAA;AAAA,EACpD;AAEJ;AAOO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,OAAO,GAAG,gBAAgB,IAAI;AACtC,QAAM,SAAS,SAAS,EAAE,MAAM,CAAC;AACjC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,YAAY,gBAAgB,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAOO,SAAS,kBAAkB,OAAgC;AAChE,QAAM,SAAS,SAAS;AACxB,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}

package/build/modern/{chunk-LPALHB6R.js → chunk-L2EGF5AV.js}

@@ -2,8 +2,8 @@
 import {
   Tooltip as ArkTooltip
 } from "@ark-ui/react/tooltip";
-import { cx } from "@cerberus/styled-system/css";
-import { tooltip } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { tooltip } from "styled-system/recipes";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Tooltip(props) {
   const { content, children, asChild, ...nativeProps } = props;
@@ -30,4 +30,4 @@ function Tooltip(props) {
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-LPALHB6R.js.map
+//# sourceMappingURL=chunk-L2EGF5AV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import {\n  Tooltip as ArkTooltip,\n  type TooltipContentProps,\n} from '@ark-ui/react/tooltip'\nimport { cx } from 'styled-system/css'\nimport { tooltip } from 'styled-system/recipes'\nimport type { ReactNode } from 'react'\n\n/**\n * This module contains the Tooltip component.\n * @module Tooltip\n */\n\nexport interface TooltipProps {\n  /**\n   * The text content to display in the tooltip.\n   */\n  content: ReactNode\n  /**\n   * The position of the tooltip relative to the trigger element.\n   */\n  position?: 'top' | 'right' | 'bottom' | 'left'\n}\n\n/**\n * The Tooltip component is used to provide additional information about an element when it is hovered over.\n * @definition [Tooltip docs](https://cerberus.digitalu.design/react/tooltip)\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Information />\n * </Tooltip>\n */\nexport function Tooltip(props: TooltipProps & TooltipContentProps) {\n  const { content, children, asChild, ...nativeProps } = props\n  const styles = tooltip()\n  const position = {\n    placement: props.position || 'top',\n  }\n\n  return (\n    <ArkTooltip.Root openDelay={400} positioning={position}>\n      <ArkTooltip.Trigger className={styles.trigger} asChild={asChild}>\n        {children}\n      </ArkTooltip.Trigger>\n\n      <ArkTooltip.Positioner>\n        <ArkTooltip.Content\n          {...nativeProps}\n          className={cx(nativeProps.className, styles.content)}\n        >\n          <ArkTooltip.Arrow className={styles.arrow}>\n            <ArkTooltip.ArrowTip className={styles.arrowTip} />\n          </ArkTooltip.Arrow>\n\n          {content}\n        </ArkTooltip.Content>\n      </ArkTooltip.Positioner>\n    </ArkTooltip.Root>\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AACP,SAAS,UAAU;AACnB,SAAS,eAAe;AAqClB,cAKE,YALF;AATC,SAAS,QAAQ,OAA2C;AACjE,QAAM,EAAE,SAAS,UAAU,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,SAAS,QAAQ;AACvB,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,YAAY;AAAA,EAC/B;AAEA,SACE,qBAAC,WAAW,MAAX,EAAgB,WAAW,KAAK,aAAa,UAC5C;AAAA,wBAAC,WAAW,SAAX,EAAmB,WAAW,OAAO,SAAS,SAC5C,UACH;AAAA,IAEA,oBAAC,WAAW,YAAX,EACC;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,YAAY,WAAW,OAAO,OAAO;AAAA,QAEnD;AAAA,8BAAC,WAAW,OAAX,EAAiB,WAAW,OAAO,OAClC,8BAAC,WAAW,UAAX,EAAoB,WAAW,OAAO,UAAU,GACnD;AAAA,UAEC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/{chunk-4GFEWP76.js → chunk-L5FYGWAZ.js}

@@ -2,8 +2,8 @@
 import {
   Tabs
 } from "@ark-ui/react/tabs";
-import { cx } from "@cerberus/styled-system/css";
-import { tabs } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { tabs } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function TabsRoot(props) {
   const { palette, ...rootProps } = props;
@@ -46,4 +46,4 @@ export {
   TabsContent,
   TabsIndicator
 };
-//# sourceMappingURL=chunk-4GFEWP76.js.map
+//# sourceMappingURL=chunk-L5FYGWAZ.js.map

package/build/modern/chunk-L5FYGWAZ.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 'styled-system/css'\nimport { tabs, type TabsVariantProps } from '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-RU5LOXWI.js → chunk-L64HQGLQ.js}

@@ -11,7 +11,7 @@ import {
   Small,
   Span,
   Strong
-} from "@cerberus/styled-system/jsx";
+} from "styled-system/jsx";
 import { jsx } from "react/jsx-runtime";
 function Text(props) {
   const { as = "p", ...pandaJSXProps } = props;
@@ -44,4 +44,4 @@ function Text(props) {
 export {
   Text
 };
-//# sourceMappingURL=chunk-RU5LOXWI.js.map
+//# sourceMappingURL=chunk-L64HQGLQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Text.tsx"],"sourcesContent":["import {\n  Em,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  P,\n  Small,\n  Span,\n  Strong,\n  type PProps,\n} from 'styled-system/jsx'\n\n/**\n * This module exports a component for rendering text utilizing the styled-system JSX utility.\n * @module @cerberus/react/Text\n */\n\nexport type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\nexport type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span'\n\n// For some reason we have to use the HTMLParagraphElement type here\n// or else TS will fail for non-style props like 'id' or 'className'\nexport interface TextProps extends PProps {\n  /**\n   * The element to render as. Defaults to 'p'.\n   */\n  as?: TextElements | Headings\n}\n\n/**\n * A component for rendering text utilizing the styled-system JSX utility.\n * @definition [Text docs](https://cerberus.digitalu.design/react/text)\n * @example\n * ```tsx\n * <Text as=\"h1\" color=\"page.text.100\" textStyle={{\n *   base: 'heading-md',\n *   md: 'heading-lg',\n * }}>\n *  Hello, world!\n * </Text>\n */\nexport function Text(props: TextProps) {\n  const { as = 'p', ...pandaJSXProps } = props\n  switch (as) {\n    case 'h1':\n      return <H1 {...pandaJSXProps} />\n    case 'h2':\n      return <H2 {...pandaJSXProps} />\n    case 'h3':\n      return <H3 {...pandaJSXProps} />\n    case 'h4':\n      return <H4 {...pandaJSXProps} />\n    case 'h5':\n      return <H5 {...pandaJSXProps} />\n    case 'h6':\n      return <H6 {...pandaJSXProps} />\n    case 'strong':\n      return <Strong {...pandaJSXProps} />\n    case 'em':\n      return <Em {...pandaJSXProps} />\n    case 'small':\n      return <Small {...pandaJSXProps} />\n    case 'span':\n      return <Span {...pandaJSXProps} />\n    default:\n      return <P {...pandaJSXProps} />\n  }\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAmCM;AAJN,SAAS,KAAK,OAAkB;AACrC,QAAM,EAAE,KAAK,KAAK,GAAG,cAAc,IAAI;AACvC,UAAQ,IAAI;AAAA,IACV,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,UAAQ,GAAG,eAAe;AAAA,IACpC,KAAK;AACH,aAAO,oBAAC,MAAI,GAAG,eAAe;AAAA,IAChC,KAAK;AACH,aAAO,oBAAC,SAAO,GAAG,eAAe;AAAA,IACnC,KAAK;AACH,aAAO,oBAAC,QAAM,GAAG,eAAe;AAAA,IAClC;AACE,aAAO,oBAAC,KAAG,GAAG,eAAe;AAAA,EACjC;AACF;","names":[]}

package/build/modern/{chunk-6WEW5OGL.js → chunk-LEBDLXJE.js}

@@ -1,18 +1,18 @@
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
 import {
   FieldErrorText,
   FieldHelperText,
   FieldLabel,
   FieldRoot
-} from "./chunk-VNPLKMEM.js";
+} from "./chunk-WEL43I6Y.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/field/field.tsx
-import { HStack } from "@cerberus/styled-system/jsx";
+import { HStack } from "styled-system/jsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Field(props) {
   const [statusProps, fieldProps, rootProps] = splitProps(
@@ -21,11 +21,11 @@ function Field(props) {
     ["label", "helperText", "secondaryHelperText", "errorText", "children"]
   );
   return /* @__PURE__ */ jsxs(FieldRoot, { ...statusProps, ...rootProps, children: [
-    /* @__PURE__ */ jsx(Show, { when: Boolean(fieldProps.label), children: /* @__PURE__ */ jsx(FieldLabel, { children: fieldProps.label }) }),
+    /* @__PURE__ */ jsx(Show, { when: fieldProps.label, children: /* @__PURE__ */ jsx(FieldLabel, { children: fieldProps.label }) }),
     fieldProps.children,
-    /* @__PURE__ */ jsx(Show, { when: Boolean(fieldProps.helperText && !statusProps.invalid), children: /* @__PURE__ */ jsxs(HStack, { justifyContent: "space-between", w: "full", children: [
+    /* @__PURE__ */ jsx(Show, { when: fieldProps.helperText && !statusProps.invalid, children: /* @__PURE__ */ jsxs(HStack, { justifyContent: "space-between", w: "full", children: [
       /* @__PURE__ */ jsx(FieldHelperText, { children: fieldProps.helperText }),
-      /* @__PURE__ */ jsx(Show, { when: Boolean(fieldProps.secondaryHelperText), children: /* @__PURE__ */ jsx(FieldHelperText, { children: fieldProps.secondaryHelperText }) })
+      /* @__PURE__ */ jsx(Show, { when: fieldProps.secondaryHelperText, children: /* @__PURE__ */ jsx(FieldHelperText, { children: fieldProps.secondaryHelperText }) })
     ] }) }),
     /* @__PURE__ */ jsx(FieldErrorText, { children: fieldProps.errorText })
   ] });
@@ -34,4 +34,4 @@ function Field(props) {
 export {
   Field
 };
-//# sourceMappingURL=chunk-6WEW5OGL.js.map
+//# sourceMappingURL=chunk-LEBDLXJE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { type FieldRootProps } from '@ark-ui/react/field'\nimport { splitProps } from '../../utils/index'\nimport {\n  FieldErrorText,\n  FieldHelperText,\n  FieldLabel,\n  FieldRoot,\n} from './primitives'\nimport { HStack } from 'styled-system/jsx'\nimport { Show } from '../Show'\n\nexport interface FieldProps extends FieldRootProps {\n  /**\n   * The label of the field.\n   */\n  label?: string\n  /**\n   * The helper text of the field.\n   */\n  helperText?: string\n  /**\n   * A helper text positioned at the end of the field. Good for Textarea fields.\n   */\n  secondaryHelperText?: string\n  /**\n   * The error text of the field. Shown when the field is invalid.\n   */\n  errorText?: string\n}\n\n/**\n * The Field component is the context provider for all FieldParts and displays\n * the label, helperText, and ErrorText.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <Field\n *  ids={{\n *   control: 'firstName',\n *  }}\n *  label=\"Label\"\n *  helperText=\"This is what people will see on your profile.\"\n *  errorText=\"A first name is required to create an account.\"\n *  required\n * >\n *   <Input name=\"firstName\" type=\"text\" />\n * </Field>\n * ```\n */\nexport function Field(props: FieldProps) {\n  const [statusProps, fieldProps, rootProps] = splitProps(\n    props,\n    ['disabled', 'required', 'readOnly', 'invalid'],\n    ['label', 'helperText', 'secondaryHelperText', 'errorText', 'children'],\n  )\n\n  return (\n    <FieldRoot {...statusProps} {...rootProps}>\n      <Show when={fieldProps.label}>\n        <FieldLabel>{fieldProps.label}</FieldLabel>\n      </Show>\n\n      {fieldProps.children}\n\n      <Show when={fieldProps.helperText && !statusProps.invalid}>\n        <HStack justifyContent=\"space-between\" w=\"full\">\n          <FieldHelperText>{fieldProps.helperText}</FieldHelperText>\n          <Show when={fieldProps.secondaryHelperText}>\n            <FieldHelperText>{fieldProps.secondaryHelperText}</FieldHelperText>\n          </Show>\n        </HStack>\n      </Show>\n\n      <FieldErrorText>{fieldProps.errorText}</FieldErrorText>\n    </FieldRoot>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,cAAc;AAmDf,cAMA,YANA;AAVD,SAAS,MAAM,OAAmB;AACvC,QAAM,CAAC,aAAa,YAAY,SAAS,IAAI;AAAA,IAC3C;AAAA,IACA,CAAC,YAAY,YAAY,YAAY,SAAS;AAAA,IAC9C,CAAC,SAAS,cAAc,uBAAuB,aAAa,UAAU;AAAA,EACxE;AAEA,SACE,qBAAC,aAAW,GAAG,aAAc,GAAG,WAC9B;AAAA,wBAAC,QAAK,MAAM,WAAW,OACrB,8BAAC,cAAY,qBAAW,OAAM,GAChC;AAAA,IAEC,WAAW;AAAA,IAEZ,oBAAC,QAAK,MAAM,WAAW,cAAc,CAAC,YAAY,SAChD,+BAAC,UAAO,gBAAe,iBAAgB,GAAE,QACvC;AAAA,0BAAC,mBAAiB,qBAAW,YAAW;AAAA,MACxC,oBAAC,QAAK,MAAM,WAAW,qBACrB,8BAAC,mBAAiB,qBAAW,qBAAoB,GACnD;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,kBAAgB,qBAAW,WAAU;AAAA,KACxC;AAEJ;","names":[]}

package/build/modern/{chunk-A464YKEL.js → chunk-MDXJ6MGF.js}

@@ -1,7 +1,7 @@
 // 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 { cx } from "styled-system/css";
+import { table } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function TableRoot(props) {
   const { decoration, size, ...rootProps } = props;
@@ -140,4 +140,4 @@ export {
   Tfoot,
   TableTrigger
 };
-//# sourceMappingURL=chunk-A464YKEL.js.map
+//# sourceMappingURL=chunk-MDXJ6MGF.js.map

package/build/modern/chunk-MDXJ6MGF.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 'styled-system/css'\nimport { table, type TableVariantProps } from '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-KZDEDAIK.js → chunk-MTD4JSHT.js}

@@ -4,7 +4,7 @@ import {
   NotificationDescription,
   NotificationHeading,
   NotificationRoot
-} from "./chunk-7JHQVQPS.js";
+} from "./chunk-SZOV7M64.js";
 
 // src/components/notifications/parts.ts
 var NotificationParts = {
@@ -18,4 +18,4 @@ var NotificationParts = {
 export {
   NotificationParts
 };
-//# sourceMappingURL=chunk-KZDEDAIK.js.map
+//# sourceMappingURL=chunk-MTD4JSHT.js.map

package/build/modern/{chunk-FUL2VRDU.js → chunk-MZXSSTS7.js}

@@ -6,7 +6,7 @@ import {
   RadioGroupItemText,
   RadioGroupLabel,
   RadioGroupRoot
-} from "./chunk-5RTNSVYU.js";
+} from "./chunk-HJ7MAPDD.js";
 
 // src/components/radio/parts.ts
 var RadioParts = {
@@ -22,4 +22,4 @@ var RadioParts = {
 export {
   RadioParts
 };
-//# sourceMappingURL=chunk-FUL2VRDU.js.map
+//# sourceMappingURL=chunk-MZXSSTS7.js.map

package/build/modern/{chunk-ILSKGNUA.js → chunk-N6XHXPBI.js}

@@ -1,15 +1,15 @@
-import {
-  DatePickerMonthView
-} from "./chunk-QDXU6G3X.js";
 import {
   DatePickerYearView
-} from "./chunk-R4KLHRCL.js";
+} from "./chunk-25P3FUUT.js";
 import {
   DatePickerContent
-} from "./chunk-BJJ4XAVO.js";
+} from "./chunk-RYRB5GPN.js";
 import {
   DatePickerDayView
-} from "./chunk-JQJTQVPI.js";
+} from "./chunk-KEGLWDD6.js";
+import {
+  DatePickerMonthView
+} from "./chunk-D6PFYSIP.js";
 
 // src/components/date-picker/calendar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,4 +24,4 @@ function DatePickerCalendar(props) {
 export {
   DatePickerCalendar
 };
-//# sourceMappingURL=chunk-ILSKGNUA.js.map
+//# sourceMappingURL=chunk-N6XHXPBI.js.map

package/build/modern/{chunk-LLZE2RBB.js → chunk-NJ37QRAI.js}

@@ -1,6 +1,6 @@
 import {
   Avatar
-} from "./chunk-N4RPMT6J.js";
+} from "./chunk-CF4TCMJI.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -30,4 +30,4 @@ function MatchAvatar(props) {
 export {
   MatchAvatar
 };
-//# sourceMappingURL=chunk-LLZE2RBB.js.map
+//# sourceMappingURL=chunk-NJ37QRAI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/match-avatar.tsx"],"sourcesContent":["'use client'\n\nimport type { AdmonitionVariantProps } from 'styled-system/recipes'\nimport { useRef, type ReactNode } from 'react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Avatar } from '../avatar/avatar'\n\n/**\n * This module provides a component for creating the admonition indicator.\n * @module 'admonition/match-avatar'\n */\n\ninterface AvatarRefProps {\n  page: ReactNode\n  info: ReactNode\n  success: ReactNode\n  warning: ReactNode\n  danger: ReactNode\n}\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nexport function MatchAvatar(props: MatchAvatarProps) {\n  const { palette = 'page' } = props\n\n  const { icons } = useCerberusContext()\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = icons\n\n  // cache the el since the result is static and the component is client side\n  const elRef = useRef<AvatarRefProps>({\n    page: <Avatar gradient=\"charon-light\" fallback={<InfoIcon />} size=\"sm\" />,\n    info: (\n      <Avatar gradient=\"amphiaraus-dark\" fallback={<InfoIcon />} size=\"sm\" />\n    ),\n    success: (\n      <Avatar gradient=\"thanatos-dark\" fallback={<SuccessIcon />} size=\"sm\" />\n    ),\n    warning: (\n      <Avatar gradient=\"asphodel-light\" fallback={<WarningIcon />} size=\"sm\" />\n    ),\n    danger: (\n      <Avatar gradient=\"hades-light\" fallback={<DangerIcon />} size=\"sm\" />\n    ),\n  })\n\n  return <>{elRef.current[palette]}</>\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,cAA8B;AAgCa,SAe3C,UAf2C;AAb7C,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,OAAO,IAAI;AAE7B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EACtB,IAAI;AAGJ,QAAM,QAAQ,OAAuB;AAAA,IACnC,MAAM,oBAAC,UAAO,UAAS,gBAAe,UAAU,oBAAC,YAAS,GAAI,MAAK,MAAK;AAAA,IACxE,MACE,oBAAC,UAAO,UAAS,mBAAkB,UAAU,oBAAC,YAAS,GAAI,MAAK,MAAK;AAAA,IAEvE,SACE,oBAAC,UAAO,UAAS,iBAAgB,UAAU,oBAAC,eAAY,GAAI,MAAK,MAAK;AAAA,IAExE,SACE,oBAAC,UAAO,UAAS,kBAAiB,UAAU,oBAAC,eAAY,GAAI,MAAK,MAAK;AAAA,IAEzE,QACE,oBAAC,UAAO,UAAS,eAAc,UAAU,oBAAC,cAAW,GAAI,MAAK,MAAK;AAAA,EAEvE,CAAC;AAED,SAAO,gCAAG,gBAAM,QAAQ,OAAO,GAAE;AACnC;","names":[]}

package/build/modern/{chunk-LVHQGXJK.js → chunk-NP73HOHI.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerTrigger
-} from "./chunk-URO5I5AQ.js";
+} from "./chunk-ZL7AX5EM.js";
 import {
   DatePickerParts
-} from "./chunk-WVFEJCUN.js";
+} from "./chunk-J76SGDYP.js";
 
 // src/components/date-picker/input.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,4 +24,4 @@ function DatePickerInput(props) {
 export {
   DatePickerInput
 };
-//# sourceMappingURL=chunk-LVHQGXJK.js.map
+//# sourceMappingURL=chunk-NP73HOHI.js.map

package/build/modern/{chunk-7TQRTBUP.js → chunk-NQ22M7U7.js}

@@ -3,7 +3,7 @@ import {
   FieldsetHelperText,
   FieldsetLegend,
   FieldsetRoot
-} from "./chunk-Z3FDG263.js";
+} from "./chunk-KV4NRGKW.js";
 
 // src/components/fieldset/parts.ts
 var FieldsetParts = {
@@ -16,4 +16,4 @@ var FieldsetParts = {
 export {
   FieldsetParts
 };
-//# sourceMappingURL=chunk-7TQRTBUP.js.map
+//# sourceMappingURL=chunk-NQ22M7U7.js.map

package/build/modern/{chunk-V243YFI3.js → chunk-NYEUNVKR.js}

@@ -1,12 +1,12 @@
 import {
   CheckboxParts
-} from "./chunk-KWZ3CEG6.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-52ZQ26IV.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/checkbox/checkbox-icon.tsx
 import { jsx } from "react/jsx-runtime";
@@ -19,4 +19,4 @@ function CheckboxIcon(props) {
 export {
   CheckboxIcon
 };
-//# sourceMappingURL=chunk-V243YFI3.js.map
+//# sourceMappingURL=chunk-NYEUNVKR.js.map

package/build/modern/{chunk-63F5MURH.js → chunk-NYRNXRTZ.js}

@@ -1,12 +1,12 @@
 import {
   Spinner
-} from "./chunk-7SYJFI5E.js";
+} from "./chunk-AUI74W7J.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
 
 // src/components/notifications/match-icon.tsx
-import { toast } from "@cerberus/styled-system/recipes";
+import { toast } from "styled-system/recipes";
 import { ark } from "@ark-ui/react/factory";
 import { jsx } from "react/jsx-runtime";
 function MatchNotificationIcon(props) {
@@ -24,4 +24,4 @@ function ToastLoadingIcon() {
 export {
   MatchNotificationIcon
 };
-//# sourceMappingURL=chunk-63F5MURH.js.map
+//# sourceMappingURL=chunk-NYRNXRTZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/match-icon.tsx"],"sourcesContent":["'use client'\n\nimport { toast } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../Spinner'\nimport type { NotifyOptions } from './types'\nimport { ark } from '@ark-ui/react/factory'\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,aAAa;AAItB,SAAS,WAAW;AAuBd;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-MR4DX76C.js → chunk-NYVKL2IS.js}

@@ -1,6 +1,6 @@
 import {
   createSelectCollection
-} from "./chunk-QCBLRACK.js";
+} from "./chunk-5MUUKSLF.js";
 
 // src/components/combobox/use-stateful-collection.ts
 import { useCallback, useMemo, useState } from "react";
@@ -35,4 +35,4 @@ function useStatefulCollection(initialItems = []) {
 export {
   useStatefulCollection
 };
-//# sourceMappingURL=chunk-MR4DX76C.js.map
+//# sourceMappingURL=chunk-NYVKL2IS.js.map