impact-nova 1.1.1 → 1.1.2

package/dist/components/ui/popover.js

@@ -1,87 +1,91 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as d from "react";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
 import * as a from "@radix-ui/react-popover";
-import { X as l } from "lucide-react";
-import { cn as n } from "../../lib/utils.js";
-const P = a.Root, u = a.Trigger, b = a.Anchor, m = d.forwardRef(({ className: e, align: o = "center", sideOffset: r = 4, ...i }, p) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
+import { X as p } from "lucide-react";
+import { Tooltip as m, TooltipTrigger as c, TooltipContent as f } from "./tooltip.js";
+import { cn as r } from "../../lib/utils.js";
+const w = a.Root, T = a.Trigger, j = a.Anchor, v = s.forwardRef(({ className: e, align: o = "center", sideOffset: n = 4, ...d }, l) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
   a.Content,
   {
-    ref: p,
+    ref: l,
     align: o,
-    sideOffset: r,
+    sideOffset: n,
     "data-component": "popover-content",
-    className: n(
+    className: r(
       "z-50 min-w-[240px] rounded-xl border bg-popover p-3 text-popover-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
       e
     ),
-    ...i
+    ...d
   }
 ) }));
-m.displayName = a.Content.displayName;
-const c = ({
+v.displayName = a.Content.displayName;
+const h = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ t(
   "div",
   {
-    className: n("flex items-center justify-between gap-4 mb-3", e),
+    className: r("flex items-center justify-between gap-4 mb-3", e),
     ...o
   }
 );
-c.displayName = "PopoverHeader";
-const f = ({
+h.displayName = "PopoverHeader";
+const g = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ t(
   "h3",
   {
     "data-component": "popover-title",
-    className: n(
+    className: r(
       "text-[16px] font-extrabold leading-none text-[#1f2b4d]",
       e
     ),
     ...o
   }
 );
-f.displayName = "PopoverTitle";
-const v = d.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ s(
-  a.Close,
-  {
-    ref: r,
-    "data-component": "popover-close",
-    className: n(
-      "rounded-sm opacity-70 transition-opacity hover:opacity-100 outline-none focus:ring-0 disabled:pointer-events-none",
-      e
-    ),
-    ...o,
-    children: [
-      /* @__PURE__ */ t(l, { className: "h-4 w-4 text-[#60697d]" }),
-      /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
-    ]
-  }
-));
-v.displayName = a.Close.displayName;
-const x = ({
+g.displayName = "PopoverTitle";
+const x = s.forwardRef(({ className: e, ...o }, n) => /* @__PURE__ */ i(m, { children: [
+  /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ i(
+    a.Close,
+    {
+      ref: n,
+      "data-component": "popover-close",
+      className: r(
+        "rounded-sm opacity-70 transition-opacity hover:opacity-100 outline-none focus:ring-0 disabled:pointer-events-none",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t(p, { className: "h-4 w-4 text-[#60697d]" }),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ t(f, { variant: "tertiary", side: "top", children: "Close" })
+] }));
+x.displayName = a.Close.displayName;
+const N = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ t("div", { className: n("text-sm", e), ...o });
-x.displayName = "PopoverBody";
-const N = ({
+}) => /* @__PURE__ */ t("div", { className: r("text-sm", e), ...o });
+N.displayName = "PopoverBody";
+const y = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ s("div", { className: n("mt-4 flex flex-col gap-3", e), ...o, children: [
+}) => /* @__PURE__ */ i("div", { className: r("mt-4 flex flex-col gap-3", e), ...o, children: [
   /* @__PURE__ */ t("div", { className: "h-[1px] w-full bg-[#f0f2f5]" }),
   /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: o.children })
 ] });
-N.displayName = "PopoverFooter";
+y.displayName = "PopoverFooter";
 export {
-  P as Popover,
-  b as PopoverAnchor,
-  x as PopoverBody,
-  v as PopoverClose,
-  m as PopoverContent,
-  N as PopoverFooter,
-  c as PopoverHeader,
-  f as PopoverTitle,
-  u as PopoverTrigger
+  w as Popover,
+  j as PopoverAnchor,
+  N as PopoverBody,
+  x as PopoverClose,
+  v as PopoverContent,
+  y as PopoverFooter,
+  h as PopoverHeader,
+  g as PopoverTitle,
+  T as PopoverTrigger
 };

package/dist/components/ui/prompt.d.ts

@@ -22,5 +22,6 @@ export interface PromptProps extends Omit<React.ComponentPropsWithoutRef<typeof
     children?: React.ReactNode;
     className?: string;
 }
+declare const PromptClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 declare const Prompt: React.ForwardRefExoticComponent<PromptProps & React.RefAttributes<HTMLDivElement>>;
-export { Prompt, promptVariants };
+export { Prompt, promptVariants, PromptClose };

package/dist/components/ui/prompt.js

@@ -1,11 +1,12 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import * as k from "react";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import * as m from "react";
 import { cva as P } from "class-variance-authority";
-import { Info as T, CheckCircle2 as V, AlertTriangle as R, Trash2 as A } from "lucide-react";
+import { Info as k, CheckCircle2 as R, AlertTriangle as V, Trash2 as A, X as B } from "lucide-react";
 import { cn as r } from "../../lib/utils.js";
-import { Button as n } from "./button.js";
-import { Dialog as B, DialogContent as F, DialogHeader as H, DialogTitle as I, DialogDescription as q, DialogFooter as E } from "./dialog.js";
-const U = P("", {
+import { Tooltip as F, TooltipTrigger as H, TooltipContent as I } from "./tooltip.js";
+import { Button as f } from "./button.js";
+import { Dialog as X, DialogContent as q, DialogHeader as E, DialogTitle as G, DialogDescription as J, DialogFooter as K } from "./dialog.js";
+const $ = P("", {
   variants: {
     variant: {
       default: "",
@@ -18,37 +19,52 @@ const U = P("", {
   defaultVariants: {
     variant: "default"
   }
-}), G = k.forwardRef(
+}), L = m.forwardRef(({ className: l, ...i }, a) => /* @__PURE__ */ o(F, { children: [
+  /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
+    "button",
+    {
+      ref: a,
+      className: r("text-[#60697d] hover:text-[#0d152c] transition-colors", l),
+      type: "button",
+      "aria-label": "Close",
+      ...i,
+      children: /* @__PURE__ */ e(B, { size: 16 })
+    }
+  ) }),
+  /* @__PURE__ */ e(I, { side: "top", variant: "tertiary", children: "Close" })
+] }));
+L.displayName = "PromptClose";
+const M = m.forwardRef(
   ({
-    open: f,
-    onOpenChange: c,
-    title: d,
-    description: l,
-    confirmLabel: m = "Confirm",
-    cancelLabel: p = "Cancel",
-    onConfirm: u,
-    onCancel: x,
+    open: l,
+    onOpenChange: i,
+    title: a,
+    description: c,
+    confirmLabel: p = "Confirm",
+    cancelLabel: u = "Cancel",
+    onConfirm: x,
+    onCancel: h,
     confirmVariant: b,
-    cancelVariant: h = "secondary",
-    variant: e = "default",
-    showClose: g = !0,
+    cancelVariant: g = "secondary",
+    variant: t = "default",
+    showClose: C = !0,
     preventOutsideClick: w = !1,
-    footer: a,
-    children: o,
+    footer: n,
+    children: d,
     className: N,
-    ...C
-  }, D) => {
-    const v = () => {
-      u?.(), c?.(!1);
-    }, y = () => {
-      x?.(), c?.(!1);
-    }, s = e !== "default", j = b || (e === "destructive" ? "destructive" : "default");
-    return /* @__PURE__ */ t(B, { open: f, onOpenChange: c, ...C, children: /* @__PURE__ */ i(
-      F,
+    ...y
+  }, v) => {
+    const D = () => {
+      x?.(), i?.(!1);
+    }, T = () => {
+      h?.(), i?.(!1);
+    }, s = t !== "default", j = b || (t === "destructive" ? "destructive" : "default");
+    return /* @__PURE__ */ e(X, { open: l, onOpenChange: i, ...y, children: /* @__PURE__ */ o(
+      q,
       {
-        ref: D,
+        ref: v,
         "aria-describedby": void 0,
-        hideClose: !g,
+        hideClose: !C,
         onPointerDownOutside: (z) => {
           w && z.preventDefault();
         },
@@ -58,74 +74,74 @@ const U = P("", {
           N
         ),
         "data-component": "prompt",
-        "data-variant": e,
+        "data-variant": t,
         children: [
-          s && /* @__PURE__ */ i(
+          s && /* @__PURE__ */ o(
             "div",
             {
               className: r(
                 "mb-4 flex h-12 w-12 items-center justify-center rounded-xl",
-                e === "info" && "bg-[#eceefd] text-[#4259ee]",
-                e === "success" && "bg-[#ebf7f1] text-[#10b981]",
-                e === "warning" && "bg-[#f6ebbf] text-[#d97706]",
-                e === "destructive" && "bg-[#fceeee] text-[#ef4444]"
+                t === "info" && "bg-[#eceefd] text-[#4259ee]",
+                t === "success" && "bg-[#ebf7f1] text-[#10b981]",
+                t === "warning" && "bg-[#f6ebbf] text-[#d97706]",
+                t === "destructive" && "bg-[#fceeee] text-[#ef4444]"
               ),
               children: [
-                e === "info" && /* @__PURE__ */ t(T, { size: 24 }),
-                e === "success" && /* @__PURE__ */ t(V, { size: 24 }),
-                e === "warning" && /* @__PURE__ */ t(R, { size: 24 }),
-                e === "destructive" && /* @__PURE__ */ t(A, { size: 24 })
+                t === "info" && /* @__PURE__ */ e(k, { size: 24 }),
+                t === "success" && /* @__PURE__ */ e(R, { size: 24 }),
+                t === "warning" && /* @__PURE__ */ e(V, { size: 24 }),
+                t === "destructive" && /* @__PURE__ */ e(A, { size: 24 })
               ]
             }
           ),
-          /* @__PURE__ */ i(
-            H,
+          /* @__PURE__ */ o(
+            E,
             {
               className: r(s && "mb-6 space-y-2 items-center bg-white border-none"),
               children: [
-                /* @__PURE__ */ t(
-                  I,
+                /* @__PURE__ */ e(
+                  G,
                   {
                     className: r(
                       s && "text-[18px] font-extrabold text-[#1f2b4d]"
                     ),
-                    children: d
+                    children: a
                   }
                 ),
-                l && /* @__PURE__ */ t(
-                  q,
+                c && /* @__PURE__ */ e(
+                  J,
                   {
                     className: r(s && "text-sm text-[#60697d]"),
-                    children: l
+                    children: c
                   }
                 )
               ]
             }
           ),
-          o && /* @__PURE__ */ t("div", { className: r("w-full py-4", s && "text-center"), children: o }),
-          a ? /* @__PURE__ */ t("div", { className: "w-full", children: a }) : /* @__PURE__ */ i(
-            E,
+          d && /* @__PURE__ */ e("div", { className: r("w-full py-4", s && "text-center"), children: d }),
+          n ? /* @__PURE__ */ e("div", { className: "w-full", children: n }) : /* @__PURE__ */ o(
+            K,
             {
               className: r(
                 s && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
               ),
               children: [
-                /* @__PURE__ */ t(
-                  n,
+                /* @__PURE__ */ e(
+                  f,
                   {
-                    variant: h,
-                    onClick: y,
+                    variant: g,
+                    onClick: T,
                     className: r(s && "h-10 px-6"),
-                    children: p
+                    children: u
                   }
                 ),
-                /* @__PURE__ */ t(
-                  n,
+                /* @__PURE__ */ e(
+                  f,
                   {
                     variant: j,
-                    onClick: v,
+                    onClick: D,
                     className: r(s && "h-10 px-6"),
-                    children: m
+                    children: p
                   }
                 )
               ]
@@ -136,8 +152,9 @@ const U = P("", {
     ) });
   }
 );
-G.displayName = "Prompt";
+M.displayName = "Prompt";
 export {
-  G as Prompt,
-  U as promptVariants
+  M as Prompt,
+  L as PromptClose,
+  $ as promptVariants
 };

package/dist/components/ui/sheet.js

@@ -1,26 +1,27 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as n from "react";
 import * as o from "@radix-ui/react-dialog";
-import { cva as x } from "class-variance-authority";
-import { ChevronDown as y, ChevronUp as b, X as N } from "lucide-react";
-import { cn as i } from "../../lib/utils.js";
-const p = n.createContext({
+import { cva as N } from "class-variance-authority";
+import { ChevronDown as v, ChevronUp as C, X as S } from "lucide-react";
+import { cn as r } from "../../lib/utils.js";
+import { Tooltip as p, TooltipTrigger as h, TooltipContent as f } from "./tooltip.js";
+const u = n.createContext({
   isExpanded: !1,
   expandable: !1,
   side: "right"
-}), B = o.Root, F = o.Trigger, v = o.Close, S = o.Portal, f = n.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+}), I = o.Root, U = o.Trigger, w = o.Close, T = o.Portal, g = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Overlay,
   {
-    className: i(
+    className: r(
       "fixed inset-0 z-50 bg-black/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      e
+      t
     ),
-    ...t,
+    ...a,
     ref: s
   }
 ));
-f.displayName = o.Overlay.displayName;
-const w = x(
+g.displayName = o.Overlay.displayName;
+const k = N(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
@@ -35,22 +36,22 @@ const w = x(
       side: "right"
     }
   }
-), C = n.forwardRef(({ side: e = "right", className: t, children: s, expandable: l = !1, ...c }, m) => {
-  const [r, h] = n.useState(!1), u = n.useCallback(() => {
-    h((g) => !g);
+), E = n.forwardRef(({ side: t = "right", className: a, children: s, expandable: d = !1, ...c }, m) => {
+  const [l, x] = n.useState(!1), y = n.useCallback(() => {
+    x((b) => !b);
   }, []);
-  return /* @__PURE__ */ a(p.Provider, { value: { isExpanded: r, onExpandToggle: u, expandable: l, side: e || void 0 }, children: /* @__PURE__ */ d(S, { children: [
-    /* @__PURE__ */ a(f, {}),
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(u.Provider, { value: { isExpanded: l, onExpandToggle: y, expandable: d, side: t || void 0 }, children: /* @__PURE__ */ i(T, { children: [
+    /* @__PURE__ */ e(g, {}),
+    /* @__PURE__ */ e(
       o.Content,
       {
         ref: m,
         "data-component": "sheet-content",
-        className: i(
-          w({ side: e }),
+        className: r(
+          k({ side: t }),
           "flex flex-col p-0 transition-all duration-300",
-          e === "bottom" && (r ? "h-[96vh]" : "h-[40vh]"),
-          t
+          t === "bottom" && (l ? "h-[96vh]" : "h-[40vh]"),
+          a
         ),
         ...c,
         children: s
@@ -58,103 +59,109 @@ const w = x(
     )
   ] }) });
 });
-C.displayName = o.Content.displayName;
-const k = ({
-  className: e,
-  children: t,
+E.displayName = o.Content.displayName;
+const R = ({
+  className: t,
+  children: a,
   ...s
 }) => {
-  const { isExpanded: l, onExpandToggle: c, expandable: m, side: r } = n.useContext(p);
-  return /* @__PURE__ */ d(
+  const { isExpanded: d, onExpandToggle: c, expandable: m, side: l } = n.useContext(u);
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: i(
+      className: r(
         "flex px-4 py-4 shrink-0 items-center justify-between bg-light-blue border-b",
-        r === "bottom" && "rounded-t-lg",
-        e
+        l === "bottom" && "rounded-t-lg",
+        t
       ),
       ...s,
       children: [
-        /* @__PURE__ */ a("div", { className: "flex flex-col space-y-1 text-center sm:text-left", children: t }),
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-          m && /* @__PURE__ */ d(
-            "button",
-            {
-              type: "button",
-              "data-component": "sheet-expand-toggle",
-              onClick: c,
-              className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none",
-              children: [
-                l ? /* @__PURE__ */ a(y, { className: "h-4 w-4" }) : /* @__PURE__ */ a(b, { className: "h-4 w-4" }),
-                /* @__PURE__ */ a("span", { className: "sr-only", children: l ? "Collapse" : "Expand" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ d(v, { "data-component": "sheet-close", className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(N, { className: "h-4 w-4" }),
-            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1 text-center sm:text-left", children: a }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          m && /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                "data-component": "sheet-expand-toggle",
+                onClick: c,
+                className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none",
+                children: [
+                  d ? /* @__PURE__ */ e(v, { className: "h-4 w-4" }) : /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: d ? "Collapse" : "Expand" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: d ? "Collapse" : "Expand" })
+          ] }),
+          /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ i(w, { "data-component": "sheet-close", className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+              /* @__PURE__ */ e(S, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+            ] }) }),
+            /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: "Close" })
           ] })
         ] })
       ]
     }
   );
 };
-k.displayName = "SheetHeader";
-const E = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
+R.displayName = "SheetHeader";
+const D = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
-    className: i("flex-1 overflow-y-auto p-4", e),
-    ...t
+    className: r("flex-1 overflow-y-auto p-4", t),
+    ...a
   }
 );
-E.displayName = "SheetBody";
-const T = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
+D.displayName = "SheetBody";
+const j = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
-    className: i(
+    className: r(
       "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-background",
-      e
+      t
     ),
-    ...t,
-    children: t.children
+    ...a,
+    children: a.children
   }
 );
-T.displayName = "SheetFooter";
-const R = n.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+j.displayName = "SheetFooter";
+const P = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Title,
   {
     ref: s,
     "data-component": "sheet-title",
-    className: i("text-sm font-bold leading-none tracking-tight", e),
-    ...t
+    className: r("text-sm font-bold leading-none tracking-tight", t),
+    ...a
   }
 ));
-R.displayName = o.Title.displayName;
-const D = n.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+P.displayName = o.Title.displayName;
+const O = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Description,
   {
     ref: s,
-    className: i("text-sm text-muted-foreground", e),
-    ...t
+    className: r("text-sm text-muted-foreground", t),
+    ...a
   }
 ));
-D.displayName = o.Description.displayName;
+O.displayName = o.Description.displayName;
 export {
-  B as Sheet,
-  E as SheetBody,
-  v as SheetClose,
-  C as SheetContent,
-  D as SheetDescription,
-  T as SheetFooter,
-  k as SheetHeader,
-  f as SheetOverlay,
-  S as SheetPortal,
-  R as SheetTitle,
-  F as SheetTrigger
+  I as Sheet,
+  D as SheetBody,
+  w as SheetClose,
+  E as SheetContent,
+  O as SheetDescription,
+  j as SheetFooter,
+  R as SheetHeader,
+  g as SheetOverlay,
+  T as SheetPortal,
+  P as SheetTitle,
+  U as SheetTrigger
 };