@cerberus-design/react 0.14.2-next-a928afd → 0.14.2-next-0052cda

package/build/modern/{chunk-KPUYKHLW.js → chunk-UMF2TWZN.js}

@@ -1,26 +1,34 @@
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
-import {
-  useFieldContext
-} from "./chunk-UZDVOIW5.js";
 import {
   DatePickerContext,
   DatePickerTable,
   DatePickerTableCell,
   DatePickerTableCellTrigger,
   DatePickerTableHeader,
-  DatePickerTrigger,
   DatePickerView,
-  DatePickerViewControlGroup
-} from "./chunk-BC5SZDYY.js";
+  DatePickerViewControl
+} from "./chunk-5EWCH7AI.js";
+import {
+  IconButton
+} from "./chunk-APD6IX5R.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
+import {
+  useFieldContext
+} from "./chunk-UZDVOIW5.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
 
 // src/components/DatePicker.client.tsx
 import {
   DatePicker as ArkDP
 } from "@ark-ui/react";
-import { datePicker } from "@cerberus/styled-system/recipes";
-import { cx } from "@cerberus/styled-system/css";
+import { datePicker, iconButton } from "@cerberus/styled-system/recipes";
+import { css, cx } from "@cerberus/styled-system/css";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var datePickerStyles = datePicker();
 function DatePicker(props) {
@@ -36,6 +44,46 @@ function DatePicker(props) {
     }
   );
 }
+function DatePickerViewControlGroup(props) {
+  const { icons } = useCerberusContext();
+  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+  return /* @__PURE__ */ jsxs(DatePickerViewControl, { ...props, children: [
+    /* @__PURE__ */ jsx(ArkDP.PrevTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Previous", size: "sm", children: /* @__PURE__ */ jsx(PrevIcon, {}) }) }),
+    /* @__PURE__ */ jsx(ArkDP.ViewTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: css({
+          h: "2rem",
+          paddingInline: "md"
+        }),
+        shape: "rounded",
+        size: "sm",
+        usage: "ghost",
+        children: /* @__PURE__ */ jsx(ArkDP.RangeText, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ArkDP.NextTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Next", size: "sm", children: /* @__PURE__ */ jsx(NextIcon, {}) }) })
+  ] });
+}
+function DatePickerTrigger(props) {
+  const { icons } = useCerberusContext();
+  const { calendar: CalendarIcon } = icons;
+  return /* @__PURE__ */ jsx(
+    ArkDP.Trigger,
+    {
+      ...props,
+      className: cx(
+        props.className,
+        iconButton({
+          size: "sm",
+          usage: "ghost"
+        }),
+        datePickerStyles.trigger
+      ),
+      children: /* @__PURE__ */ jsx(CalendarIcon, {})
+    }
+  );
+}
 function DatePickerInput(props) {
   const { invalid, ...fieldStates } = useFieldContext();
   return /* @__PURE__ */ jsxs(ArkDP.Control, { className: datePickerStyles.control, children: [
@@ -150,6 +198,8 @@ function DatePickerCalendar() {
 
 export {
   DatePicker,
+  DatePickerViewControlGroup,
+  DatePickerTrigger,
   DatePickerInput,
   RangePickerInput,
   DatePickerContent,
@@ -158,4 +208,4 @@ export {
   DatePickerYearView,
   DatePickerCalendar
 };
-//# sourceMappingURL=chunk-KPUYKHLW.js.map
+//# sourceMappingURL=chunk-UMF2TWZN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/DatePicker.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  DatePicker as ArkDP,\n  type DatePickerContentProps,\n  type DatePickerInputProps,\n  type DatePickerRootProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n  type DatePickerViewProps,\n} from '@ark-ui/react'\nimport { Portal } from './Portal'\nimport { datePicker, iconButton } from '@cerberus/styled-system/recipes'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport {\n  DatePickerView,\n  DatePickerContext,\n  DatePickerTable,\n  DatePickerTableHeader,\n  DatePickerTableCellTrigger,\n  DatePickerTableCell,\n  DatePickerViewControl,\n} from './DatePicker.server'\nimport { IconButton } from './IconButton'\nimport { Button } from './Button'\nimport { useCerberusContext } from '../context/cerberus'\n\n/**\n * This module contains the DatePicker client family components.\n * @module DatePicker:client\n */\n\n// We are not exposing this to the public API\nconst datePickerStyles = datePicker()\n\n/**\n * The main context provider for the DatePicker family components.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePicker(props: DatePickerRootProps) {\n  const states = useFieldContext()\n\n  // TODO: Remove this once the bug is fixed: https://github.com/chakra-ui/ark/issues/3112\n\n  // There is a bug with the Root component that causes random date selection\n  // onBlur after the first selection if the format prop is used.\n  // const handleFormat = useCallback((value: DateValue) => {\n  //   return formatISOToMilitary(value.toString())\n  // }, [])\n\n  return (\n    <ArkDP.Root\n      {...props}\n      {...states}\n      positioning={{\n        placement: 'bottom-start',\n      }}\n    />\n  )\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 * @example\n * ```tsx\n * <DatePickerViewControlGroup />\n * ```\n */\nexport function DatePickerViewControlGroup(props: DatePickerViewControlProps) {\n  const { icons } = useCerberusContext()\n  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons\n  return (\n    <DatePickerViewControl {...props}>\n      <ArkDP.PrevTrigger asChild>\n        <IconButton ariaLabel=\"Previous\" size=\"sm\">\n          <PrevIcon />\n        </IconButton>\n      </ArkDP.PrevTrigger>\n\n      <ArkDP.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          <ArkDP.RangeText />\n        </Button>\n      </ArkDP.ViewTrigger>\n\n      <ArkDP.NextTrigger asChild>\n        <IconButton ariaLabel=\"Next\" size=\"sm\">\n          <NextIcon />\n        </IconButton>\n      </ArkDP.NextTrigger>\n    </DatePickerViewControl>\n  )\n}\n\n/**\n * The trigger component for the DatePicker which opens the calendar.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <DatePickerTrigger />\n * ```\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n  return (\n    <ArkDP.Trigger\n      {...props}\n      className={cx(\n        props.className,\n        iconButton({\n          size: 'sm',\n          usage: 'ghost',\n        }),\n        datePickerStyles.trigger,\n      )}\n    >\n      <CalendarIcon />\n    </ArkDP.Trigger>\n  )\n}\n\n/**\n * The input component for the DatePicker.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerInput(props: DatePickerInputProps) {\n  const { invalid, ...fieldStates } = useFieldContext()\n  return (\n    <ArkDP.Control className={datePickerStyles.control}>\n      <DatePickerTrigger />\n      <ArkDP.Input\n        {...props}\n        {...fieldStates}\n        {...(invalid && { 'aria-invalid': true })}\n        className={cx(props.className, datePickerStyles.input)}\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n      />\n    </ArkDP.Control>\n  )\n}\n\n/**\n * The input component for the DatePicker that uses ranges.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\" selection=\"range\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <RangePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function RangePickerInput(props: DatePickerInputProps) {\n  const { invalid, ...fieldStates } = useFieldContext()\n  return (\n    <ArkDP.Control data-range className={datePickerStyles.control}>\n      <DatePickerTrigger />\n      <ArkDP.Input\n        {...props}\n        {...fieldStates}\n        {...(invalid && { 'aria-invalid': true })}\n        data-range-input\n        className={cx(props.className, datePickerStyles.input)}\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <ArkDP.Input\n        {...props}\n        {...fieldStates}\n        {...(invalid && { 'aria-invalid': true })}\n        data-range-input\n        data-range-end-input\n        className={cx(props.className, datePickerStyles.input)}\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={1}\n      />\n    </ArkDP.Control>\n  )\n}\n\n/**\n * The content component for the DatePicker which contains the calendar.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const { children, ...contentProps } = props\n  return (\n    <Portal>\n      <ArkDP.Positioner className={datePickerStyles.positioner}>\n        <ArkDP.Content\n          {...contentProps}\n          className={cx(contentProps.className, datePickerStyles.content)}\n        >\n          {children}\n        </ArkDP.Content>\n      </ArkDP.Positioner>\n    </Portal>\n  )\n}\n\n/**\n * The day view component for the DatePicker.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>) {\n  function isToday(date: ArkDP.DateValue): boolean {\n    const today = new Date()\n    const formatted = today.toISOString().split('T')[0]\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return formatted === arkDate\n  }\n\n  function isPastDay(date: ArkDP.DateValue): boolean {\n    const today = new Date()\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return new Date(arkDate) < today\n  }\n\n  function getDayValue(date: ArkDP.DateValue): 'today' | 'past' | 'future' {\n    if (isToday(date)) return 'today'\n    if (isPastDay(date)) return 'past'\n    return 'future'\n  }\n\n  return (\n    <DatePickerView {...props} view=\"day\">\n      <DatePickerContext>\n        {(datePicker) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerTable>\n              <ArkDP.TableHead>\n                <ArkDP.TableRow>\n                  {datePicker.weekDays.map((weekDay, id) => (\n                    <DatePickerTableHeader key={id}>\n                      {weekDay.narrow}\n                    </DatePickerTableHeader>\n                  ))}\n                </ArkDP.TableRow>\n              </ArkDP.TableHead>\n\n              <ArkDP.TableBody>\n                {datePicker.weeks.map((week, id) => (\n                  <ArkDP.TableRow key={id}>\n                    {week.map((day, id) => (\n                      <DatePickerTableCell key={id} value={day}>\n                        <DatePickerTableCellTrigger\n                          data-date={getDayValue(day)}\n                        >\n                          {day.day}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    ))}\n                  </ArkDP.TableRow>\n                ))}\n              </ArkDP.TableBody>\n            </DatePickerTable>\n          </>\n        )}\n      </DatePickerContext>\n    </DatePickerView>\n  )\n}\n\n/**\n * The month view component for the DatePicker.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerMonthView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <ArkDP.View {...props} view=\"month\">\n      <ArkDP.Context>\n        {(datePicker) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerTable>\n              <ArkDP.TableBody>\n                {datePicker\n                  .getMonthsGrid({ columns: 4, format: 'short' })\n                  .map((months, id) => (\n                    <ArkDP.TableRow key={id}>\n                      {months.map((month, id) => (\n                        <DatePickerTableCell key={id} value={month.value}>\n                          <DatePickerTableCellTrigger>\n                            {month.label}\n                          </DatePickerTableCellTrigger>\n                        </DatePickerTableCell>\n                      ))}\n                    </ArkDP.TableRow>\n                  ))}\n              </ArkDP.TableBody>\n            </DatePickerTable>\n          </>\n        )}\n      </ArkDP.Context>\n    </ArkDP.View>\n  )\n}\n\n/**\n * The year view component for the DatePicker.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerYearView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <ArkDP.View {...props} view=\"year\">\n      <ArkDP.Context>\n        {(datePicker) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerTable>\n              <ArkDP.TableBody>\n                {datePicker.getYearsGrid({ columns: 4 }).map((years, id) => (\n                  <ArkDP.TableRow key={id}>\n                    {years.map((year, id) => (\n                      <DatePickerTableCell key={id} value={year.value}>\n                        <DatePickerTableCellTrigger>\n                          {year.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    ))}\n                  </ArkDP.TableRow>\n                ))}\n              </ArkDP.TableBody>\n            </DatePickerTable>\n          </>\n        )}\n      </ArkDP.Context>\n    </ArkDP.View>\n  )\n}\n\n/**\n * An abstraction of the DatePicker content components that contain the\n * different calendar views and controls.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerCalendar() {\n  return (\n    <DatePickerContent>\n      <DatePickerDayView />\n      <DatePickerMonthView />\n      <DatePickerYearView />\n    </DatePickerContent>\n  )\n}\n"],"mappings":"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","names":["datePicker","id"]}

package/build/modern/{chunk-QK7R2XJM.js → chunk-XQICKZH4.js}

@@ -2,8 +2,8 @@ import {
   useFieldContext
 } from "./chunk-UZDVOIW5.js";
 import {
-  $cerberusIcons
-} from "./chunk-QMF5ZNDG.js";
+  useCerberusContext
+} from "./chunk-GITT5645.js";
 
 // src/components/Toggle.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -16,7 +16,8 @@ function Toggle(props) {
   const { size, describedBy, ...nativeProps } = props;
   const styles = toggle({ size });
   const { invalid, ...state } = useFieldContext();
-  const Icon = $cerberusIcons.toggleChecked;
+  const { icons } = useCerberusContext();
+  const CheckedIcon = icons.toggleChecked;
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -44,7 +45,7 @@ function Toggle(props) {
                 justify: "center"
               })
             ),
-            children: /* @__PURE__ */ jsx(Icon, {})
+            children: /* @__PURE__ */ jsx(CheckedIcon, {})
           }
         )
       ]
@@ -55,4 +56,4 @@ function Toggle(props) {
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-QK7R2XJM.js.map
+//# sourceMappingURL=chunk-XQICKZH4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Toggle.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack, vstack } from '@cerberus/styled-system/patterns'\nimport {\n  toggle,\n  type ToggleVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { InputHTMLAttributes } from 'react'\nimport { useFieldContext } from '../context/field'\nimport { useCerberusContext } from '../context/cerberus'\n\n/**\n * This module provides a toggle component.\n * @module\n */\n\nexport type ToggleBase = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'id' | 'value'\n> & {\n  /**\n   * The FieldMessage providing context for the Toggle.\n   */\n  describedBy?: string\n  /**\n   * A unique identifier for the Toggle. Required for accessibility.\n   */\n  id: string\n  /**\n   * The value of the Toggle.\n   */\n  value: string\n}\nexport type ToggleProps = ToggleBase & ToggleVariantProps\n\n/**\n * The Toggle component is used to switch between two states. Optionally\n * combine with the `useToggle` hook.\n * @see https://cerberus.digitalu.design/react/toggle\n * @example\n * ```tsx\n * const { checked, handleChange } = useToggle({ checked: 'toggle' })\n *\n * <Hstack justify=\"space-between\" w=\"full\">\n *  <Field>\n *    <Label htmlFor=\"toggle\">Show notifications</Label>\n *    <Toggle\n *     checked={checked === 'toggle'}\n *     id=\"toggle\"\n *     onChange={handleChange}\n *     value=\"toggle\"\n *    />\n *  </Field>\n * </Hstack>\n * ```\n */\nexport function Toggle(props: ToggleProps) {\n  const { size, describedBy, ...nativeProps } = props\n  const styles = toggle({ size })\n  const { invalid, ...state } = useFieldContext()\n  const { icons } = useCerberusContext()\n  const CheckedIcon = icons.toggleChecked\n\n  return (\n    <span\n      className={cx('group', styles.track, hstack())}\n      data-checked={props.checked || props.defaultChecked}\n    >\n      <input\n        {...nativeProps}\n        {...state}\n        {...(describedBy && { 'aria-describedby': describedBy })}\n        {...(invalid && { 'aria-invalid': true })}\n        className={cx('peer', styles.input)}\n        role=\"switch\"\n        type=\"checkbox\"\n      />\n      <span\n        className={cx(\n          styles.thumb,\n          vstack({\n            justify: 'center',\n          }),\n        )}\n      >\n        <CheckedIcon />\n      </span>\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,QAAQ,cAAc;AAC/B;AAAA,EACE;AAAA,OAEK;AA0DH,SAIE,KAJF;AARG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,aAAa,GAAG,YAAY,IAAI;AAC9C,QAAM,SAAS,OAAO,EAAE,KAAK,CAAC;AAC9B,QAAM,EAAE,SAAS,GAAG,MAAM,IAAI,gBAAgB;AAC9C,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,cAAc,MAAM;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,OAAO,OAAO,CAAC;AAAA,MAC7C,gBAAc,MAAM,WAAW,MAAM;AAAA,MAErC;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,YACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,YACvC,WAAW,GAAG,QAAQ,OAAO,KAAK;AAAA,YAClC,MAAK;AAAA,YACL,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,OAAO;AAAA,cACP,OAAO;AAAA,gBACL,SAAS;AAAA,cACX,CAAC;AAAA,YACH;AAAA,YAEA,8BAAC,eAAY;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-XZGXRRSQ.js

@@ -0,0 +1,31 @@
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/Accordion.client.tsx
+import { Accordion as ArkAccordion } from "@ark-ui/react";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  accordion
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function AccordionItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const styles = accordion({ size });
+  const iconSize = size === "sm" ? 16 : "24";
+  const { icons } = useCerberusContext();
+  const ChevronDown = icons.accordionIndicator;
+  return /* @__PURE__ */ jsx(
+    ArkAccordion.ItemIndicator,
+    {
+      ...indicatorProps,
+      className: cx(indicatorProps.className, styles.itemIndicator),
+      children: /* @__PURE__ */ jsx(ChevronDown, { size: iconSize })
+    }
+  );
+}
+
+export {
+  AccordionItemIndicator
+};
+//# sourceMappingURL=chunk-XZGXRRSQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Accordion.client.tsx"],"sourcesContent":["'use client'\n\nimport { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n  AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const { size, ...indicatorProps } = props\n  const styles = accordion({ size })\n  const iconSize = size === 'sm' ? 16 : '24'\n  const { icons } = useCerberusContext()\n  const ChevronDown = icons.accordionIndicator\n\n  return (\n    <ArkAccordion.ItemIndicator\n      {...indicatorProps}\n      className={cx(indicatorProps.className, styles.itemIndicator)}\n    >\n      <ChevronDown size={iconSize} />\n    </ArkAccordion.ItemIndicator>\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAmCD;AAZC,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AACtC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,cAAc,MAAM;AAE1B,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,8BAAC,eAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;","names":[]}

package/build/modern/{chunk-5OVH3INN.js → chunk-Z64YZ5IH.js}

@@ -1,39 +1,39 @@
-import {
-  Modal
-} from "./chunk-BE4EOU2P.js";
-import {
-  ModalDescription
-} from "./chunk-Q7BRMIBR.js";
 import {
   ModalHeader
 } from "./chunk-XY6WL55R.js";
 import {
   ModalHeading
 } from "./chunk-2UXE5PDG.js";
+import {
+  Modal
+} from "./chunk-BE4EOU2P.js";
+import {
+  ModalDescription
+} from "./chunk-Q7BRMIBR.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
+import {
+  Avatar
+} from "./chunk-GCQMH4QA.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
-import {
-  Avatar
-} from "./chunk-PVIMOXSO.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
-import {
-  trapFocus
-} from "./chunk-JIZQFTW6.js";
-import {
-  $cerberusIcons
-} from "./chunk-QMF5ZNDG.js";
 import {
   useModal
 } from "./chunk-KGQG5JGW.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  trapFocus
+} from "./chunk-JIZQFTW6.js";
 
 // src/context/cta-modal.tsx
 import {
@@ -52,9 +52,9 @@ function CTAModal(props) {
   const { modalRef, show, close } = useModal();
   const [content, setContent] = useState(null);
   const focusTrap = trapFocus(modalRef);
-  const FallbackIcon = $cerberusIcons.confirmModal;
   const confirmIcon = content?.icon;
-  const { close: CloseIcon } = $cerberusIcons;
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon, confirmModal: FallbackIcon } = icons;
   const handleShow = useCallback(
     (options) => {
       const maxActions = 2;
@@ -151,4 +151,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-5OVH3INN.js.map
+//# sourceMappingURL=chunk-Z64YZ5IH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/cta-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type MouseEvent,\n  type MouseEventHandler,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { Portal } from '../components/Portal'\nimport { Button } from '../components/Button'\nimport { trapFocus } from '../aria-helpers/trap-focus.aria'\nimport { Show } from '../components/Show'\nimport { Modal } from '../components/Modal'\nimport { useModal } from '../hooks/useModal'\nimport { ModalHeader } from '../components/ModalHeader'\nimport { ModalHeading } from '../components/ModalHeading'\nimport { ModalDescription } from '../components/ModalDescription'\nimport { Avatar } from '../components/Avatar'\nimport { IconButton } from '../components/IconButton'\nimport { useCerberusContext } from './cerberus'\nimport { HStack } from '@cerberus/styled-system/jsx'\nimport { css } from '@cerberus/styled-system/css'\nimport { VStack } from '@cerberus/styled-system/jsx'\n\n/**\n * This module provides a context and hook for the cta modal.\n * @module\n */\n\nexport interface ShowCTAModalOptions {\n  /**\n   * The heading of the cta modal.\n   */\n  heading: string\n  /**\n   * The description of the cta modal.\n   */\n  description?: string\n  /**\n   * The icon used for the modal Avatar.\n   */\n  icon?: ReactNode\n  /**\n   * The actions for the cta modal. Max of 2 actions.\n   */\n  actions: {\n    text: string\n    onClick: MouseEventHandler<HTMLButtonElement>\n  }[]\n}\n\nexport interface CTAModalValue {\n  show: (options: ShowCTAModalOptions) => void\n}\n\nconst CTAModalContext = createContext<CTAModalValue | null>(null)\n\nexport type CTAModalProviderProps = PropsWithChildren<unknown>\n\n/**\n * Provides a CTA modal to the app.\n * @see https://cerberus.digitalu.design/react/cta-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <CTAModal>\n *   <SomeFeatureSection />\n * </CTAModal>\n *\n * // Use the hook to show the cta modal.\n * const cta = useCTAModal()\n *\n * const handleClick = useCallback(async () => {\n *  const userConsent = await cta.show({\n *   heading: 'Create or copy a Cohort',\n *  description:\n *   'Create a new cohort or copy and existing one.',\n *  icon: <Copy size={24} />,\n *  actions: [\n *  {\n *   text: 'Create Cohort',\n *   onClick: () => {},\n *  {\n *   text: 'Copy Cohort',\n *   onClick: () => {}\n *  }\n * })\n * setConsent(userConsent)\n * }, [cta])\n * ```\n */\nexport function CTAModal(props: PropsWithChildren<CTAModalProviderProps>) {\n  const { modalRef, show, close } = useModal()\n  const [content, setContent] = useState<ShowCTAModalOptions | null>(null)\n  const focusTrap = trapFocus(modalRef)\n  const confirmIcon = content?.icon\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon, confirmModal: FallbackIcon } = icons\n\n  const handleShow = useCallback(\n    (options: ShowCTAModalOptions) => {\n      const maxActions = 2\n      if (options.actions.length > maxActions) {\n        throw new Error(\n          `CTA Modal only supports a maximum of ${maxActions} actions.`,\n        )\n      }\n      setContent({ ...options })\n      show()\n    },\n    [show],\n  )\n\n  const handleActionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const index = event.currentTarget.getAttribute('data-index')\n      const action = content?.actions[Number(index)]\n      const { onClick } = action || {}\n      onClick?.(event)\n      close()\n    },\n    [content, close],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <CTAModalContext.Provider value={value}>\n      {props.children}\n\n      <Portal>\n        <Modal onKeyDown={focusTrap} ref={modalRef}>\n          <span\n            className={css({\n              padding: 'md',\n              position: 'absolute',\n              right: 0,\n              top: 0,\n              zIndex: 'decorator',\n            })}\n          >\n            <IconButton ariaLabel=\"Close modal\" onClick={close}>\n              <CloseIcon />\n            </IconButton>\n          </span>\n\n          <VStack gap=\"xl\" w=\"full\">\n            <ModalHeader>\n              <VStack gap=\"lg\" w=\"full\">\n                <Avatar\n                  ariaLabel=\"\"\n                  gradient=\"charon-light\"\n                  icon={\n                    <Show\n                      when={Boolean(confirmIcon)}\n                      fallback={<FallbackIcon size={24} />}\n                    >\n                      {confirmIcon}\n                    </Show>\n                  }\n                  src=\"\"\n                />\n                <ModalHeading>{content?.heading}</ModalHeading>\n                <ModalDescription>{content?.description}</ModalDescription>\n              </VStack>\n            </ModalHeader>\n\n            <HStack gap=\"md\" w=\"full\">\n              <Show when={Boolean(content?.actions?.length)}>\n                {content?.actions?.map((action, index) => (\n                  <Button\n                    data-index={index}\n                    className={css({\n                      w: '1/2',\n                    })}\n                    key={index}\n                    onClick={handleActionClick}\n                    shape=\"rounded\"\n                    usage=\"outlined\"\n                  >\n                    {action.text}\n                  </Button>\n                ))}\n              </Show>\n            </HStack>\n          </VStack>\n        </Modal>\n      </Portal>\n    </CTAModalContext.Provider>\n  )\n}\n\nexport function useCTAModal(): CTAModalValue {\n  const context = useContext(CTAModalContext)\n  if (context === null) {\n    throw new Error('useCTAModal must be used within a CTAModal Provider')\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/components/Accordion.client.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  AccordionItemIndicator
+} from "../chunk-XZGXRRSQ.js";
+import "../chunk-GITT5645.js";
+export {
+  AccordionItemIndicator
+};
+//# sourceMappingURL=Accordion.client.js.map

package/build/modern/components/Accordion.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/Accordion.js

@@ -2,18 +2,12 @@ import {
   Accordion,
   AccordionItem,
   AccordionItemContent,
-  AccordionItemIndicator,
   AccordionItemTrigger
-} from "../chunk-TJCFYL5W.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+} from "../chunk-IGHMP4WA.js";
 export {
   Accordion,
   AccordionItem,
   AccordionItemContent,
-  AccordionItemIndicator,
   AccordionItemTrigger
 };
 //# sourceMappingURL=Accordion.js.map

package/build/modern/components/AccordionItemGroup.js

@@ -1,12 +1,10 @@
 import {
   AccordionItemGroup
-} from "../chunk-KWJ5FKX7.js";
-import "../chunk-TJCFYL5W.js";
+} from "../chunk-JQCRDZNI.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-XZGXRRSQ.js";
+import "../chunk-GITT5645.js";
+import "../chunk-IGHMP4WA.js";
 export {
   AccordionItemGroup
 };

package/build/modern/components/Admonition.client.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  MatchAvatar
+} from "../chunk-ISCJ542I.js";
+import "../chunk-GCQMH4QA.js";
+import "../chunk-BUVVRQLZ.js";
+import "../chunk-GITT5645.js";
+export {
+  MatchAvatar
+};
+//# sourceMappingURL=Admonition.client.js.map

package/build/modern/components/Admonition.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/Admonition.js

@@ -2,13 +2,11 @@ import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "../chunk-QQOWWMZ3.js";
-import "../chunk-PVIMOXSO.js";
+} from "../chunk-NJSETNRL.js";
+import "../chunk-ISCJ542I.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Admonition,
   AdmonitionDescription,

package/build/modern/components/AnimatingUploadIcon.js

@@ -1,6 +1,6 @@
 import {
   AnimatingUploadIcon
-} from "../chunk-HVKM54BA.js";
+} from "../chunk-IW3LIRDG.js";
 export {
   AnimatingUploadIcon
 };

package/build/modern/components/Avatar.js

@@ -1,11 +1,9 @@
+"use client";
 import {
   Avatar
-} from "../chunk-PVIMOXSO.js";
+} from "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Avatar
 };

package/build/modern/components/Checkbox.js

@@ -1,13 +1,10 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-T2JOPPGL.js";
+} from "../chunk-N24COMHJ.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Checkbox
 };

package/build/modern/components/DatePicker.client.js

@@ -6,18 +6,17 @@ import {
   DatePickerDayView,
   DatePickerInput,
   DatePickerMonthView,
+  DatePickerTrigger,
+  DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "../chunk-KPUYKHLW.js";
+} from "../chunk-UMF2TWZN.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-UZDVOIW5.js";
-import "../chunk-BC5SZDYY.js";
+import "../chunk-5EWCH7AI.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-EXGKZGML.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-UZDVOIW5.js";
+import "../chunk-GITT5645.js";
 export {
   DatePicker,
   DatePickerCalendar,
@@ -25,6 +24,8 @@ export {
   DatePickerDayView,
   DatePickerInput,
   DatePickerMonthView,
+  DatePickerTrigger,
+  DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
 };

package/build/modern/components/DatePicker.server.js

@@ -5,17 +5,9 @@ import {
   DatePickerTableCell,
   DatePickerTableCellTrigger,
   DatePickerTableHeader,
-  DatePickerTrigger,
   DatePickerView,
-  DatePickerViewControl,
-  DatePickerViewControlGroup
-} from "../chunk-BC5SZDYY.js";
-import "../chunk-APD6IX5R.js";
-import "../chunk-EXGKZGML.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+  DatePickerViewControl
+} from "../chunk-5EWCH7AI.js";
 export {
   DatePickerContext,
   DatePickerLabel,
@@ -23,9 +15,7 @@ export {
   DatePickerTableCell,
   DatePickerTableCellTrigger,
   DatePickerTableHeader,
-  DatePickerTrigger,
   DatePickerView,
-  DatePickerViewControl,
-  DatePickerViewControlGroup
+  DatePickerViewControl
 };
 //# sourceMappingURL=DatePicker.server.js.map

package/build/modern/components/FileStatus.js

@@ -2,17 +2,14 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-FXLLRVAM.js";
+} from "../chunk-EMNBMH7Z.js";
 import "../chunk-WZJ5UQNM.js";
+import "../chunk-APD6IX5R.js";
 import "../chunk-JWIJHSI6.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-APD6IX5R.js";
-import "../chunk-PVIMOXSO.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   FileStatus,
   processStatus

package/build/modern/components/FileUploader.js

@@ -1,13 +1,10 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-BVCXVZAF.js";
-import "../chunk-PVIMOXSO.js";
+} from "../chunk-25HMVHLT.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   FileUploader
 };

package/build/modern/components/Input.js

@@ -1,13 +1,10 @@
 "use client";
 import {
   Input
-} from "../chunk-U36UZJGZ.js";
+} from "../chunk-MZ3UCDUL.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Input
 };

package/build/modern/components/Notification.js

@@ -1,12 +1,9 @@
 "use client";
 import {
   Notification
-} from "../chunk-JJZQGR7A.js";
+} from "../chunk-KF35CYT4.js";
+import "../chunk-GITT5645.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
 export {
   Notification
 };

package/build/modern/components/Select.js

@@ -2,13 +2,10 @@
 import {
   Option,
   Select
-} from "../chunk-XOROL3JY.js";
+} from "../chunk-KKHL3ZO4.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Option,
   Select

package/build/modern/components/Tag.js

@@ -1,11 +1,9 @@
+"use client";
 import {
   Tag
-} from "../chunk-HKJMLWVP.js";
+} from "../chunk-EDARV2EI.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Tag
 };

package/build/modern/components/Toggle.js

@@ -1,12 +1,9 @@
 "use client";
 import {
   Toggle
-} from "../chunk-QK7R2XJM.js";
+} from "../chunk-XQICKZH4.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
+import "../chunk-GITT5645.js";
 export {
   Toggle
 };