impact-nova 1.2.4 → 1.5.0

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/tabs.d.ts

@@ -1,16 +1,26 @@
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    variant?: "line" | "pill" | "outline";
+    variant?: "line" | "pill" | "outline" | "box";
     size?: "default" | "sm";
     hideInactiveLabel?: boolean;
     tooltipClassName?: string;
     maxWords?: number;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ActiveColorConfig = {
+    text: string;
+    bg: string;
+    border: string;
+};
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     icon?: React.ReactNode;
     maxWords?: number;
+    activeColor?: ActiveColorConfig;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsImage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    activeImage: React.ReactNode;
+    inactiveImage: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tabs.js

@@ -1,66 +1,76 @@
-import { jsx as s, jsxs as w, Fragment as j } from "react/jsx-runtime";
-import * as n from "react";
-import * as r from "@radix-ui/react-tabs";
-import { cn as f } from "../../lib/utils.js";
-import { Tooltip as R, TooltipTrigger as V, TooltipContent as W } from "./tooltip.js";
-const h = n.createContext({
+import { jsx as r, jsxs as g, Fragment as j } from "react/jsx-runtime";
+import * as i from "react";
+import * as d from "@radix-ui/react-tabs";
+import { cn as p } from "../../lib/utils.js";
+import { Tooltip as W, TooltipTrigger as z, TooltipContent as I } from "./tooltip.js";
+const N = i.createContext({
   variant: "line",
   size: "default"
 }), L = (t, a) => {
   const e = t.split(/\s+/);
   return e.length <= a ? t : e.slice(0, a).join(" ") + "...";
-}, k = n.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: e = !1, tooltipClassName: o, maxWords: m, value: i, defaultValue: l, onValueChange: x, ...b }, p) => {
-  const [g, u] = n.useState(i || l);
-  n.useEffect(() => {
-    i !== void 0 && u(i);
-  }, [i]);
-  const d = (c) => {
-    i === void 0 && u(c), x?.(c);
+}, S = i.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: e = !1, tooltipClassName: s, maxWords: n, value: o, defaultValue: b, onValueChange: h, ...l }, v) => {
+  const [y, c] = i.useState(o || b);
+  i.useEffect(() => {
+    o !== void 0 && c(o);
+  }, [o]);
+  const w = (x) => {
+    o === void 0 && c(x), h?.(x);
   };
-  return /* @__PURE__ */ s(h.Provider, { value: { variant: t, size: a, activeValue: g, hideInactiveLabel: e, tooltipClassName: o, maxWords: m }, children: /* @__PURE__ */ s(
-    r.Root,
+  return /* @__PURE__ */ r(N.Provider, { value: { variant: t, size: a, activeValue: y, hideInactiveLabel: e, tooltipClassName: s, maxWords: n }, children: /* @__PURE__ */ r(
+    d.Root,
     {
-      ref: p,
-      value: i,
-      defaultValue: l,
-      onValueChange: d,
+      ref: v,
+      value: o,
+      defaultValue: b,
+      onValueChange: w,
       "data-component": "tabs",
       "data-variant": t,
-      ...b
+      ...l
     }
   ) });
 });
-k.displayName = r.Root.displayName;
-const z = n.forwardRef(({ className: t, ...a }, e) => {
-  const { variant: o } = n.useContext(h);
-  return /* @__PURE__ */ s(
-    r.List,
+S.displayName = d.Root.displayName;
+const F = i.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: s } = i.useContext(N);
+  return /* @__PURE__ */ r(
+    d.List,
     {
       ref: e,
       "data-tabs": "list",
-      className: f(
+      className: p(
         "inline-flex items-center justify-center rounded-lg",
-        o === "line" && "h-10 bg-white border w-full justify-start gap-2 px-2 shrink-0 py-0",
-        o === "pill" && "h-10 p-1 bg-[#eceefd] text-[#4259ee] gap-1",
-        o === "outline" && "bg-transparent gap-2 p-0 w-full justify-start",
+        s === "line" && "h-10 bg-white border w-full justify-start gap-2 px-2 shrink-0 py-0",
+        s === "pill" && "h-10 p-1 bg-[#eceefd] text-[#4259ee] gap-1",
+        s === "outline" && "bg-transparent gap-2 p-0 w-full justify-start",
+        s === "box" && "h-auto bg-transparent border-0 w-full justify-start gap-[16px] p-0 shrink-0",
         t
       ),
       ...a
     }
   );
-});
-z.displayName = r.List.displayName;
-const M = n.forwardRef(({ className: t, icon: a, children: e, maxWords: o, ...m }, i) => {
-  const { variant: l, size: x, activeValue: b, hideInactiveLabel: p, tooltipClassName: g, maxWords: u } = n.useContext(h), d = o ?? u, c = b === m.value, v = typeof e == "string", N = v && d ? L(e, d) : e, C = v && d && e.split(/\s+/).length > d, T = p && !c || C, y = /* @__PURE__ */ w(j, { children: [
-    a && /* @__PURE__ */ s("span", { className: f("h-4 w-4 shrink-0", !p || c ? "mr-2" : "mr-0"), children: a }),
-    /* @__PURE__ */ s("span", { className: f(p && !c && "sr-only"), children: N })
+}), D = i.forwardRef(({ className: t, icon: a, children: e, maxWords: s, activeColor: n, style: o, ...b }, h) => {
+  const { variant: l, size: v, activeValue: y, hideInactiveLabel: c, tooltipClassName: w, maxWords: x } = i.useContext(N), m = s ?? x, f = y === b.value, C = typeof e == "string", R = C && m ? L(e, m) : e, k = C && m && e.split(/\s+/).length > m, V = c && !f || k, u = { ...o };
+  l === "box" && n && f && (u["--tab-border"] = n.border, u["--tab-bg"] = n.bg, u["--tab-text"] = n.text);
+  const T = l === "box" ? /* @__PURE__ */ g(j, { children: [
+    e,
+    f && /* @__PURE__ */ r(
+      "span",
+      {
+        className: "absolute -bottom-[5.5px] left-1/2 -translate-x-1/2 w-[11px] h-[11px] rotate-45 border-b border-r",
+        style: { backgroundColor: "inherit", borderBottomColor: "inherit", borderRightColor: "inherit" }
+      }
+    )
+  ] }) : /* @__PURE__ */ g(j, { children: [
+    a && /* @__PURE__ */ r("span", { className: p("h-4 w-4 shrink-0", !c || f ? "mr-2" : "mr-0"), children: a }),
+    /* @__PURE__ */ r("span", { className: p(c && !f && "sr-only"), children: R })
   ] });
-  return /* @__PURE__ */ s(
-    r.Trigger,
+  return /* @__PURE__ */ r(
+    d.Trigger,
     {
-      ref: i,
+      ref: h,
       "data-tabs": "trigger",
-      className: f(
+      className: p(
         "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
         l === "line" && [
           "h-full rounded-none border-b-2 border-transparent px-1 text-[13px] font-medium capitalize text-[#60697d] -mb-[1px]",
@@ -76,35 +86,50 @@ const M = n.forwardRef(({ className: t, icon: a, children: e, maxWords: o, ...m
           "rounded-full border border-[#5f6673] bg-white text-[#5f6673] font-['Manrope']",
           "hover:bg-slate-50 hover:text-[#1f2b4d]",
           "data-[state=active]:border-[#4259ee] data-[state=active]:text-[#4259ee]",
-          x === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
+          v === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
+        ],
+        l === "box" && [
+          "group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-white text-[#60697D] transition-none hover:bg-slate-50 overflow-visible",
+          "border border-[#C3C8D4]",
+          "text-[16px]",
+          "data-[state=active]:border-[color:var(--tab-border,#4259ee)]",
+          "data-[state=active]:bg-[color:var(--tab-bg,#f8f9fb)]",
+          "data-[state=active]:text-[color:var(--tab-text,#3649c6)]"
         ],
         t
       ),
-      ...m,
-      children: T ? /* @__PURE__ */ w(R, { children: [
-        /* @__PURE__ */ s(V, { asChild: !0, children: /* @__PURE__ */ s("span", { className: "inline-flex items-center justify-center h-full w-full", children: y }) }),
-        /* @__PURE__ */ s(W, { variant: "tertiary", className: g, children: e })
-      ] }) : y
+      style: u,
+      ...b,
+      children: V ? /* @__PURE__ */ g(W, { children: [
+        /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center h-full w-full", children: T }) }),
+        /* @__PURE__ */ r(I, { variant: "tertiary", className: w, children: e })
+      ] }) : T
     }
   );
 });
-M.displayName = r.Trigger.displayName;
-const P = n.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
-  r.Content,
+D.displayName = d.Trigger.displayName;
+const M = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+  d.Content,
   {
     ref: e,
     "data-tabs": "content",
-    className: f(
+    className: p(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       t
     ),
     ...a
   }
 ));
-P.displayName = r.Content.displayName;
+M.displayName = d.Content.displayName;
+const P = i.forwardRef(({ className: t, activeImage: a, inactiveImage: e, ...s }, n) => /* @__PURE__ */ g("div", { ref: n, className: p("relative flex items-center justify-center shrink-0", t), ...s, children: [
+  /* @__PURE__ */ r("div", { className: "flex group-data-[state=active]:hidden", children: e }),
+  /* @__PURE__ */ r("div", { className: "hidden group-data-[state=active]:flex", children: a })
+] }));
+P.displayName = "TabsImage";
 export {
-  k as Tabs,
-  P as TabsContent,
-  z as TabsList,
-  M as TabsTrigger
+  S as Tabs,
+  M as TabsContent,
+  P as TabsImage,
+  F as TabsList,
+  D as TabsTrigger
 };

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
 };