impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.9

package/dist/components/forms/file-upload/file-upload.js

@@ -1,184 +1,168 @@
-import { jsx as e, jsxs as c, Fragment as k } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as f } from "../../../lib/utils.js";
-import { Cross as T, Eye as I, Delete as L, Document as B } from "impact-nova-icons";
-import { FileUpload as M, Text as A, Csv as E, Excel as O } from "../../ui/local-raster-icons/rasterIcons.js";
-import { Tooltip as U, TooltipTrigger as C, TooltipContent as D } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as z } from "../../../i18n/use-impact-nova-i18n.js";
-const R = o.createContext(void 0), j = () => {
-  const a = o.useContext(R);
+import { jsx as e, jsxs as c, Fragment as L } from "react/jsx-runtime";
+import * as y from "react";
+import { createComponent as v } from "../../../lib/primitives/create-component.js";
+import { createCompoundPart as j } from "../../../lib/primitives/create-compound.js";
+import { cn as F } from "../../../lib/utils.js";
+import { Cross as E, Eye as M, Delete as B, Document as P } from "impact-nova-icons";
+import { FileUpload as S, Text as A, Csv as O, Excel as R } from "../../ui/local-raster-icons/rasterIcons.js";
+import { Tooltip as w, TooltipTrigger as D, TooltipContent as z } from "../../feedback/tooltip/tooltip.js";
+import { useImpactNovaI18n as T } from "../../../i18n/use-impact-nova-i18n.js";
+const k = y.createContext(void 0), H = [], I = () => {
+  const a = y.useContext(k);
   if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return a;
-}, S = o.forwardRef(
+}, J = v(
+  "FileUpload",
   ({
     className: a,
     children: t,
     onFilesChange: l,
-    maxFiles: r = 1,
-    accept: d = [],
-    disabled: m = !1,
-    value: u = [],
-    ...p
-  }, b) => {
-    const [h, x] = o.useState(u);
-    o.useEffect(() => {
-      x(u);
-    }, [u]);
-    const g = (n) => {
-      if (m) return;
-      let s = n;
-      d.length > 0 && (s = s.filter((y) => {
-        const w = y.name.split(".").pop()?.toLowerCase();
-        return w && d.includes(w);
+    maxFiles: o = 1,
+    accept: s = [],
+    disabled: p = !1,
+    value: m = H,
+    ...d
+  }, U) => {
+    const [f, u] = y.useState(m);
+    y.useEffect(() => {
+      u(m);
+    }, [m]);
+    const x = (n) => {
+      if (p) return;
+      let r = n;
+      s.length > 0 && (r = r.filter((N) => {
+        const C = N.name.split(".").pop()?.toLowerCase();
+        return C && s.includes(C);
       }));
-      const v = r - h.length;
-      if (v <= 0) return;
-      const F = s.slice(0, v);
-      if (F.length > 0) {
-        const y = [...h, ...F];
-        x(y), l?.(y);
+      const h = o - f.length;
+      if (h <= 0) return;
+      const g = r.slice(0, h);
+      if (g.length > 0) {
+        const N = [...f, ...g];
+        u(N), l?.(N);
       }
-    }, N = (n) => {
-      if (m) return;
-      const s = h.filter((v) => v !== n);
-      x(s), l?.(s);
+    }, b = (n) => {
+      if (p) return;
+      const r = f.filter((h) => h !== n);
+      u(r), l?.(r);
     };
     return /* @__PURE__ */ e(
-      R.Provider,
+      k.Provider,
       {
-        value: { files: h, addFiles: g, removeFile: N, maxFiles: r, accept: d, disabled: m },
+        value: { files: f, addFiles: x, removeFile: b, maxFiles: o, accept: s, disabled: p },
         children: /* @__PURE__ */ e(
           "div",
           {
-            ref: b,
-            className: f("w-full max-w-[550px]", a),
+            ref: U,
+            className: F("w-full max-w-[550px]", a),
             "data-component": "file-upload",
-            "data-disabled": m || void 0,
-            ...p,
+            "data-disabled": p || void 0,
+            ...d,
             children: t
           }
         )
       }
     );
   }
-);
-S.displayName = "FileUpload";
-const P = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: r,
-    className: f(
-      "flex flex-col gap-4 p-4 min-h-[274px] bg-canvas-elevated rounded-2xl shadow-elevation-header",
-      a
-    ),
-    ...l,
-    children: t
-  }
-));
-P.displayName = "FileUploadContent";
-const H = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+), Q = j("file-upload", {
+  part: "content",
+  displayName: "FileUploadContent",
+  className: "flex flex-col gap-4 p-4 min-h-[274px] bg-canvas-elevated rounded-2xl shadow-elevation-header"
+}), W = v("FileUploadHeader", ({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: f("flex justify-between items-center w-full", a),
+    ref: o,
+    className: F("flex justify-between items-center w-full", a),
     ...l,
     children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[2px] w-full", children: t })
   }
-));
-H.displayName = "FileUploadHeader";
-const Z = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+)), X = v("FileUploadTitle", ({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "h3",
   {
-    ref: r,
-    className: f("text-base font-extrabold text-content leading-6", a),
+    ref: o,
+    className: F("text-base font-extrabold text-content leading-6", a),
     ...l,
     children: t
   }
-));
-Z.displayName = "FileUploadTitle";
-const $ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+)), ee = v("FileUploadDescription", ({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "p",
   {
-    ref: r,
-    className: f(
+    ref: o,
+    className: F(
       "text-sm font-medium text-navigation-muted leading-5",
       a
     ),
     ...l,
     children: t
   }
-));
-$.displayName = "FileUploadDescription";
-const G = o.forwardRef(({ className: a, ...t }, l) => {
-  const { t: r } = z(), d = r("aria.close");
-  return /* @__PURE__ */ c(U, { children: [
-    /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+)), te = v("FileUploadClose", ({ className: a, ...t }, l) => {
+  const { t: o } = T(), s = o("aria.close");
+  return /* @__PURE__ */ c(w, { children: [
+    /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         ref: l,
-        className: f(
+        className: F(
           "text-content-tertiary hover:text-content transition-colors",
           a
         ),
         type: "button",
-        "aria-label": d,
+        "aria-label": s,
         ...t,
-        children: /* @__PURE__ */ e(T, { size: 16 })
+        children: /* @__PURE__ */ e(E, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: d })
+    /* @__PURE__ */ e(z, { side: "top", variant: "tertiary", children: s })
   ] });
-});
-G.displayName = "FileUploadClose";
-const K = o.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
-  const { addFiles: m, accept: u, disabled: p, files: b, maxFiles: h } = j(), [x, g] = o.useState(!1), N = o.useRef(null);
-  if (b.length >= h)
+}), ae = v("FileUploadDropZone", ({ className: a, label: t, subLabel: l, ...o }, s) => {
+  const { addFiles: p, accept: m, disabled: d, files: U, maxFiles: f } = I(), [u, x] = y.useState(!1), b = y.useRef(null);
+  if (U.length >= f)
     return null;
   const n = (i) => {
-    i.preventDefault(), p || g(!0);
-  }, s = (i) => {
-    i.preventDefault(), g(!1);
-  }, v = (i) => {
-    i.preventDefault(), g(!1), !p && i.dataTransfer.files?.length && m(Array.from(i.dataTransfer.files));
-  }, F = () => {
-    p || N.current?.click();
-  }, y = (i) => {
-    i.target.files?.length && (m(Array.from(i.target.files)), i.target.value = "");
-  }, w = u.length > 0 ? u.map((i) => `.${i}`).join(",") : void 0;
+    i.preventDefault(), d || x(!0);
+  }, r = (i) => {
+    i.preventDefault(), x(!1);
+  }, h = (i) => {
+    i.preventDefault(), x(!1), !d && i.dataTransfer.files?.length && p(Array.from(i.dataTransfer.files));
+  }, g = () => {
+    d || b.current?.click();
+  }, N = (i) => {
+    i.target.files?.length && (p(Array.from(i.target.files)), i.target.value = "");
+  }, C = m.length > 0 ? m.map((i) => `.${i}`).join(",") : void 0;
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: d,
-      onClick: F,
+      ref: s,
+      onClick: g,
       onDragOver: n,
-      onDragLeave: s,
-      onDrop: v,
-      className: f(
+      onDragLeave: r,
+      onDrop: h,
+      className: F(
         "relative flex flex-col items-center justify-end p-4 pt-6 pb-6 gap-2 h-[148px] rounded-lg border border-dashed border-stroke-accent bg-transparent cursor-pointer transition-colors",
-        x && "border-brand bg-brand/5",
-        p && "opacity-50 cursor-not-allowed",
+        u && "border-brand bg-brand/5",
+        d && "opacity-50 cursor-not-allowed",
         a
       ),
       "data-component": "file-upload-dropzone",
-      "data-state": x ? "drag-over" : "idle",
-      ...r,
+      "data-state": u ? "drag-over" : "idle",
+      ...o,
       children: [
         /* @__PURE__ */ e(
           "input",
           {
-            ref: N,
+            ref: b,
             type: "file",
             multiple: !0,
             className: "hidden",
-            accept: w,
-            onChange: y,
-            disabled: p
+            accept: C,
+            onChange: N,
+            disabled: d
           }
         ),
-        /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(M, { size: 56 }) }),
+        /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(S, { size: 56 }) }),
         /* @__PURE__ */ c("div", { className: "text-center space-y-1 z-10 mt-auto", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content leading-5", children: t || /* @__PURE__ */ c(k, { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content leading-5", children: t || /* @__PURE__ */ c(L, { children: [
             "Drag your files here or",
             " ",
             /* @__PURE__ */ e("span", { className: "text-brand text-sm font-medium hover:underline", children: "Choose File" })
@@ -188,111 +172,105 @@ const K = o.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
       ]
     }
   );
-});
-K.displayName = "FileUploadDropZone";
-const V = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e("div", { ref: r, className: f("flex flex-col gap-3", a), ...l, children: t }));
-V.displayName = "FileUploadList";
-const q = o.forwardRef(
-  ({ className: a, file: t, onRemove: l, onView: r, onClick: d, ...m }, u) => {
-    const { t: p } = z(), { removeFile: b, disabled: h } = j(), x = (n) => {
-      n.stopPropagation(), l ? l() : b(t);
-    }, g = (n) => {
+}), le = j("file-upload", {
+  part: "list",
+  displayName: "FileUploadList",
+  className: "flex flex-col gap-3"
+}), oe = v(
+  "FileUploadItem",
+  ({ className: a, file: t, onRemove: l, onView: o, onClick: s, ...p }, m) => {
+    const { t: d } = T(), { removeFile: U, disabled: f } = I(), u = (n) => {
+      n.stopPropagation(), l ? l() : U(t);
+    }, x = (n) => {
       if (n === 0) return "0 B";
-      const s = 1024, v = ["B", "KB", "MB", "GB"], F = Math.floor(Math.log(n) / Math.log(s));
-      return parseFloat((n / Math.pow(s, F)).toFixed(2)) + " " + v[F];
-    }, N = (n) => {
+      const r = 1024, h = ["B", "KB", "MB", "GB"], g = Math.floor(Math.log(n) / Math.log(r));
+      return parseFloat((n / Math.pow(r, g)).toFixed(2)) + " " + h[g];
+    }, b = (n) => {
       switch (n.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
-          return /* @__PURE__ */ e(O, { size: 36 });
+          return /* @__PURE__ */ e(R, { size: 36 });
         case "csv":
-          return /* @__PURE__ */ e(E, { size: 36 });
+          return /* @__PURE__ */ e(O, { size: 36 });
         case "txt":
           return /* @__PURE__ */ e(A, { size: 36 });
         default:
-          return /* @__PURE__ */ e(B, { size: 36, className: "text-content-icon" });
+          return /* @__PURE__ */ e(P, { size: 36, className: "text-content-icon" });
       }
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: u,
-        onClick: d,
-        className: f(
+        ref: m,
+        onClick: s,
+        className: F(
           "flex flex-col justify-between items-stretch gap-2 p-4 border border-stroke-hairline rounded-xl bg-canvas-elevated",
-          d && "cursor-pointer",
+          s && "cursor-pointer",
           a
         ),
         "data-component": "file-upload-item",
         "data-file-name": t.name,
         "data-file-size": t.size,
-        ...m,
+        ...p,
         children: /* @__PURE__ */ c("div", { className: "flex justify-between items-center gap-2 z-10", children: [
           /* @__PURE__ */ c("div", { className: "flex gap-2 min-w-0", children: [
-            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: N(t.name) }),
+            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: b(t.name) }),
             /* @__PURE__ */ c("div", { className: "flex flex-col justify-between gap-[2px] min-w-0", children: [
-              /* @__PURE__ */ c(U, { children: [
-                /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-content leading-[18px] line-clamp-1 break-all cursor-default", children: t.name }) }),
-                /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: t.name })
+              /* @__PURE__ */ c(w, { children: [
+                /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-content leading-[18px] line-clamp-1 break-all cursor-default", children: t.name }) }),
+                /* @__PURE__ */ e(z, { side: "top", variant: "tertiary", children: t.name })
               ] }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-secondary-foreground leading-[16px]", children: g(t.size) })
+              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-secondary-foreground leading-[16px]", children: x(t.size) })
             ] })
           ] }),
           /* @__PURE__ */ c("div", { className: "flex items-center gap-4 shrink-0", children: [
-            r && /* @__PURE__ */ c(U, { children: [
-              /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+            o && /* @__PURE__ */ c(w, { children: [
+              /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: (n) => {
-                    n.stopPropagation(), r();
+                    n.stopPropagation(), o();
                   },
                   className: "flex items-center justify-center text-content-tertiary hover:text-content transition-colors",
                   type: "button",
                   "aria-label": "View file data",
-                  children: /* @__PURE__ */ e(I, { size: 18 })
+                  children: /* @__PURE__ */ e(M, { size: 18 })
                 }
               ) }),
-              /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: "View" })
+              /* @__PURE__ */ e(z, { side: "top", variant: "tertiary", children: "View" })
             ] }),
-            !h && /* @__PURE__ */ c(U, { children: [
-              /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+            !f && /* @__PURE__ */ c(w, { children: [
+              /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: x,
+                  onClick: u,
                   className: "flex items-center justify-center text-content-tertiary hover:text-destructive transition-colors",
                   type: "button",
-                  "aria-label": p("aria.removeFile"),
-                  children: /* @__PURE__ */ e(L, { size: 14 })
+                  "aria-label": d("aria.removeFile"),
+                  children: /* @__PURE__ */ e(B, { size: 14 })
                 }
               ) }),
-              /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: p("aria.removeFile") })
+              /* @__PURE__ */ e(z, { side: "top", variant: "tertiary", children: d("aria.removeFile") })
             ] })
           ] })
         ] })
       }
     );
   }
-);
-q.displayName = "FileUploadItem";
-const J = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: r,
-    className: f("flex items-center justify-end gap-4 mt-auto", a),
-    ...l,
-    children: t
-  }
-));
-J.displayName = "FileUploadFooter";
+), ne = j("file-upload", {
+  part: "footer",
+  displayName: "FileUploadFooter",
+  className: "flex items-center justify-end gap-4 mt-auto"
+});
 export {
-  S as FileUpload,
-  G as FileUploadClose,
-  P as FileUploadContent,
-  $ as FileUploadDescription,
-  K as FileUploadDropZone,
-  J as FileUploadFooter,
-  H as FileUploadHeader,
-  q as FileUploadItem,
-  V as FileUploadList,
-  Z as FileUploadTitle
+  J as FileUpload,
+  te as FileUploadClose,
+  Q as FileUploadContent,
+  ee as FileUploadDescription,
+  ae as FileUploadDropZone,
+  ne as FileUploadFooter,
+  W as FileUploadHeader,
+  oe as FileUploadItem,
+  le as FileUploadList,
+  X as FileUploadTitle
 };

package/dist/components/forms/prompt/prompt.js

@@ -1,68 +1,68 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import * as p from "react";
-import { Cross as R } from "impact-nova-icons";
-import { Info3d as B, Success3d as F, Warning3d as H, Delete3d as S } from "../../ui/local-raster-icons/rasterIcons.js";
+import "react";
+import { Cross as B } from "impact-nova-icons";
+import { Info3d as F, Success3d as H, Warning3d as S, Delete3d as V } from "../../ui/local-raster-icons/rasterIcons.js";
+import { createComponent as p } from "../../../lib/primitives/create-component.js";
 import { cn as r } from "../../../lib/utils.js";
 import { useImpactNovaI18n as u } from "../../../i18n/use-impact-nova-i18n.js";
-import { Tooltip as V, TooltipTrigger as W, TooltipContent as q } from "../../feedback/tooltip/tooltip.js";
+import { Tooltip as W, TooltipTrigger as q, TooltipContent as A } from "../../feedback/tooltip/tooltip.js";
 import { Button as f } from "../../primitives/button/button.js";
-import { Dialog as A, DialogContent as E, DialogHeader as G, DialogTitle as J, DialogDescription as K, DialogFooter as M } from "../../feedback/dialog/dialog.js";
-const Q = p.forwardRef(({ className: i, ...s }, a) => {
+import { Dialog as E, DialogContent as G, DialogHeader as J, DialogTitle as K, DialogDescription as M, DialogFooter as Q } from "../../feedback/dialog/dialog.js";
+const re = p("PromptClose", ({ className: i, ...s }, l) => {
   const { t: c } = u();
-  return /* @__PURE__ */ n(V, { children: [
-    /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ n(W, { children: [
+    /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
-        ref: a,
+        ref: l,
         className: r("text-content-tertiary hover:text-content transition-colors", i),
         type: "button",
         "aria-label": c("aria.close"),
         ...s,
-        children: /* @__PURE__ */ e(R, { size: 16 })
+        children: /* @__PURE__ */ e(B, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ e(q, { side: "top", variant: "tertiary", children: c("aria.close") })
+    /* @__PURE__ */ e(A, { side: "top", variant: "tertiary", children: c("aria.close") })
   ] });
-});
-Q.displayName = "PromptClose";
-const U = p.forwardRef(
+}), oe = p(
+  "Prompt",
   ({
     open: i,
     onOpenChange: s,
-    title: a,
+    title: l,
     description: c,
     confirmLabel: x,
     cancelLabel: b,
     onConfirm: h,
     onCancel: g,
-    confirmVariant: N,
-    cancelVariant: y = "secondary",
+    confirmVariant: C,
+    cancelVariant: N = "secondary",
     variant: t = "default",
-    showClose: w = !0,
-    preventOutsideClick: C = !1,
-    footer: l,
+    showClose: y = !0,
+    preventOutsideClick: v = !1,
+    footer: a,
     children: d,
-    className: v,
+    className: w,
     ...D
   }, j) => {
-    const { t: m } = u(), z = b ?? m("prompt.cancel"), P = x ?? m("prompt.confirm"), T = () => {
+    const { t: m } = u(), k = b ?? m("prompt.cancel"), z = x ?? m("prompt.confirm"), P = () => {
       h?.(), s?.(!1);
-    }, k = () => {
+    }, T = () => {
       g?.(), s?.(!1);
-    }, o = t !== "default", I = N || (t === "destructive" ? "destructive" : "default");
-    return /* @__PURE__ */ e(A, { open: i, onOpenChange: s, ...D, children: /* @__PURE__ */ n(
-      E,
+    }, o = t !== "default", I = C || (t === "destructive" ? "destructive" : "default");
+    return /* @__PURE__ */ e(E, { open: i, onOpenChange: s, ...D, children: /* @__PURE__ */ n(
+      G,
       {
         ref: j,
         "aria-describedby": void 0,
-        hideClose: !w,
+        hideClose: !y,
         onPointerDownOutside: (L) => {
-          C && L.preventDefault();
+          v && L.preventDefault();
         },
         className: r(
           "max-w-[400px] gap-0",
           o && "flex flex-col items-center p-6 pt-6 text-center",
-          v
+          w
         ),
         "data-component": "prompt",
         "data-variant": t,
@@ -75,32 +75,32 @@ const U = p.forwardRef(
                 t === "info" && "bg-brand-tint text-brand",
                 t === "success" && "bg-feedback-success-surface text-success",
                 t === "warning" && "bg-feedback-warning-surface text-content",
-                t === "destructive" && "bg-prompt-error-bg text-destructive"
+                t === "destructive" && "bg-feedback-error-surface text-destructive"
               ),
               children: [
-                t === "info" && /* @__PURE__ */ e(B, { size: 24 }),
-                t === "success" && /* @__PURE__ */ e(F, { size: 24 }),
-                t === "warning" && /* @__PURE__ */ e(H, { size: 24 }),
-                t === "destructive" && /* @__PURE__ */ e(S, { size: 24 })
+                t === "info" && /* @__PURE__ */ e(F, { size: 24 }),
+                t === "success" && /* @__PURE__ */ e(H, { size: 24 }),
+                t === "warning" && /* @__PURE__ */ e(S, { size: 24 }),
+                t === "destructive" && /* @__PURE__ */ e(V, { size: 24 })
               ]
             }
           ),
           /* @__PURE__ */ n(
-            G,
+            J,
             {
               className: r(o && "space-y-2 items-center bg-canvas-elevated border-none"),
               children: [
                 /* @__PURE__ */ e(
-                  J,
+                  K,
                   {
                     className: r(
                       o && "text-[18px] font-extrabold text-content"
                     ),
-                    children: a
+                    children: l
                   }
                 ),
                 c && /* @__PURE__ */ e(
-                  K,
+                  M,
                   {
                     className: r(o && "text-sm text-content-tertiary"),
                     children: c
@@ -110,8 +110,8 @@ const U = p.forwardRef(
             }
           ),
           d && /* @__PURE__ */ e("div", { className: r("w-full py-2", o && "text-center"), children: d }),
-          l ? /* @__PURE__ */ e("div", { className: "w-full", children: l }) : /* @__PURE__ */ n(
-            M,
+          a ? /* @__PURE__ */ e("div", { className: "w-full", children: a }) : /* @__PURE__ */ n(
+            Q,
             {
               className: r(
                 o && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
@@ -120,19 +120,19 @@ const U = p.forwardRef(
                 /* @__PURE__ */ e(
                   f,
                   {
-                    variant: y,
-                    onClick: k,
+                    variant: N,
+                    onClick: T,
                     className: r(o && "h-10 px-6"),
-                    children: z
+                    children: k
                   }
                 ),
                 /* @__PURE__ */ e(
                   f,
                   {
                     variant: I,
-                    onClick: T,
+                    onClick: P,
                     className: r(o && "h-10 px-6"),
-                    children: P
+                    children: z
                   }
                 )
               ]
@@ -143,8 +143,7 @@ const U = p.forwardRef(
     ) });
   }
 );
-U.displayName = "Prompt";
 export {
-  U as Prompt,
-  Q as PromptClose
+  oe as Prompt,
+  re as PromptClose
 };