@cerberus-design/react 0.18.4 → 0.19.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/view-control-group.tsx"],"sourcesContent":["'use client'\n\nimport { css } from 'styled-system/css'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Button } from '../button/button'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerViewControlProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerViewControl\n * primitive.\n * @module 'date-picker/view-control-group'\n */\n\n/**\n * An abstraction of the DatePicker control that contains the prev, view, and\n * next triggers which control the calendar output.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerViewControlGroup(props: DatePickerViewControlProps) {\n  const { icons } = useCerberusContext()\n  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons\n\n  return (\n    <DatePickerParts.ViewControl {...props}>\n      <DatePickerParts.PrevTrigger asChild>\n        <IconButton ariaLabel=\"Previous\" size=\"sm\">\n          <PrevIcon />\n        </IconButton>\n      </DatePickerParts.PrevTrigger>\n\n      <DatePickerParts.ViewTrigger asChild>\n        <Button\n          className={css({\n            h: '2rem',\n            paddingInline: 'md',\n          })}\n          shape=\"rounded\"\n          size=\"sm\"\n          usage=\"ghost\"\n        >\n          <DatePickerParts.RangeText />\n        </Button>\n      </DatePickerParts.ViewTrigger>\n\n      <DatePickerParts.NextTrigger asChild>\n        <IconButton ariaLabel=\"Next\" size=\"sm\">\n          <NextIcon />\n        </IconButton>\n      </DatePickerParts.NextTrigger>\n    </DatePickerParts.ViewControl>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAS,WAAW;AAuBhB,SAGM,KAHN;AALG,SAAS,2BAA2B,OAAmC;AAC5E,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,UAAU,cAAc,SAAS,IAAI;AAE3D,SACE,qBAAC,gBAAgB,aAAhB,EAA6B,GAAG,OAC/B;AAAA,wBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,8BAAC,cAAW,WAAU,YAAW,MAAK,MACpC,8BAAC,YAAS,GACZ,GACF;AAAA,IAEA,oBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,IAAI;AAAA,UACb,GAAG;AAAA,UACH,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,8BAAC,gBAAgB,WAAhB,EAA0B;AAAA;AAAA,IAC7B,GACF;AAAA,IAEA,oBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,8BAAC,cAAW,WAAU,QAAO,MAAK,MAChC,8BAAC,YAAS,GACZ,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-ACK44GEO.js

@@ -0,0 +1,126 @@
+import {
+  For
+} from "./chunk-D2TQPEZQ.js";
+import {
+  CTAModalContext
+} from "./chunk-4LSTU6WU.js";
+import {
+  TriggerItem
+} from "./chunk-CIIFJ2SA.js";
+import {
+  DialogCloseIconTrigger
+} from "./chunk-LRIYLZSL.js";
+import {
+  Dialog
+} from "./chunk-YQNOAJM7.js";
+import {
+  DialogDescription,
+  DialogHeading,
+  DialogProvider
+} from "./chunk-HPWLIE64.js";
+import {
+  Avatar
+} from "./chunk-OMM4CPZU.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/cta-dialog/provider.tsx
+import {
+  useCallback,
+  useContext,
+  useMemo,
+  useState
+} from "react";
+import { HStack, VStack } from "styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CTAModal(props) {
+  const [open, setOpen] = useState(false);
+  const [content, setContent] = useState(null);
+  const confirmIcon = content?.icon;
+  const { icons } = useCerberusContext();
+  const { confirmModal: FallbackIcon } = icons;
+  const handleShow = useCallback(
+    (options) => {
+      setContent({ ...options });
+      setOpen(true);
+    },
+    [setOpen]
+  );
+  const handleActionClick = useCallback(
+    (event) => {
+      const index = Number(event.currentTarget.getAttribute("data-index"));
+      const contentActions = content?.actions;
+      const action = contentActions._actions[index];
+      action?.handleClick?.(event);
+      setOpen(false);
+    },
+    [content, setOpen]
+  );
+  const value = useMemo(
+    () => ({
+      show: handleShow
+    }),
+    [handleShow]
+  );
+  return /* @__PURE__ */ jsxs(CTAModalContext.Provider, { value, children: [
+    props.children,
+    /* @__PURE__ */ jsx(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        size: "sm",
+        style: {
+          "--dialog-content-min-h": "auto"
+        },
+        children: [
+          /* @__PURE__ */ jsx(DialogCloseIconTrigger, {}),
+          /* @__PURE__ */ jsxs(VStack, { gap: "xl", w: "full", children: [
+            /* @__PURE__ */ jsx(VStack, { alignItems: "flex-start", gap: "md", w: "full", children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", w: "full", children: [
+              /* @__PURE__ */ jsx(
+                Avatar,
+                {
+                  gradient: "charon-light",
+                  fallback: /* @__PURE__ */ jsx(
+                    Show,
+                    {
+                      when: confirmIcon,
+                      fallback: /* @__PURE__ */ jsx(FallbackIcon, { size: 24 }),
+                      children: confirmIcon
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(DialogHeading, { children: content?.heading }),
+              /* @__PURE__ */ jsx(DialogDescription, { children: content?.description })
+            ] }) }),
+            /* @__PURE__ */ jsx(HStack, { gap: "md", w: "full", children: /* @__PURE__ */ jsx(For, { each: content?.actions._actions, children: (action, index) => /* @__PURE__ */ jsx(
+              Show,
+              {
+                when: content?.actions?.type === "btnAction",
+                fallback: /* @__PURE__ */ jsx(TriggerItem, { asChild: true, children: action }),
+                children: /* @__PURE__ */ jsx(TriggerItem, { "data-index": index, onClick: handleActionClick, children: action?.text })
+              },
+              index
+            ) }) })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+function useCTAModal() {
+  const context = useContext(CTAModalContext);
+  if (context === null) {
+    throw new Error("useCTAModal must be used within a CTAModal Provider");
+  }
+  return context;
+}
+
+export {
+  CTAModal,
+  useCTAModal
+};
+//# sourceMappingURL=chunk-ACK44GEO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/cta-dialog/provider.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { HStack, VStack } from 'styled-system/jsx'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Show } from '../show/index'\nimport { For } from '../for/index'\nimport { Avatar } from '../avatar/avatar'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../dialog'\nimport { DialogCloseIconTrigger } from '../dialog/close-icon-trigger'\nimport type { CTAButtonAction, CTAModalActionReturn } from './utils'\nimport {\n  CTAModalContext,\n  type CTAModalValue,\n  type ShowCTAModalOptions,\n} from './context'\nimport { TriggerItem } from './trigger-item'\n\n/**\n * This module provides the provider and hook for the cta modal.\n * @module 'react/cta-modal/provider'\n */\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<object>) {\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowCTAModalOptions | null>(null)\n  const confirmIcon = content?.icon\n\n  const { icons } = useCerberusContext()\n  const { confirmModal: FallbackIcon } = icons\n\n  const handleShow = useCallback(\n    (options: ShowCTAModalOptions) => {\n      setContent({ ...options })\n      setOpen(true)\n    },\n    [setOpen],\n  )\n\n  const handleActionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const index = Number(event.currentTarget.getAttribute('data-index'))\n      const contentActions = content?.actions as CTAModalActionReturn\n      const action = contentActions._actions[index] as CTAButtonAction\n      action?.handleClick?.(event)\n      setOpen(false)\n    },\n    [content, setOpen],\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      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog\n          size=\"sm\"\n          style={{\n            '--dialog-content-min-h': 'auto',\n          }}\n        >\n          <DialogCloseIconTrigger />\n\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <VStack gap=\"lg\" w=\"full\">\n                <Avatar\n                  gradient=\"charon-light\"\n                  fallback={\n                    <Show\n                      when={confirmIcon}\n                      fallback={<FallbackIcon size={24} />}\n                    >\n                      {confirmIcon}\n                    </Show>\n                  }\n                />\n                <DialogHeading>{content?.heading}</DialogHeading>\n                <DialogDescription>{content?.description}</DialogDescription>\n              </VStack>\n            </VStack>\n\n            <HStack gap=\"md\" w=\"full\">\n              <For each={content?.actions._actions}>\n                {(action, index) => (\n                  <Show\n                    key={index}\n                    when={content?.actions?.type === 'btnAction'}\n                    fallback={\n                      <TriggerItem asChild>{action as ReactNode}</TriggerItem>\n                    }\n                  >\n                    <TriggerItem data-index={index} onClick={handleActionClick}>\n                      {(action as CTAButtonAction)?.text}\n                    </TriggerItem>\n                  </Show>\n                )}\n              </For>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,QAAQ,cAAc;AAsGrB,cAII,YAJJ;AA7CH,SAAS,SAAS,OAAkC;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAqC,IAAI;AACvE,QAAM,cAAc,SAAS;AAE7B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,aAAa,IAAI;AAEvC,QAAM,aAAa;AAAA,IACjB,CAAC,YAAiC;AAChC,iBAAW,EAAE,GAAG,QAAQ,CAAC;AACzB,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,UAAyC;AACxC,YAAM,QAAQ,OAAO,MAAM,cAAc,aAAa,YAAY,CAAC;AACnE,YAAM,iBAAiB,SAAS;AAChC,YAAM,SAAS,eAAe,SAAS,KAAK;AAC5C,cAAQ,cAAc,KAAK;AAC3B,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EACnB;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OACvB;AAAA,UAAM;AAAA,IAEP,oBAAC,kBAAe,MAAY,cAAc,CAAC,MAAM,QAAQ,EAAE,IAAI,GAC7D;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO;AAAA,UACL,0BAA0B;AAAA,QAC5B;AAAA,QAEA;AAAA,8BAAC,0BAAuB;AAAA,UAExB,qBAAC,UAAO,KAAI,MAAK,GAAE,QACjB;AAAA,gCAAC,UAAO,YAAW,cAAa,KAAI,MAAK,GAAE,QACzC,+BAAC,UAAO,KAAI,MAAK,GAAE,QACjB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAS;AAAA,kBACT,UACE;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM;AAAA,sBACN,UAAU,oBAAC,gBAAa,MAAM,IAAI;AAAA,sBAEjC;AAAA;AAAA,kBACH;AAAA;AAAA,cAEJ;AAAA,cACA,oBAAC,iBAAe,mBAAS,SAAQ;AAAA,cACjC,oBAAC,qBAAmB,mBAAS,aAAY;AAAA,eAC3C,GACF;AAAA,YAEA,oBAAC,UAAO,KAAI,MAAK,GAAE,QACjB,8BAAC,OAAI,MAAM,SAAS,QAAQ,UACzB,WAAC,QAAQ,UACR;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM,SAAS,SAAS,SAAS;AAAA,gBACjC,UACE,oBAAC,eAAY,SAAO,MAAE,kBAAoB;AAAA,gBAG5C,8BAAC,eAAY,cAAY,OAAO,SAAS,mBACrC,kBAA4B,MAChC;AAAA;AAAA,cARK;AAAA,YASP,GAEJ,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,cAA6B;AAC3C,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/build/modern/chunk-AJ5TWPXM.js

@@ -0,0 +1,22 @@
+import {
+  DatePickerParts
+} from "./chunk-BWZXR2WZ.js";
+import {
+  IconButton
+} from "./chunk-YVYOOJ3X.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/date-picker/trigger.tsx
+import { jsx } from "react/jsx-runtime";
+function DatePickerTrigger(props) {
+  const { icons } = useCerberusContext();
+  const { calendar: CalendarIcon } = icons;
+  return /* @__PURE__ */ jsx(DatePickerParts.Trigger, { ...props, asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Open calendar", size: "sm", usage: "ghost", children: /* @__PURE__ */ jsx(CalendarIcon, {}) }) });
+}
+
+export {
+  DatePickerTrigger
+};
+//# sourceMappingURL=chunk-AJ5TWPXM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/trigger.tsx"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerTriggerProps } from './primitives'\n\n/**\n * This private module contains the DatePicker trigger component.\n * @module DatePickerTrigger\n */\n\n/**\n * An abstraction of the DatePickerTrigger that toggles the calender open.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n\n  return (\n    <DatePickerParts.Trigger {...props} asChild>\n      <IconButton ariaLabel=\"Open calendar\" size=\"sm\" usage=\"ghost\">\n        <CalendarIcon />\n      </IconButton>\n    </DatePickerParts.Trigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAuBQ;AAPD,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,UAAU,aAAa,IAAI;AAEnC,SACE,oBAAC,gBAAgB,SAAhB,EAAyB,GAAG,OAAO,SAAO,MACzC,8BAAC,cAAW,WAAU,iBAAgB,MAAK,MAAK,OAAM,SACpD,8BAAC,gBAAa,GAChB,GACF;AAEJ;","names":[]}

package/build/modern/chunk-ALJYABJX.js

@@ -0,0 +1,44 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/tooltip/primitives.ts
+import {
+  Tooltip
+} from "@ark-ui/react/tooltip";
+import { tooltip } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(tooltip);
+var TooltipRoot = withSlotRecipe(
+  Tooltip.Root,
+  "root"
+);
+var TooltipTrigger = withSlotRecipe(
+  Tooltip.Trigger,
+  "trigger"
+);
+var TooltipPositioner = withSlotRecipe(
+  Tooltip.Positioner,
+  "positioner"
+);
+var TooltipContent = withSlotRecipe(
+  Tooltip.Content,
+  "content"
+);
+var TooltipArrow = withSlotRecipe(
+  Tooltip.Arrow,
+  "arrow"
+);
+var TooltipArrowTip = withSlotRecipe(
+  Tooltip.ArrowTip,
+  "arrowTip"
+);
+
+export {
+  TooltipRoot,
+  TooltipTrigger,
+  TooltipPositioner,
+  TooltipContent,
+  TooltipArrow,
+  TooltipArrowTip
+};
+//# sourceMappingURL=chunk-ALJYABJX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip/primitives.ts"],"sourcesContent":["import {\n  Tooltip,\n  type TooltipRootProps as ArkTooltipRootProps,\n  type TooltipTriggerProps as ArkTooltipTriggerProps,\n  type TooltipPositionerProps as ArkTooltipPositionerProps,\n  type TooltipContentProps as ArkTooltipContentProps,\n  type TooltipArrowProps as ArkTooltipArrowProps,\n  type TooltipArrowTipProps as ArkTooltipArrowTipProps,\n} from '@ark-ui/react/tooltip'\nimport { tooltip } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the Tooltip primitive components.\n * @module TooltipPrimitives\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(tooltip)\n\n// Root\n\nexport type TooltipRootProps = CerberusPrimitiveProps<ArkTooltipRootProps>\nexport const TooltipRoot = withSlotRecipe<TooltipRootProps>(\n  Tooltip.Root,\n  'root',\n)\n\n// Trigger\n\nexport type TooltipTriggerProps = CerberusPrimitiveProps<ArkTooltipTriggerProps>\nexport const TooltipTrigger = withSlotRecipe<TooltipTriggerProps>(\n  Tooltip.Trigger,\n  'trigger',\n)\n\n// Positioner\n\nexport type TooltipPositionerProps =\n  CerberusPrimitiveProps<ArkTooltipPositionerProps>\nexport const TooltipPositioner = withSlotRecipe<TooltipPositionerProps>(\n  Tooltip.Positioner,\n  'positioner',\n)\n\n// Content\n\nexport type TooltipContentProps = CerberusPrimitiveProps<ArkTooltipContentProps>\nexport const TooltipContent = withSlotRecipe<TooltipContentProps>(\n  Tooltip.Content,\n  'content',\n)\n\n// Arrow\n\nexport type TooltipArrowProps = CerberusPrimitiveProps<ArkTooltipArrowProps>\nexport const TooltipArrow = withSlotRecipe<TooltipArrowProps>(\n  Tooltip.Arrow,\n  'arrow',\n)\n\n// ArrowTip\n\nexport type TooltipArrowTipProps =\n  CerberusPrimitiveProps<ArkTooltipArrowTipProps>\nexport const TooltipArrowTip = withSlotRecipe<TooltipArrowTipProps>(\n  Tooltip.ArrowTip,\n  'arrowTip',\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAOK;AACP,SAAS,eAAe;AAWxB,IAAM,EAAE,eAAe,IAAI,wBAAwB,OAAO;AAKnD,IAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,EACR;AACF;AAKO,IAAM,iBAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR;AACF;AAMO,IAAM,oBAAoB;AAAA,EAC/B,QAAQ;AAAA,EACR;AACF;AAKO,IAAM,iBAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR;AACF;AAKO,IAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR;AACF;AAMO,IAAM,kBAAkB;AAAA,EAC7B,QAAQ;AAAA,EACR;AACF;","names":[]}

package/build/modern/chunk-AZ5LB6IS.js

@@ -0,0 +1,37 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/switch/primitives.tsx
+import {
+  Switch
+} from "@ark-ui/react/switch";
+import {
+  switchRecipe
+} from "styled-system/recipes";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(switchRecipe);
+var SwitchRoot = withSlotRecipe(Switch.Root, "root");
+var SwitchLabel = withSlotRecipe(
+  Switch.Label,
+  "label"
+);
+var SwitchControl = withSlotRecipe(
+  Switch.Control,
+  "control"
+);
+var SwitchThumb = withSlotRecipe(
+  Switch.Thumb,
+  "thumb"
+);
+var SwitchHiddenInput = withNoRecipe(
+  Switch.HiddenInput
+);
+
+export {
+  SwitchRoot,
+  SwitchLabel,
+  SwitchControl,
+  SwitchThumb,
+  SwitchHiddenInput
+};
+//# sourceMappingURL=chunk-AZ5LB6IS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/switch/primitives.tsx"],"sourcesContent":["import {\n  Switch,\n  type SwitchControlProps as ArkSwitchControlProps,\n  type SwitchHiddenInputProps as ArkSwitchHiddenInputProps,\n  type SwitchLabelProps as ArkSwitchLabelProps,\n  type SwitchRootProps as ArkSwitchRootProps,\n  type SwitchThumbProps as ArkSwitchThumbProps,\n} from '@ark-ui/react/switch'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(switchRecipe)\n\n// Root\n\nexport type SwitchRootProps = CerberusPrimitiveProps<\n  ArkSwitchRootProps & SwitchRecipeVariantProps\n>\nexport const SwitchRoot = withSlotRecipe<SwitchRootProps>(Switch.Root, 'root')\n\n// Label\n\nexport type SwitchLabelProps = CerberusPrimitiveProps<ArkSwitchLabelProps>\nexport const SwitchLabel = withSlotRecipe<SwitchLabelProps>(\n  Switch.Label,\n  'label',\n)\n\n// Control\n\nexport type SwitchControlProps = CerberusPrimitiveProps<ArkSwitchControlProps>\nexport const SwitchControl = withSlotRecipe<SwitchControlProps>(\n  Switch.Control,\n  'control',\n)\n\n// Thumb\n\nexport type SwitchThumbProps = CerberusPrimitiveProps<ArkSwitchThumbProps>\nexport const SwitchThumb = withSlotRecipe<SwitchThumbProps>(\n  Switch.Thumb,\n  'thumb',\n)\n\n// HiddenInput\n\nexport type SwitchHiddenInputProps =\n  CerberusPrimitiveProps<ArkSwitchHiddenInputProps>\nexport const SwitchHiddenInput = withNoRecipe<SwitchHiddenInputProps>(\n  Switch.HiddenInput,\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAMK;AACP;AAAA,EACE;AAAA,OAEK;AAWP,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,YAAY;AAOtE,IAAM,aAAa,eAAgC,OAAO,MAAM,MAAM;AAKtE,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP;AACF;AAKO,IAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP;AACF;AAKO,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP;AACF;AAMO,IAAM,oBAAoB;AAAA,EAC/B,OAAO;AACT;","names":[]}

package/build/modern/chunk-B4GBNIU7.js

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

package/build/modern/chunk-BDXVYV32.js

@@ -0,0 +1,41 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/accordion/primitives.tsx
+import {
+  Accordion
+} from "@ark-ui/react/accordion";
+import { accordion } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+var { withSlotRecipe } = createCerberusPrimitive(accordion);
+function AccordionRootEl(props) {
+  const { size, ...rootProps } = props;
+  return /* @__PURE__ */ jsx(Accordion.Root, { ...rootProps, "data-size": size });
+}
+var AccordionRoot = withSlotRecipe(AccordionRootEl, "root");
+var AccordionItem = withSlotRecipe(
+  Accordion.Item,
+  "item"
+);
+var AccordionItemTrigger = withSlotRecipe(
+  Accordion.ItemTrigger,
+  "itemTrigger"
+);
+var AccordionItemIndicator = withSlotRecipe(
+  Accordion.ItemIndicator,
+  "itemIndicator"
+);
+var AccordionItemContent = withSlotRecipe(
+  Accordion.ItemContent,
+  "itemContent"
+);
+
+export {
+  AccordionRoot,
+  AccordionItem,
+  AccordionItemTrigger,
+  AccordionItemIndicator,
+  AccordionItemContent
+};
+//# sourceMappingURL=chunk-BDXVYV32.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/primitives.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemContentProps as ArkAccordionItemContentProps,\n  type AccordionItemIndicatorProps as ArkAccordionItemIndicatorProps,\n  type AccordionItemProps as ArkAccordionItemProps,\n  type AccordionItemTriggerProps as ArkAccordionItemTriggerProps,\n  type AccordionRootProps as ArkAccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { accordion, type AccordionVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Accordion component.\n * @module 'accordion/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(accordion)\n\nfunction AccordionRootEl(props: AccordionRootProps) {\n  const { size, ...rootProps } = props\n  return <Accordion.Root {...rootProps} data-size={size} />\n}\n\n/**\n * The primitive root component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Root` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionRoot = withSlotRecipe(AccordionRootEl, 'root')\nexport type AccordionRootProps = CerberusPrimitiveProps<\n  ArkAccordionRootProps & AccordionVariantProps\n>\n\n/**\n * The primitive item component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Item` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItem = withSlotRecipe<AccordionItemProps>(\n  Accordion.Item,\n  'item',\n)\nexport type AccordionItemProps = CerberusPrimitiveProps<\n  ArkAccordionItemProps & AccordionVariantProps\n>\n\n/**\n * The primitive trigger component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemTrigger` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemTrigger = withSlotRecipe<AccordionItemTriggerProps>(\n  Accordion.ItemTrigger,\n  'itemTrigger',\n)\nexport type AccordionItemTriggerProps =\n  CerberusPrimitiveProps<ArkAccordionItemTriggerProps>\n\n/**\n * The primitive item indicator component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemIndicator` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemIndicator =\n  withSlotRecipe<AccordionItemIndicatorProps>(\n    Accordion.ItemIndicator,\n    'itemIndicator',\n  )\nexport type AccordionItemIndicatorProps =\n  CerberusPrimitiveProps<ArkAccordionItemIndicatorProps>\n\n/**\n * The primitive content component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Content` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemContent = withSlotRecipe<AccordionItemContentProps>(\n  Accordion.ItemContent,\n  'itemContent',\n)\nexport type AccordionItemContentProps =\n  CerberusPrimitiveProps<ArkAccordionItemContentProps>\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,iBAA6C;AAe7C;AAJT,IAAM,EAAE,eAAe,IAAI,wBAAwB,SAAS;AAE5D,SAAS,gBAAgB,OAA2B;AAClD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,SAAO,oBAAC,UAAU,MAAV,EAAgB,GAAG,WAAW,aAAW,MAAM;AACzD;AAQO,IAAM,gBAAgB,eAAe,iBAAiB,MAAM;AAW5D,IAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,EACV;AACF;AAWO,IAAM,uBAAuB;AAAA,EAClC,UAAU;AAAA,EACV;AACF;AAUO,IAAM,yBACX;AAAA,EACE,UAAU;AAAA,EACV;AACF;AAUK,IAAM,uBAAuB;AAAA,EAClC,UAAU;AAAA,EACV;AACF;","names":[]}

package/build/modern/chunk-BK5BIPCG.js

@@ -0,0 +1,64 @@
+import {
+  IconButton
+} from "./chunk-YVYOOJ3X.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/tag/tag.tsx
+import { ark } from "@ark-ui/react/factory";
+import { css, cx } from "styled-system/css";
+import { tag } from "styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tag(props) {
+  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props;
+  const palette = props?.palette ?? "page";
+  const isClosable = Boolean(onClick);
+  const shape = isClosable ? "pill" : initShape;
+  const closableStyles = isClosable ? closableCss : "";
+  const { icons } = useCerberusContext();
+  const { close: Close } = icons;
+  return /* @__PURE__ */ jsxs(
+    ark.span,
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        tag({
+          gradient,
+          palette,
+          shape,
+          usage
+        }),
+        closableStyles
+      ),
+      children: [
+        props.children,
+        /* @__PURE__ */ jsx(Show, { when: isClosable, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            ariaLabel: "Close",
+            onClick,
+            palette: "action",
+            usage: "filled",
+            size: "sm",
+            children: /* @__PURE__ */ jsx(Close, {})
+          }
+        ) })
+      ]
+    }
+  );
+}
+var closableCss = css({
+  bgColor: "action.bg.active",
+  color: "action.text.initial",
+  paddingInlineEnd: "0"
+});
+
+export {
+  Tag
+};
+//# sourceMappingURL=chunk-BK5BIPCG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport type { MouseEventHandler, PropsWithChildren } from 'react'\nimport { css, cx } from 'styled-system/css'\nimport { tag, type TagVariantProps } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { Show } from '../show/index'\n\n/**\n * This module contains the tag component.\n * @module\n */\n\nexport type StaticTagProps = HTMLArkProps<'span'> &\n  TagVariantProps & {\n    /**\n     * The action to be performed when the tag is clicked. Not available when\n     * the palette or gradient props are provided.\n     */\n    onClick?: never\n  }\n\nexport type ClickableTagProps = HTMLArkProps<'span'> & {\n  /**\n   * The gradient to apply to the tag. Not available when the onClick prop is\n   * provided.\n   */\n  gradient?: never\n  /**\n   * The palette to use for the tag. Not available when the onClick prop is\n   * provided.\n   */\n  palette?: never\n  /**\n   * The action to be performed when the tag is clicked.\n   */\n  onClick: MouseEventHandler<HTMLSpanElement>\n  /**\n   * The shape of the tag. Not available when the onClick prop is provided.\n   * @type 'pill' | 'rounded'\n   * @default 'pill'\n   */\n  shape?: never\n  /**\n   * The usage of the tag. Not available when the onClick prop is provided.\n   * @type 'filled' | 'outlined'\n   * @default 'filled'\n   */\n  usage?: never\n}\n\nexport type TagProps = StaticTagProps | ClickableTagProps\n\n/**\n * The Tag component is used to display a meta descriptions.\n * @see https://cerberus.digitalu.design/react/tag\n * @example\n * ```tsx\n * <Tag>Tag</Tag>\n * ```\n */\nexport function Tag(props: PropsWithChildren<TagProps>) {\n  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props\n  const palette = props?.palette ?? 'page'\n  const isClosable = Boolean(onClick)\n  const shape = isClosable ? 'pill' : initShape\n  const closableStyles = isClosable ? closableCss : ''\n  const { icons } = useCerberusContext()\n  const { close: Close } = icons\n\n  return (\n    <ark.span\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        tag({\n          gradient,\n          palette,\n          shape,\n          usage,\n        }),\n        closableStyles,\n      )}\n    >\n      {props.children}\n\n      <Show when={isClosable}>\n        <IconButton\n          ariaLabel=\"Close\"\n          onClick={onClick}\n          palette=\"action\"\n          usage=\"filled\"\n          size=\"sm\"\n        >\n          <Close />\n        </IconButton>\n      </Show>\n    </ark.span>\n  )\n}\n\nconst closableCss = css({\n  bgColor: 'action.bg.active',\n  color: 'action.text.initial',\n  paddingInlineEnd: '0',\n})\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,WAA8B;AAEvC,SAAS,KAAK,UAAU;AACxB,SAAS,WAAiC;AAoEtC,SAuBM,KAvBN;AAVG,SAAS,IAAI,OAAoC;AACtD,QAAM,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,GAAG,YAAY,IAAI;AACvE,QAAM,UAAU,OAAO,WAAW;AAClC,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,iBAAiB,aAAa,cAAc;AAClD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,MAAM,IAAI;AAEzB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP,oBAAC,QAAK,MAAM,YACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YAEL,8BAAC,SAAM;AAAA;AAAA,QACT,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAc,IAAI;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,kBAAkB;AACpB,CAAC;","names":[]}

package/build/modern/chunk-BOATN5PB.js

@@ -0,0 +1,24 @@
+import {
+  TabsParts
+} from "./chunk-JSK6OD6J.js";
+
+// src/components/tabs/tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TabsList(props) {
+  const { children, ...listProps } = props;
+  return /* @__PURE__ */ jsxs(TabsParts.List, { ...listProps, children: [
+    children,
+    /* @__PURE__ */ jsx(TabsParts.Indicator, {})
+  ] });
+}
+var Tabs = {
+  Root: TabsParts.Root,
+  List: TabsList,
+  Tab: TabsParts.Trigger,
+  Panel: TabsParts.Content
+};
+
+export {
+  Tabs
+};
+//# sourceMappingURL=chunk-BOATN5PB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { TabsListProps } from './primitives'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabsListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n"],"mappings":";;;;;AA2BI,SAEE,KAFF;AAHJ,SAAS,SAAS,OAAsB;AACtC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,oBAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAM,OAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAM;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":[]}

package/build/modern/chunk-BW64QBCK.js

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

package/build/modern/chunk-BWZXR2WZ.js

@@ -0,0 +1,59 @@
+import {
+  DatePickerClearTrigger,
+  DatePickerContent,
+  DatePickerContext,
+  DatePickerControl,
+  DatePickerInputEl,
+  DatePickerLabel,
+  DatePickerMonthSelect,
+  DatePickerNextTrigger,
+  DatePickerPositioner,
+  DatePickerPrevTrigger,
+  DatePickerRangeText,
+  DatePickerRoot,
+  DatePickerTable,
+  DatePickerTableBody,
+  DatePickerTableCell,
+  DatePickerTableCellTrigger,
+  DatePickerTableHead,
+  DatePickerTableHeader,
+  DatePickerTableRow,
+  DatePickerTrigger,
+  DatePickerView,
+  DatePickerViewControl,
+  DatePickerViewTrigger,
+  DatePickerYearSelect
+} from "./chunk-ZPMGW4U7.js";
+
+// src/components/date-picker/parts.ts
+var DatePickerParts = {
+  Root: DatePickerRoot,
+  Label: DatePickerLabel,
+  Control: DatePickerControl,
+  Input: DatePickerInputEl,
+  Trigger: DatePickerTrigger,
+  ClearTrigger: DatePickerClearTrigger,
+  Positioner: DatePickerPositioner,
+  Content: DatePickerContent,
+  YearSelect: DatePickerYearSelect,
+  MonthSelect: DatePickerMonthSelect,
+  View: DatePickerView,
+  Context: DatePickerContext,
+  ViewControl: DatePickerViewControl,
+  PrevTrigger: DatePickerPrevTrigger,
+  NextTrigger: DatePickerNextTrigger,
+  ViewTrigger: DatePickerViewTrigger,
+  RangeText: DatePickerRangeText,
+  Table: DatePickerTable,
+  TableHead: DatePickerTableHead,
+  TableRow: DatePickerTableRow,
+  TableHeader: DatePickerTableHeader,
+  TableBody: DatePickerTableBody,
+  TableCell: DatePickerTableCell,
+  TableCellTrigger: DatePickerTableCellTrigger
+};
+
+export {
+  DatePickerParts
+};
+//# sourceMappingURL=chunk-BWZXR2WZ.js.map

package/build/modern/chunk-C3FEINCR.js

@@ -0,0 +1,12 @@
+// src/components/deprecated/aria-helpers/nav-menu.aria.ts
+function createNavTriggerProps(values) {
+  return {
+    ["aria-controls"]: values.controls,
+    ["aria-expanded"]: values.expanded ?? false
+  };
+}
+
+export {
+  createNavTriggerProps
+};
+//# sourceMappingURL=chunk-C3FEINCR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/aria-helpers/nav-menu.aria.ts"],"sourcesContent":["export interface NavTriggerAriaValues {\n  controls: string\n  expanded?: boolean\n}\n\ninterface NavTriggerAriaReturn {\n  ['aria-controls']: string\n  ['aria-expanded']: boolean\n}\n\n/**\n * @deprecated will be removed in a future release\n */\nexport function createNavTriggerProps(\n  values: NavTriggerAriaValues,\n): NavTriggerAriaReturn {\n  return {\n    ['aria-controls']: values.controls,\n    ['aria-expanded']: values.expanded ?? false,\n  }\n}\n"],"mappings":";AAaO,SAAS,sBACd,QACsB;AACtB,SAAO;AAAA,IACL,CAAC,eAAe,GAAG,OAAO;AAAA,IAC1B,CAAC,eAAe,GAAG,OAAO,YAAY;AAAA,EACxC;AACF;","names":[]}

package/build/modern/chunk-CIIFJ2SA.js

@@ -0,0 +1,47 @@
+import {
+  Button
+} from "./chunk-TF2DXEUF.js";
+
+// src/components/cta-dialog/trigger-item.tsx
+import { css, cx } from "styled-system/css";
+import { ark } from "@ark-ui/react/factory";
+import { button } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function TriggerItem(props) {
+  const { asChild, children, ...buttonProps } = props;
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      ark.div,
+      {
+        className: cx(
+          button({
+            shape: "rounded",
+            usage: "ghost"
+          }),
+          css({
+            w: "1/2"
+          })
+        ),
+        asChild: true,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...buttonProps,
+      className: css({
+        w: "1/2"
+      }),
+      shape: "rounded",
+      usage: "outlined",
+      children
+    }
+  );
+}
+
+export {
+  TriggerItem
+};
+//# sourceMappingURL=chunk-CIIFJ2SA.js.map

package/build/modern/chunk-CLGDJ4GM.js

@@ -0,0 +1,33 @@
+import {
+  FieldErrorText,
+  FieldHelperText,
+  FieldInput,
+  FieldLabel,
+  FieldRequiredIndicator,
+  FieldRoot,
+  FieldTextarea
+} from "./chunk-JG5V3AK4.js";
+import {
+  FieldStartIndicator
+} from "./chunk-EMDNETC7.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-VIKVLJGG.js";
+
+// src/components/field/parts.ts
+var FieldParts = {
+  Root: FieldRoot,
+  Label: FieldLabel,
+  Input: FieldInput,
+  Textarea: FieldTextarea,
+  HelperText: FieldHelperText,
+  ErrorText: FieldErrorText,
+  StartIndicator: FieldStartIndicator,
+  StatusIndicator: FieldStatusIndicator,
+  RequiredIndicator: FieldRequiredIndicator
+};
+
+export {
+  FieldParts
+};
+//# sourceMappingURL=chunk-CLGDJ4GM.js.map