@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/chunk-D6PFYSIP.js

@@ -1,20 +0,0 @@
-import {
-  DatePickerViewControlGroup
-} from "./chunk-INVZVMY4.js";
-import {
-  DatePickerParts
-} from "./chunk-J76SGDYP.js";
-
-// src/components/date-picker/month-view.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DatePickerMonthView(props) {
-  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "month", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
-    /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({ columns: 4, format: "short" }).map((months, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: months.map((month, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: month.value, children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: month.label }) }, id2)) }, id)) }) })
-  ] }) }) });
-}
-
-export {
-  DatePickerMonthView
-};
-//# sourceMappingURL=chunk-D6PFYSIP.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/month-view.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DatePickerMonthView\n * component.\n * @module 'date-picker/month-view'\n */\n\n/**\n * An abstraction of the DatePickerMonthView that renders the month view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerMonthView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <DatePickerParts.View {...props} view=\"month\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker\n                  .getMonthsGrid({ columns: 4, format: 'short' })\n                  .map((months, id) => (\n                    <DatePickerParts.TableRow key={id}>\n                      {months.map((month, id) => (\n                        <DatePickerParts.TableCell key={id} value={month.value}>\n                          <DatePickerParts.TableCellTrigger>\n                            {month.label}\n                          </DatePickerParts.TableCellTrigger>\n                        </DatePickerParts.TableCell>\n                      ))}\n                    </DatePickerParts.TableRow>\n                  ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AAyBU,mBACE,KADF;AALH,SAAS,oBAAoB,OAA0C;AAC5E,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,SACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,eACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,gBAAgB,WAAhB,EACE,qBACE,cAAc,EAAE,SAAS,GAAG,QAAQ,QAAQ,CAAC,EAC7C,IAAI,CAAC,QAAQ,OACZ,oBAAC,gBAAgB,UAAhB,EACE,iBAAO,IAAI,CAAC,OAAOA,QAClB,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,MAAM,OAC/C,8BAAC,gBAAgB,kBAAhB,EACE,gBAAM,OACT,KAH8BA,GAIhC,CACD,KAP4B,EAQ/B,CACD,GACL,GACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-D7QIPJQC.js

@@ -1,67 +0,0 @@
-import {
-  Avatar
-} from "./chunk-CF4TCMJI.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/FileUploader.tsx
-import { cx } from "styled-system/css";
-import { vstack } from "styled-system/patterns";
-import { fileUploader } from "styled-system/recipes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FileUploader(props) {
-  const { icons } = useCerberusContext();
-  const styles = fileUploader();
-  const { waitingFileUploader: Icon } = icons;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...props.disabled ? { "aria-disabled": true } : {},
-      className: cx(
-        vstack({
-          justify: "center"
-        }),
-        styles.container
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: styles.icon, children: /* @__PURE__ */ jsx(Avatar, { gradient: "charon-light", fallback: /* @__PURE__ */ jsx(Icon, {}) }) }),
-        /* @__PURE__ */ jsxs(
-          "label",
-          {
-            className: cx(
-              vstack({
-                justify: "center"
-              }),
-              styles.label
-            ),
-            htmlFor: props.name,
-            children: [
-              /* @__PURE__ */ jsx(Show, { when: props.heading, children: /* @__PURE__ */ jsx("p", { className: styles.heading, children: props.heading }) }),
-              "Import ",
-              props.accept?.replace(",", ", "),
-              " files",
-              /* @__PURE__ */ jsx("p", { className: styles.description, children: "Click to select files" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...props,
-                  className: cx(props.className, styles.input),
-                  type: "file"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  FileUploader
-};
-//# sourceMappingURL=chunk-D7QIPJQC.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/FileUploader.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from 'styled-system/css'\nimport { vstack } from 'styled-system/patterns'\nimport { type InputHTMLAttributes } from 'react'\nimport { Show } from './Show'\nimport { fileUploader } from 'styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\nimport { Avatar } from './avatar/avatar'\n\nexport interface FileUploaderProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * The optional heading to display in the FileUploader component.\n   */\n  heading?: string\n  /**\n   * The name of the file input element.\n   */\n  name: string\n  /**\n   * Disable the FileUploader component. Good for single-use file uploads.\n   */\n  disabled?: boolean\n}\n\n/**\n * A component that allows the user to upload files.\n * @see https://cerberus.digitalu.design/react/file-uploader\n */\nexport function FileUploader(props: FileUploaderProps) {\n  const { icons } = useCerberusContext()\n  const styles = fileUploader()\n  const { waitingFileUploader: Icon } = icons\n\n  return (\n    <div\n      {...(props.disabled ? { 'aria-disabled': true } : {})}\n      className={cx(\n        vstack({\n          justify: 'center',\n        }),\n        styles.container,\n      )}\n    >\n      <div className={styles.icon}>\n        <Avatar gradient=\"charon-light\" fallback={<Icon />} />\n      </div>\n\n      <label\n        className={cx(\n          vstack({\n            justify: 'center',\n          }),\n          styles.label,\n        )}\n        htmlFor={props.name}\n      >\n        <Show when={props.heading}>\n          <p className={styles.heading}>{props.heading}</p>\n        </Show>\n        Import {props.accept?.replace(',', ', ')} files\n        <p className={styles.description}>Click to select files</p>\n        <input\n          {...props}\n          className={cx(props.className, styles.input)}\n          type=\"file\"\n        />\n      </label>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AAGvB,SAAS,oBAAoB;AAwCqB,cAG5C,YAH4C;AAhB3C,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,SAAS,aAAa;AAC5B,QAAM,EAAE,qBAAqB,KAAK,IAAI;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,MAAM,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAAA,MACnD,WAAW;AAAA,QACT,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,OAAO,MACrB,8BAAC,UAAO,UAAS,gBAAe,UAAU,oBAAC,QAAK,GAAI,GACtD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,OAAO;AAAA,gBACL,SAAS;AAAA,cACX,CAAC;AAAA,cACD,OAAO;AAAA,YACT;AAAA,YACA,SAAS,MAAM;AAAA,YAEf;AAAA,kCAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,OAAE,WAAW,OAAO,SAAU,gBAAM,SAAQ,GAC/C;AAAA,cAAO;AAAA,cACC,MAAM,QAAQ,QAAQ,KAAK,IAAI;AAAA,cAAE;AAAA,cACzC,oBAAC,OAAE,WAAW,OAAO,aAAa,mCAAqB;AAAA,cACvD;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG;AAAA,kBACJ,WAAW,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,kBAC3C,MAAK;AAAA;AAAA,cACP;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-DHKSNGQX.js

@@ -1,156 +0,0 @@
-import {
-  Dialog
-} from "./chunk-Z2KBUTCO.js";
-import {
-  DialogCloseTrigger,
-  DialogDescription,
-  DialogHeading,
-  DialogProvider
-} from "./chunk-SSR3CWJZ.js";
-import {
-  Button
-} from "./chunk-GB7W3YNU.js";
-import {
-  Avatar
-} from "./chunk-CF4TCMJI.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/context/confirm-modal.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { css } from "styled-system/css";
-import { HStack, VStack } from "styled-system/jsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ConfirmModalContext = createContext(null);
-function ConfirmModal(props) {
-  const [open, setOpen] = useState(false);
-  const [content, setContent] = useState(null);
-  const resolveRef = useRef(null);
-  const kind = content?.kind ?? "non-destructive";
-  const { icons } = useCerberusContext();
-  const { confirmModal: ConfirmIcon } = icons;
-  const palette = useMemo(
-    () => kind === "destructive" ? "danger" : "action",
-    [kind]
-  );
-  const handleChoice = useCallback(
-    (e) => {
-      const target = e.currentTarget;
-      if (target.value === "true") {
-        resolveRef.current?.(true);
-      }
-      resolveRef.current?.(false);
-      setOpen(false);
-    },
-    [setOpen]
-  );
-  const handleShow = useCallback(
-    (options) => {
-      return new Promise((resolve) => {
-        setContent({ ...options });
-        setOpen(true);
-        resolveRef.current = resolve;
-      });
-    },
-    [setOpen, setContent]
-  );
-  const value = useMemo(
-    () => ({
-      show: handleShow
-    }),
-    [handleShow]
-  );
-  return /* @__PURE__ */ jsxs(ConfirmModalContext.Provider, { value, children: [
-    props.children,
-    /* @__PURE__ */ jsx(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ jsx(Dialog, { size: "sm", children: /* @__PURE__ */ jsxs(VStack, { gap: "xl", w: "full", children: [
-      /* @__PURE__ */ jsxs(VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
-        /* @__PURE__ */ jsx(
-          HStack,
-          {
-            alignSelf: "center",
-            justify: "center",
-            paddingBlockEnd: "md",
-            w: "full",
-            children: /* @__PURE__ */ jsx(
-              Show,
-              {
-                when: palette === "danger",
-                fallback: /* @__PURE__ */ jsx(
-                  Avatar,
-                  {
-                    gradient: "charon-light",
-                    fallback: /* @__PURE__ */ jsx(ConfirmIcon, { size: 24 })
-                  }
-                ),
-                children: /* @__PURE__ */ jsx(
-                  Avatar,
-                  {
-                    gradient: "hades-dark",
-                    fallback: /* @__PURE__ */ jsx(ConfirmIcon, { size: 24 })
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(DialogHeading, { children: content?.heading }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: content?.description })
-      ] }),
-      /* @__PURE__ */ jsxs(HStack, { gap: "4", w: "full", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            autoFocus: true,
-            className: css({
-              w: "1/2"
-            }),
-            name: "confirm",
-            onClick: handleChoice,
-            palette,
-            value: "true",
-            children: content?.actionText
-          }
-        ),
-        /* @__PURE__ */ jsx(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: css({
-              w: "1/2"
-            }),
-            name: "cancel",
-            onClick: handleChoice,
-            usage: "outlined",
-            value: "false",
-            children: content?.cancelText
-          }
-        ) })
-      ] })
-    ] }) }) })
-  ] });
-}
-function useConfirmModal() {
-  const context = useContext(ConfirmModalContext);
-  if (context === null) {
-    throw new Error(
-      "useConfirmModal must be used within a ConfirmModal Provider"
-    );
-  }
-  return context;
-}
-
-export {
-  ConfirmModal,
-  useConfirmModal
-};
-//# sourceMappingURL=chunk-DHKSNGQX.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/confirm-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { css } from 'styled-system/css'\nimport { HStack, VStack } from 'styled-system/jsx'\nimport { Button } from '../components/button/button'\nimport { Show } from '../components/Show'\nimport { Avatar } from '../components/avatar/avatar'\nimport {\n  Dialog,\n  DialogCloseTrigger,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/dialog'\nimport { useCerberusContext } from './cerberus'\n\n/**\n * This module provides a context and hook for the confirm modal.\n * @module\n */\n\nexport interface BaseConfirmOptions {\n  /**\n   * The heading of the confirm modal.\n   */\n  heading: string\n  /**\n   * The text for the action button.\n   */\n  actionText: string\n  /**\n   * The text for the cancel button.\n   */\n  cancelText: string\n}\n\nexport interface DestructiveConfirmOptions extends BaseConfirmOptions {\n  /**\n   * The kind of confirm modal to show.\n   */\n  kind?: 'destructive'\n  /**\n   * The description of the confirm modal. Can only be a string for destructive confirm modals.\n   */\n  description?: string\n}\n\nexport interface NonDestructiveConfirmModalOptions extends BaseConfirmOptions {\n  /**\n   * The kind of confirm modal to show.\n   * @default 'non-destructive'\n   */\n  kind?: 'non-destructive'\n  /**\n   * The description of the confirm modal. Can be a ReactNode for non-destructive kind if you need to display text links.\n   * @example\n   * ```tsx\n   * description: <>Use a Fragment because we put the content within a Paragraph tag.</>\n   */\n  description?: ReactNode\n}\n\nexport type ShowConfirmModalOptions =\n  | NonDestructiveConfirmModalOptions\n  | DestructiveConfirmOptions\n\nexport type ShowResult =\n  | ((value: boolean | PromiseLike<boolean>) => void)\n  | null\n\nexport interface ConfirmModalValue {\n  show: (options: ShowConfirmModalOptions) => Promise<boolean>\n}\n\nconst ConfirmModalContext = createContext<ConfirmModalValue | null>(null)\n\nexport type ConfirmModalProviderProps = PropsWithChildren<unknown>\n\n/**\n * Provides a confirm modal to the app.\n * @see https://cerberus.digitalu.design/react/confirm-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <ConfirmModal>\n *   <SomeFeatureSection />\n * </ConfirmModal>\n *\n * // Use the hook to show the confirm modal.\n * const confirm = useConfirmModal()\n *\n * const handleClick = useCallback(async () => {\n *  const userConsent = await confirm.show({\n *   heading: 'Add new payment method?',\n *  description:\n *   'This will add a new payment method to your account to be billed for future purchases.',\n * actionText: 'Yes, add payment method',\n * cancelText: 'No, cancel',\n * })\n * setConsent(userConsent)\n * }, [confirm])\n * ```\n */\nexport function ConfirmModal(\n  props: PropsWithChildren<ConfirmModalProviderProps>,\n) {\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowConfirmModalOptions | null>(null)\n  const resolveRef = useRef<ShowResult>(null)\n  const kind = content?.kind ?? 'non-destructive'\n\n  const { icons } = useCerberusContext()\n  const { confirmModal: ConfirmIcon } = icons\n\n  const palette = useMemo(\n    () => (kind === 'destructive' ? 'danger' : 'action'),\n    [kind],\n  )\n\n  const handleChoice = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      if (target.value === 'true') {\n        resolveRef.current?.(true)\n      }\n      resolveRef.current?.(false)\n      setOpen(false)\n    },\n    [setOpen],\n  )\n\n  const handleShow = useCallback(\n    (options: ShowConfirmModalOptions) => {\n      return new Promise<boolean>((resolve) => {\n        setContent({ ...options })\n        setOpen(true)\n        resolveRef.current = resolve\n      })\n    },\n    [setOpen, setContent],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <ConfirmModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <HStack\n                alignSelf=\"center\"\n                justify=\"center\"\n                paddingBlockEnd=\"md\"\n                w=\"full\"\n              >\n                <Show\n                  when={palette === 'danger'}\n                  fallback={\n                    <Avatar\n                      gradient=\"charon-light\"\n                      fallback={<ConfirmIcon size={24} />}\n                    />\n                  }\n                >\n                  <Avatar\n                    gradient=\"hades-dark\"\n                    fallback={<ConfirmIcon size={24} />}\n                  />\n                </Show>\n              </HStack>\n              <DialogHeading>{content?.heading}</DialogHeading>\n              <DialogDescription>{content?.description}</DialogDescription>\n            </VStack>\n\n            <HStack gap=\"4\" w=\"full\">\n              <Button\n                autoFocus\n                className={css({\n                  w: '1/2',\n                })}\n                name=\"confirm\"\n                onClick={handleChoice}\n                palette={palette}\n                value=\"true\"\n              >\n                {content?.actionText}\n              </Button>\n              <DialogCloseTrigger asChild>\n                <Button\n                  className={css({\n                    w: '1/2',\n                  })}\n                  name=\"cancel\"\n                  onClick={handleChoice}\n                  usage=\"outlined\"\n                  value=\"false\"\n                >\n                  {content?.cancelText}\n                </Button>\n              </DialogCloseTrigger>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </ConfirmModalContext.Provider>\n  )\n}\n\nexport function useConfirmModal(): ConfirmModalValue {\n  const context = useContext(ConfirmModalContext)\n  if (context === null) {\n    throw new Error(\n      'useConfirmModal must be used within a ConfirmModal Provider',\n    )\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/chunk-ENJUQNVT.js

@@ -1,60 +0,0 @@
-// src/components/checkbox/primitives.tsx
-import {
-  Checkbox
-} from "@ark-ui/react";
-import { cx } from "styled-system/css";
-import { checkbox } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function CheckboxRoot(props) {
-  const styles = checkbox();
-  return /* @__PURE__ */ jsx(Checkbox.Root, { ...props, className: cx(styles.root, props.className) });
-}
-function CheckboxLabel(props) {
-  const { size, ...labelProps } = props;
-  const styles = checkbox({ size });
-  return /* @__PURE__ */ jsx(
-    Checkbox.Label,
-    {
-      ...labelProps,
-      className: cx(styles.label, labelProps.className)
-    }
-  );
-}
-function CheckboxControl(props) {
-  const { size, ...controlProps } = props;
-  const styles = checkbox({ size });
-  return /* @__PURE__ */ jsx(
-    Checkbox.Control,
-    {
-      ...controlProps,
-      className: cx(styles.control, controlProps.className)
-    }
-  );
-}
-function CheckboxIndicator(props) {
-  const styles = checkbox();
-  return /* @__PURE__ */ jsx(
-    Checkbox.Indicator,
-    {
-      ...props,
-      className: cx(styles.indicator, props.className)
-    }
-  );
-}
-function CheckboxHiddenInput(props) {
-  return /* @__PURE__ */ jsx(Checkbox.HiddenInput, { ...props });
-}
-function CheckboxGroup(props) {
-  const styles = checkbox();
-  return /* @__PURE__ */ jsx(Checkbox.Group, { ...props, className: cx(styles.group, props.className) });
-}
-
-export {
-  CheckboxRoot,
-  CheckboxLabel,
-  CheckboxControl,
-  CheckboxIndicator,
-  CheckboxHiddenInput,
-  CheckboxGroup
-};
-//# sourceMappingURL=chunk-ENJUQNVT.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/checkbox/primitives.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxControlProps,\n  type CheckboxGroupProps,\n  type CheckboxIndicatorProps,\n  type CheckboxLabelProps,\n  type CheckboxRootProps,\n} from '@ark-ui/react'\nimport { cx } from 'styled-system/css'\nimport { checkbox, type CheckboxVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Checkbox primitives.\n * @module 'react/checkbox'\n */\n\n/**\n * Checkbox Root component used to provide the context to all other checkbox\n * primitives.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport function CheckboxRoot(props: CheckboxRootProps) {\n  const styles = checkbox()\n  return (\n    <Checkbox.Root {...props} className={cx(styles.root, props.className)} />\n  )\n}\n\n/**\n * Checkbox Label component used to display the label of the checkbox.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport function CheckboxLabel(\n  props: CheckboxLabelProps & CheckboxVariantProps,\n) {\n  const { size, ...labelProps } = props\n  const styles = checkbox({ size })\n  return (\n    <Checkbox.Label\n      {...labelProps}\n      className={cx(styles.label, labelProps.className)}\n    />\n  )\n}\n\n/**\n * Checkbox Control component used to display the control of the checkbox.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport function CheckboxControl(\n  props: CheckboxControlProps & CheckboxVariantProps,\n) {\n  const { size, ...controlProps } = props\n  const styles = checkbox({ size })\n  return (\n    <Checkbox.Control\n      {...controlProps}\n      className={cx(styles.control, controlProps.className)}\n    />\n  )\n}\n\n/**\n * Checkbox Indicator component used to display the indicator of the checkbox.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport function CheckboxIndicator(props: CheckboxIndicatorProps) {\n  const styles = checkbox()\n  return (\n    <Checkbox.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * Checkbox HiddenInput component used to provide the native checkbox input.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport function CheckboxHiddenInput(props: CheckboxControlProps) {\n  return <Checkbox.HiddenInput {...props} />\n}\n\n/**\n * Checkbox Group is used to group checkboxes together in a consistently styled\n * way.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport function CheckboxGroup(props: CheckboxGroupProps) {\n  const styles = checkbox()\n  return (\n    <Checkbox.Group {...props} className={cx(styles.group, props.className)} />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB,SAAS,gBAA2C;AAgBhD;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,cACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,WAAW,IAAI;AAChC,QAAM,SAAS,SAAS,EAAE,KAAK,CAAC;AAChC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,WAAW,SAAS;AAAA;AAAA,EAClD;AAEJ;AAOO,SAAS,gBACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,SAAS,EAAE,KAAK,CAAC;AAChC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,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;AAOO,SAAS,oBAAoB,OAA6B;AAC/D,SAAO,oBAAC,SAAS,aAAT,EAAsB,GAAG,OAAO;AAC1C;AAQO,SAAS,cAAc,OAA2B;AACvD,QAAM,SAAS,SAAS;AACxB,SACE,oBAAC,SAAS,OAAT,EAAgB,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE7E;","names":[]}

package/build/modern/chunk-F2MWSSK2.js

@@ -1,48 +0,0 @@
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/deprecated/NavMenuLink.tsx
-import { css, cx } from "styled-system/css";
-import { jsx } from "react/jsx-runtime";
-function NavMenuLink(props) {
-  const { as, ...nativeProps } = props;
-  const hasAs = Boolean(as);
-  const AsSub = as;
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      className: css({
-        w: "full"
-      }),
-      children: /* @__PURE__ */ jsx(
-        Show,
-        {
-          when: hasAs,
-          fallback: /* @__PURE__ */ jsx(
-            "a",
-            {
-              ...nativeProps,
-              className: cx(
-                nativeProps.className,
-                css({
-                  color: "action.navigation.initial",
-                  textStyle: "link",
-                  _hover: {
-                    color: "action.navigation.hover"
-                  }
-                })
-              )
-            }
-          ),
-          children: hasAs && /* @__PURE__ */ jsx(AsSub, { ...nativeProps })
-        }
-      )
-    }
-  );
-}
-
-export {
-  NavMenuLink
-};
-//# sourceMappingURL=chunk-F2MWSSK2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/deprecated/NavMenuLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from 'react'\nimport { css, cx } from 'styled-system/css'\nimport { Show } from '../Show'\n\n/**\n * This module contains the NavMenuLink component.\n * @module\n */\n\nexport interface NavMenuLinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The element type to render as. Recommended to use for Next apps with the\n   * `Link` component.\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function NavMenuLink(props: NavMenuLinkProps) {\n  const { as, ...nativeProps } = props\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  return (\n    <li\n      className={css({\n        w: 'full',\n      })}\n    >\n      <Show\n        when={hasAs}\n        fallback={\n          <a\n            {...nativeProps}\n            className={cx(\n              nativeProps.className,\n              css({\n                color: 'action.navigation.initial',\n                textStyle: 'link',\n                _hover: {\n                  color: 'action.navigation.hover',\n                },\n              }),\n            )}\n          />\n        }\n      >\n        {hasAs && <AsSub {...nativeProps} />}\n      </Show>\n    </li>\n  )\n}\n"],"mappings":";;;;;AACA,SAAS,KAAK,UAAU;AAkCd;AAdH,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,IAAI,GAAG,YAAY,IAAI;AAC/B,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,IAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,WAAW;AAAA,gBACT,YAAY;AAAA,gBACZ,IAAI;AAAA,kBACF,OAAO;AAAA,kBACP,WAAW;AAAA,kBACX,QAAQ;AAAA,oBACN,OAAO;AAAA,kBACT;AAAA,gBACF,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UAGD,mBAAS,oBAAC,SAAO,GAAG,aAAa;AAAA;AAAA,MACpC;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-F3XFJHGR.js

@@ -1,42 +0,0 @@
-import {
-  DialogCloseTrigger
-} from "./chunk-SSR3CWJZ.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  IconButton
-} from "./chunk-UH6XSYYD.js";
-
-// src/components/dialog/close-icon-trigger.tsx
-import { dialog } from "styled-system/recipes";
-import { cx } from "styled-system/css";
-import { jsx } from "react/jsx-runtime";
-function DialogCloseIconTrigger(props) {
-  const styles = dialog();
-  const { icons } = useCerberusContext();
-  const { close: CloseIcon } = icons;
-  return /* @__PURE__ */ jsx(
-    DialogCloseTrigger,
-    {
-      ...props,
-      className: cx(styles.closeTrigger, props.className),
-      asChild: true,
-      children: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          ariaLabel: "Close dialog",
-          palette: "action",
-          size: "lg",
-          usage: "ghost",
-          children: /* @__PURE__ */ jsx(CloseIcon, {})
-        }
-      )
-    }
-  );
-}
-
-export {
-  DialogCloseIconTrigger
-};
-//# sourceMappingURL=chunk-F3XFJHGR.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/dialog/close-icon-trigger.tsx"],"sourcesContent":["'use client'\n\nimport { type DialogCloseTriggerProps } from '@ark-ui/react/dialog'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DialogCloseTrigger } from './primitives'\nimport { dialog } from 'styled-system/recipes'\nimport { cx } from 'styled-system/css'\n\n/**\n * This module contains the close trigger for the dialog.\n * @module react/dialog\n */\n\nexport function DialogCloseIconTrigger(props: DialogCloseTriggerProps) {\n  const styles = dialog()\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <DialogCloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n      asChild\n    >\n      <IconButton\n        ariaLabel=\"Close dialog\"\n        palette=\"action\"\n        size=\"lg\"\n        usage=\"ghost\"\n      >\n        <CloseIcon />\n      </IconButton>\n    </DialogCloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAMA,SAAS,cAAc;AACvB,SAAS,UAAU;AAyBX;AAlBD,SAAS,uBAAuB,OAAgC;AACrE,QAAM,SAAS,OAAO;AAEtB,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA,MAClD,SAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,8BAAC,aAAU;AAAA;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-FAQ3F72W.js

@@ -1,24 +0,0 @@
-import {
-  TabsParts
-} from "./chunk-W337WQTU.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-FAQ3F72W.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { TabListProps } from '@ark-ui/react/tabs'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { ElementType } from 'react'\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: TabListProps) {\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,OAAqB;AACrC,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-FHNT274F.js

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

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

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

package/build/modern/chunk-FUTYPCHZ.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/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-GB7W3YNU.js

@@ -1,51 +0,0 @@
-import {
-  Spinner
-} from "./chunk-AUI74W7J.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/button/button.tsx
-import { ark } from "@ark-ui/react/factory";
-import {
-  createContext,
-  useContext,
-  useMemo
-} from "react";
-import { cx } from "styled-system/css";
-import { button } from "styled-system/recipes";
-import { Box } from "styled-system/jsx";
-import { Fragment, jsx } from "react/jsx-runtime";
-var ButtonContext = createContext({
-  pending: false
-});
-function Button(props) {
-  const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
-  const value = useMemo(() => ({ pending }), [pending]);
-  return /* @__PURE__ */ jsx(ButtonContext.Provider, { value, children: /* @__PURE__ */ jsx(
-    ark.button,
-    {
-      ...nativeProps,
-      disabled: pending || nativeProps.disabled,
-      className: cx(
-        nativeProps.className,
-        button({
-          palette,
-          usage,
-          shape,
-          size
-        })
-      )
-    }
-  ) });
-}
-function ButtonIcon(props) {
-  const { pending } = useContext(ButtonContext);
-  return /* @__PURE__ */ jsx(Show, { when: pending, fallback: /* @__PURE__ */ jsx(Fragment, { children: props.children }), children: /* @__PURE__ */ jsx(Box, { w: "4", children: /* @__PURE__ */ jsx(Spinner, {}) }) });
-}
-
-export {
-  Button,
-  ButtonIcon
-};
-//# sourceMappingURL=chunk-GB7W3YNU.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/button/button.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from 'styled-system/css'\nimport { button, type ButtonVariantProps } from 'styled-system/recipes'\nimport { Box } from 'styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = HTMLArkProps<'button'> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <ark.button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAA8B;AACvC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,cAAuC;AAChD,SAAS,WAAW;AAgCd,SAwB6B,UAxB7B;AAnBN,IAAM,gBAAgB,cAAkC;AAAA,EACtD,SAAS;AACX,CAAC;AAWM,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,MAAM,UAAU,OAAO,GAAG,YAAY,IAAI;AACzE,QAAM,QAAQ,QAAQ,OAAO,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;AAEpD,SACE,oBAAC,cAAc,UAAd,EAAuB,OACtB;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,WAAW,YAAY;AAAA,MACjC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;AAMO,SAAS,WAAW,OAAkC;AAC3D,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,SACE,oBAAC,QAAK,MAAM,SAAS,UAAU,gCAAG,gBAAM,UAAS,GAC/C,8BAAC,OAAI,GAAE,KACL,8BAAC,WAAQ,GACX,GACF;AAEJ;","names":[]}

package/build/modern/chunk-GBCF6DOS.js

@@ -1,23 +0,0 @@
-import {
-  FieldLabel
-} from "./chunk-WEL43I6Y.js";
-
-// src/components/deprecated/Label.tsx
-import { label } from "styled-system/recipes";
-import { cx } from "styled-system/css";
-import { jsx } from "react/jsx-runtime";
-function Label(props) {
-  const { size, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx(
-    FieldLabel,
-    {
-      ...nativeProps,
-      className: cx(label({ size }), props.className)
-    }
-  );
-}
-
-export {
-  Label
-};
-//# sourceMappingURL=chunk-GBCF6DOS.js.map

package/build/modern/chunk-GC6JUHVS.js

@@ -1,15 +0,0 @@
-import {
-  ToggleIndicator,
-  ToggleRoot
-} from "./chunk-RP6DNLP3.js";
-
-// src/components/toggle/parts.ts
-var ToggleParts = {
-  Root: ToggleRoot,
-  Indicator: ToggleIndicator
-};
-
-export {
-  ToggleParts
-};
-//# sourceMappingURL=chunk-GC6JUHVS.js.map