@reforma/components 0.1.1 → 0.1.3

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/modals/ConfirmModal.d.ts

@@ -6,9 +6,11 @@ export type OpenConfirmModalOptions = {
     message: ReactNode;
     confirmLabel?: string;
     cancelLabel?: string;
+    /** Omit Cancel. The confirm button is the only action. */
+    showCancel?: boolean;
     destructive?: boolean;
     onConfirm: () => void | Promise<void>;
 };
 export declare function openConfirmModal(options: OpenConfirmModalOptions, modalOptions?: ModalOptionsRaw): Modal<import("..").ModalOptions<any>>;
-export declare function ConfirmModalContent({ title, message, confirmLabel, cancelLabel, destructive, onConfirm, }: OpenConfirmModalOptions): import("react").JSX.Element;
+export declare function ConfirmModalContent({ title, message, confirmLabel, cancelLabel, showCancel, destructive, onConfirm, }: OpenConfirmModalOptions): import("react").JSX.Element;
 //# sourceMappingURL=ConfirmModal.d.ts.map

package/dist/modals/ConfirmModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../src/modals/ConfirmModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAmB,MAAM,UAAU,CAAC;AAIlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,CAAC;AAcF,wBAAgB,gBAAgB,CAC5B,OAAO,EAAE,uBAAuB,EAChC,YAAY,CAAC,EAAE,eAAe,yCAOjC;AAED,wBAAgB,mBAAmB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,WAAW,EACX,SAAS,GACZ,EAAE,uBAAuB,+BA4EzB"}
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../src/modals/ConfirmModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAmB,MAAM,UAAU,CAAC;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,CAAC;AAcF,wBAAgB,gBAAgB,CAC5B,OAAO,EAAE,uBAAuB,EAChC,YAAY,CAAC,EAAE,eAAe,yCAOjC;AAED,wBAAgB,mBAAmB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,UAAiB,EACjB,WAAW,EACX,SAAS,GACZ,EAAE,uBAAuB,+BAoFzB"}

package/dist/modals/ConfirmModal.js

@@ -1,102 +1,108 @@
-import { useState as x } from "react";
-import { Box as a } from "../Box/Box.js";
-import { Button as u } from "../Button/Button.js";
+import { useState as y } from "react";
+import { Box as c } from "../Box/Box.js";
+import { Button as f } from "../Button/Button.js";
 import { useModalContext as E } from "../Modal/hooks/useModalProvider.js";
 import M from "../Modal/Modal.js";
-import { Text as f } from "../Text/Text.js";
-import { toast as y } from "../Toast/Toast.js";
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-const C = 101100, D = {
+import { Show as D } from "../Show/Show.js";
+import { Text as m } from "../Text/Text.js";
+import { toast as w } from "../Toast/Toast.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+const P = 101100, C = {
   shadow: !0,
   width: 380,
   clickOut: !0,
   closeOnEscape: !0,
   closeButton: !1,
-  zIndex: C
+  zIndex: P
 };
-function b(i, r) {
+function j(i, e) {
   return M.create({
-    ...D,
-    ...r,
-    component: /* @__PURE__ */ n(w, {
+    ...C,
+    ...e,
+    component: /* @__PURE__ */ t(v, {
       ...i
     })
   });
 }
-function w({
+function v({
   title: i,
-  message: r,
-  confirmLabel: m = "Confirm",
-  cancelLabel: p = "Cancel",
-  destructive: h,
-  onConfirm: g
+  message: e,
+  confirmLabel: p = "Confirm",
+  cancelLabel: h = "Cancel",
+  showCancel: a = !0,
+  destructive: g,
+  onConfirm: O
 }) {
   const {
-    modal: t
-  } = E(), [o, s] = x(!1), l = async () => {
-    if (o)
+    modal: o
+  } = E(), [n, d] = y(!1), l = async () => {
+    if (n)
       return;
-    s(!0);
+    d(!0);
     const {
-      clickOut: e,
-      closeOnEscape: O
-    } = t.currentOptions;
-    t.updateOptions({
+      clickOut: r,
+      closeOnEscape: x
+    } = o.currentOptions;
+    o.updateOptions({
       clickOut: !1,
       closeOnEscape: !1
     });
     try {
-      await g(), t.cancel();
-    } catch (d) {
-      s(!1), t.updateOptions({
-        clickOut: e,
-        closeOnEscape: O
-      }), y.error({
-        message: d instanceof Error ? d.message : "Something went wrong. Please try again."
+      await O(), o.cancel();
+    } catch (u) {
+      d(!1), o.updateOptions({
+        clickOut: r,
+        closeOnEscape: x
+      }), w.error({
+        message: u instanceof Error ? u.message : "Something went wrong. Please try again."
       });
     }
   };
-  return /* @__PURE__ */ c(a, {
+  return /* @__PURE__ */ s(c, {
     gap: "xl",
     padding: "xxl",
-    onKeyDown: (e) => {
-      e.key !== "Enter" || e.defaultPrevented || o || e.target instanceof HTMLButtonElement || e.target instanceof HTMLAnchorElement || (e.preventDefault(), l());
+    onKeyDown: (r) => {
+      r.key !== "Enter" || r.defaultPrevented || n || r.target instanceof HTMLButtonElement || r.target instanceof HTMLAnchorElement || (r.preventDefault(), l());
     },
-    children: [/* @__PURE__ */ c(a, {
+    children: [/* @__PURE__ */ s(c, {
       gap: "md",
-      children: [/* @__PURE__ */ n(f, {
+      children: [/* @__PURE__ */ t(m, {
         variant: "heading-3",
         children: i
-      }), typeof r == "string" ? /* @__PURE__ */ n(f, {
+      }), typeof e == "string" ? /* @__PURE__ */ t(m, {
         variant: "md",
         color: "secondary",
-        children: r
-      }) : r]
-    }), /* @__PURE__ */ c(a, {
+        children: e
+      }) : e]
+    }), /* @__PURE__ */ s(c, {
       direction: "row",
       gap: "md",
       fullWidth: !0,
-      equalWidth: !0,
-      children: [/* @__PURE__ */ n(u, {
-        variant: "bordered",
-        isDisabled: o,
-        onPress: () => t.cancel(),
-        children: p
-      }), /* @__PURE__ */ n(u, {
+      justify: a ? void 0 : "end",
+      equalWidth: a || void 0,
+      children: [/* @__PURE__ */ t(D, {
+        when: a,
+        children: /* @__PURE__ */ t(f, {
+          variant: "bordered",
+          isDisabled: n,
+          onPress: () => o.cancel(),
+          children: h
+        })
+      }), /* @__PURE__ */ t(f, {
         autoFocus: !0,
-        color: h ? "danger" : "primary",
-        isPending: o,
-        isDisabled: o,
+        color: g ? "danger" : "primary",
+        isPending: n,
+        isDisabled: n,
         onPress: () => {
           l();
         },
-        children: m
+        children: p
       })]
     })]
   });
 }
 export {
-  w as ConfirmModalContent,
-  b as openConfirmModal
+  v as ConfirmModalContent,
+  j as openConfirmModal
 };
 //# sourceMappingURL=ConfirmModal.js.map

package/dist/modals/ConfirmModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.js","sources":["../../src/modals/ConfirmModal.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Modal, useModalContext } from '../Modal';\nimport { Text } from '../Text';\nimport { toast } from '../Toast';\n\nimport type { ReactNode } from 'react';\nimport type { ModalOptionsRaw } from '../Modal/typings';\n\nexport type OpenConfirmModalOptions = {\n    title: string;\n    message: ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    destructive?: boolean;\n    onConfirm: () => void | Promise<void>;\n};\n\n/** Keep in sync with `--z-confirm` in `@reforma/tokens`. */\nconst CONFIRM_MODAL_Z_INDEX = 101100;\n\nconst DEFAULT_MODAL_OPTIONS: ModalOptionsRaw = {\n    shadow: true,\n    width: 380,\n    clickOut: true,\n    closeOnEscape: true,\n    closeButton: false,\n    zIndex: CONFIRM_MODAL_Z_INDEX,\n};\n\nexport function openConfirmModal(\n    options: OpenConfirmModalOptions,\n    modalOptions?: ModalOptionsRaw\n) {\n    return Modal.create({\n        ...DEFAULT_MODAL_OPTIONS,\n        ...modalOptions,\n        component: <ConfirmModalContent { ...options } />,\n    });\n}\n\nexport function ConfirmModalContent({\n    title,\n    message,\n    confirmLabel = 'Confirm',\n    cancelLabel = 'Cancel',\n    destructive,\n    onConfirm,\n}: OpenConfirmModalOptions) {\n    const { modal } = useModalContext();\n    const [isPending, setIsPending] = useState(false);\n\n    const handleConfirm = async() => {\n        if (isPending) {\n            return;\n        }\n\n        setIsPending(true);\n        const { clickOut, closeOnEscape } = modal.currentOptions;\n        modal.updateOptions({ clickOut: false, closeOnEscape: false });\n\n        try {\n            await onConfirm();\n            modal.cancel();\n        }\n        catch(error) {\n            setIsPending(false);\n            modal.updateOptions({ clickOut, closeOnEscape });\n            toast.error({\n                message: error instanceof Error ? error.message : 'Something went wrong. Please try again.',\n            });\n        }\n    };\n\n    return (\n        <Box\n            gap=\"xl\"\n            padding=\"xxl\"\n            onKeyDown={ (event) => {\n                if (event.key !== 'Enter' || event.defaultPrevented || isPending) {\n                    return;\n                }\n\n                // Overlay / non-button focus: Enter confirms. Focused Cancel still cancels via its own activation.\n                if (event.target instanceof HTMLButtonElement || event.target instanceof HTMLAnchorElement) {\n                    return;\n                }\n\n                event.preventDefault();\n                void handleConfirm();\n            } }\n        >\n            <Box gap=\"md\">\n                <Text variant=\"heading-3\">{title}</Text>\n                {typeof message === 'string'\n                    ? (\n                        <Text variant=\"md\" color=\"secondary\">\n                            {message}\n                        </Text>\n                    )\n                    : message}\n            </Box>\n\n            <Box direction=\"row\" gap=\"md\" fullWidth equalWidth>\n                <Button\n                    variant=\"bordered\"\n                    isDisabled={ isPending }\n                    onPress={ () => modal.cancel() }\n                >\n                    {cancelLabel}\n                </Button>\n\n                <Button\n                    autoFocus\n                    color={ destructive ? 'danger' : 'primary' }\n                    isPending={ isPending }\n                    isDisabled={ isPending }\n                    onPress={ () => void handleConfirm() }\n                >\n                    {confirmLabel}\n                </Button>\n            </Box>\n        </Box>\n    );\n}\n"],"names":["CONFIRM_MODAL_Z_INDEX","DEFAULT_MODAL_OPTIONS","openConfirmModal","options","modalOptions","Modal","ConfirmModalContent","title","message","confirmLabel","cancelLabel","destructive","onConfirm","modal","useModalContext","isPending","setIsPending","useState","handleConfirm","clickOut","closeOnEscape","error","toast","Box","event","_jsxs","_jsx","Text","Button"],"mappings":";;;;;;;;AAQA,MAAMA,IAAwB,QACxBC,IAAwB;AAAA,EAC5B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQD;AACV;AACO,SAASE,EAAiBC,GAASC,GAAc;AACtD,SAAOC,EAAM,OAAO;AAAA,IAClB,GAAGJ;AAAA,IACH,GAAGG;AAAA,IACH,6BAA6BE,GAAqB;AAAA,MAChD,GAAGH;AAAA,IAAA,CACJ;AAAA,EAAA,CACF;AACH;AACO,SAASG,EAAoB;AAAA,EAClC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACD,QAAM;AAAA,IACJ,OAAAC;AAAA,EAAA,IACEC,EAAA,GACE,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAgB,YAAY;AAChC,QAAIH;AACF;AAEF,IAAAC,EAAa,EAAI;AACjB,UAAM;AAAA,MACJ,UAAAG;AAAA,MACA,eAAAC;AAAA,IAAA,IACEP,EAAM;AACV,IAAAA,EAAM,cAAc;AAAA,MAClB,UAAU;AAAA,MACV,eAAe;AAAA,IAAA,CAChB;AACD,QAAI;AACF,YAAMD,EAAA,GACNC,EAAM,OAAA;AAAA,IACR,SAASQ,GAAO;AACd,MAAAL,EAAa,EAAK,GAClBH,EAAM,cAAc;AAAA,QAClB,UAAAM;AAAA,QACA,eAAAC;AAAA,MAAA,CACD,GACDE,EAAM,MAAM;AAAA,QACV,SAASD,aAAiB,QAAQA,EAAM,UAAU;AAAA,MAAA,CACnD;AAAA,IACH;AAAA,EACF;AACA,2BAA0BE,GAAK;AAAA,IAC7B,KAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW,CAAAC,MAAS;AAClB,MAAIA,EAAM,QAAQ,WAAWA,EAAM,oBAAoBT,KAKnDS,EAAM,kBAAkB,qBAAqBA,EAAM,kBAAkB,sBAGzEA,EAAM,eAAA,GACDN,EAAA;AAAA,IACP;AAAA,IACA,UAAU,CAAcO,gBAAAA,EAAMF,GAAK;AAAA,MACjC,KAAK;AAAA,MACL,UAAU,CAAcG,gBAAAA,EAAKC,GAAM;AAAA,QACjC,SAAS;AAAA,QACT,UAAUpB;AAAA,MAAA,CACX,GAAG,OAAOC,KAAY,6BAA6BmB,GAAM;AAAA,QACxD,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAUnB;AAAA,MAAA,CACX,IAAIA,CAAO;AAAA,IAAA,CACb,GAAgBiB,gBAAAA,EAAMF,GAAK;AAAA,MAC1B,WAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU,CAAcG,gBAAAA,EAAKE,GAAQ;AAAA,QACnC,SAAS;AAAA,QACT,YAAYb;AAAA,QACZ,SAAS,MAAMF,EAAM,OAAA;AAAA,QACrB,UAAUH;AAAA,MAAA,CACX,GAAgBgB,gBAAAA,EAAKE,GAAQ;AAAA,QAC5B,WAAW;AAAA,QACX,OAAOjB,IAAc,WAAW;AAAA,QAChC,WAAAI;AAAA,QACA,YAAYA;AAAA,QACZ,SAAS,MAAA;AAAM,UAAKG,EAAA;AAAA;AAAA,QACpB,UAAUT;AAAA,MAAA,CACX,CAAC;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACH;AACH;"}
+{"version":3,"file":"ConfirmModal.js","sources":["../../src/modals/ConfirmModal.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Modal, useModalContext } from '../Modal';\nimport { Show } from '../Show';\nimport { Text } from '../Text';\nimport { toast } from '../Toast';\n\nimport type { ReactNode } from 'react';\nimport type { ModalOptionsRaw } from '../Modal/typings';\n\nexport type OpenConfirmModalOptions = {\n    title: string;\n    message: ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    /** Omit Cancel. The confirm button is the only action. */\n    showCancel?: boolean;\n    destructive?: boolean;\n    onConfirm: () => void | Promise<void>;\n};\n\n/** Keep in sync with `--z-confirm` in `@reforma/styles`. */\nconst CONFIRM_MODAL_Z_INDEX = 101100;\n\nconst DEFAULT_MODAL_OPTIONS: ModalOptionsRaw = {\n    shadow: true,\n    width: 380,\n    clickOut: true,\n    closeOnEscape: true,\n    closeButton: false,\n    zIndex: CONFIRM_MODAL_Z_INDEX,\n};\n\nexport function openConfirmModal(\n    options: OpenConfirmModalOptions,\n    modalOptions?: ModalOptionsRaw\n) {\n    return Modal.create({\n        ...DEFAULT_MODAL_OPTIONS,\n        ...modalOptions,\n        component: <ConfirmModalContent { ...options } />,\n    });\n}\n\nexport function ConfirmModalContent({\n    title,\n    message,\n    confirmLabel = 'Confirm',\n    cancelLabel = 'Cancel',\n    showCancel = true,\n    destructive,\n    onConfirm,\n}: OpenConfirmModalOptions) {\n    const { modal } = useModalContext();\n    const [isPending, setIsPending] = useState(false);\n\n    const handleConfirm = async() => {\n        if (isPending) {\n            return;\n        }\n\n        setIsPending(true);\n        const { clickOut, closeOnEscape } = modal.currentOptions;\n        modal.updateOptions({ clickOut: false, closeOnEscape: false });\n\n        try {\n            await onConfirm();\n            modal.cancel();\n        }\n        catch(error) {\n            setIsPending(false);\n            modal.updateOptions({ clickOut, closeOnEscape });\n            toast.error({\n                message: error instanceof Error ? error.message : 'Something went wrong. Please try again.',\n            });\n        }\n    };\n\n    return (\n        <Box\n            gap=\"xl\"\n            padding=\"xxl\"\n            onKeyDown={ (event) => {\n                if (event.key !== 'Enter' || event.defaultPrevented || isPending) {\n                    return;\n                }\n\n                // Overlay / non-button focus: Enter confirms. Focused Cancel still cancels via its own activation.\n                if (event.target instanceof HTMLButtonElement || event.target instanceof HTMLAnchorElement) {\n                    return;\n                }\n\n                event.preventDefault();\n                void handleConfirm();\n            } }\n        >\n            <Box gap=\"md\">\n                <Text variant=\"heading-3\">{title}</Text>\n                {typeof message === 'string'\n                    ? (\n                        <Text variant=\"md\" color=\"secondary\">\n                            {message}\n                        </Text>\n                    )\n                    : message}\n            </Box>\n\n            <Box\n                direction=\"row\"\n                gap=\"md\"\n                fullWidth\n                justify={ showCancel ? undefined : 'end' }\n                equalWidth={ showCancel || undefined }\n            >\n                <Show when={ showCancel }>\n                    <Button\n                        variant=\"bordered\"\n                        isDisabled={ isPending }\n                        onPress={ () => modal.cancel() }\n                    >\n                        {cancelLabel}\n                    </Button>\n                </Show>\n\n                <Button\n                    autoFocus\n                    color={ destructive ? 'danger' : 'primary' }\n                    isPending={ isPending }\n                    isDisabled={ isPending }\n                    onPress={ () => void handleConfirm() }\n                >\n                    {confirmLabel}\n                </Button>\n            </Box>\n        </Box>\n    );\n}\n"],"names":["CONFIRM_MODAL_Z_INDEX","DEFAULT_MODAL_OPTIONS","openConfirmModal","options","modalOptions","Modal","ConfirmModalContent","title","message","confirmLabel","cancelLabel","showCancel","destructive","onConfirm","modal","useModalContext","isPending","setIsPending","useState","handleConfirm","clickOut","closeOnEscape","error","toast","Box","event","_jsxs","_jsx","Text","Show","Button"],"mappings":";;;;;;;;;AASA,MAAMA,IAAwB,QACxBC,IAAwB;AAAA,EAC5B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQD;AACV;AACO,SAASE,EAAiBC,GAASC,GAAc;AACtD,SAAOC,EAAM,OAAO;AAAA,IAClB,GAAGJ;AAAA,IACH,GAAGG;AAAA,IACH,6BAA6BE,GAAqB;AAAA,MAChD,GAAGH;AAAA,IAAA,CACJ;AAAA,EAAA,CACF;AACH;AACO,SAASG,EAAoB;AAAA,EAClC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACD,QAAM;AAAA,IACJ,OAAAC;AAAA,EAAA,IACEC,EAAA,GACE,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAgB,YAAY;AAChC,QAAIH;AACF;AAEF,IAAAC,EAAa,EAAI;AACjB,UAAM;AAAA,MACJ,UAAAG;AAAA,MACA,eAAAC;AAAA,IAAA,IACEP,EAAM;AACV,IAAAA,EAAM,cAAc;AAAA,MAClB,UAAU;AAAA,MACV,eAAe;AAAA,IAAA,CAChB;AACD,QAAI;AACF,YAAMD,EAAA,GACNC,EAAM,OAAA;AAAA,IACR,SAASQ,GAAO;AACd,MAAAL,EAAa,EAAK,GAClBH,EAAM,cAAc;AAAA,QAClB,UAAAM;AAAA,QACA,eAAAC;AAAA,MAAA,CACD,GACDE,EAAM,MAAM;AAAA,QACV,SAASD,aAAiB,QAAQA,EAAM,UAAU;AAAA,MAAA,CACnD;AAAA,IACH;AAAA,EACF;AACA,2BAA0BE,GAAK;AAAA,IAC7B,KAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW,CAAAC,MAAS;AAClB,MAAIA,EAAM,QAAQ,WAAWA,EAAM,oBAAoBT,KAKnDS,EAAM,kBAAkB,qBAAqBA,EAAM,kBAAkB,sBAGzEA,EAAM,eAAA,GACDN,EAAA;AAAA,IACP;AAAA,IACA,UAAU,CAAcO,gBAAAA,EAAMF,GAAK;AAAA,MACjC,KAAK;AAAA,MACL,UAAU,CAAcG,gBAAAA,EAAKC,GAAM;AAAA,QACjC,SAAS;AAAA,QACT,UAAUrB;AAAA,MAAA,CACX,GAAG,OAAOC,KAAY,6BAA6BoB,GAAM;AAAA,QACxD,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAUpB;AAAA,MAAA,CACX,IAAIA,CAAO;AAAA,IAAA,CACb,GAAgBkB,gBAAAA,EAAMF,GAAK;AAAA,MAC1B,WAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW;AAAA,MACX,SAASb,IAAa,SAAY;AAAA,MAClC,YAAYA,KAAc;AAAA,MAC1B,UAAU,CAAcgB,gBAAAA,EAAKE,GAAM;AAAA,QACjC,MAAMlB;AAAA,QACN,4BAA4BmB,GAAQ;AAAA,UAClC,SAAS;AAAA,UACT,YAAYd;AAAA,UACZ,SAAS,MAAMF,EAAM,OAAA;AAAA,UACrB,UAAUJ;AAAA,QAAA,CACX;AAAA,MAAA,CACF,GAAgBiB,gBAAAA,EAAKG,GAAQ;AAAA,QAC5B,WAAW;AAAA,QACX,OAAOlB,IAAc,WAAW;AAAA,QAChC,WAAAI;AAAA,QACA,YAAYA;AAAA,QACZ,SAAS,MAAA;AAAM,UAAKG,EAAA;AAAA;AAAA,QACpB,UAAUV;AAAA,MAAA,CACX,CAAC;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACH;AACH;"}

package/dist/node_modules/react-aria/dist/private/interactions/useFocusable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusable.js","sources":["../../../../../../../../node_modules/react-aria/dist/private/interactions/useFocusable.mjs"],"sourcesContent":["import {focusSafely as $f192c2f16961cbe0$export$80f3e147d781571c} from \"./focusSafely.mjs\";\nimport {getOwnerWindow as $d447af545b77c9f1$export$f21a1ffae260145a} from \"../utils/domHelpers.mjs\";\nimport {isFocusable as $3b8b240c1bf84ab9$export$4c063cf1350e6fed} from \"../utils/isFocusable.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {mergeRefs as $4064df0d6f9620e1$export$c9058316764c140e} from \"../utils/mergeRefs.mjs\";\nimport {useFocus as $1e74c67db218ce67$export$f8168d8dd8fd66e6} from \"./useFocus.mjs\";\nimport {useKeyboard as $8296dad1a4c5e0dc$export$8f71654801c2f7cd} from \"./useKeyboard.mjs\";\nimport {useObjectRef as $03e8ab2d84d7657a$export$4338b53315abf666} from \"../utils/useObjectRef.mjs\";\nimport {useSyncRef as $b7115c395c64f7b5$export$4debdb1a3f0fa79e} from \"../utils/useSyncRef.mjs\";\nimport $fKWKs$react, {useContext as $fKWKs$useContext, useRef as $fKWKs$useRef, useEffect as $fKWKs$useEffect, forwardRef as $fKWKs$forwardRef} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nlet $d1116acdf220c2da$export$f9762fab77588ecb = /*#__PURE__*/ (0, $fKWKs$react).createContext(null);\nfunction $d1116acdf220c2da$var$useFocusableContext(ref) {\n    let context = (0, $fKWKs$useContext)($d1116acdf220c2da$export$f9762fab77588ecb) || {};\n    (0, $b7115c395c64f7b5$export$4debdb1a3f0fa79e)(context, ref);\n    // eslint-disable-next-line\n    let { ref: _, ...otherProps } = context;\n    return otherProps;\n}\nconst $d1116acdf220c2da$export$13f3202a3e5ddd5 = /*#__PURE__*/ (0, $fKWKs$react).forwardRef(function FocusableProvider(props, ref) {\n    let { children: children, ...otherProps } = props;\n    let objRef = (0, $03e8ab2d84d7657a$export$4338b53315abf666)(ref);\n    let context = {\n        ...otherProps,\n        ref: objRef\n    };\n    return /*#__PURE__*/ (0, $fKWKs$react).createElement($d1116acdf220c2da$export$f9762fab77588ecb.Provider, {\n        value: context\n    }, children);\n});\nfunction $d1116acdf220c2da$export$4c014de7c8940b4c(props, domRef) {\n    let { focusProps: focusProps } = (0, $1e74c67db218ce67$export$f8168d8dd8fd66e6)(props);\n    let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)(props);\n    let interactions = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(focusProps, keyboardProps);\n    let domProps = $d1116acdf220c2da$var$useFocusableContext(domRef);\n    let interactionProps = props.isDisabled ? {} : domProps;\n    let autoFocusRef = (0, $fKWKs$useRef)(props.autoFocus);\n    (0, $fKWKs$useEffect)(()=>{\n        if (autoFocusRef.current && domRef.current) (0, $f192c2f16961cbe0$export$80f3e147d781571c)(domRef.current);\n        autoFocusRef.current = false;\n    }, [\n        domRef\n    ]);\n    // Always set a tabIndex so that Safari allows focusing native buttons and inputs.\n    let tabIndex = props.excludeFromTabOrder ? -1 : 0;\n    if (props.isDisabled) tabIndex = undefined;\n    return {\n        focusableProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)({\n            ...interactions,\n            tabIndex: tabIndex\n        }, interactionProps)\n    };\n}\nconst $d1116acdf220c2da$export$35a3bebf7ef2d934 = /*#__PURE__*/ (0, $fKWKs$forwardRef)(({ children: children, ...props }, ref)=>{\n    ref = (0, $03e8ab2d84d7657a$export$4338b53315abf666)(ref);\n    let { focusableProps: focusableProps } = $d1116acdf220c2da$export$4c014de7c8940b4c(props, ref);\n    let child = (0, $fKWKs$react).Children.only(children);\n    (0, $fKWKs$useEffect)(()=>{\n        if (process.env.NODE_ENV === 'production') return;\n        let el = ref.current;\n        if (!el || !(el instanceof (0, $d447af545b77c9f1$export$f21a1ffae260145a)(el).Element)) {\n            console.error('<Focusable> child must forward its ref to a DOM element.');\n            return;\n        }\n        if (!props.isDisabled && !(0, $3b8b240c1bf84ab9$export$4c063cf1350e6fed)(el)) {\n            console.warn('<Focusable> child must be focusable. Please ensure the tabIndex prop is passed through.');\n            return;\n        }\n        if (el.localName !== 'button' && el.localName !== 'input' && el.localName !== 'select' && el.localName !== 'textarea' && el.localName !== 'a' && el.localName !== 'area' && el.localName !== 'summary' && el.localName !== 'img' && el.localName !== 'svg') {\n            let role = el.getAttribute('role');\n            if (!role) console.warn('<Focusable> child must have an interactive ARIA role.');\n            else if (// https://w3c.github.io/aria/#widget_roles\n            role !== 'application' && role !== 'button' && role !== 'checkbox' && role !== 'combobox' && role !== 'gridcell' && role !== 'link' && role !== 'menuitem' && role !== 'menuitemcheckbox' && role !== 'menuitemradio' && role !== 'option' && role !== 'radio' && role !== 'searchbox' && role !== 'separator' && role !== 'slider' && role !== 'spinbutton' && role !== 'switch' && role !== 'tab' && role !== 'tabpanel' && role !== 'textbox' && role !== 'treeitem' && // aria-describedby is also announced on these roles\n            role !== 'img' && role !== 'meter' && role !== 'progressbar') console.warn(`<Focusable> child must have an interactive ARIA role. Got \"${role}\".`);\n        }\n    }, [\n        ref,\n        props.isDisabled\n    ]);\n    // @ts-ignore\n    let childRef = parseInt((0, $fKWKs$react).version, 10) < 19 ? child.ref : child.props.ref;\n    return /*#__PURE__*/ (0, $fKWKs$react).cloneElement(child, {\n        ...(0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(focusableProps, child.props),\n        // @ts-ignore\n        // oxlint-disable-next-line react/react-compiler\n        ref: (0, $4064df0d6f9620e1$export$c9058316764c140e)(childRef, ref)\n    });\n});\n\n\nexport {$d1116acdf220c2da$export$f9762fab77588ecb as FocusableContext, $d1116acdf220c2da$export$13f3202a3e5ddd5 as FocusableProvider, $d1116acdf220c2da$export$4c014de7c8940b4c as useFocusable, $d1116acdf220c2da$export$35a3bebf7ef2d934 as Focusable};\n//# sourceMappingURL=useFocusable.mjs.map\n"],"names":["$d1116acdf220c2da$export$f9762fab77588ecb","$fKWKs$react","$d1116acdf220c2da$export$13f3202a3e5ddd5","props","ref","children","otherProps","objRef","$03e8ab2d84d7657a$export$4338b53315abf666","context"],"mappings":";;AA+BG,IAACA,IAA8DC,gBAAAA,EAAc,cAAc,IAAI;AAQ7F,MAACC,IAA6DD,gBAAAA,EAAc,WAAW,SAA2BE,GAAOC,GAAK;AAC/H,MAAI,EAAE,UAAUC,GAAU,GAAGC,EAAU,IAAKH,GACxCI,IAAaC,EAA2CJ,CAAG,GAC3DK,IAAU;AAAA,IACV,GAAGH;AAAA,IACH,KAAKC;AAAA,EACb;AACI,SAAyBN,gBAAAA,EAAc,cAAcD,EAA0C,UAAU;AAAA,IACrG,OAAOS;AAAA,EACf,GAAOJ,CAAQ;AACf,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"useFocusable.js","sources":["../../../../../../../../node_modules/react-aria/dist/private/interactions/useFocusable.mjs"],"sourcesContent":["import {focusSafely as $f192c2f16961cbe0$export$80f3e147d781571c} from \"./focusSafely.mjs\";\nimport {getOwnerWindow as $d447af545b77c9f1$export$f21a1ffae260145a} from \"../utils/domHelpers.mjs\";\nimport {isFocusable as $3b8b240c1bf84ab9$export$4c063cf1350e6fed} from \"../utils/isFocusable.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {mergeRefs as $4064df0d6f9620e1$export$c9058316764c140e} from \"../utils/mergeRefs.mjs\";\nimport {useFocus as $1e74c67db218ce67$export$f8168d8dd8fd66e6} from \"./useFocus.mjs\";\nimport {useKeyboard as $8296dad1a4c5e0dc$export$8f71654801c2f7cd} from \"./useKeyboard.mjs\";\nimport {useObjectRef as $03e8ab2d84d7657a$export$4338b53315abf666} from \"../utils/useObjectRef.mjs\";\nimport {useSyncRef as $b7115c395c64f7b5$export$4debdb1a3f0fa79e} from \"../utils/useSyncRef.mjs\";\nimport $fKWKs$react, {useContext as $fKWKs$useContext, useRef as $fKWKs$useRef, useEffect as $fKWKs$useEffect, forwardRef as $fKWKs$forwardRef} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nlet $d1116acdf220c2da$export$f9762fab77588ecb = /*#__PURE__*/ (0, $fKWKs$react).createContext(null);\nfunction $d1116acdf220c2da$var$useFocusableContext(ref) {\n    let context = (0, $fKWKs$useContext)($d1116acdf220c2da$export$f9762fab77588ecb) || {};\n    (0, $b7115c395c64f7b5$export$4debdb1a3f0fa79e)(context, ref);\n    // eslint-disable-next-line\n    let { ref: _, ...otherProps } = context;\n    return otherProps;\n}\nconst $d1116acdf220c2da$export$13f3202a3e5ddd5 = /*#__PURE__*/ (0, $fKWKs$react).forwardRef(function FocusableProvider(props, ref) {\n    let { children: children, ...otherProps } = props;\n    let objRef = (0, $03e8ab2d84d7657a$export$4338b53315abf666)(ref);\n    let context = {\n        ...otherProps,\n        ref: objRef\n    };\n    return /*#__PURE__*/ (0, $fKWKs$react).createElement($d1116acdf220c2da$export$f9762fab77588ecb.Provider, {\n        value: context\n    }, children);\n});\nfunction $d1116acdf220c2da$export$4c014de7c8940b4c(props, domRef) {\n    let { focusProps: focusProps } = (0, $1e74c67db218ce67$export$f8168d8dd8fd66e6)(props);\n    let { keyboardProps: keyboardProps } = (0, $8296dad1a4c5e0dc$export$8f71654801c2f7cd)(props);\n    let interactions = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(focusProps, keyboardProps);\n    let domProps = $d1116acdf220c2da$var$useFocusableContext(domRef);\n    let interactionProps = props.isDisabled ? {} : domProps;\n    let autoFocusRef = (0, $fKWKs$useRef)(props.autoFocus);\n    (0, $fKWKs$useEffect)(()=>{\n        if (autoFocusRef.current && domRef.current) (0, $f192c2f16961cbe0$export$80f3e147d781571c)(domRef.current);\n        autoFocusRef.current = false;\n    }, [\n        domRef\n    ]);\n    // Always set a tabIndex so that Safari allows focusing native buttons and inputs.\n    let tabIndex = props.excludeFromTabOrder ? -1 : 0;\n    if (props.isDisabled) tabIndex = undefined;\n    return {\n        focusableProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)({\n            ...interactions,\n            tabIndex: tabIndex\n        }, interactionProps)\n    };\n}\nconst $d1116acdf220c2da$export$35a3bebf7ef2d934 = /*#__PURE__*/ (0, $fKWKs$forwardRef)(({ children: children, ...props }, ref)=>{\n    ref = (0, $03e8ab2d84d7657a$export$4338b53315abf666)(ref);\n    let { focusableProps: focusableProps } = $d1116acdf220c2da$export$4c014de7c8940b4c(props, ref);\n    let child = (0, $fKWKs$react).Children.only(children);\n    (0, $fKWKs$useEffect)(()=>{\n        if (process.env.NODE_ENV === 'production') return;\n        let el = ref.current;\n        if (!el || !(el instanceof (0, $d447af545b77c9f1$export$f21a1ffae260145a)(el).Element)) {\n            console.error('<Focusable> child must forward its ref to a DOM element.');\n            return;\n        }\n        if (!props.isDisabled && !(0, $3b8b240c1bf84ab9$export$4c063cf1350e6fed)(el, {\n            skipVisibilityCheck: true\n        })) {\n            console.warn('<Focusable> child must be focusable. Please ensure the tabIndex prop is passed through.');\n            return;\n        }\n        if (el.localName !== 'button' && el.localName !== 'input' && el.localName !== 'select' && el.localName !== 'textarea' && el.localName !== 'a' && el.localName !== 'area' && el.localName !== 'summary' && el.localName !== 'img' && el.localName !== 'svg') {\n            let role = el.getAttribute('role');\n            if (!role) console.warn('<Focusable> child must have an interactive ARIA role.');\n            else if (// https://w3c.github.io/aria/#widget_roles\n            role !== 'application' && role !== 'button' && role !== 'checkbox' && role !== 'combobox' && role !== 'gridcell' && role !== 'link' && role !== 'menuitem' && role !== 'menuitemcheckbox' && role !== 'menuitemradio' && role !== 'option' && role !== 'radio' && role !== 'searchbox' && role !== 'separator' && role !== 'slider' && role !== 'spinbutton' && role !== 'switch' && role !== 'tab' && role !== 'tabpanel' && role !== 'textbox' && role !== 'treeitem' && // aria-describedby is also announced on these roles\n            role !== 'img' && role !== 'meter' && role !== 'progressbar') console.warn(`<Focusable> child must have an interactive ARIA role. Got \"${role}\".`);\n        }\n    }, [\n        ref,\n        props.isDisabled\n    ]);\n    // @ts-ignore\n    let childRef = parseInt((0, $fKWKs$react).version, 10) < 19 ? child.ref : child.props.ref;\n    return /*#__PURE__*/ (0, $fKWKs$react).cloneElement(child, {\n        ...(0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(focusableProps, child.props),\n        // @ts-ignore\n        // oxlint-disable-next-line react/react-compiler\n        ref: (0, $4064df0d6f9620e1$export$c9058316764c140e)(childRef, ref)\n    });\n});\n\n\nexport {$d1116acdf220c2da$export$f9762fab77588ecb as FocusableContext, $d1116acdf220c2da$export$13f3202a3e5ddd5 as FocusableProvider, $d1116acdf220c2da$export$4c014de7c8940b4c as useFocusable, $d1116acdf220c2da$export$35a3bebf7ef2d934 as Focusable};\n//# sourceMappingURL=useFocusable.mjs.map\n"],"names":["$d1116acdf220c2da$export$f9762fab77588ecb","$fKWKs$react","$d1116acdf220c2da$export$13f3202a3e5ddd5","props","ref","children","otherProps","objRef","$03e8ab2d84d7657a$export$4338b53315abf666","context"],"mappings":";;AA+BG,IAACA,IAA8DC,gBAAAA,EAAc,cAAc,IAAI;AAQ7F,MAACC,IAA6DD,gBAAAA,EAAc,WAAW,SAA2BE,GAAOC,GAAK;AAC/H,MAAI,EAAE,UAAUC,GAAU,GAAGC,EAAU,IAAKH,GACxCI,IAAaC,EAA2CJ,CAAG,GAC3DK,IAAU;AAAA,IACV,GAAGH;AAAA,IACH,KAAKC;AAAA,EACb;AACI,SAAyBN,gBAAAA,EAAc,cAAcD,EAA0C,UAAU;AAAA,IACrG,OAAOS;AAAA,EACf,GAAOJ,CAAQ;AACf,CAAC;","x_google_ignoreList":[0]}

package/package.json

@@ -2,7 +2,7 @@
     "name": "@reforma/components",
     "description": "A components library for Reforma",
     "type": "module",
-    "version": "0.1.1",
+    "version": "0.1.3",
     "license": "UNLICENSED",
     "author": "Reforma, Inc. <dev@reforma.ai>",
     "repository": {
@@ -69,7 +69,6 @@
         "@reforma/constants": "workspace:*",
         "@reforma/icons": "workspace:*",
         "@reforma/lib": "workspace:*",
-        "@reforma/tokens": "workspace:*",
         "@reforma/types": "workspace:*",
         "@shikijs/transformers": "^4.0.2",
         "@streamdown/cjk": "1.0.3",
@@ -113,6 +112,7 @@
     },
     "devDependencies": {
         "@babel/preset-react": "^7.26.3",
+        "@reforma/styles": "workspace:*",
         "@vitejs/plugin-react-swc": "^3.7.0",
         "vite": "^7.0.0",
         "vite-plugin-babel": "^1.3.0",

package/dist/CreateComposer/CreateComposer.d.ts

@@ -1,26 +0,0 @@
-import { type ReactNode } from 'react';
-import type { CreateComposerUploadResult, CreateComposerValue } from './types';
-export type CreateComposerProps = {
-    value: CreateComposerValue;
-    onChange: (value: CreateComposerValue) => void;
-    onSubmit: () => void;
-    uploadFile: (file: File) => Promise<CreateComposerUploadResult>;
-    busy?: boolean;
-    placeholder?: string;
-    autoFocus?: boolean;
-    className?: string;
-    header?: ReactNode;
-    /** Extra controls next to send (e.g. admin grade strip). */
-    toolbarEnd?: ReactNode;
-    submitHotkey?: 'enter' | 'mod+enter';
-    /** Fixed min rows for the rich field (create project uses 3). */
-    rows?: number;
-    /** Footer hint under the shell. Default: mod+enter copy. */
-    hint?: ReactNode | false;
-};
-/**
- * MobX-free create-project composer: prompt, plan mode, attachments, submit.
- * Host supplies {@link uploadFile}; handoff / auth stay outside.
- */
-export declare function CreateComposer({ value, onChange, onSubmit, uploadFile, busy, placeholder, autoFocus, className, header, toolbarEnd, submitHotkey, rows, hint, }: CreateComposerProps): import("react").JSX.Element;
-//# sourceMappingURL=CreateComposer.d.ts.map

package/dist/CreateComposer/CreateComposer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateComposer.d.ts","sourceRoot":"","sources":["../../src/CreateComposer/CreateComposer.tsx"],"names":[],"mappings":"AAYA,OAAO,EAMH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAsBf,OAAO,KAAK,EAER,0BAA0B,EAC1B,mBAAmB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACrC,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;CAC5B,CAAC;AAmCF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAY,EACZ,WAAkC,EAClC,SAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,EACV,YAA0B,EAC1B,IAAQ,EACR,IAAI,GACP,EAAE,mBAAmB,+BAmVrB"}

package/dist/CreateComposer/CreateComposer.js

@@ -1,338 +0,0 @@
-import { coerceUploadMimeType as _, MAX_CHAT_ATTACHMENT_BYTES_PER_FILE as P, MAX_CHAT_ATTACHMENT_BYTES_TOTAL as B, COMPOSER_PASTE_AS_FILE_MIN_CHARS as ee } from "@reforma/constants";
-import { Plan as te } from "@reforma/icons/12";
-import { Plus as re, Clip as ne, Plan as oe } from "@reforma/icons/14";
-import { SendBold as ae } from "@reforma/icons/16";
-import { revokeObjectURL as S, formatFileSize as I, createObjectURL as ie, cn as se } from "@reforma/lib";
-import { useRef as T, useState as H, useEffect as ce, useMemo as le, useCallback as L } from "react";
-import { Button as j } from "../Button/Button.js";
-import { Attachments as de, Attachment as me } from "../chat/Attachment/Attachment.js";
-import { FileDropOverlay as ue } from "../FileDropOverlay/FileDropOverlay.js";
-import { For as pe } from "../For/For.js";
-import { useFileDrag as fe } from "../hooks/useFileDrag.js";
-import { Hotkey as he } from "../Hotkey/Hotkey.js";
-import { Menu as ge, MenuItem as k } from "../List/Menu.js";
-import { Popover as ve } from "../Popover/Popover.js";
-import { PopoverScroll as ye } from "../Popover/PopoverScroll.js";
-import { plainTextToDoc as Te, docToPlainText as Ae } from "../RichInput/composerDoc.js";
-import { RichInput as xe } from "../RichInput/RichInput.js";
-import { Show as z } from "../Show/Show.js";
-import { Badge as Pe } from "../Tag/Badge.js";
-import { Text as Se } from "../Text/Text.js";
-import { toast as D } from "../Toast/Toast.js";
-import l from "./CreateComposer.module.css.js";
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { MenuTrigger as ze } from "react-aria-components";
-function De(i) {
-  let a = 0;
-  for (const d of i)
-    typeof d.size == "number" && Number.isFinite(d.size) && (a += d.size);
-  return a;
-}
-function Me(i) {
-  return i.length === 0 ? !0 : i.every((a) => a.uploadStatus === "ready" && !!a.url);
-}
-function M(i, a, d) {
-  return {
-    ...i,
-    attachments: i.attachments.map((p) => p.clientId === a ? {
-      ...p,
-      ...d
-    } : p)
-  };
-}
-function Ke({
-  value: i,
-  onChange: a,
-  onSubmit: d,
-  uploadFile: p,
-  busy: b = !1,
-  placeholder: w = "What should it do?",
-  autoFocus: U = !0,
-  className: C,
-  header: $,
-  toolbarEnd: E,
-  submitHotkey: V = "mod+enter",
-  rows: v = 3,
-  hint: R
-}) {
-  const O = T(null), A = T(null), c = T(i);
-  c.current = i;
-  const f = T(/* @__PURE__ */ new Map()), [W, X] = H(!1), [Y, q] = H(!0);
-  ce(() => {
-    const e = f.current;
-    return () => {
-      for (const r of c.current.attachments)
-        S(r.preview);
-      e.clear();
-    };
-  }, []);
-  const G = le(() => Te(i.prompt), [i.prompt]), F = !!i.prompt.trim() && Me(i.attachments) && !b, x = L(async (e, r) => {
-    const o = await p(r), s = c.current;
-    if (!s.attachments.some((m) => m.clientId === e)) {
-      f.current.delete(e);
-      return;
-    }
-    if (o.ok) {
-      const m = s.attachments.find((g) => g.clientId === e)?.preview;
-      S(m), f.current.delete(e), a(M(s, e, {
-        id: o.data.id,
-        url: o.data.url,
-        filename: o.data.name ?? r.name,
-        mediaType: o.data.mimeType ?? _(r.name, r.type),
-        size: o.data.size ?? r.size,
-        uploadStatus: "ready",
-        uploadError: void 0,
-        preview: void 0
-      }));
-      return;
-    }
-    a(M(s, e, {
-      uploadStatus: "error",
-      uploadError: o.message ?? "Upload failed"
-    }));
-  }, [a, p]), y = L((e) => {
-    const r = [...e], o = [];
-    let s = 0;
-    const m = De(c.current.attachments);
-    for (const n of r) {
-      if (n.size > P) {
-        D.warning({
-          title: "Attachment too large",
-          message: `${n.name} is over the ${I(P, {
-            round: "up"
-          })} per-file limit.`
-        });
-        continue;
-      }
-      if (m + s + n.size > B) {
-        D.warning({
-          title: "Attachments too large",
-          message: `Adding ${n.name} would exceed the ${I(B, {
-            round: "up"
-          })} combined limit.`
-        });
-        continue;
-      }
-      o.push(n), s += n.size;
-    }
-    if (o.length === 0)
-      return;
-    const g = o.map((n) => ({
-      clientId: crypto.randomUUID(),
-      filename: n.name,
-      mediaType: _(n.name, n.type),
-      size: n.size,
-      lastModified: n.lastModified,
-      uploadStatus: "uploading",
-      preview: ie(n) ?? void 0
-    }));
-    for (let n = 0; n < o.length; n++)
-      f.current.set(g[n].clientId, o[n]);
-    const Z = {
-      ...c.current,
-      attachments: [...c.current.attachments, ...g]
-    };
-    a(Z);
-    for (let n = 0; n < o.length; n++)
-      x(g[n].clientId, o[n]);
-  }, [a, x]), h = fe({
-    onFileDragOver: X,
-    onFilesDropped: (e) => y(e)
-  }), J = (e) => {
-    const r = c.current, o = r.attachments.find((s) => s.clientId === e);
-    S(o?.preview), f.current.delete(e), a({
-      ...r,
-      attachments: r.attachments.filter((s) => s.clientId !== e)
-    });
-  }, K = (e) => {
-    const r = c.current, o = r.attachments.find((m) => m.clientId === e), s = f.current.get(e);
-    if (!(!o || o.uploadStatus !== "error")) {
-      if (!s) {
-        D.warning({
-          title: "Could not retry",
-          message: "Remove the file and attach it again."
-        });
-        return;
-      }
-      a(M(r, e, {
-        uploadStatus: "uploading",
-        uploadError: void 0
-      })), x(e, s);
-    }
-  }, N = () => {
-    F && d();
-  }, Q = R === !1 ? null : R ?? /* @__PURE__ */ u(Se, {
-    variant: "sm",
-    color: "secondary",
-    children: ["Press", " ", /* @__PURE__ */ t(he, {
-      hotkey: ["mod", "enter"],
-      textVariant: "xs"
-    }), " ", "to create the project"]
-  });
-  return /* @__PURE__ */ u("div", {
-    className: se(l.root, C),
-    onDragEnter: h.onDragEnter,
-    onDragLeave: h.onDragLeave,
-    onDragOver: h.onDragOver,
-    onDrop: h.onDrop,
-    onPaste: h.onPaste,
-    children: [/* @__PURE__ */ t(ue, {
-      open: W,
-      label: "Drop files to attach"
-    }), $, /* @__PURE__ */ u("div", {
-      className: l.shell,
-      children: [/* @__PURE__ */ t(z, {
-        when: i.attachments.length > 0,
-        children: /* @__PURE__ */ t("div", {
-          className: l.attachments,
-          children: /* @__PURE__ */ t(de, {
-            size: "sm",
-            children: /* @__PURE__ */ t(pe, {
-              each: i.attachments,
-              children: (e) => /* @__PURE__ */ t(me, {
-                data: {
-                  id: e.id,
-                  url: e.url ?? e.preview,
-                  filename: e.filename,
-                  mediaType: e.mediaType,
-                  size: e.size,
-                  lastModified: e.lastModified
-                },
-                loading: e.uploadStatus === "uploading",
-                error: e.uploadStatus === "error",
-                onRetry: () => K(e.clientId),
-                onRemove: () => J(e.clientId)
-              }, e.clientId)
-            })
-          })
-        })
-      }), /* @__PURE__ */ u("div", {
-        className: l.main,
-        "data-expanded": Y || void 0,
-        "data-min-rows": v != null || void 0,
-        onPointerDown: (e) => {
-          e.target === e.currentTarget && A.current?.focus();
-        },
-        children: [/* @__PURE__ */ u("div", {
-          className: l.addButton,
-          children: [/* @__PURE__ */ t("input", {
-            ref: O,
-            type: "file",
-            multiple: !0,
-            tabIndex: -1,
-            style: {
-              display: "none"
-            },
-            onChange: (e) => {
-              e.target.files?.length && y(e.target.files), e.target.value = "";
-            }
-          }), /* @__PURE__ */ u(ze, {
-            children: [/* @__PURE__ */ t(j, {
-              type: "button",
-              iconOnly: !0,
-              rounded: !0,
-              variant: "filling",
-              size: "sm",
-              tooltip: "Add",
-              children: /* @__PURE__ */ t(re, {})
-            }), /* @__PURE__ */ t(ve, {
-              placement: "top start",
-              spacing: "xs",
-              children: /* @__PURE__ */ t(ye, {
-                children: /* @__PURE__ */ u(ge, {
-                  "aria-label": "Add to prompt",
-                  size: "sm",
-                  children: [/* @__PURE__ */ t(k, {
-                    id: "files",
-                    text: "Files",
-                    icon: /* @__PURE__ */ t(ne, {}),
-                    onAction: () => O.current?.click()
-                  }), /* @__PURE__ */ t(k, {
-                    id: "plan",
-                    text: "Plan mode",
-                    icon: /* @__PURE__ */ t(oe, {}),
-                    onAction: () => {
-                      a({
-                        ...c.current,
-                        planMode: !0
-                      }), A.current?.focus();
-                    }
-                  })]
-                })
-              })
-            })]
-          }), /* @__PURE__ */ t(z, {
-            when: i.planMode,
-            children: /* @__PURE__ */ t(Pe, {
-              size: "sm",
-              color: "success",
-              rounded: !0,
-              textValue: "Plan mode",
-              "aria-label": "Plan mode",
-              icon: /* @__PURE__ */ t(te, {}),
-              removePlacement: "leading",
-              onRemove: () => a({
-                ...c.current,
-                planMode: !1
-              }),
-              children: "Plan mode"
-            })
-          })]
-        }), /* @__PURE__ */ t("div", {
-          className: l.textareaWrap,
-          children: /* @__PURE__ */ t(xe, {
-            ref: A,
-            value: G,
-            onChange: (e) => {
-              const r = Ae(e);
-              a({
-                ...c.current,
-                prompt: r
-              }), q(v != null || r.includes(`
-`) || r.length > 40);
-            },
-            autoFocus: U,
-            minHeight: v ? v * 22 : 20,
-            maxHeight: 280,
-            placeholder: w,
-            className: l.textarea,
-            "aria-label": w,
-            submitOnEnter: V === "enter",
-            onSubmit: () => N(),
-            onPasteFiles: (e) => y(e),
-            onPasteText: (e) => {
-              if (e.length < ee)
-                return !1;
-              const r = new File([e], "paste.txt", {
-                type: "text/plain"
-              });
-              return r.size > P ? !1 : (y([r]), !0);
-            }
-          })
-        }), /* @__PURE__ */ t(z, {
-          when: E,
-          children: /* @__PURE__ */ t("div", {
-            className: l.toolbarEnd,
-            children: E
-          })
-        }), /* @__PURE__ */ t(j, {
-          iconOnly: !0,
-          rounded: !0,
-          color: "primary",
-          variant: "filled",
-          size: "sm",
-          className: l.sendButton,
-          isDisabled: !F,
-          isPending: b,
-          tooltip: "Create project",
-          onPress: () => N(),
-          children: /* @__PURE__ */ t(ae, {})
-        })]
-      })]
-    }), Q]
-  });
-}
-export {
-  Ke as CreateComposer
-};
-//# sourceMappingURL=CreateComposer.js.map