impact-nova 1.2.4 → 1.5.0

package/dist/components/ui/alert.js

@@ -1,12 +1,13 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import * as n from "react";
-import { Slot as m } from "@radix-ui/react-slot";
-import { cva as p } from "class-variance-authority";
-import { cn as s } from "../../lib/utils.js";
-import { Button as b } from "./button.js";
-import { X as u, XCircle as x, AlertTriangle as v, CheckCircle as h, Info as a } from "lucide-react";
-const w = p(
-  "relative w-full rounded-lg border px-4 py-3 text-sm flex gap-3 items-start",
+import { Slot as g } from "@radix-ui/react-slot";
+import { cva as m } from "class-variance-authority";
+import { cn as l } from "../../lib/utils.js";
+import { Button as u } from "./button.js";
+import { X as v } from "lucide-react";
+import { useImpactNovaI18n as b } from "../../i18n/ImpactNovaI18nContext.js";
+const x = m(
+  "relative w-full rounded-lg border px-4 py-2 text-sm flex gap-3 items-start",
   {
     variants: {
       variant: {
@@ -21,69 +22,84 @@ const w = p(
       variant: "default"
     }
   }
-), A = n.forwardRef(
-  ({ className: e, variant: r, asChild: t = !1, removable: l, onClose: i, children: c, ...d }, g) => /* @__PURE__ */ f(
-    t ? m : "div",
-    {
-      ref: g,
-      role: "alert",
-      "data-component": "alert",
-      "data-variant": r ?? "default",
-      className: s(w({ variant: r }), e),
-      ...d,
-      children: [
-        c,
-        l && /* @__PURE__ */ o(
-          b,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "absolute right-4 top-3 h-4 w-4 p-0 text-secondary-foreground hover:text-foreground hover:bg-transparent",
-            onClick: i,
-            "aria-label": "Close",
-            children: /* @__PURE__ */ o(u, { className: "h-4 w-4" })
-          }
-        )
-      ]
-    }
-  )
+), w = n.forwardRef(
+  ({ className: e, variant: t, asChild: a = !1, removable: s, onClose: c, children: d, ...f }, h) => {
+    const { t: p } = b();
+    return /* @__PURE__ */ o(
+      a ? g : "div",
+      {
+        ref: h,
+        role: "alert",
+        "data-component": "alert",
+        "data-variant": t ?? "default",
+        className: l(x({ variant: t }), e),
+        ...f,
+        children: [
+          d,
+          s && /* @__PURE__ */ r(
+            u,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-4 top-3 h-4 w-4 p-0 text-secondary-foreground hover:text-foreground hover:bg-transparent",
+              onClick: c,
+              "aria-label": p("aria.close"),
+              children: /* @__PURE__ */ r(v, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
 );
-A.displayName = "Alert";
-const N = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+w.displayName = "Alert";
+const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "h5",
   {
-    ref: t,
+    ref: a,
     "data-component": "alert-title",
-    className: s("font-semibold leading-[21px] tracking-tight text-foreground", e),
-    ...r
+    className: l("font-semibold leading-[21px] tracking-tight text-foreground", e),
+    ...t
   }
 ));
-N.displayName = "AlertTitle";
-const y = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+z.displayName = "AlertTitle";
+const I = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
   "div",
   {
-    ref: t,
+    ref: a,
     "data-component": "alert-description",
-    className: s("text-[12px] leading-[18px] text-secondary-foreground", e),
-    ...r
+    className: l("text-[12px] leading-[18px] text-secondary-foreground", e),
+    ...t
   }
 ));
-y.displayName = "AlertDescription";
-const C = {
-  default: a,
-  info: a,
-  success: h,
-  warning: v,
-  error: x
-}, k = ({ variant: e = "info", className: r = "h-4 w-4 shrink-0 mt-1" }) => {
-  const t = C[e] || a;
-  return /* @__PURE__ */ o(t, { className: r });
+I.displayName = "AlertDescription";
+const i = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: [
+  /* @__PURE__ */ r("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z", fill: "#4259ee" }),
+  /* @__PURE__ */ r("path", { d: "M13 17h-2v-6h2v6zm0-8h-2V7h2v2z", fill: "white" })
+] }), N = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: [
+  /* @__PURE__ */ r("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z", fill: "#3bb273" }),
+  /* @__PURE__ */ r("path", { d: "M10 14.17l-3.59-3.59L5 12l5 5 9-9-1.41-1.41L10 14.17z", fill: "white" })
+] }), M = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: [
+  /* @__PURE__ */ r("path", { d: "M1 21h22L12 2 1 21z", fill: "#e1bc29" }),
+  /* @__PURE__ */ r("path", { d: "M13 18h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "white" })
+] }), y = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: [
+  /* @__PURE__ */ r("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z", fill: "#e15554" }),
+  /* @__PURE__ */ r("path", { d: "M17 15.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z", fill: "white" })
+] }), A = {
+  default: i,
+  info: i,
+  success: N,
+  warning: M,
+  error: y
+}, C = ({ variant: e = "info", className: t = "h-5 w-5 shrink-0 mt-[2px]" }) => {
+  const a = A[e] || i;
+  return /* @__PURE__ */ r(a, { className: t });
 };
-k.displayName = "AlertIcon";
+C.displayName = "AlertIcon";
 export {
-  A as Alert,
-  y as AlertDescription,
-  k as AlertIcon,
-  N as AlertTitle,
-  w as alertVariants
+  w as Alert,
+  I as AlertDescription,
+  C as AlertIcon,
+  z as AlertTitle,
+  x as alertVariants
 };

package/dist/components/ui/breadcrumb.js

@@ -1,14 +1,15 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
 import * as s from "react";
-import { Slot as N } from "@radix-ui/react-slot";
-import { MoreHorizontal as y } from "lucide-react";
-import { ClickMeArrow as v } from "../../icons/index.js";
-import { Tooltip as h, TooltipTrigger as w, TooltipContent as g } from "./tooltip.js";
+import { Slot as y } from "@radix-ui/react-slot";
+import { MoreHorizontal as v } from "lucide-react";
+import { ClickMeArrow as H } from "../../icons/index.js";
+import { Tooltip as h, TooltipTrigger as w, TooltipContent as b } from "./tooltip.js";
 import { cn as n } from "../../lib/utils.js";
-const x = s.createContext({}), b = (r, e) => {
-  const t = r.split(/\s+/);
-  return t.length <= e ? r : t.slice(0, e).join(" ") + "...";
-}, Z = ({ className: r }) => /* @__PURE__ */ a(
+import { useImpactNovaI18n as g } from "../../i18n/ImpactNovaI18nContext.js";
+const x = s.createContext({}), N = (e, t) => {
+  const r = e.split(/\s+/);
+  return r.length <= t ? e : r.slice(0, t).join(" ") + "...";
+}, D = ({ className: e }) => /* @__PURE__ */ a(
   "svg",
   {
     width: "13",
@@ -16,7 +17,7 @@ const x = s.createContext({}), b = (r, e) => {
     viewBox: "0 0 12 13",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: n("h-3.5 w-3.5", r),
+    className: n("h-3.5 w-3.5", e),
     children: /* @__PURE__ */ a(
       "path",
       {
@@ -25,37 +26,40 @@ const x = s.createContext({}), b = (r, e) => {
       }
     )
   }
-), H = s.forwardRef(({ ...r }, e) => /* @__PURE__ */ a("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-H.displayName = "Breadcrumb";
-const W = s.forwardRef(({ className: r, maxWords: e, ...t }, o) => /* @__PURE__ */ a(x.Provider, { value: { maxWords: e }, children: /* @__PURE__ */ a(
+), L = s.forwardRef(({ ...e }, t) => {
+  const { t: r } = g();
+  return /* @__PURE__ */ a("nav", { ref: t, "aria-label": r("aria.breadcrumb"), ...e });
+});
+L.displayName = "Breadcrumb";
+const W = s.forwardRef(({ className: e, maxWords: t, ...r }, o) => /* @__PURE__ */ a(x.Provider, { value: { maxWords: t }, children: /* @__PURE__ */ a(
   "ol",
   {
     ref: o,
     className: n(
       "flex flex-wrap items-center gap-2 text-[14px] font-medium text-secondary-foreground",
-      r
+      e
     ),
-    ...t
+    ...r
   }
 ) }));
 W.displayName = "BreadcrumbList";
-const L = s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const R = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
   "li",
   {
-    ref: t,
-    className: n("inline-flex items-center gap-1.5", r),
-    ...e
+    ref: r,
+    className: n("inline-flex items-center gap-1.5", e),
+    ...t
   }
 ));
-L.displayName = "BreadcrumbItem";
-const M = s.forwardRef(({ asChild: r, className: e, maxWords: t, children: o, ...p }, u) => {
-  const i = r ? N : "a", { maxWords: d } = s.useContext(x), c = t ?? d, l = typeof o == "string", m = l && c ? b(o, c) : o, B = l && c && o.split(/\s+/).length > c, C = /* @__PURE__ */ a(
+R.displayName = "BreadcrumbItem";
+const V = s.forwardRef(({ asChild: e, className: t, maxWords: r, children: o, ...p }, u) => {
+  const i = e ? y : "a", { maxWords: d } = s.useContext(x), c = r ?? d, l = typeof o == "string", m = l && c ? N(o, c) : o, B = l && c && o.split(/\s+/).length > c, C = /* @__PURE__ */ a(
     i,
     {
       ref: u,
       className: n(
         "transition-colors text-primary hover:text-primary-700 font-medium",
-        e
+        t
       ),
       ...p,
       children: m
@@ -63,12 +67,12 @@ const M = s.forwardRef(({ asChild: r, className: e, maxWords: t, children: o, ..
   );
   return B ? /* @__PURE__ */ f(h, { children: [
     /* @__PURE__ */ a(w, { asChild: !0, children: C }),
-    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: o })
+    /* @__PURE__ */ a(b, { side: "top", variant: "tertiary", children: o })
   ] }) : C;
 });
-M.displayName = "BreadcrumbLink";
-const R = s.forwardRef(({ className: r, maxWords: e, children: t, ...o }, p) => {
-  const { maxWords: u } = s.useContext(x), i = e ?? u, d = typeof t == "string", c = d && i ? b(t, i) : t, l = d && i && t.split(/\s+/).length > i, m = /* @__PURE__ */ a(
+V.displayName = "BreadcrumbLink";
+const M = s.forwardRef(({ className: e, maxWords: t, children: r, ...o }, p) => {
+  const { maxWords: u } = s.useContext(x), i = t ?? u, d = typeof r == "string", c = d && i ? N(r, i) : r, l = d && i && r.split(/\s+/).length > i, m = /* @__PURE__ */ a(
     "span",
     {
       ref: p,
@@ -76,29 +80,29 @@ const R = s.forwardRef(({ className: r, maxWords: e, children: t, ...o }, p) =>
       "aria-disabled": "true",
       "aria-current": "page",
       "data-current": "page",
-      className: n("font-extrabold text-[#1f2b4d]", r),
+      className: n("font-extrabold text-[#1f2b4d]", e),
       ...o,
       children: c
     }
   );
   return l ? /* @__PURE__ */ f(h, { children: [
     /* @__PURE__ */ a(w, { asChild: !0, children: m }),
-    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: t })
+    /* @__PURE__ */ a(b, { side: "top", variant: "tertiary", children: r })
   ] }) : m;
 });
-R.displayName = "BreadcrumbPage";
-const V = ({
-  children: r,
-  className: e,
-  ...t
+M.displayName = "BreadcrumbPage";
+const S = ({
+  children: e,
+  className: t,
+  ...r
 }) => /* @__PURE__ */ a(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: n("[&>svg]:w-3.5 [&>svg]:h-3.5 text-secondary-foreground", e),
-    ...t,
-    children: r ?? /* @__PURE__ */ a(
+    className: n("[&>svg]:w-3.5 [&>svg]:h-3.5 text-secondary-foreground", t),
+    ...r,
+    children: e ?? /* @__PURE__ */ a(
       "svg",
       {
         width: "16",
@@ -118,55 +122,58 @@ const V = ({
     )
   }
 );
-V.displayName = "BreadcrumbSeparator";
-const S = ({
-  className: r,
-  ...e
-}) => /* @__PURE__ */ f(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: n("flex h-9 w-9 items-center justify-center", r),
-    ...e,
-    children: [
-      /* @__PURE__ */ a(y, { className: "h-4 w-4" }),
-      /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-S.displayName = "BreadcrumbElipssis";
-const T = s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+S.displayName = "BreadcrumbSeparator";
+const T = ({
+  className: e,
+  ...t
+}) => {
+  const { t: r } = g(), o = r("aria.more");
+  return /* @__PURE__ */ f(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: n("flex h-9 w-9 items-center justify-center", e),
+      ...t,
+      children: [
+        /* @__PURE__ */ a(v, { className: "h-4 w-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: o })
+      ]
+    }
+  );
+};
+T.displayName = "BreadcrumbElipssis";
+const j = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
   "div",
   {
-    ref: t,
-    className: n("flex h-14 items-center justify-between px-6", r),
-    ...e
+    ref: r,
+    className: n("flex h-14 items-center justify-between px-6", e),
+    ...t
   }
 ));
-T.displayName = "BreadcrumbHeader";
-const j = s.forwardRef(({ className: r, style: e, ...t }, o) => /* @__PURE__ */ a(
+j.displayName = "BreadcrumbHeader";
+const I = s.forwardRef(({ className: e, style: t, ...r }, o) => /* @__PURE__ */ a(
   "li",
   {
     ref: o,
     role: "presentation",
     "aria-hidden": "true",
-    className: n("inline-flex items-center", r),
-    style: e,
-    ...t,
-    children: /* @__PURE__ */ a(v, { size: 12 })
+    className: n("inline-flex items-center", e),
+    style: t,
+    ...r,
+    children: /* @__PURE__ */ a(H, { size: 12 })
   }
 ));
-j.displayName = "BreadcrumbArrowSeparator";
+I.displayName = "BreadcrumbArrowSeparator";
 export {
-  H as Breadcrumb,
-  j as BreadcrumbArrowSeparator,
-  S as BreadcrumbEllipsis,
-  T as BreadcrumbHeader,
-  L as BreadcrumbItem,
-  M as BreadcrumbLink,
+  L as Breadcrumb,
+  I as BreadcrumbArrowSeparator,
+  T as BreadcrumbEllipsis,
+  j as BreadcrumbHeader,
+  R as BreadcrumbItem,
+  V as BreadcrumbLink,
   W as BreadcrumbList,
-  R as BreadcrumbPage,
-  V as BreadcrumbSeparator,
-  Z as HomeIcon
+  M as BreadcrumbPage,
+  S as BreadcrumbSeparator,
+  D as HomeIcon
 };