@cerberus-design/react 0.8.0-next-4b2aad4 → 0.8.1-next-956775c

package/build/legacy/chunk-TJI2SJCZ.js

@@ -1,208 +0,0 @@
-import {
-  ModalIcon
-} from "./chunk-VCR5C6Q3.js";
-import {
-  Portal
-} from "./chunk-4CAT3FHV.js";
-import {
-  Input
-} from "./chunk-53QBTZZF.js";
-import {
-  Label
-} from "./chunk-2FK7NR7Y.js";
-import {
-  Modal
-} from "./chunk-2UFNQM55.js";
-import {
-  ModalDescription
-} from "./chunk-4M4LCQ43.js";
-import {
-  ModalHeader
-} from "./chunk-QU7UV5DB.js";
-import {
-  ModalHeading
-} from "./chunk-JB7IQ2BM.js";
-import {
-  Button
-} from "./chunk-6F34A7NZ.js";
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
-import {
-  Field
-} from "./chunk-ZAU4JVLL.js";
-import {
-  trapFocus
-} from "./chunk-KESKDLX6.js";
-import {
-  $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
-import {
-  useModal
-} from "./chunk-TZNYJ3G7.js";
-
-// src/context/prompt-modal.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { css } from "@cerberus/styled-system/css";
-import { hstack, vstack } from "@cerberus/styled-system/patterns";
-import { jsx, jsxs } from "react/jsx-runtime";
-var PromptModalContext = createContext(null);
-function PromptModal(props) {
-  const { modalRef, show, close } = useModal();
-  const resolveRef = useRef(null);
-  const [content, setContent] = useState(null);
-  const [inputValue, setInputValue] = useState("");
-  const focusTrap = trapFocus(modalRef);
-  const PromptIcon = $cerberusIcons.promptModal;
-  const isValid = useMemo(
-    () => inputValue === (content == null ? void 0 : content.key),
-    [inputValue, content]
-  );
-  const palette = useMemo(
-    () => (content == null ? void 0 : content.kind) === "destructive" ? "danger" : "action",
-    [content]
-  );
-  const handleChange = useCallback(
-    (e) => {
-      setInputValue(e.currentTarget.value);
-    },
-    [content]
-  );
-  const handleChoice = useCallback(
-    (e) => {
-      var _a;
-      const target = e.currentTarget;
-      if (target.value === "true") {
-        (_a = resolveRef.current) == null ? void 0 : _a.call(resolveRef, inputValue);
-      }
-      close();
-    },
-    [inputValue, close]
-  );
-  const handleShow = useCallback(
-    (options) => {
-      return new Promise((resolve) => {
-        setContent({ ...options, kind: options.kind || "non-destructive" });
-        show();
-        resolveRef.current = resolve;
-      });
-    },
-    [show]
-  );
-  const value = useMemo(
-    () => ({
-      show: handleShow
-    }),
-    [handleShow]
-  );
-  return /* @__PURE__ */ jsxs(PromptModalContext.Provider, { value, children: [
-    props.children,
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Modal, { onKeyDown: focusTrap, ref: modalRef, children: [
-      /* @__PURE__ */ jsxs(ModalHeader, { children: [
-        /* @__PURE__ */ jsx(
-          Show,
-          {
-            when: palette === "danger",
-            fallback: /* @__PURE__ */ jsx(ModalIcon, { palette: "action", children: /* @__PURE__ */ jsx(PromptIcon, { size: 24 }) }),
-            children: /* @__PURE__ */ jsx(ModalIcon, { palette: "danger", children: /* @__PURE__ */ jsx(PromptIcon, { size: 24 }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(ModalHeading, { children: content == null ? void 0 : content.heading }),
-        /* @__PURE__ */ jsx(ModalDescription, { children: content == null ? void 0 : content.description })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: vstack({
-            alignItems: "flex-start",
-            mt: "4",
-            mb: "8"
-          }),
-          children: /* @__PURE__ */ jsxs(Field, { invalid: !isValid, children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: "confirm", size: "md", children: [
-              "Type",
-              /* @__PURE__ */ jsx(
-                "strong",
-                {
-                  className: css({
-                    textTransform: "uppercase"
-                  }),
-                  children: content == null ? void 0 : content.key
-                }
-              ),
-              "to confirm"
-            ] }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "confirm",
-                name: "confirm",
-                onChange: handleChange,
-                type: "text"
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: hstack({
-            justifyContent: "stretch",
-            gap: "4"
-          }),
-          children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                autoFocus: true,
-                className: css({
-                  w: "1/2"
-                }),
-                disabled: !isValid,
-                name: "confirm",
-                onClick: handleChoice,
-                palette,
-                value: "true",
-                children: content == null ? void 0 : content.actionText
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: css({
-                  w: "1/2"
-                }),
-                name: "cancel",
-                onClick: handleChoice,
-                usage: "outlined",
-                value: "false",
-                children: content == null ? void 0 : content.cancelText
-              }
-            )
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-function usePromptModal() {
-  const context = useContext(PromptModalContext);
-  if (context === null) {
-    throw new Error("usePromptModal must be used within a PromptModal Provider");
-  }
-  return context;
-}
-
-export {
-  PromptModal,
-  usePromptModal
-};
-//# sourceMappingURL=chunk-TJI2SJCZ.js.map

package/build/legacy/chunk-TJI2SJCZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/prompt-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n} from 'react'\nimport { Portal } from '../components/Portal'\nimport { Button } from '../components/Button'\nimport { css } from '@cerberus/styled-system/css'\nimport { hstack, vstack } from '@cerberus/styled-system/patterns'\nimport { trapFocus } from '../aria-helpers/trap-focus.aria'\nimport { Input } from '../components/Input'\nimport { Field } from './field'\nimport { Label } from '../components/Label'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport { ModalIcon } from '../components/ModalIcon'\nimport { Show } from '../components/Show'\nimport { useModal } from '../hooks/useModal'\nimport { Modal } from '../components/Modal'\nimport { ModalHeader } from '../components/ModalHeader'\nimport { ModalHeading } from '../components/ModalHeading'\nimport { ModalDescription } from '../components/ModalDescription'\n\n/**\n * This module provides a context and hook for the prompt modal.\n * @module\n */\n\nexport interface ShowPromptModalOptions {\n  kind?: 'destructive' | 'non-destructive'\n  heading: string\n  description?: string\n  key: string\n  actionText: string\n  cancelText: string\n}\nexport type PromptShowResult =\n  | ((value: string | PromiseLike<string>) => void)\n  | null\n\nexport interface PromptModalValue {\n  show: (options: ShowPromptModalOptions) => Promise<string>\n}\n\nconst PromptModalContext = createContext<PromptModalValue | null>(null)\n\nexport interface PromptModalProviderProps {}\n\n/**\n * Provides a prompt modal to the app.\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <PromptModal>\n *   <SomeFeatureSection />\n * </PromptModal>\n *\n * // Use the hook to show the prompt modal.\n * const prompt = usePromptModal()\n *\n * const handleClick = useCallback(async () => {\n *  const accepted = await prompt.show({\n *   kind: 'destructive',\n *   heading: 'Delete channel?',\n *  description:\n *   'This will permanently delete a channel on your account. There is no going back.',\n * key: CHANNEL_NAME,\n * actionText: 'Yes, delete channel',\n * cancelText: 'No, cancel',\n * })\n * // do something with accepted\n * }, [prompt])\n * ```\n */\nexport function PromptModal(\n  props: PropsWithChildren<PromptModalProviderProps>,\n) {\n  const { modalRef, show, close } = useModal()\n  const resolveRef = useRef<PromptShowResult>(null)\n  const [content, setContent] = useState<ShowPromptModalOptions | null>(null)\n  const [inputValue, setInputValue] = useState<string>('')\n  const focusTrap = trapFocus(modalRef)\n  const PromptIcon = $cerberusIcons.promptModal\n\n  const isValid = useMemo(\n    () => inputValue === content?.key,\n    [inputValue, content],\n  )\n\n  const palette = useMemo(\n    () => (content?.kind === 'destructive' ? 'danger' : 'action'),\n    [content],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setInputValue(e.currentTarget.value)\n    },\n    [content],\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?.(inputValue)\n      }\n      close()\n    },\n    [inputValue, close],\n  )\n\n  const handleShow = useCallback(\n    (options: ShowPromptModalOptions) => {\n      return new Promise<string>((resolve) => {\n        setContent({ ...options, kind: options.kind || 'non-destructive' })\n        show()\n        resolveRef.current = resolve\n      })\n    },\n    [show],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <PromptModalContext.Provider value={value}>\n      {props.children}\n\n      <Portal>\n        <Modal onKeyDown={focusTrap} ref={modalRef}>\n          <ModalHeader>\n            <Show\n              when={palette === 'danger'}\n              fallback={\n                <ModalIcon palette=\"action\">\n                  <PromptIcon size={24} />\n                </ModalIcon>\n              }\n            >\n              <ModalIcon palette=\"danger\">\n                <PromptIcon size={24} />\n              </ModalIcon>\n            </Show>\n            <ModalHeading>{content?.heading}</ModalHeading>\n            <ModalDescription>{content?.description}</ModalDescription>\n          </ModalHeader>\n\n          <div\n            className={vstack({\n              alignItems: 'flex-start',\n              mt: '4',\n              mb: '8',\n            })}\n          >\n            <Field invalid={!isValid}>\n              <Label htmlFor=\"confirm\" size=\"md\">\n                Type\n                <strong\n                  className={css({\n                    textTransform: 'uppercase',\n                  })}\n                >\n                  {content?.key}\n                </strong>\n                to confirm\n              </Label>\n              <Input\n                id=\"confirm\"\n                name=\"confirm\"\n                onChange={handleChange}\n                type=\"text\"\n              />\n            </Field>\n          </div>\n\n          <div\n            className={hstack({\n              justifyContent: 'stretch',\n              gap: '4',\n            })}\n          >\n            <Button\n              autoFocus\n              className={css({\n                w: '1/2',\n              })}\n              disabled={!isValid}\n              name=\"confirm\"\n              onClick={handleChoice}\n              palette={palette}\n              value=\"true\"\n            >\n              {content?.actionText}\n            </Button>\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          </div>\n        </Modal>\n      </Portal>\n    </PromptModalContext.Provider>\n  )\n}\n\nexport function usePromptModal(): PromptModalValue {\n  const context = useContext(PromptModalContext)\n  if (context === null) {\n    throw new Error('usePromptModal must be used within a PromptModal Provider')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAGP,SAAS,WAAW;AACpB,SAAS,QAAQ,cAAc;AA+HrB,SAKQ,KALR;AA5FV,IAAM,qBAAqB,cAAuC,IAAI;AA8B/D,SAAS,YACd,OACA;AACA,QAAM,EAAE,UAAU,MAAM,MAAM,IAAI,SAAS;AAC3C,QAAM,aAAa,OAAyB,IAAI;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwC,IAAI;AAC1E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,EAAE;AACvD,QAAM,YAAY,UAAU,QAAQ;AACpC,QAAM,aAAa,eAAe;AAElC,QAAM,UAAU;AAAA,IACd,MAAM,gBAAe,mCAAS;AAAA,IAC9B,CAAC,YAAY,OAAO;AAAA,EACtB;AAEA,QAAM,UAAU;AAAA,IACd,OAAO,mCAAS,UAAS,gBAAgB,WAAW;AAAA,IACpD,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,MAAqC;AACpC,oBAAc,EAAE,cAAc,KAAK;AAAA,IACrC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,MAAqC;AA7G1C;AA8GM,YAAM,SAAS,EAAE;AACjB,UAAI,OAAO,UAAU,QAAQ;AAC3B,yBAAW,YAAX,oCAAqB;AAAA,MACvB;AACA,YAAM;AAAA,IACR;AAAA,IACA,CAAC,YAAY,KAAK;AAAA,EACpB;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,YAAoC;AACnC,aAAO,IAAI,QAAgB,CAAC,YAAY;AACtC,mBAAW,EAAE,GAAG,SAAS,MAAM,QAAQ,QAAQ,kBAAkB,CAAC;AAClE,aAAK;AACL,mBAAW,UAAU;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SACE,qBAAC,mBAAmB,UAAnB,EAA4B,OAC1B;AAAA,UAAM;AAAA,IAEP,oBAAC,UACC,+BAAC,SAAM,WAAW,WAAW,KAAK,UAChC;AAAA,2BAAC,eACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,YAAY;AAAA,YAClB,UACE,oBAAC,aAAU,SAAQ,UACjB,8BAAC,cAAW,MAAM,IAAI,GACxB;AAAA,YAGF,8BAAC,aAAU,SAAQ,UACjB,8BAAC,cAAW,MAAM,IAAI,GACxB;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,gBAAc,6CAAS,SAAQ;AAAA,QAChC,oBAAC,oBAAkB,6CAAS,aAAY;AAAA,SAC1C;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,OAAO;AAAA,YAChB,YAAY;AAAA,YACZ,IAAI;AAAA,YACJ,IAAI;AAAA,UACN,CAAC;AAAA,UAED,+BAAC,SAAM,SAAS,CAAC,SACf;AAAA,iCAAC,SAAM,SAAQ,WAAU,MAAK,MAAK;AAAA;AAAA,cAEjC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,IAAI;AAAA,oBACb,eAAe;AAAA,kBACjB,CAAC;AAAA,kBAEA,6CAAS;AAAA;AAAA,cACZ;AAAA,cAAS;AAAA,eAEX;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,MAAK;AAAA;AAAA,YACP;AAAA,aACF;AAAA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,OAAO;AAAA,YAChB,gBAAgB;AAAA,YAChB,KAAK;AAAA,UACP,CAAC;AAAA,UAED;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAS;AAAA,gBACT,WAAW,IAAI;AAAA,kBACb,GAAG;AAAA,gBACL,CAAC;AAAA,gBACD,UAAU,CAAC;AAAA,gBACX,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT;AAAA,gBACA,OAAM;AAAA,gBAEL,6CAAS;AAAA;AAAA,YACZ;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,IAAI;AAAA,kBACb,GAAG;AAAA,gBACL,CAAC;AAAA,gBACD,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBAEL,6CAAS;AAAA;AAAA,YACZ;AAAA;AAAA;AAAA,MACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,iBAAmC;AACjD,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC7E;AACA,SAAO;AACT;","names":[]}

package/build/legacy/chunk-TYTEREKZ.js

@@ -1,39 +0,0 @@
-// src/components/ProgressBar.tsx
-import { cx } from "@cerberus/styled-system/css";
-import {
-  progressBar
-} from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function ProgressBar(props) {
-  const { indeterminate, size, usage, now, ...nativeProps } = props;
-  const styles = progressBar({ size, usage });
-  const nowClamped = Math.min(100, Math.max(0, now || 0));
-  const width = {
-    width: indeterminate ? "50%" : `${nowClamped}%`
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...nativeProps,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": indeterminate ? 0 : nowClamped,
-      className: cx(nativeProps.className, styles.root),
-      role: "meter",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ...indeterminate && { "data-indeterminate": true },
-          "data-complete": nowClamped === 100,
-          className: styles.bar,
-          style: width
-        }
-      )
-    }
-  );
-}
-
-export {
-  ProgressBar
-};
-//# sourceMappingURL=chunk-TYTEREKZ.js.map

package/build/legacy/chunk-TYTEREKZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ProgressBar.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport {\n  progressBar,\n  type ProgressBarVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module contains the ProgressBar component.\n * @module\n */\n\nexport interface ProgressBarBaseProps extends HTMLAttributes<HTMLDivElement> {}\nexport type NonIndeterminateProgressBarProps = {\n  indeterminate?: never\n  now: number\n}\nexport type IndeterminateProgressBarProps = {\n  indeterminate: true\n  now?: never\n}\nexport type ProgressBarProps = ProgressBarBaseProps &\n  ProgressBarVariantProps &\n  (NonIndeterminateProgressBarProps | IndeterminateProgressBarProps)\n\n/**\n * The ProgressBar component is used to display the progress of a task.\n * @param props - HTML div element attributes\n * @param props.now - The current value of the progress bar\n * @param props.indeterminate - Whether the progress bar is indeterminate\n * @example\n * ```tsx\n * <ProgressBar value={75} />\n * ```\n */\nexport function ProgressBar(props: ProgressBarProps) {\n  const { indeterminate, size, usage, now, ...nativeProps } = props\n  const styles = progressBar({ size, usage })\n  const nowClamped = Math.min(100, Math.max(0, now || 0))\n  const width = {\n    width: indeterminate ? '50%' : `${nowClamped}%`,\n  }\n\n  return (\n    <div\n      {...nativeProps}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? 0 : nowClamped}\n      className={cx(nativeProps.className, styles.root)}\n      role=\"meter\"\n    >\n      <div\n        {...(indeterminate && { 'data-indeterminate': true })}\n        data-complete={nowClamped === 100}\n        className={styles.bar}\n        style={width}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgDD;AAjBC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,eAAe,MAAM,OAAO,KAAK,GAAG,YAAY,IAAI;AAC5D,QAAM,SAAS,YAAY,EAAE,MAAM,MAAM,CAAC;AAC1C,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AACtD,QAAM,QAAQ;AAAA,IACZ,OAAO,gBAAgB,QAAQ,GAAG,UAAU;AAAA,EAC9C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,IAAI;AAAA,MACnC,WAAW,GAAG,YAAY,WAAW,OAAO,IAAI;AAAA,MAChD,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,iBAAiB,EAAE,sBAAsB,KAAK;AAAA,UACnD,iBAAe,eAAe;AAAA,UAC9B,WAAW,OAAO;AAAA,UAClB,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/chunk-TZNYJ3G7.js

@@ -1,25 +0,0 @@
-// src/hooks/useModal.ts
-import { useCallback, useMemo, useRef } from "react";
-function useModal() {
-  const modalRef = useRef(null);
-  const show = useCallback(() => {
-    var _a;
-    (_a = modalRef.current) == null ? void 0 : _a.showModal();
-  }, []);
-  const close = useCallback(() => {
-    var _a;
-    (_a = modalRef.current) == null ? void 0 : _a.close();
-  }, []);
-  return useMemo(() => {
-    return {
-      modalRef,
-      show,
-      close
-    };
-  }, [modalRef, show, close]);
-}
-
-export {
-  useModal
-};
-//# sourceMappingURL=chunk-TZNYJ3G7.js.map

package/build/legacy/chunk-TZNYJ3G7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useModal.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useRef, type RefObject } from 'react'\n\n/**\n * This module provides a hook for using a custom modal.\n * @module\n */\n\ninterface UseModalReturnValue {\n  modalRef: RefObject<HTMLDialogElement>\n  show: () => void\n  close: () => void\n}\n\nexport function useModal(): UseModalReturnValue {\n  const modalRef = useRef<HTMLDialogElement | null>(null)\n\n  const show = useCallback(() => {\n    modalRef.current?.showModal()\n  }, [])\n\n  const close = useCallback(() => {\n    modalRef.current?.close()\n  }, [])\n\n  return useMemo(() => {\n    return {\n      modalRef,\n      show,\n      close,\n    }\n  }, [modalRef, show, close])\n}\n"],"mappings":";AAEA,SAAS,aAAa,SAAS,cAA8B;AAatD,SAAS,WAAgC;AAC9C,QAAM,WAAW,OAAiC,IAAI;AAEtD,QAAM,OAAO,YAAY,MAAM;AAlBjC;AAmBI,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAtBlC;AAuBI,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAC5B;","names":[]}

package/build/legacy/chunk-U72VPIZA.js

@@ -1,32 +0,0 @@
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
-import {
-  useTabsContext
-} from "./chunk-KF24CS4S.js";
-
-// src/components/TabPanel.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function TabPanel(props) {
-  const { tab, ...nativeProps } = props;
-  const { active, styles } = useTabsContext();
-  const isActive = useMemo(() => active === tab, [active, tab]);
-  return /* @__PURE__ */ jsx(Show, { when: isActive, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...nativeProps,
-      ...isActive && { tabIndex: 0 },
-      "aria-labelledby": tab,
-      className: cx(nativeProps.className, styles.tabPanel),
-      id: `panel:${tab}`,
-      role: "tabpanel"
-    }
-  ) });
-}
-
-export {
-  TabPanel
-};
-//# sourceMappingURL=chunk-U72VPIZA.js.map

package/build/legacy/chunk-U72VPIZA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/TabPanel.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { useTabsContext } from '../context/tabs'\nimport { Show } from './Show'\n\n/**\n * This module provides a TabPanel component.\n * @module\n */\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  tab: string\n}\n\n/**\n * The TabPanel component provides a panel element to be used in a Tabs provider.\n * @param tab - the value of the tab that will be tracked as the active tab and used for aria attributes\n * @example\n * ```tsx\n * <TabPanel tab=\"overview\">\n *   Overview content\n * </TabPanel>\n * ```\n */\nexport function TabPanel(props: TabPanelProps) {\n  const { tab, ...nativeProps } = props\n  const { active, styles } = useTabsContext()\n  const isActive = useMemo(() => active === tab, [active, tab])\n\n  return (\n    <Show when={isActive}>\n      <div\n        {...nativeProps}\n        {...(isActive && { tabIndex: 0 })}\n        aria-labelledby={tab}\n        className={cx(nativeProps.className, styles.tabPanel)}\n        id={`panel:${tab}`}\n        role=\"tabpanel\"\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,eAAoC;AA8BvC;AAPC,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,KAAK,GAAG,YAAY,IAAI;AAChC,QAAM,EAAE,QAAQ,OAAO,IAAI,eAAe;AAC1C,QAAM,WAAW,QAAQ,MAAM,WAAW,KAAK,CAAC,QAAQ,GAAG,CAAC;AAE5D,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,EAAE;AAAA,MAC/B,mBAAiB;AAAA,MACjB,WAAW,GAAG,YAAY,WAAW,OAAO,QAAQ;AAAA,MACpD,IAAI,SAAS,GAAG;AAAA,MAChB,MAAK;AAAA;AAAA,EACP,GACF;AAEJ;","names":[]}

package/build/legacy/chunk-VCR5C6Q3.js

@@ -1,29 +0,0 @@
-// src/components/ModalIcon.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { circle } from "@cerberus/styled-system/patterns";
-import {
-  modalIcon
-} from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function ModalIcon(props) {
-  const { palette, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...nativeProps,
-      className: cx(
-        nativeProps.className,
-        modalIcon({
-          palette
-        }),
-        circle()
-      ),
-      children: props.children
-    }
-  );
-}
-
-export {
-  ModalIcon
-};
-//# sourceMappingURL=chunk-VCR5C6Q3.js.map

package/build/legacy/chunk-VCR5C6Q3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ModalIcon.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { circle } from '@cerberus/styled-system/patterns'\nimport {\n  modalIcon,\n  type ModalIconVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\n\nexport type ModalIconProps = HTMLAttributes<HTMLDivElement> &\n  ModalIconVariantProps\n\nexport function ModalIcon(props: PropsWithChildren<ModalIconProps>) {\n  const { palette, ...nativeProps } = props\n  return (\n    <div\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        modalIcon({\n          palette,\n        }),\n        circle(),\n      )}\n    >\n      {props.children}\n    </div>\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAEK;AASH;AAHG,SAAS,UAAU,OAA0C;AAClE,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,UAAU;AAAA,UACR;AAAA,QACF,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MAEC,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/build/legacy/chunk-VGHVH2T3.js

@@ -1,24 +0,0 @@
-import {
-  useFieldContext
-} from "./chunk-ZAU4JVLL.js";
-
-// src/components/FieldMessage.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { fieldMessage } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function FieldMessage(props) {
-  const { invalid } = useFieldContext();
-  return /* @__PURE__ */ jsx(
-    "small",
-    {
-      ...props,
-      ...invalid && { "aria-invalid": true },
-      className: cx(props.className, fieldMessage())
-    }
-  );
-}
-
-export {
-  FieldMessage
-};
-//# sourceMappingURL=chunk-VGHVH2T3.js.map

package/build/legacy/chunk-VGHVH2T3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/FieldMessage.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes } from 'react'\nimport { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { fieldMessage } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the FieldMessage component.\n * @module\n */\n\nexport type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>\nexport interface FieldMessageBaseProps\n  extends HTMLAttributes<HTMLParagraphElement> {\n  id: string\n}\nexport type FieldMessageProps = FieldMessageBaseProps & FieldMessageRecipe\n\n/**\n * A component that provides feedback about the field.\n * @description [FieldMessage Docs](https://cerberus.digitalu.design/react/field-message)\n * @example\n * ```tsx\n * <Field>\n *  <Label htmlFor=\"first_name\">First Name</Label>\n *  <Input aria-describedBy=\"help:first_name\" id=\"first_name\" type=\"text\" />\n *  <FieldMessage id=\"help:first_name\">\n *   This will only be used in your account information.\n *  </FieldMessage>\n * </Field>\n * ```\n */\nexport function FieldMessage(props: FieldMessageProps) {\n  const { invalid } = useFieldContext()\n  return (\n    <small\n      {...props}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(props.className, fieldMessage())}\n    />\n  )\n}\n"],"mappings":";;;;;AAGA,SAAS,UAAmC;AAC5C,SAAS,oBAAoB;AAgCzB;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW,GAAG,MAAM,WAAW,aAAa,CAAC;AAAA;AAAA,EAC/C;AAEJ;","names":[]}

package/build/legacy/chunk-VULPMZUW.js

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

package/build/legacy/chunk-VULPMZUW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/FeatureFlag.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport { useFeatureFlags } from '../context/feature-flags'\nimport { Show } from './Show'\n\nexport interface FeatureFlagProps {\n  flag: string\n}\n\nexport function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>) {\n  const showContent = useFeatureFlags(props.flag)\n  return <Show when={showContent}>{props.children}</Show>\n}\n"],"mappings":";;;;;;;;AAYS;AAFF,SAAS,YAAY,OAA4C;AACtE,QAAM,cAAc,gBAAgB,MAAM,IAAI;AAC9C,SAAO,oBAAC,QAAK,MAAM,aAAc,gBAAM,UAAS;AAClD;","names":[]}

package/build/legacy/chunk-XREC5IJE.js

@@ -1,24 +0,0 @@
-// src/components/Td.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { td } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function Td(props) {
-  const { size, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx(
-    "td",
-    {
-      ...nativeProps,
-      className: cx(
-        nativeProps.className,
-        td({
-          size
-        })
-      )
-    }
-  );
-}
-
-export {
-  Td
-};
-//# sourceMappingURL=chunk-XREC5IJE.js.map

package/build/legacy/chunk-XREC5IJE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Td.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { td, type TdVariantProps } from '@cerberus/styled-system/recipes'\nimport type { TableHTMLAttributes } from 'react'\n\n/**\n * Th component for the Td component\n * @module\n */\n\nexport type TdBaseProps = TableHTMLAttributes<HTMLTableCellElement>\nexport type TdProps = TdBaseProps & TdVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Td>Data cell</Td>\n * ```\n */\nexport function Td(props: TdProps) {\n  const { size, ...nativeProps } = props\n  return (\n    <td\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        td({\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,UAA+B;AAsBpC;AAHG,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,GAAG;AAAA,UACD;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/chunk-ZAU4JVLL.js

@@ -1,33 +0,0 @@
-// src/context/field.tsx
-import {
-  createContext,
-  useContext,
-  useMemo
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var FieldContext = createContext(null);
-function Field(props) {
-  const value = useMemo(
-    () => ({
-      disabled: props.disabled,
-      readOnly: props.readOnly,
-      required: props.required,
-      invalid: props.invalid
-    }),
-    [props.disabled, props.readOnly, props.required, props.invalid]
-  );
-  return /* @__PURE__ */ jsx(FieldContext.Provider, { value, children: props.children });
-}
-function useFieldContext() {
-  const context = useContext(FieldContext);
-  if (!context) {
-    throw new Error("useFieldContext must be used within a Field Provider.");
-  }
-  return context;
-}
-
-export {
-  Field,
-  useFieldContext
-};
-//# sourceMappingURL=chunk-ZAU4JVLL.js.map

package/build/legacy/chunk-ZAU4JVLL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readOnly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAyBH;AAhBJ,IAAM,eAAe,cAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/components/Button.js

@@ -1,7 +0,0 @@
-import {
-  Button
-} from "../chunk-6F34A7NZ.js";
-export {
-  Button
-};
-//# sourceMappingURL=Button.js.map

package/build/legacy/components/Button.js.map

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

package/build/legacy/components/Checkbox.js

@@ -1,13 +0,0 @@
-"use client";
-import {
-  Checkbox
-} from "../chunk-4FD33RTW.js";
-import "../chunk-4O4QFF4S.js";
-import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
-import "../chunk-CP7OUC2Q.js";
-export {
-  Checkbox
-};
-//# sourceMappingURL=Checkbox.js.map

package/build/legacy/components/Checkbox.js.map

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

package/build/legacy/components/Droppable.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  Droppable
-} from "../chunk-7VJOPJVX.js";
-export {
-  Droppable
-};
-//# sourceMappingURL=Droppable.js.map

package/build/legacy/components/Droppable.js.map

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

package/build/legacy/components/FeatureFlag.js

@@ -1,10 +0,0 @@
-"use client";
-import {
-  FeatureFlag
-} from "../chunk-VULPMZUW.js";
-import "../chunk-4M3EUP57.js";
-import "../chunk-4O4QFF4S.js";
-export {
-  FeatureFlag
-};
-//# sourceMappingURL=FeatureFlag.js.map

package/build/legacy/components/FeatureFlag.js.map

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

package/build/legacy/components/FieldMessage.js

@@ -1,9 +0,0 @@
-"use client";
-import {
-  FieldMessage
-} from "../chunk-VGHVH2T3.js";
-import "../chunk-ZAU4JVLL.js";
-export {
-  FieldMessage
-};
-//# sourceMappingURL=FieldMessage.js.map

package/build/legacy/components/FieldMessage.js.map

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

package/build/legacy/components/FileStatus.js

@@ -1,17 +0,0 @@
-"use client";
-import {
-  FileStatus,
-  processStatus
-} from "../chunk-7NX4RGDB.js";
-import "../chunk-TYTEREKZ.js";
-import "../chunk-SLHX5K6I.js";
-import "../chunk-VGHVH2T3.js";
-import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
-import "../chunk-CP7OUC2Q.js";
-export {
-  FileStatus,
-  processStatus
-};
-//# sourceMappingURL=FileStatus.js.map

package/build/legacy/components/FileStatus.js.map

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

package/build/legacy/components/FileUploader.js

@@ -1,12 +0,0 @@
-"use client";
-import {
-  FileUploader
-} from "../chunk-23UPROCG.js";
-import "../chunk-4O4QFF4S.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
-import "../chunk-CP7OUC2Q.js";
-export {
-  FileUploader
-};
-//# sourceMappingURL=FileUploader.js.map

package/build/legacy/components/FileUploader.js.map

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

package/build/legacy/components/IconButton.js

@@ -1,7 +0,0 @@
-import {
-  IconButton
-} from "../chunk-SLHX5K6I.js";
-export {
-  IconButton
-};
-//# sourceMappingURL=IconButton.js.map

package/build/legacy/components/IconButton.js.map

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

package/build/legacy/components/Input.js

@@ -1,13 +0,0 @@
-"use client";
-import {
-  Input
-} from "../chunk-53QBTZZF.js";
-import "../chunk-4O4QFF4S.js";
-import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
-import "../chunk-CP7OUC2Q.js";
-export {
-  Input
-};
-//# sourceMappingURL=Input.js.map

package/build/legacy/components/Input.js.map

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