impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/stepper.js

@@ -1,9 +1,10 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import * as x from "react";
-import { cva as c } from "class-variance-authority";
-import { Check as w } from "lucide-react";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import * as h from "react";
+import { cva as m } from "class-variance-authority";
+import { Check as V } from "lucide-react";
 import { cn as a } from "../../lib/utils.js";
-const N = c("flex w-full gap-0", {
+import { useImpactNovaI18n as j } from "../../i18n/ImpactNovaI18nContext.js";
+const I = m("flex w-full gap-0", {
   variants: {
     orientation: {
       horizontal: "flex-row items-center",
@@ -13,7 +14,7 @@ const N = c("flex w-full gap-0", {
   defaultVariants: {
     orientation: "horizontal"
   }
-}), y = c(
+}), _ = m(
   "relative flex items-center transition-all duration-200",
   {
     variants: {
@@ -66,7 +67,7 @@ const N = c("flex w-full gap-0", {
       status: "default"
     }
   }
-), z = c(
+), D = m(
   "flex h-6 w-6 shrink-0 items-center justify-center rounded-[8px] text-xs font-extrabold transition-all",
   {
     variants: {
@@ -80,62 +81,73 @@ const N = c("flex w-full gap-0", {
       status: "default"
     }
   }
-), V = x.forwardRef(
-  ({ className: u, currentStep: f, steps: p, orientation: e = "horizontal", onStepClick: m, ...h }, v) => /* @__PURE__ */ t(
-    "div",
-    {
-      ref: v,
-      className: a(N({ orientation: e }), u),
-      "data-orientation": e,
-      ...h,
-      children: p.map((l, s) => {
-        const o = typeof l == "string" ? { label: l } : l, i = s + 1, g = i === f, b = i < f, n = o.disabled, r = b ? "completed" : g ? "active" : "default";
-        return /* @__PURE__ */ d(x.Fragment, { children: [
-          /* @__PURE__ */ d(
-            "div",
-            {
-              onClick: () => !n && m?.(s),
-              "data-step": i,
-              "data-status": r,
-              "data-disabled": n || void 0,
-              className: a(
-                y({ orientation: e, status: r }),
-                e === "horizontal" && "min-w-[140px]",
-                n ? "opacity-80 cursor-not-allowed" : m ? "cursor-pointer" : "cursor-default"
-              ),
-              children: [
-                /* @__PURE__ */ t("div", { className: a(z({ status: r }), "mr-2"), children: b ? /* @__PURE__ */ t(w, { className: "h-4 w-4 stroke-[3px]" }) : /* @__PURE__ */ t("span", { children: o.icon || i }) }),
-                /* @__PURE__ */ d("div", { className: "flex flex-col justify-center overflow-hidden", children: [
-                  /* @__PURE__ */ t("div", { className: a(
-                    "text-[14px] leading-tight font-medium truncate max-w-[200px]",
-                    r === "completed" ? "text-[#3bb273]" : "text-foreground",
-                    r === "active" && e === "vertical" ? "text-primary" : ""
-                  ), children: o.label }),
-                  o.description && /* @__PURE__ */ t("div", { className: a(
-                    "text-[12px] leading-tight mt-0.5 truncate max-w-[200px]",
-                    r === "completed" ? "text-[#3bb273]" : "text-muted-foreground"
-                  ), children: o.description })
-                ] })
-              ]
-            }
-          ),
-          s < p.length - 1 && /* @__PURE__ */ t(
-            "div",
-            {
-              className: a(
-                "border-t border-dashed border-[#d9dde7] transition-colors",
-                e === "horizontal" ? "flex-1 min-w-[24px] mx-1 self-center" : "h-6 w-0 border-l ml-[12px] my-[-4px]"
-              )
-            }
-          )
-        ] }, s);
-      })
-    }
-  )
+), k = h.forwardRef(
+  ({ className: v, currentStep: b, steps: d, orientation: e = "horizontal", onStepClick: o, ...g }, w) => {
+    const { t: y } = j(), N = d.length;
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: w,
+        className: a(I({ orientation: e }), v),
+        "data-orientation": e,
+        role: "list",
+        ...g,
+        children: d.map((c, s) => {
+          const i = typeof c == "string" ? { label: c } : c, l = s + 1, u = l === b, x = l < b, n = i.disabled, r = x ? "completed" : u ? "active" : "default", z = y("stepper.stepOfTotal", { current: l, total: N });
+          return /* @__PURE__ */ p(h.Fragment, { children: [
+            /* @__PURE__ */ p(
+              "div",
+              {
+                role: "listitem",
+                onClick: () => !n && o?.(s),
+                "aria-label": z,
+                "aria-current": u ? "step" : void 0,
+                tabIndex: o && !n ? 0 : void 0,
+                onKeyDown: o && !n ? (f) => {
+                  (f.key === "Enter" || f.key === " ") && (f.preventDefault(), o(s));
+                } : void 0,
+                "data-step": l,
+                "data-status": r,
+                "data-disabled": n || void 0,
+                className: a(
+                  _({ orientation: e, status: r }),
+                  e === "horizontal" && "min-w-[140px]",
+                  n ? "opacity-80 cursor-not-allowed" : o ? "cursor-pointer" : "cursor-default"
+                ),
+                children: [
+                  /* @__PURE__ */ t("div", { className: a(D({ status: r }), "mr-2"), children: x ? /* @__PURE__ */ t(V, { className: "h-4 w-4 stroke-[3px]" }) : /* @__PURE__ */ t("span", { children: i.icon || l }) }),
+                  /* @__PURE__ */ p("div", { className: "flex flex-col justify-center overflow-hidden", children: [
+                    /* @__PURE__ */ t("div", { className: a(
+                      "text-[14px] leading-tight font-medium truncate max-w-[200px]",
+                      r === "completed" ? "text-[#3bb273]" : "text-foreground",
+                      r === "active" && e === "vertical" ? "text-primary" : ""
+                    ), children: i.label }),
+                    i.description && /* @__PURE__ */ t("div", { className: a(
+                      "text-[12px] leading-tight mt-0.5 truncate max-w-[200px]",
+                      r === "completed" ? "text-[#3bb273]" : "text-muted-foreground"
+                    ), children: i.description })
+                  ] })
+                ]
+              }
+            ),
+            s < d.length - 1 && /* @__PURE__ */ t(
+              "div",
+              {
+                className: a(
+                  "border-t border-dashed border-[#d9dde7] transition-colors",
+                  e === "horizontal" ? "flex-1 min-w-[24px] mx-1 self-center" : "h-6 w-0 border-l ml-[12px] my-[-4px]"
+                )
+              }
+            )
+          ] }, s);
+        })
+      }
+    );
+  }
 );
-V.displayName = "Stepper";
+k.displayName = "Stepper";
 export {
-  V as Stepper,
-  y as stepVariants,
-  N as stepperVariants
+  k as Stepper,
+  _ as stepVariants,
+  I as stepperVariants
 };

package/dist/components/ui/tag.js

@@ -1,11 +1,12 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { Slot as x } from "@radix-ui/react-slot";
-import { cva as h } from "class-variance-authority";
-import { X as u } from "lucide-react";
-import { Button as v } from "./button.js";
-import { cn as w } from "../../lib/utils.js";
-const y = h(
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import * as x from "react";
+import { Slot as h } from "@radix-ui/react-slot";
+import { cva as u } from "class-variance-authority";
+import { X as v } from "lucide-react";
+import { Button as w } from "./button.js";
+import { cn as y } from "../../lib/utils.js";
+import { useImpactNovaI18n as N } from "../../i18n/ImpactNovaI18nContext.js";
+const j = u(
   "inline-flex items-center justify-center rounded-full transition-colors whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -38,42 +39,45 @@ const y = h(
       shape: "pill"
     }
   }
-), j = m.forwardRef(
-  ({ className: i, variant: r, size: t, shape: o, leftIcon: a, rightIcon: n, removable: s, onRemove: d, asChild: l = !1, children: p, ...f }, g) => /* @__PURE__ */ c(
-    l ? x : "span",
-    {
-      ref: g,
-      className: w(y({ variant: r, size: t, shape: o }), i),
-      "data-component": "tag",
-      "data-variant": r ?? "default",
-      "data-size": t ?? "md",
-      "data-shape": o ?? "pill",
-      ...f,
-      children: [
-        a && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: a }),
-        p,
-        n && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: n }),
-        s && /* @__PURE__ */ e(
-          v,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon",
-            "aria-label": "Remove",
-            onClick: (b) => {
-              b.stopPropagation(), d?.();
-            },
-            className: "ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-black/10 transition-colors p-0 [&_svg]:size-3",
-            "data-component": "tag-remove",
-            children: /* @__PURE__ */ e(u, {})
-          }
-        )
-      ]
-    }
-  )
+), k = x.forwardRef(
+  ({ className: i, variant: r, size: t, shape: o, leftIcon: a, rightIcon: n, removable: s, onRemove: d, asChild: l = !1, children: p, ...f }, g) => {
+    const { t: b } = N();
+    return /* @__PURE__ */ m(
+      l ? h : "span",
+      {
+        ref: g,
+        className: y(j({ variant: r, size: t, shape: o }), i),
+        "data-component": "tag",
+        "data-variant": r ?? "default",
+        "data-size": t ?? "md",
+        "data-shape": o ?? "pill",
+        ...f,
+        children: [
+          a && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: a }),
+          p,
+          n && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: n }),
+          s && /* @__PURE__ */ e(
+            w,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              "aria-label": b("aria.remove"),
+              onClick: (c) => {
+                c.stopPropagation(), d?.();
+              },
+              className: "ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-black/10 transition-colors p-0 [&_svg]:size-3",
+              "data-component": "tag-remove",
+              children: /* @__PURE__ */ e(v, {})
+            }
+          )
+        ]
+      }
+    );
+  }
 );
-j.displayName = "Tag";
+k.displayName = "Tag";
 export {
-  j as Tag,
-  y as tagVariants
+  k as Tag,
+  j as tagVariants
 };

package/dist/components/ui/toast.js

@@ -1,11 +1,12 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
 import * as s from "react";
 import * as o from "@radix-ui/react-toast";
-import { cva as p } from "class-variance-authority";
-import { X as c } from "lucide-react";
+import { cva as c } from "class-variance-authority";
+import { X as f } from "lucide-react";
 import { cn as i } from "../../lib/utils.js";
-import { Tooltip as f, TooltipTrigger as l, TooltipContent as u } from "./tooltip.js";
-const R = o.Provider, x = s.forwardRef(({ className: t, position: e = "top-right", ...r }, n) => /* @__PURE__ */ a(
+import { Tooltip as l, TooltipTrigger as u, TooltipContent as m } from "./tooltip.js";
+import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
+const A = o.Provider, b = s.forwardRef(({ className: t, position: e = "top-right", ...r }, n) => /* @__PURE__ */ a(
   o.Viewport,
   {
     ref: n,
@@ -19,8 +20,8 @@ const R = o.Provider, x = s.forwardRef(({ className: t, position: e = "top-right
     ...r
   }
 ));
-x.displayName = o.Viewport.displayName;
-const m = p(
+b.displayName = o.Viewport.displayName;
+const g = c(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -39,18 +40,18 @@ const m = p(
       variant: "default"
     }
   }
-), b = s.forwardRef(({ className: t, variant: e, ...r }, n) => /* @__PURE__ */ a(
+), h = s.forwardRef(({ className: t, variant: e, ...r }, n) => /* @__PURE__ */ a(
   o.Root,
   {
     ref: n,
     "data-component": "toast",
     "data-variant": e ?? "default",
-    className: i(m({ variant: e }), t),
+    className: i(g({ variant: e }), t),
     ...r
   }
 ));
-b.displayName = o.Root.displayName;
-const g = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+h.displayName = o.Root.displayName;
+const v = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   o.Action,
   {
     ref: r,
@@ -62,26 +63,30 @@ const g = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     ...e
   }
 ));
-g.displayName = o.Action.displayName;
-const h = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ d(f, { children: [
-  /* @__PURE__ */ a(l, { asChild: !0, children: /* @__PURE__ */ a(
-    o.Close,
-    {
-      ref: r,
-      "data-component": "toast-close",
-      className: i(
-        "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-        t
-      ),
-      "toast-close": "",
-      ...e,
-      children: /* @__PURE__ */ a(c, { className: "h-4 w-4" })
-    }
-  ) }),
-  /* @__PURE__ */ a(u, { variant: "tertiary", side: "top", children: "Close" })
-] }));
-h.displayName = o.Close.displayName;
-const v = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+v.displayName = o.Action.displayName;
+const w = s.forwardRef(({ className: t, ...e }, r) => {
+  const { t: n } = x(), d = n("aria.close");
+  return /* @__PURE__ */ p(l, { children: [
+    /* @__PURE__ */ a(u, { asChild: !0, children: /* @__PURE__ */ a(
+      o.Close,
+      {
+        ref: r,
+        "data-component": "toast-close",
+        className: i(
+          "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+          t
+        ),
+        "toast-close": "",
+        "aria-label": d,
+        ...e,
+        children: /* @__PURE__ */ a(f, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ a(m, { variant: "tertiary", side: "top", children: d })
+  ] });
+});
+w.displayName = o.Close.displayName;
+const y = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   o.Title,
   {
     ref: r,
@@ -90,8 +95,8 @@ const v = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     ...e
   }
 ));
-v.displayName = o.Title.displayName;
-const w = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+y.displayName = o.Title.displayName;
+const _ = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   o.Description,
   {
     ref: r,
@@ -100,13 +105,13 @@ const w = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     ...e
   }
 ));
-w.displayName = o.Description.displayName;
+_.displayName = o.Description.displayName;
 export {
-  b as Toast,
-  g as ToastAction,
-  h as ToastClose,
-  w as ToastDescription,
-  R as ToastProvider,
-  v as ToastTitle,
-  x as ToastViewport
+  h as Toast,
+  v as ToastAction,
+  w as ToastClose,
+  _ as ToastDescription,
+  A as ToastProvider,
+  y as ToastTitle,
+  b as ToastViewport
 };

package/dist/i18n/ImpactNovaI18nContext.d.ts

@@ -0,0 +1,21 @@
+import { ImpactNovaMessages } from './defaultMessages';
+import * as React from 'react';
+export type I18nParams = {
+    count?: number;
+    [key: string]: string | number | undefined;
+};
+export interface ImpactNovaI18nContextValue {
+    locale: string;
+    messages: ImpactNovaMessages;
+    /** Translate a key path (e.g. 'calendar.apply'). Supports {{count}}, {{current}}, {{total}}, etc. in values. */
+    t: (key: string, params?: I18nParams) => string;
+}
+export interface ImpactNovaI18nProviderProps {
+    children: React.ReactNode;
+    /** BCP 47 locale code (e.g. 'en', 'de'). Used for date/number formatting. Default 'en'. */
+    locale?: string;
+    /** Partial or full message overrides. Merged over built-in English defaults. */
+    messages?: Partial<ImpactNovaMessages>;
+}
+export declare function ImpactNovaI18nProvider({ children, locale, messages: messagesOverride, }: ImpactNovaI18nProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useImpactNovaI18n(): ImpactNovaI18nContextValue;

package/dist/i18n/ImpactNovaI18nContext.js

@@ -0,0 +1,76 @@
+import { jsx as y } from "react/jsx-runtime";
+import * as c from "react";
+import { defaultMessages as u } from "./defaultMessages.js";
+function f(o, n) {
+  const e = n.split(".");
+  let t = o;
+  for (const r of e) {
+    if (t == null || typeof t != "object") return;
+    t = t[r];
+  }
+  return typeof t == "string" ? t : void 0;
+}
+function g(o, n) {
+  const e = { ...o };
+  for (const t of Object.keys(n)) {
+    const r = n[t];
+    if (r != null && typeof r == "object" && !Array.isArray(r)) {
+      const s = e[t];
+      if (s != null && typeof s == "object" && !Array.isArray(s)) {
+        e[t] = g(
+          s,
+          r
+        );
+        continue;
+      }
+    }
+    r !== void 0 && (e[t] = r);
+  }
+  return e;
+}
+function l(o, n) {
+  if (n == null) return o;
+  let e = o;
+  for (const t of Object.keys(n)) {
+    const r = n[t];
+    r !== void 0 && (e = e.replace(new RegExp(`\\{\\{${t}\\}\\}`, "g"), String(r)));
+  }
+  return e;
+}
+const d = {
+  locale: "en",
+  messages: u,
+  t: (o, n) => {
+    const e = f(u, o);
+    return e == null ? o : l(e, n);
+  }
+}, m = c.createContext(null);
+function b({
+  children: o,
+  locale: n = "en",
+  messages: e
+}) {
+  const t = c.useMemo(() => e ? g(
+    u,
+    e
+  ) : u, [e]), r = c.useMemo(() => ({
+    locale: n,
+    messages: t,
+    t: (s, i) => {
+      const a = f(t, s);
+      if (a == null) {
+        const p = f(u, s);
+        return p == null ? s : l(p, i);
+      }
+      return l(a, i);
+    }
+  }), [n, t]);
+  return /* @__PURE__ */ y(m.Provider, { value: r, children: o });
+}
+function j() {
+  return c.useContext(m) ?? d;
+}
+export {
+  b as ImpactNovaI18nProvider,
+  j as useImpactNovaI18n
+};