impact-nova 0.1.13 → 1.1.0

package/dist/components/ui/tabs.js

@@ -1,55 +1,59 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
 import * as e from "react";
-import * as s from "@radix-ui/react-tabs";
-import { cn as f } from "../../lib/utils.js";
-import { Tooltip as h, TooltipTrigger as y, TooltipContent as w } from "./tooltip.js";
-const b = e.createContext({
+import * as o from "@radix-ui/react-tabs";
+import { cn as p } from "../../lib/utils.js";
+import { Tooltip as v, TooltipTrigger as y, TooltipContent as N } from "./tooltip.js";
+const x = e.createContext({
   variant: "line",
   size: "default"
-}), N = e.forwardRef(({ variant: n = "line", size: t = "default", hideInactiveLabel: a = !1, tooltipClassName: i, value: r, defaultValue: l, onValueChange: m, ...u }, c) => {
-  const [x, d] = e.useState(r || l);
+}), w = e.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: i = !1, tooltipClassName: s, value: r, defaultValue: l, onValueChange: m, ...u }, c) => {
+  const [b, d] = e.useState(r || l);
   e.useEffect(() => {
     r !== void 0 && d(r);
   }, [r]);
-  const p = (g) => {
+  const f = (g) => {
     r === void 0 && d(g), m?.(g);
   };
-  return /* @__PURE__ */ o(b.Provider, { value: { variant: n, size: t, activeValue: x, hideInactiveLabel: a, tooltipClassName: i }, children: /* @__PURE__ */ o(
-    s.Root,
+  return /* @__PURE__ */ n(x.Provider, { value: { variant: t, size: a, activeValue: b, hideInactiveLabel: i, tooltipClassName: s }, children: /* @__PURE__ */ n(
+    o.Root,
     {
       ref: c,
       value: r,
       defaultValue: l,
-      onValueChange: p,
+      onValueChange: f,
+      "data-component": "tabs",
+      "data-variant": t,
       ...u
     }
   ) });
 });
-N.displayName = s.Root.displayName;
-const C = e.forwardRef(({ className: n, ...t }, a) => {
-  const { variant: i } = e.useContext(b);
-  return /* @__PURE__ */ o(
-    s.List,
+w.displayName = o.Root.displayName;
+const C = e.forwardRef(({ className: t, ...a }, i) => {
+  const { variant: s } = e.useContext(x);
+  return /* @__PURE__ */ n(
+    o.List,
     {
-      ref: a,
-      className: f(
+      ref: i,
+      "data-tabs": "list",
+      className: p(
         "inline-flex items-center justify-center rounded-lg",
-        i === "line" && "h-10 p-1 bg-white border w-full justify-start gap-2 px-2 shrink-0 overflow-x-auto scrollbar-none py-0",
-        i === "pill" && "h-10 p-1 bg-[#eceefd] text-[#4259ee] gap-1",
-        i === "outline" && "bg-transparent gap-2 p-0 w-full justify-start",
-        n
+        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",
+        t
       ),
-      ...t
+      ...a
     }
   );
 });
-C.displayName = s.List.displayName;
-const T = e.forwardRef(({ className: n, icon: t, children: a, ...i }, r) => {
-  const { variant: l, size: m, activeValue: u, hideInactiveLabel: c, tooltipClassName: x } = e.useContext(b), d = u === i.value, p = /* @__PURE__ */ v(
-    s.Trigger,
+C.displayName = o.List.displayName;
+const T = e.forwardRef(({ className: t, icon: a, children: i, ...s }, r) => {
+  const { variant: l, size: m, activeValue: u, hideInactiveLabel: c, tooltipClassName: b } = e.useContext(x), d = u === s.value, f = /* @__PURE__ */ h(
+    o.Trigger,
     {
       ref: r,
-      className: f(
+      "data-tabs": "trigger",
+      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]",
@@ -67,35 +71,36 @@ const T = e.forwardRef(({ className: n, icon: t, children: a, ...i }, r) => {
           "data-[state=active]:border-[#4259ee] data-[state=active]:text-[#4259ee]",
           m === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
         ],
-        n
+        t
       ),
-      ...i,
+      ...s,
       children: [
-        t && /* @__PURE__ */ o("span", { className: f("h-4 w-4 shrink-0", !c || d ? "mr-2" : "mr-0"), children: t }),
-        (!c || d) && a
+        a && /* @__PURE__ */ n("span", { className: p("h-4 w-4 shrink-0", !c || d ? "mr-2" : "mr-0"), children: a }),
+        /* @__PURE__ */ n("span", { className: p(c && !d && "sr-only"), children: i })
       ]
     }
   );
-  return c && !d ? /* @__PURE__ */ v(h, { children: [
-    /* @__PURE__ */ o(y, { asChild: !0, children: p }),
-    /* @__PURE__ */ o(w, { variant: "tertiary", className: x, children: a })
-  ] }) : p;
+  return c && !d ? /* @__PURE__ */ h(v, { children: [
+    /* @__PURE__ */ n(y, { asChild: !0, children: f }),
+    /* @__PURE__ */ n(N, { variant: "tertiary", className: b, children: i })
+  ] }) : f;
 });
-T.displayName = s.Trigger.displayName;
-const R = e.forwardRef(({ className: n, ...t }, a) => /* @__PURE__ */ o(
-  s.Content,
+T.displayName = o.Trigger.displayName;
+const R = e.forwardRef(({ className: t, ...a }, i) => /* @__PURE__ */ n(
+  o.Content,
   {
-    ref: a,
-    className: f(
+    ref: i,
+    "data-tabs": "content",
+    className: p(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      n
+      t
     ),
-    ...t
+    ...a
   }
 ));
-R.displayName = s.Content.displayName;
+R.displayName = o.Content.displayName;
 export {
-  N as Tabs,
+  w as Tabs,
   R as TabsContent,
   C as TabsList,
   T as TabsTrigger

package/dist/components/ui/tag-group.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { TagProps } from './tag';
 import * as React from "react";
 declare const tagGroupVariants: (props?: {
-    spacing?: "none" | "sm" | "md" | "lg";
+    spacing?: "sm" | "md" | "lg" | "none";
     orientation?: "horizontal" | "vertical";
     wrap?: "nowrap" | "wrap";
 } & import('class-variance-authority/types').ClassProp) => string;
@@ -17,6 +17,7 @@ export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement>, Var
         removable?: TagProps["removable"];
         onRemove?: TagProps["onRemove"];
     }>;
+    asChild?: boolean;
 }
 declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;
 export { TagGroup, tagGroupVariants };

package/dist/components/ui/tag-group.js

@@ -1,9 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as m from "react";
-import { cva as s } from "class-variance-authority";
-import { cn as c } from "../../lib/utils.js";
-import { Tag as f } from "./tag.js";
-const v = s("flex", {
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { Slot as f } from "@radix-ui/react-slot";
+import { cva as d } from "class-variance-authority";
+import { cn as v } from "../../lib/utils.js";
+import { Tag as h } from "./tag.js";
+const w = d("flex", {
   variants: {
     spacing: {
       none: "gap-0",
@@ -25,32 +26,35 @@ const v = s("flex", {
     orientation: "horizontal",
     wrap: "nowrap"
   }
-}), w = m.forwardRef(
-  ({ className: a, spacing: e, orientation: n, tags: i, ...p }, l) => /* @__PURE__ */ o(
-    "div",
+}), g = c.forwardRef(
+  ({ className: n, spacing: a, orientation: r, wrap: p, tags: t, asChild: i = !1, ...m }, l) => /* @__PURE__ */ e(
+    i ? f : "div",
     {
       ref: l,
-      className: c(v({ spacing: e, orientation: n }), a),
-      ...p,
-      children: i.map((r, t) => /* @__PURE__ */ o(
-        f,
+      className: v(w({ spacing: a, orientation: r, wrap: p }), n),
+      "data-component": "tag-group",
+      "data-spacing": a ?? "md",
+      "data-orientation": r ?? "horizontal",
+      ...m,
+      children: t.map((o, s) => /* @__PURE__ */ e(
+        h,
         {
-          variant: r.variant,
-          size: r.size,
-          shape: r.shape,
-          leftIcon: r.leftIcon,
-          rightIcon: r.rightIcon,
-          removable: r.removable,
-          onRemove: r.onRemove,
-          children: r.label
+          variant: o.variant,
+          size: o.size,
+          shape: o.shape,
+          leftIcon: o.leftIcon,
+          rightIcon: o.rightIcon,
+          removable: o.removable,
+          onRemove: o.onRemove,
+          children: o.label
         },
-        t
+        s
       ))
     }
   )
 );
-w.displayName = "TagGroup";
+g.displayName = "TagGroup";
 export {
-  w as TagGroup,
-  v as tagGroupVariants
+  g as TagGroup,
+  w as tagGroupVariants
 };

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

@@ -11,6 +11,7 @@ export interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, Variant
     rightIcon?: React.ReactNode;
     removable?: boolean;
     onRemove?: () => void;
+    asChild?: boolean;
 }
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
 export { Tag, tagVariants };

package/dist/components/ui/tag.js

@@ -1,9 +1,10 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as p from "react";
-import { cva as x } from "class-variance-authority";
-import { X as h } from "lucide-react";
-import { cn as m } from "../../lib/utils.js";
-const u = x(
+import { jsxs as s, 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 { cn as v } from "../../lib/utils.js";
+const y = h(
   "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: {
@@ -36,18 +37,22 @@ const u = x(
       shape: "pill"
     }
   }
-), v = p.forwardRef(
-  ({ className: n, variant: s, size: i, shape: a, leftIcon: r, rightIcon: t, removable: d, onRemove: l, children: b, ...f }, c) => /* @__PURE__ */ o(
-    "span",
+), w = m.forwardRef(
+  ({ className: d, variant: r, size: t, shape: o, leftIcon: a, rightIcon: n, removable: i, onRemove: l, asChild: f = !1, children: c, ...p }, b) => /* @__PURE__ */ s(
+    f ? x : "span",
     {
-      ref: c,
-      className: m(u({ variant: s, size: i, shape: a }), n),
-      ...f,
+      ref: b,
+      className: v(y({ variant: r, size: t, shape: o }), d),
+      "data-component": "tag",
+      "data-variant": r ?? "default",
+      "data-size": t ?? "md",
+      "data-shape": o ?? "pill",
+      ...p,
       children: [
-        r && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: r }),
-        b,
-        t && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: t }),
-        d && /* @__PURE__ */ o(
+        a && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: a }),
+        c,
+        n && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: n }),
+        i && /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -55,8 +60,9 @@ const u = x(
               g.stopPropagation(), l?.();
             },
             className: "ml-1.5 flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full hover:bg-black/10 transition-colors",
+            "data-component": "tag-remove",
             children: [
-              /* @__PURE__ */ e(h, { className: "h-3 w-3" }),
+              /* @__PURE__ */ e(u, { className: "h-3 w-3" }),
               /* @__PURE__ */ e("span", { className: "sr-only", children: "Remove" })
             ]
           }
@@ -65,8 +71,8 @@ const u = x(
     }
   )
 );
-v.displayName = "Tag";
+w.displayName = "Tag";
 export {
-  v as Tag,
-  u as tagVariants
+  w as Tag,
+  y as tagVariants
 };

package/dist/components/ui/textarea.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import * as c from "react";
 import { cva as p } from "class-variance-authority";
-import { cn as l } from "../../lib/utils.js";
+import { cn as i } from "../../lib/utils.js";
 const v = p(
   "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-[#dfe2e7] focus-visible:outline-none focus-visible:border-primary hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border md:text-sm",
   {
@@ -20,25 +20,25 @@ const v = p(
     }
   }
 ), y = c.forwardRef(
-  ({ className: u, label: b, helperText: i, characterLimit: n, isError: t, disabled: a, value: r, onChange: f, ...e }, m) => {
-    const [g, o] = c.useState(0);
+  ({ className: u, label: x, helperText: n, characterLimit: o, isError: t, disabled: a, value: r, onChange: m, ...e }, f) => {
+    const [g, l] = c.useState(0);
     c.useEffect(() => {
-      r ? o(String(r).length) : e.defaultValue && o(String(e.defaultValue).length);
+      r ? l(String(r).length) : e.defaultValue && l(String(e.defaultValue).length);
     }, [r, e.defaultValue]);
-    const h = (x) => {
-      o(x.target.value.length), f?.(x);
+    const h = (b) => {
+      l(b.target.value.length), m?.(b);
     };
     return /* @__PURE__ */ d("div", { className: "w-full space-y-1.5 min-w-[240px]", children: [
-      b && /* @__PURE__ */ d(
+      x && /* @__PURE__ */ d(
         "label",
         {
-          className: l(
+          className: i(
             "text-xs font-medium leading-[18px] text-[#60697d]",
             a && "opacity-70",
             t && "text-destructive"
           ),
           children: [
-            b,
+            x,
             " ",
             e.required && /* @__PURE__ */ s("span", { className: "text-destructive", children: "*" })
           ]
@@ -47,33 +47,34 @@ const v = p(
       /* @__PURE__ */ s(
         "textarea",
         {
-          className: l(
+          className: i(
             v({ isError: t, disabled: a, className: u }),
             "bg-background",
             a && "bg-disabled-secondary-bg"
           ),
-          ref: m,
+          ref: f,
           disabled: !!a,
           value: r,
           onChange: h,
+          "data-component": "textarea",
           ...e
         }
       ),
-      (i || n) && /* @__PURE__ */ d("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ s("div", { className: l("flex items-center gap-1", t && "text-destructive"), children: i && /* @__PURE__ */ s(
+      (n || o) && /* @__PURE__ */ d("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ s("div", { className: i("flex items-center gap-1", t && "text-destructive"), children: n && /* @__PURE__ */ s(
           "p",
           {
-            className: l(
+            className: i(
               "text-[10px] text-[#7a8294]",
               t && "text-destructive"
             ),
-            children: i
+            children: n
           }
         ) }),
-        n && /* @__PURE__ */ d("div", { className: "text-[10px] text-[#7a8294] text-right", children: [
+        o && /* @__PURE__ */ d("div", { className: "text-[10px] text-[#7a8294] text-right", "data-component": "character-count-indicator", children: [
           g,
           "/",
-          n
+          o
         ] })
       ] })
     ] });

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

@@ -6,7 +6,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
     position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 } & React.RefAttributes<HTMLOListElement>>;
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "destructive" | "unstyled" | "basic" | "basic-success" | "basic-info" | "basic-warning" | "basic-error";
+    variant?: "default" | "destructive" | "basic" | "unstyled" | "basic-success" | "basic-info" | "basic-warning" | "basic-error";
 } & import('class-variance-authority/types').ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/toast.js

@@ -1,25 +1,25 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as s from "react";
-import * as t from "@radix-ui/react-toast";
+import * as o from "@radix-ui/react-toast";
 import { cva as d } from "class-variance-authority";
 import { X as p } from "lucide-react";
 import { cn as i } from "../../lib/utils.js";
-const y = t.Provider, f = s.forwardRef(({ className: e, position: r = "top-right", ...o }, n) => /* @__PURE__ */ a(
-  t.Viewport,
+const y = o.Provider, c = s.forwardRef(({ className: t, position: e = "top-right", ...r }, n) => /* @__PURE__ */ a(
+  o.Viewport,
   {
     ref: n,
     className: i(
-      "z-[400] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2",
-      !e?.includes("static") && !e?.includes("absolute") && "fixed",
-      r.startsWith("top") ? "top-0 sm:top-8 flex-col" : "bottom-0 sm:bottom-8 flex-col-reverse",
-      r.endsWith("left") ? "left-0 sm:left-8" : "right-0 sm:right-8",
-      e
+      "z-[60] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2",
+      !t?.includes("static") && !t?.includes("absolute") && "fixed",
+      e.startsWith("top") ? "top-0 sm:top-8 flex-col" : "bottom-0 sm:bottom-8 flex-col-reverse",
+      e.endsWith("left") ? "left-0 sm:left-8" : "right-0 sm:right-8",
+      t
     ),
-    ...o
+    ...r
   }
 ));
-f.displayName = t.Viewport.displayName;
-const c = d(
+c.displayName = o.Viewport.displayName;
+const f = d(
   "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: {
@@ -38,59 +38,65 @@ const c = d(
       variant: "default"
     }
   }
-), l = s.forwardRef(({ className: e, variant: r, ...o }, n) => /* @__PURE__ */ a(
-  t.Root,
+), l = s.forwardRef(({ className: t, variant: e, ...r }, n) => /* @__PURE__ */ a(
+  o.Root,
   {
     ref: n,
-    className: i(c({ variant: r }), e),
-    ...o
+    "data-component": "toast",
+    "data-variant": e ?? "default",
+    className: i(f({ variant: e }), t),
+    ...r
   }
 ));
-l.displayName = t.Root.displayName;
-const u = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  t.Action,
+l.displayName = o.Root.displayName;
+const u = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  o.Action,
   {
-    ref: o,
+    ref: r,
+    "data-component": "toast-action",
     className: i(
       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      e
+      t
     ),
-    ...r
+    ...e
   }
 ));
-u.displayName = t.Action.displayName;
-const x = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  t.Close,
+u.displayName = o.Action.displayName;
+const x = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  o.Close,
   {
-    ref: o,
+    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",
-      e
+      t
     ),
     "toast-close": "",
-    ...r,
+    ...e,
     children: /* @__PURE__ */ a(p, { className: "h-4 w-4" })
   }
 ));
-x.displayName = t.Close.displayName;
-const m = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  t.Title,
+x.displayName = o.Close.displayName;
+const m = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  o.Title,
   {
-    ref: o,
-    className: i("text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal", e),
-    ...r
+    ref: r,
+    "data-component": "toast-title",
+    className: i("text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal", t),
+    ...e
   }
 ));
-m.displayName = t.Title.displayName;
-const b = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  t.Description,
+m.displayName = o.Title.displayName;
+const b = s.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  o.Description,
   {
-    ref: o,
-    className: i("text-sm opacity-90 group-[.basic]:text-center", e),
-    ...r
+    ref: r,
+    "data-component": "toast-description",
+    className: i("text-sm opacity-90 group-[.basic]:text-center", t),
+    ...e
   }
 ));
-b.displayName = t.Description.displayName;
+b.displayName = o.Description.displayName;
 export {
   l as Toast,
   u as ToastAction,
@@ -98,5 +104,5 @@ export {
   b as ToastDescription,
   y as ToastProvider,
   m as ToastTitle,
-  f as ToastViewport
+  c as ToastViewport
 };