impact-nova 0.1.13 → 1.1.0

package/dist/components/ui/ag-grid-react/cell-renderers/split-cell-renderer.js

@@ -1,50 +1,50 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-const y = (d) => {
-  const { splits: t, commonParams: i, data: m, node: p, api: s, column: f, context: c, value: u, colDef: w } = d;
-  if (!t || !Array.isArray(t)) return null;
-  const g = (e, r) => {
-    if (!r) return "--";
-    let n = r;
-    switch (e?.decimals != null && !isNaN(Number(r)) && (n = Number(r).toFixed(e.decimals)), e.type) {
+const w = (m) => {
+  const { splits: n, commonParams: i, data: s, node: p, api: c, column: u, context: a, value: f } = m;
+  if (!n || !Array.isArray(n)) return null;
+  const g = (r, e) => {
+    if (!e) return "--";
+    let t = e;
+    switch (r?.decimals != null && !isNaN(Number(e)) && (t = Number(e).toFixed(r.decimals)), r.type) {
       case "currencySymbol": {
-        const l = e.symbol ?? "$";
-        return e.position === "suffix" ? `${n} ${l}` : `${l} ${n}`;
+        const l = r.symbol ?? "$";
+        return r.position === "suffix" ? `${t} ${l}` : `${l} ${t}`;
       }
       case "percentage":
-        return `${n} %`;
+        return `${t} %`;
       case "number":
-        return n;
+        return t;
       default:
-        return n;
+        return t;
     }
-  }, h = (e) => {
-    const r = e;
-    if (typeof r == "string") {
-      const n = s?.getGridOption("components");
-      return c?.frameworkComponents?.[r] || n?.[r];
+  }, h = (r) => {
+    const e = r;
+    if (typeof e == "string") {
+      const t = c?.getGridOption("components");
+      return a?.frameworkComponents?.[e] || t?.[e];
     }
-    return r;
+    return e;
   };
-  return /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateRows: `repeat(${t?.length}, 1fr)`, height: "100%", width: "100%" }, children: t?.map((e, r) => {
-    const n = u?.[e?.field?.split(".")?.pop()]?.value?.toString(), l = e?.valueFormatter ? g(e.valueFormatter, n?.toString()) : n, a = i?.cellRenderer && typeof i?.cellRenderer == "string" ? h(i?.cellRenderer) : void 0;
+  return /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateRows: `repeat(${n?.length}, 1fr)`, height: "100%", width: "100%" }, children: n?.map((r, e) => {
+    const t = f?.[r?.field?.split(".")?.pop()]?.value?.toString(), l = s?.valueFormatter ?? r?.valueFormatter ?? null, y = l ? g(l, t?.toString()) : t, d = i?.cellRenderer && typeof i?.cellRenderer == "string" ? h(i?.cellRenderer) : void 0;
     return /* @__PURE__ */ o(
       "div",
       {
         className: "flex items-center overflow-hidden",
-        "data-split-index": r,
-        children: a ? /* @__PURE__ */ o(
-          a,
+        "data-split-index": e,
+        children: d ? /* @__PURE__ */ o(
+          d,
           {
             node: p,
-            api: s,
-            column: f,
-            context: c,
-            data: m,
-            value: n,
-            colDef: e,
-            valueFormatted: l,
-            className: r !== t.length - 1 ? "border-b border-gray-200" : ""
+            api: c,
+            column: u,
+            context: a,
+            data: s,
+            value: t,
+            colDef: r,
+            valueFormatted: y,
+            className: e !== n.length - 1 ? "border-b border-gray-200" : ""
           }
         ) : /* @__PURE__ */ o(
           "div",
@@ -54,11 +54,11 @@ const y = (d) => {
           }
         )
       },
-      `${e.field}-${r}`
+      `${r.field}-${e}`
     );
   }) });
 };
-y.displayName = "SplitCellRenderer";
+w.displayName = "SplitCellRenderer";
 export {
-  y as SplitCellRenderer
+  w as SplitCellRenderer
 };

package/dist/components/ui/ag-grid-react/headers/advanced-filter/column-filter-section.js

@@ -53,7 +53,7 @@ const E = {
 }, w = [
   { label: "all", value: "AND" },
   { label: "any", value: "OR" }
-], _ = ({
+], G = ({
   columnId: h,
   columnLabel: y,
   columnType: n,
@@ -75,7 +75,7 @@ const E = {
     }
   }, o = (e, t) => {
     v(i.map((a) => a.id === e ? { ...a, ...t } : a));
-  }, I = (e) => {
+  }, R = (e) => {
     if (e.operator === "empty" || e.operator === "notEmpty")
       return /* @__PURE__ */ l("span", { className: "text-slate-400 italic text-sm", children: "No value needed" });
     if (n === "date")
@@ -116,7 +116,6 @@ const E = {
           Array.isArray(a) ? o(e.id, { value: a.map((r) => r.value) }) : o(e.id, { value: a?.value || "" });
         },
         isMulti: u !== void 0 ? u : !0,
-        dropdownZIndex: 320,
         placeholder: u === !1 ? "Select value" : "Select values...",
         className: "w-full",
         menuPortalTarget: document.body
@@ -153,7 +152,7 @@ const E = {
         className: "w-full"
       }
     );
-  }, R = (e) => {
+  }, I = (e) => {
     const t = g.find((a) => a.value === e.operator);
     return /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ l("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ l(
@@ -165,13 +164,12 @@ const E = {
             const r = a;
             r && o(e.id, { operator: r.value });
           },
-          dropdownZIndex: 320,
           placeholder: "Operator",
           className: "w-full",
           menuPortalTarget: document.body
         }
       ) }),
-      /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: I(e) }),
+      /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: R(e) }),
       /* @__PURE__ */ l(
         m,
         {
@@ -180,7 +178,7 @@ const E = {
           size: "icon",
           "aria-label": "Remove rule",
           disabled: i.length === 1 && !d,
-          children: /* @__PURE__ */ l(x, { size: 12 })
+          children: /* @__PURE__ */ l(x, { size: "xs" })
         }
       )
     ] }, e.id);
@@ -197,7 +195,6 @@ const E = {
             const t = e;
             t && S(t.value);
           },
-          dropdownZIndex: 320,
           className: "h-8",
           menuPortalTarget: document.body,
           isClearable: !1
@@ -206,7 +203,7 @@ const E = {
       /* @__PURE__ */ l("span", { children: "of the following rules for column" }),
       /* @__PURE__ */ l("span", { className: "font-semibold text-slate-700", children: y })
     ] }),
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: i.map((e) => R(e)) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: i.map((e) => I(e)) }),
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-1", children: [
       /* @__PURE__ */ l(m, { onClick: C, variant: "outline", size: "sm", children: "+ Add Rule" }),
       b && /* @__PURE__ */ s(
@@ -217,7 +214,7 @@ const E = {
           onClick: b,
           className: "text-red-500 hover:text-red-600 hover:bg-red-50 border-red-300",
           children: [
-            /* @__PURE__ */ l(x, { size: 12 }),
+            /* @__PURE__ */ l(x, { size: "xs" }),
             "Delete"
           ]
         }
@@ -226,5 +223,5 @@ const E = {
   ] });
 };
 export {
-  _ as ColumnFilterSection
+  G as ColumnFilterSection
 };

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as e, Fragment as j } from "react/jsx-runtime";
 import "react";
 import { Settings as F, Checkmark as d, Search as T } from "../../../../../icons/index.js";
-import { DropdownMenu as L, DropdownMenuTrigger as _, DropdownMenuContent as E, DropdownMenuLabel as z, DropdownMenuSeparator as k, DropdownMenuSub as m, DropdownMenuSubTrigger as p, DropdownMenuSubContent as f, DropdownMenuItem as s } from "../../../dropdown-menu.js";
+import { DropdownMenu as L, DropdownMenuTrigger as _, DropdownMenuContent as E, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as m, DropdownMenuSubTrigger as p, DropdownMenuSubContent as f, DropdownMenuItem as s } from "../../../dropdown-menu.js";
 const H = ({
   isOpen: O,
   onClose: i,
@@ -29,7 +29,7 @@ const H = ({
   }, A = () => {
     const n = l?.headerComponentParams;
     n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(o) : r.getGridOption("context"), i();
-  }, c = v?.getBoundingClientRect(), N = l?.headerComponentParams, b = N?.isSearchable, y = N?.advanceSearchEnabled;
+  }, c = v?.getBoundingClientRect(), b = l?.headerComponentParams, y = b?.isSearchable, N = b?.advanceSearchEnabled;
   return /* @__PURE__ */ t(L, { open: O, onOpenChange: (n) => !n && i(), children: [
     c && /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
@@ -51,24 +51,24 @@ const H = ({
         align: "end",
         side: "bottom",
         sideOffset: 5,
-        className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)] z-[110]",
+        className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
         onCloseAutoFocus: (n) => n.preventDefault(),
         children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ t(z, { className: "flex items-center gap-2 text-[#60697D]", children: [
-            /* @__PURE__ */ e(F, { size: 12 }),
+          /* @__PURE__ */ t(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
+            /* @__PURE__ */ e(F, { size: "xs" }),
             " Column Settings"
           ] }),
-          /* @__PURE__ */ e(k, {}),
+          /* @__PURE__ */ e(z, {}),
           M && /* @__PURE__ */ t(m, { children: [
             /* @__PURE__ */ e(p, { inset: !0, children: "Sort" }),
-            /* @__PURE__ */ t(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+            /* @__PURE__ */ t(f, { sideOffset: 10, alignOffset: -5, children: [
               /* @__PURE__ */ e(s, { onClick: () => h("asc"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: g ? "Sort Smallest to Largest" : w ? "Sort Oldest to Newest" : "Sort A to Z" }),
-                C === "asc" && /* @__PURE__ */ e(d, { size: 14, className: "ml-2 text-[#60697D]" })
+                C === "asc" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
               /* @__PURE__ */ e(s, { onClick: () => h("desc"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: g ? "Sort Largest to Smallest" : w ? "Sort Newest to Oldest" : "Sort Z to A" }),
-                C === "desc" && /* @__PURE__ */ e(d, { size: 14, className: "ml-2 text-[#60697D]" })
+                C === "desc" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
               /* @__PURE__ */ e(s, { onClick: () => h(null), children: /* @__PURE__ */ e("span", { children: "Reset" }) })
             ] })
@@ -78,11 +78,11 @@ const H = ({
             /* @__PURE__ */ t(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
               /* @__PURE__ */ e(s, { onClick: () => u("left"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "Pin Left" }),
-                S === "left" && /* @__PURE__ */ e(d, { size: 14, className: "ml-2 text-[#60697D]" })
+                S === "left" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
               /* @__PURE__ */ e(s, { onClick: () => u("right"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "Pin Right" }),
-                S === "right" && /* @__PURE__ */ e(d, { size: 14, className: "ml-2 text-[#60697D]" })
+                S === "right" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
               /* @__PURE__ */ e(s, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: "No Pin" }) })
             ] })
@@ -94,14 +94,14 @@ const H = ({
               /* @__PURE__ */ e(s, { onClick: () => D(!0), children: "Autosize All Columns" })
             ] })
           ] }),
-          (b || y) && /* @__PURE__ */ t(j, { children: [
-            /* @__PURE__ */ e(k, {}),
-            /* @__PURE__ */ t(z, { className: "flex items-center gap-2 text-[#60697D]", children: [
-              /* @__PURE__ */ e(T, { size: 12 }),
+          (y || N) && /* @__PURE__ */ t(j, { children: [
+            /* @__PURE__ */ e(z, {}),
+            /* @__PURE__ */ t(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
+              /* @__PURE__ */ e(T, { size: "xs" }),
               " Search Options"
             ] }),
-            b && /* @__PURE__ */ e(s, { inset: !0, onClick: P, children: "Search" }),
-            y && /* @__PURE__ */ e(s, { inset: !0, onClick: A, children: "Advance Search" })
+            y && /* @__PURE__ */ e(s, { inset: !0, onClick: P, children: "Search" }),
+            N && /* @__PURE__ */ e(s, { inset: !0, onClick: A, children: "Advance Search" })
           ] })
         ] })
       }

package/dist/components/ui/ag-grid-react/headers/header-search-input.js

@@ -234,7 +234,7 @@ const je = {
     S(le()), K && K();
   }, Ne = () => ge ? /* @__PURE__ */ s("svg", { className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6] shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
     e.stopPropagation(), R.current && R.current.blur(), V ? V(A) : J ? J(o) : U && U.openAdvancedFilter(o);
-  }, children: /* @__PURE__ */ s("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, Ae = () => /* @__PURE__ */ s("button", { onClick: G, className: "cursor-pointer shrink-0 text-[#4259ee] hover:text-[#0f1c76]", children: /* @__PURE__ */ s(me, { size: 12 }) }), D = a.filter === "agMultiColumnFilter", x = b(a);
+  }, children: /* @__PURE__ */ s("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, Ae = () => /* @__PURE__ */ s("button", { onClick: G, className: "cursor-pointer shrink-0 text-[#4259ee] hover:text-[#0f1c76]", children: /* @__PURE__ */ s(me, { size: "xs" }) }), D = a.filter === "agMultiColumnFilter", x = b(a);
   let y = "text";
   D ? y = x.set !== -1 ? "set" : x.date !== -1 ? "date" : "text" : H ? y = "set" : g && (y = "date");
   const Se = D ? x.text !== -1 || x.number !== -1 : !g && !H, oe = D ? x.set !== -1 : H, se = D ? x.date !== -1 : g, Ie = c.getFilterModel()[o], ie = D && Ie?.filterModels?.some((e, t) => {
@@ -291,13 +291,13 @@ const je = {
         onBlur: () => f(!1),
         suffix: k && /* @__PURE__ */ s("button", { onClick: (e) => {
           e.stopPropagation(), Ce();
-        }, className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6]", children: /* @__PURE__ */ s(me, { size: 10 }) })
+        }, className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6]", children: /* @__PURE__ */ s(me, { size: "xs" }) })
       }
     ),
     /* @__PURE__ */ F("div", { className: "flex items-center gap-1.5 shrink-0", children: [
       D && /* @__PURE__ */ F(qe, { children: [
         /* @__PURE__ */ s(Ee, { asChild: !0, children: /* @__PURE__ */ F("div", { className: "relative group p-1 hover:bg-[#dbe0fb] rounded-md transition-colors cursor-pointer", children: [
-          /* @__PURE__ */ s(we, { size: 16, className: ze("text-[#60697D] group-hover:text-[#3649C6]", ie && "text-[#3649C6]") }),
+          /* @__PURE__ */ s(we, { size: "md", className: ze("text-[#60697D] group-hover:text-[#3649C6]", ie && "text-[#3649C6]") }),
           ie && /* @__PURE__ */ s("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-[#4259ee] border border-white shadow-sm" })
         ] }) }),
         /* @__PURE__ */ F(Be, { align: "end", className: "w-[300px]", children: [

package/dist/components/ui/alert-dialog.js

@@ -1,39 +1,40 @@
 import { jsx as l, jsxs as n } from "react/jsx-runtime";
 import * as i from "react";
-import * as t from "@radix-ui/react-alert-dialog";
+import * as e from "@radix-ui/react-alert-dialog";
 import { cn as s } from "../../lib/utils.js";
-import { buttonVariants as r } from "./button-variants.js";
-const w = t.Root, b = t.Trigger, m = t.Portal, d = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
-  t.Overlay,
+import { buttonVariants as d } from "./button-variants.js";
+const w = e.Root, b = e.Trigger, m = e.Portal, r = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+  e.Overlay,
   {
     className: s(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       a
     ),
-    ...e,
+    ...t,
     ref: o
   }
 ));
-d.displayName = t.Overlay.displayName;
-const c = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ n(m, { children: [
-  /* @__PURE__ */ l(d, {}),
+r.displayName = e.Overlay.displayName;
+const c = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ n(m, { children: [
+  /* @__PURE__ */ l(r, {}),
   /* @__PURE__ */ l(
-    t.Content,
+    e.Content,
     {
       ref: o,
       "aria-describedby": void 0,
+      "data-component": "alert-dialog-content",
       className: s(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         a
       ),
-      ...e
+      ...t
     }
   )
 ] }));
-c.displayName = t.Content.displayName;
-const f = ({
+c.displayName = e.Content.displayName;
+const p = ({
   className: a,
-  ...e
+  ...t
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -41,13 +42,13 @@ const f = ({
       "flex flex-col space-y-2 text-center sm:text-left",
       a
     ),
-    ...e
+    ...t
   }
 );
-f.displayName = "AlertDialogHeader";
-const p = ({
+p.displayName = "AlertDialogHeader";
+const f = ({
   className: a,
-  ...e
+  ...t
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -55,59 +56,63 @@ const p = ({
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       a
     ),
-    ...e
+    ...t
   }
 );
-p.displayName = "AlertDialogFooter";
-const g = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
-  t.Title,
+f.displayName = "AlertDialogFooter";
+const g = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+  e.Title,
   {
     ref: o,
+    "data-component": "alert-dialog-title",
     className: s("text-lg font-semibold", a),
-    ...e
+    ...t
   }
 ));
-g.displayName = t.Title.displayName;
-const N = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
-  t.Description,
+g.displayName = e.Title.displayName;
+const N = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+  e.Description,
   {
     ref: o,
+    "data-component": "alert-dialog-description",
     className: s("text-sm text-muted-foreground", a),
-    ...e
+    ...t
   }
 ));
-N.displayName = t.Description.displayName;
-const y = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
-  t.Action,
+N.displayName = e.Description.displayName;
+const y = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+  e.Action,
   {
     ref: o,
-    className: s(r(), a),
-    ...e
+    "data-component": "alert-dialog-action",
+    className: s(d(), a),
+    ...t
   }
 ));
-y.displayName = t.Action.displayName;
-const x = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
-  t.Cancel,
+y.displayName = e.Action.displayName;
+const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
+  e.Cancel,
   {
     ref: o,
+    "data-component": "alert-dialog-cancel",
     className: s(
-      r({ variant: "outline" }),
+      d({ variant: "outline" }),
       "mt-2 sm:mt-0",
       a
     ),
-    ...e
+    ...t
   }
 ));
-x.displayName = t.Cancel.displayName;
+x.displayName = e.Cancel.displayName;
 export {
   w as AlertDialog,
   y as AlertDialogAction,
   x as AlertDialogCancel,
   c as AlertDialogContent,
   N as AlertDialogDescription,
-  p as AlertDialogFooter,
-  f as AlertDialogHeader,
-  d as AlertDialogOverlay,
+  f as AlertDialogFooter,
+  p as AlertDialogHeader,
+  r as AlertDialogOverlay,
   m as AlertDialogPortal,
   g as AlertDialogTitle,
   b as AlertDialogTrigger

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

@@ -3,9 +3,26 @@ import * as React from "react";
 declare const alertVariants: (props?: {
     variant?: "default" | "info" | "warning" | "error" | "success";
 } & import('class-variance-authority/types').ClassProp) => string;
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
-    variant?: "default" | "info" | "warning" | "error" | "success";
-} & import('class-variance-authority/types').ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    asChild?: boolean;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Alert, AlertTitle, AlertDescription, alertVariants };
+export interface AlertIconProps {
+    /** The alert variant — determines which icon to render */
+    variant?: "default" | "info" | "success" | "warning" | "error";
+    className?: string;
+}
+/**
+ * Renders the appropriate icon for the given Alert variant.
+ *
+ * @example
+ * <AlertIcon variant="success" className="h-4 w-4" />
+ * <AlertIcon variant="error" />
+ */
+declare const AlertIcon: {
+    ({ variant, className }: AlertIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Alert, AlertTitle, AlertDescription, AlertIcon, alertVariants };

package/dist/components/ui/alert.js

@@ -1,8 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
-import * as o from "react";
-import { cva as l } from "class-variance-authority";
+import * as n from "react";
+import { Slot as c } from "@radix-ui/react-slot";
+import { cva as d } from "class-variance-authority";
 import { cn as s } from "../../lib/utils.js";
-const n = l(
+import { XCircle as f, AlertTriangle as g, CheckCircle as m, Info as o } from "lucide-react";
+const p = d(
   "relative w-full rounded-lg border px-4 py-3 text-sm flex gap-3 items-start",
   {
     variants: {
@@ -18,37 +20,55 @@ const n = l(
       variant: "default"
     }
   }
-), d = o.forwardRef(({ className: r, variant: e, ...t }, i) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: i,
-    role: "alert",
-    className: s(n({ variant: e }), r),
-    ...t
-  }
-));
-d.displayName = "Alert";
-const g = o.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+), b = n.forwardRef(
+  ({ className: e, variant: r, asChild: t = !1, ...l }, i) => /* @__PURE__ */ a(
+    t ? c : "div",
+    {
+      ref: i,
+      role: "alert",
+      "data-component": "alert",
+      "data-variant": r ?? "default",
+      className: s(p({ variant: r }), e),
+      ...l
+    }
+  )
+);
+b.displayName = "Alert";
+const u = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "h5",
   {
     ref: t,
-    className: s("font-semibold leading-[21px] tracking-tight text-foreground", r),
-    ...e
+    "data-component": "alert-title",
+    className: s("font-semibold leading-[21px] tracking-tight text-foreground", e),
+    ...r
   }
 ));
-g.displayName = "AlertTitle";
-const c = o.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+u.displayName = "AlertTitle";
+const x = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: s("text-[12px] leading-[18px] text-secondary-foreground", r),
-    ...e
+    "data-component": "alert-description",
+    className: s("text-[12px] leading-[18px] text-secondary-foreground", e),
+    ...r
   }
 ));
-c.displayName = "AlertDescription";
+x.displayName = "AlertDescription";
+const v = {
+  default: o,
+  info: o,
+  success: m,
+  warning: g,
+  error: f
+}, w = ({ variant: e = "info", className: r = "h-4 w-4 shrink-0 mt-1" }) => {
+  const t = v[e] || o;
+  return /* @__PURE__ */ a(t, { className: r });
+};
+w.displayName = "AlertIcon";
 export {
-  d as Alert,
-  c as AlertDescription,
-  g as AlertTitle,
-  n as alertVariants
+  b as Alert,
+  x as AlertDescription,
+  w as AlertIcon,
+  u as AlertTitle,
+  p as alertVariants
 };

package/dist/components/ui/avatar.js

@@ -1,9 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as l from "react";
 import * as a from "@radix-ui/react-avatar";
-import { cva as f } from "class-variance-authority";
-import { cn as m } from "../../lib/utils.js";
-const c = f(
+import { cva as c } from "class-variance-authority";
+import { cn as o } from "../../lib/utils.js";
+const f = c(
   "relative flex shrink-0 overflow-hidden",
   {
     variants: {
@@ -22,33 +22,36 @@ const c = f(
       shape: "square"
     }
   }
-), d = l.forwardRef(({ className: e, size: s, shape: t, ...o }, i) => /* @__PURE__ */ r(
+), d = l.forwardRef(({ className: e, size: t, shape: r, ...m }, i) => /* @__PURE__ */ s(
   a.Root,
   {
     ref: i,
-    className: m(c({ size: s, shape: t, className: e })),
-    ...o
+    className: o(f({ size: t, shape: r, className: e })),
+    "data-component": "avatar",
+    ...m
   }
 ));
 d.displayName = a.Root.displayName;
-const n = l.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ r(
+const n = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
   a.Image,
   {
-    ref: t,
-    className: m("aspect-square h-full w-full", e),
-    ...s
+    ref: r,
+    className: o("aspect-square h-full w-full", e),
+    "data-component": "avatar-image",
+    ...t
   }
 ));
 n.displayName = a.Image.displayName;
-const p = l.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ r(
+const p = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
   a.Fallback,
   {
-    ref: t,
-    className: m(
+    ref: r,
+    className: o(
       "flex h-full w-full items-center justify-center bg-success text-white font-bold",
       e
     ),
-    ...s
+    "data-component": "avatar-fallback",
+    ...t
   }
 ));
 p.displayName = a.Fallback.displayName;
@@ -56,5 +59,5 @@ export {
   d as Avatar,
   p as AvatarFallback,
   n as AvatarImage,
-  c as avatarVariants
+  f as avatarVariants
 };