impact-nova 1.2.4 → 1.5.0

package/dist/components/ui/notification-panel/notification-panel.js

@@ -1,58 +1,65 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useContext as d, createContext as f } from "react";
-import { Sheet as m, SheetContent as h, SheetDescription as p, SheetTitle as x, SheetClose as u } from "../sheet.js";
-import { Button as N } from "../button.js";
-import { Bell as w, X as b } from "lucide-react";
-import { cn as a } from "../../../lib/utils.js";
-const l = f(null), S = () => {
-  const e = d(l);
-  if (!e)
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useContext as m, createContext as h } from "react";
+import { Sheet as p, SheetContent as x, SheetDescription as u, SheetTitle as N, SheetClose as w } from "../sheet.js";
+import { Button as b } from "../button.js";
+import { Bell as v, X as g } from "lucide-react";
+import { cn as r } from "../../../lib/utils.js";
+import { useImpactNovaI18n as s } from "../../../i18n/ImpactNovaI18nContext.js";
+const d = h(null), B = () => {
+  const t = m(d);
+  if (!t)
     throw new Error("useNotificationContext must be used within a NotificationPanel");
-  return e;
-}, D = ({
-  open: e,
+  return t;
+}, I = ({
+  open: t,
   onOpenChange: n,
-  children: i,
-  className: s,
-  preventClose: c = !1
-}) => /* @__PURE__ */ t(l.Provider, { value: { setPreventClose: () => {
-} }, children: /* @__PURE__ */ t(m, { open: e, onOpenChange: n, children: /* @__PURE__ */ o(
-  h,
-  {
-    side: "right",
-    className: a(
-      "w-full !max-w-[640px] p-0 sm:!max-w-[640px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-white",
-      s
-    ),
-    onInteractOutside: (r) => {
-      c && r.preventDefault();
-    },
-    onEscapeKeyDown: (r) => {
-      c && r.preventDefault();
-    },
-    children: [
-      /* @__PURE__ */ t(p, { className: "sr-only", children: "Notifications" }),
-      i
-    ]
-  }
-) }) }), k = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { "data-component": "notification-panel-content", className: a("flex h-full flex-col bg-white", n), children: e }), B = ({ title: e = "Notifications", children: n, className: i }) => /* @__PURE__ */ o("div", { "data-component": "notification-panel-header", className: a("flex shrink-0 items-center justify-between border-b px-4 py-3 bg-white", i), children: [
-  /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ t("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ t(w, { className: "h-5 w-5 text-gray-500" }) }),
-    typeof e == "string" ? /* @__PURE__ */ t(x, { className: "text-lg font-bold text-[#1f2b4d]", children: e }) : e
-  ] }),
-  /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-    n,
-    /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(N, { variant: "secondary", size: "icon", "aria-label": "Close", "data-component": "notification-panel-close", children: /* @__PURE__ */ t(b, { className: "h-4 w-4" }) }) })
-  ] })
-] }), E = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { "data-component": "notification-panel-body", className: a("flex flex-1 flex-col overflow-hidden bg-background", n), children: e }), z = ({ children: e, className: n, leftAction: i }) => /* @__PURE__ */ o("div", { "data-component": "notification-panel-footer", className: a("flex items-center justify-between border-t p-4 bg-white shrink-0 mt-auto shadow-md", n), children: [
-  /* @__PURE__ */ t("div", { children: i }),
-  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: e })
+  children: o,
+  className: l,
+  preventClose: i = !1
+}) => {
+  const { t: f } = s();
+  return /* @__PURE__ */ e(d.Provider, { value: { setPreventClose: () => {
+  } }, children: /* @__PURE__ */ e(p, { open: t, onOpenChange: n, children: /* @__PURE__ */ a(
+    x,
+    {
+      side: "right",
+      className: r(
+        "w-full !max-w-[640px] p-0 sm:!max-w-[640px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-white",
+        l
+      ),
+      onInteractOutside: (c) => {
+        i && c.preventDefault();
+      },
+      onEscapeKeyDown: (c) => {
+        i && c.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ e(u, { className: "sr-only", children: f("notificationPanel.description") }),
+        o
+      ]
+    }
+  ) }) });
+}, E = ({ children: t, className: n }) => /* @__PURE__ */ e("div", { "data-component": "notification-panel-content", className: r("flex h-full flex-col bg-white", n), children: t }), T = ({ title: t, children: n, className: o }) => {
+  const { t: l } = s(), i = t ?? l("notificationPanel.title");
+  return /* @__PURE__ */ a("div", { "data-component": "notification-panel-header", className: r("flex shrink-0 items-center justify-between border-b px-4 py-3 bg-white", o), children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(v, { className: "h-5 w-5 text-gray-500" }) }),
+      typeof i == "string" ? /* @__PURE__ */ e(N, { className: "text-lg font-bold text-[#1f2b4d]", children: i }) : i
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+      n,
+      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(b, { variant: "secondary", size: "icon", "aria-label": l("aria.close"), "data-component": "notification-panel-close", children: /* @__PURE__ */ e(g, { className: "h-4 w-4" }) }) })
+    ] })
+  ] });
+}, z = ({ children: t, className: n }) => /* @__PURE__ */ e("div", { "data-component": "notification-panel-body", className: r("flex flex-1 flex-col overflow-hidden bg-background", n), children: t }), F = ({ children: t, className: n, leftAction: o }) => /* @__PURE__ */ a("div", { "data-component": "notification-panel-footer", className: r("flex items-center justify-between border-t p-4 bg-white shrink-0 mt-auto shadow-md", n), children: [
+  /* @__PURE__ */ e("div", { children: o }),
+  /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: t })
 ] });
 export {
-  D as NotificationPanel,
-  E as NotificationPanelBody,
-  k as NotificationPanelContent,
-  z as NotificationPanelFooter,
-  B as NotificationPanelHeader,
-  S as useNotificationContext
+  I as NotificationPanel,
+  z as NotificationPanelBody,
+  E as NotificationPanelContent,
+  F as NotificationPanelFooter,
+  T as NotificationPanelHeader,
+  B as useNotificationContext
 };

package/dist/components/ui/popover.js

@@ -1,25 +1,26 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import * as s from "react";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
 import * as a from "@radix-ui/react-popover";
 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(
+import { useImpactNovaI18n as v } from "../../i18n/ImpactNovaI18nContext.js";
+const j = a.Root, R = a.Trigger, z = a.Anchor, h = l.forwardRef(({ className: e, align: o = "center", sideOffset: i = 4, ...s }, n) => /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
   a.Content,
   {
-    ref: l,
+    ref: n,
     align: o,
-    sideOffset: n,
+    sideOffset: i,
     "data-component": "popover-content",
     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] pointer-events-auto",
       e
     ),
-    ...d
+    ...s
   }
 ) }));
-v.displayName = a.Content.displayName;
-const h = ({
+h.displayName = a.Content.displayName;
+const N = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ t(
@@ -29,7 +30,7 @@ const h = ({
     ...o
   }
 );
-h.displayName = "PopoverHeader";
+N.displayName = "PopoverHeader";
 const g = ({
   className: e,
   ...o
@@ -45,47 +46,51 @@ const g = ({
   }
 );
 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" })
-] }));
+const x = l.forwardRef(({ className: e, ...o }, i) => {
+  const { t: s } = v(), n = s("aria.close");
+  return /* @__PURE__ */ d(m, { children: [
+    /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ d(
+      a.Close,
+      {
+        ref: i,
+        "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
+        ),
+        "aria-label": n,
+        ...o,
+        children: [
+          /* @__PURE__ */ t(p, { className: "h-4 w-4 text-[#60697d]" }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: n })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(f, { variant: "tertiary", side: "top", children: n })
+  ] });
+});
 x.displayName = a.Close.displayName;
-const N = ({
+const y = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ t("div", { className: r("text-sm", e), ...o });
-N.displayName = "PopoverBody";
-const y = ({
+y.displayName = "PopoverBody";
+const u = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ i("div", { className: r("mt-4 flex flex-col gap-3", e), ...o, children: [
+}) => /* @__PURE__ */ d("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 })
 ] });
-y.displayName = "PopoverFooter";
+u.displayName = "PopoverFooter";
 export {
-  w as Popover,
-  j as PopoverAnchor,
-  N as PopoverBody,
+  j as Popover,
+  z as PopoverAnchor,
+  y as PopoverBody,
   x as PopoverClose,
-  v as PopoverContent,
-  y as PopoverFooter,
-  h as PopoverHeader,
+  h as PopoverContent,
+  u as PopoverFooter,
+  N as PopoverHeader,
   g as PopoverTitle,
-  T as PopoverTrigger
+  R as PopoverTrigger
 };

package/dist/components/ui/prompt.js

@@ -1,12 +1,14 @@
-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 k, CheckCircle2 as R, AlertTriangle as V, Trash2 as A, X as B } from "lucide-react";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as p from "react";
+import { cva as V } from "class-variance-authority";
+import { X as k } from "lucide-react";
+import { Info3d as B, Success3d as F, Warning3d as H, Delete3d as S } from "../../icons/index.js";
 import { cn as r } from "../../lib/utils.js";
-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("", {
+import { Tooltip as W, TooltipTrigger as X, TooltipContent as q } from "./tooltip.js";
+import { Button as m } from "./button.js";
+import { Dialog as A, DialogContent as E, DialogHeader as G, DialogTitle as J, DialogDescription as K, DialogFooter as M } from "./dialog.js";
+import { useImpactNovaI18n as u } from "../../i18n/ImpactNovaI18nContext.js";
+const se = V("", {
   variants: {
     variant: {
       default: "",
@@ -19,64 +21,67 @@ const $ = P("", {
   defaultVariants: {
     variant: "default"
   }
-}), 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(
+}), Q = p.forwardRef(({ className: c, ...s }, l) => {
+  const { t: i } = u();
+  return /* @__PURE__ */ a(W, { children: [
+    /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        ref: l,
+        className: r("text-[#60697d] hover:text-[#0d152c] transition-colors", c),
+        type: "button",
+        "aria-label": i("aria.close"),
+        ...s,
+        children: /* @__PURE__ */ e(k, { size: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ e(q, { side: "top", variant: "tertiary", children: i("aria.close") })
+  ] });
+});
+Q.displayName = "PromptClose";
+const U = p.forwardRef(
   ({
-    open: l,
-    onOpenChange: i,
-    title: a,
-    description: c,
-    confirmLabel: p = "Confirm",
-    cancelLabel: u = "Cancel",
-    onConfirm: x,
-    onCancel: h,
-    confirmVariant: b,
-    cancelVariant: g = "secondary",
+    open: c,
+    onOpenChange: s,
+    title: l,
+    description: i,
+    confirmLabel: x,
+    cancelLabel: b,
+    onConfirm: h,
+    onCancel: g,
+    confirmVariant: N,
+    cancelVariant: w = "secondary",
     variant: t = "default",
-    showClose: C = !0,
-    preventOutsideClick: w = !1,
+    showClose: v = !0,
+    preventOutsideClick: y = !1,
     footer: n,
     children: d,
-    className: N,
-    ...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,
+    className: C,
+    ...D
+  }, j) => {
+    const { t: f } = u(), z = b ?? f("prompt.cancel"), P = x ?? f("prompt.confirm"), T = () => {
+      h?.(), s?.(!1);
+    }, I = () => {
+      g?.(), s?.(!1);
+    }, o = t !== "default", L = N || (t === "destructive" ? "destructive" : "default");
+    return /* @__PURE__ */ e(A, { open: c, onOpenChange: s, ...D, children: /* @__PURE__ */ a(
+      E,
       {
-        ref: v,
+        ref: j,
         "aria-describedby": void 0,
-        hideClose: !C,
-        onPointerDownOutside: (z) => {
-          w && z.preventDefault();
+        hideClose: !v,
+        onPointerDownOutside: (R) => {
+          y && R.preventDefault();
         },
         className: r(
           "max-w-[400px] gap-0",
-          s && "flex flex-col items-center p-6 pt-6 text-center",
-          N
+          o && "flex flex-col items-center p-6 pt-6 text-center",
+          C
         ),
         "data-component": "prompt",
         "data-variant": t,
         children: [
-          s && /* @__PURE__ */ o(
+          o && /* @__PURE__ */ a(
             "div",
             {
               className: r(
@@ -87,61 +92,61 @@ const M = m.forwardRef(
                 t === "destructive" && "bg-[#fceeee] text-[#ef4444]"
               ),
               children: [
-                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 })
+                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 })
               ]
             }
           ),
-          /* @__PURE__ */ o(
-            E,
+          /* @__PURE__ */ a(
+            G,
             {
-              className: r(s && "space-y-2 items-center bg-white border-none"),
+              className: r(o && "space-y-2 items-center bg-white border-none"),
               children: [
                 /* @__PURE__ */ e(
-                  G,
+                  J,
                   {
                     className: r(
-                      s && "text-[18px] font-extrabold text-[#1f2b4d]"
+                      o && "text-[18px] font-extrabold text-[#1f2b4d]"
                     ),
-                    children: a
+                    children: l
                   }
                 ),
-                c && /* @__PURE__ */ e(
-                  J,
+                i && /* @__PURE__ */ e(
+                  K,
                   {
-                    className: r(s && "text-sm text-[#60697d]"),
-                    children: c
+                    className: r(o && "text-sm text-[#60697d]"),
+                    children: i
                   }
                 )
               ]
             }
           ),
-          d && /* @__PURE__ */ e("div", { className: r("w-full py-2", s && "text-center"), children: d }),
-          n ? /* @__PURE__ */ e("div", { className: "w-full", children: n }) : /* @__PURE__ */ o(
-            K,
+          d && /* @__PURE__ */ e("div", { className: r("w-full py-2", o && "text-center"), children: d }),
+          n ? /* @__PURE__ */ e("div", { className: "w-full", children: n }) : /* @__PURE__ */ a(
+            M,
             {
               className: r(
-                s && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
+                o && "mt-6 flex flex-row justify-center gap-3 w-full sm:justify-center px-0 pb-0"
               ),
               children: [
                 /* @__PURE__ */ e(
-                  f,
+                  m,
                   {
-                    variant: g,
-                    onClick: T,
-                    className: r(s && "h-10 px-6"),
-                    children: u
+                    variant: w,
+                    onClick: I,
+                    className: r(o && "h-10 px-6"),
+                    children: z
                   }
                 ),
                 /* @__PURE__ */ e(
-                  f,
+                  m,
                   {
-                    variant: j,
-                    onClick: D,
-                    className: r(s && "h-10 px-6"),
-                    children: p
+                    variant: L,
+                    onClick: T,
+                    className: r(o && "h-10 px-6"),
+                    children: P
                   }
                 )
               ]
@@ -152,9 +157,9 @@ const M = m.forwardRef(
     ) });
   }
 );
-M.displayName = "Prompt";
+U.displayName = "Prompt";
 export {
-  M as Prompt,
-  L as PromptClose,
-  $ as promptVariants
+  U as Prompt,
+  Q as PromptClose,
+  se as promptVariants
 };