impact-nova 2.2.6 → 2.2.7

package/dist/components/data/ag-grid-react/cell-renderers/link-with-batch-cell-renderer.js

@@ -1,170 +1,146 @@
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-import { useMemo as R, useCallback as C, useState as H, useRef as I, useEffect as P } from "react";
+import { jsx as c, jsxs as j } from "react/jsx-runtime";
+import { useMemo as b, useCallback as T } from "react";
 import { Badge as V } from "../../../data-display/badge/badge.js";
-import { evaluateValidationRules as U, getFieldValue as v, mapBadgeVariant as G, mapBadgeColor as _ } from "./cell-renderer-utils.js";
-import { resolveGridIcon as z } from "./gridIconResolver.js";
-import { Tooltip as M, TooltipTrigger as Q, TooltipContent as W } from "../../../feedback/tooltip/tooltip.js";
-const q = (e, n, r, d) => {
+import { evaluateValidationRules as I, getFieldValue as m, mapBadgeVariant as L, mapBadgeColor as U } from "./cell-renderer-utils.js";
+import { resolveGridIcon as H } from "./gridIconResolver.js";
+import { Tooltip as _, TooltipTrigger as z, TooltipContent as G } from "../../../feedback/tooltip/tooltip.js";
+const M = (e, n, r, a) => {
   if (!n) return e;
-  let l = e;
-  return l = l.replace(/\$\{value\}/g, String(d ?? "")), l = l.replace(/\$\{field\}/g, String(r ?? "")), Object.keys(n).forEach((o) => {
-    const i = new RegExp(`\\$\\{${o}\\}`, "g");
-    l = l.replace(i, String(n[o] ?? ""));
-  }), l;
-}, A = ({
+  let t = e;
+  return t = t.replace(/\$\{value\}/g, String(a ?? "")), t = t.replace(/\$\{field\}/g, String(r ?? "")), Object.keys(n).forEach((i) => {
+    const o = new RegExp(`\\$\\{${i}\\}`, "g");
+    t = t.replace(o, String(n[i] ?? ""));
+  }), t;
+}, Q = ({
   iconConfig: e,
   rowData: n,
   rowId: r,
-  field: d
+  field: a
 }) => {
-  const [l, o] = H(!1), i = I(null);
-  P(() => {
-    const x = i.current;
-    if (!x || !e.showOnHover)
-      return;
-    const y = x.closest(".group");
-    if (!y)
-      return;
-    const c = () => o(!1);
-    return y.addEventListener("mouseleave", c), () => {
-      y.removeEventListener("mouseleave", c);
-    };
-  }, [e.showOnHover]), P(() => () => o(!1), []);
-  let s = null;
-  const u = v(e.iconField, e.icon, n);
-  if (typeof u == "string" ? s = z(u, { size: 16 }) : s = u, !s) return null;
-  const k = v(e.backgroundColorField, e.backgroundColor, n), h = v(e.colorField, e.color, n) ?? "var(--color-foreground-icon)", g = v(e.tooltipField, e.tooltip, n), S = /* @__PURE__ */ a(
+  let t = null;
+  const i = m(e.iconField, e.icon, n);
+  if (typeof i == "string" ? t = H(i, { size: 16 }) : t = i, !t) return null;
+  const o = m(e.backgroundColorField, e.backgroundColor, n), s = m(e.colorField, e.color, n) ?? "var(--color-foreground-icon)", f = m(e.tooltipField, e.tooltip, n), h = /* @__PURE__ */ c(
     "div",
     {
-      ref: i,
-      className: `flex items-center justify-center bg-[var(--icon-bg)] text-[var(--icon-fg)] ${e.onClick ? "cursor-pointer" : ""} ${e.showOnHover ? "invisible opacity-0 pointer-events-none group-hover:visible group-hover:opacity-100 group-hover:pointer-events-auto transition-opacity" : ""}`,
+      className: `flex shrink-0 items-center justify-center bg-[var(--icon-bg)] text-[var(--icon-fg)] ${e.onClick ? "cursor-pointer" : ""} ${e.showOnHover ? "max-w-0 min-w-0 overflow-hidden p-0 opacity-0 pointer-events-none group-hover:max-w-none group-hover:min-w-[18px] group-hover:p-0.5 group-hover:opacity-100 group-hover:pointer-events-auto" : "p-0.5 min-w-[18px]"}`,
       style: {
-        "--icon-bg": k,
-        "--icon-fg": h,
+        "--icon-bg": o,
+        "--icon-fg": s,
         borderRadius: "4px",
-        padding: "2px",
-        minWidth: "18px",
         minHeight: "18px"
       },
-      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: d, rowData: n ?? {} }) : void 0,
-      children: s
+      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: n ?? {} }) : void 0,
+      children: t
     }
   );
-  return g ? /* @__PURE__ */ j(
-    M,
-    {
-      open: l,
-      onOpenChange: o,
-      disableHoverableContent: !0,
-      children: [
-        /* @__PURE__ */ a(Q, { asChild: !0, children: S }),
-        /* @__PURE__ */ a(W, { variant: "tertiary", side: e.tooltipSide || "top", children: g })
-      ]
-    }
-  ) : null;
-}, J = ({
+  return f ? /* @__PURE__ */ j(_, { children: [
+    /* @__PURE__ */ c(z, { asChild: !0, children: h }),
+    /* @__PURE__ */ c(G, { variant: "tertiary", side: e.tooltipSide || "top", children: f })
+  ] }) : h;
+}, q = ({
   badgeConfig: e,
   rowData: n,
   rowId: r,
-  field: d
+  field: a
 }) => {
-  const l = v(e.labelField, e.label, n);
-  if (!l) return null;
-  const o = v(e.colorField, e.color, n), i = v(e.variantField, e.variant, n);
-  return /* @__PURE__ */ a(
+  const t = m(e.labelField, e.label, n);
+  if (!t) return null;
+  const i = m(e.colorField, e.color, n), o = m(e.variantField, e.variant, n);
+  return /* @__PURE__ */ c(
     V,
     {
       className: "font-medium",
-      color: _(o),
-      variant: G(i),
-      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: d, rowData: n ?? {} }) : void 0,
-      children: l
+      color: U(i),
+      variant: L(o),
+      onClick: e.onClick ? () => e.onClick?.({ rowId: r, field: a, rowData: n ?? {} }) : void 0,
+      children: t
     }
   );
-}, X = (e) => {
+}, A = (e) => {
   const {
     value: n,
     data: r,
-    node: d,
-    colDef: l,
-    onClick: o,
-    redirectUrl: i,
+    node: a,
+    colDef: t,
+    onClick: i,
+    redirectUrl: o,
     updateQueryParams: s,
-    navigate: u,
-    setSearchParams: k,
-    rightSideContent: h,
-    valueFormatter: g,
+    navigate: f,
+    setSearchParams: h,
+    rightSideContent: y,
+    valueFormatter: k,
     disableOnPinnedRows: S = !0,
-    disableLinkStyle: x,
-    validationRules: y
-  } = e, c = d.id ?? String(r?.id ?? ""), p = l?.field ?? "", $ = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, w = R(() => x || S && $ || U(y, r) ? !1 : !!(s || i || o), [x, S, $, s, i, o, y, r]), T = C(
-    (f) => {
-      if (f.stopPropagation(), s && k)
-        k((t) => {
-          const b = new URLSearchParams(t);
-          return Object.entries(s).forEach(([E, N]) => {
-            let m = String(N);
-            m = m.replace(/\$\{value\}/g, String(n ?? "")), m = m.replace(/\$\{field\}/g, p), r && Object.keys(r).forEach((F) => {
-              const B = new RegExp(`\\$\\{${F}\\}`, "g");
-              m = m.replace(B, String(r[F] ?? ""));
-            }), b.set(E, m);
-          }), b;
+    disableLinkStyle: w,
+    validationRules: $
+  } = e, v = a.id ?? String(r?.id ?? ""), d = t?.field ?? "", R = r && typeof r == "object" && "_isPinned" in r && r._isPinned === !0, E = b(() => w || S && R || I($, r) ? !1 : !!(s || o || i), [w, S, R, s, o, i, $, r]), N = T(
+    (u) => {
+      if (u.stopPropagation(), s && h)
+        h((l) => {
+          const g = new URLSearchParams(l);
+          return Object.entries(s).forEach(([x, C]) => {
+            let p = String(C);
+            p = p.replace(/\$\{value\}/g, String(n ?? "")), p = p.replace(/\$\{field\}/g, d), r && Object.keys(r).forEach((P) => {
+              const O = new RegExp(`\\$\\{${P}\\}`, "g");
+              p = p.replace(O, String(r[P] ?? ""));
+            }), g.set(x, p);
+          }), g;
         });
-      else if (i && u) {
-        const t = q(i, r, p, n);
-        u(t);
-      } else o && o({ rowId: c, field: p, rowData: r ?? {}, value: n });
+      else if (o && f) {
+        const l = M(o, r, d, n);
+        f(l);
+      } else i && i({ rowId: v, field: d, rowData: r ?? {}, value: n });
     },
-    [s, k, i, u, o, r, p, n, c]
-  ), L = R(() => g ? g(n, r ?? {}) : String(n ?? ""), [n, g, r]), O = R(() => {
-    if (!h?.items || h.items.length === 0) return null;
-    const f = [];
-    return h.items.forEach((t, b) => {
-      if (t.type === "icon" && t.icon)
-        f.push(
-          /* @__PURE__ */ a(
-            A,
+    [s, h, o, f, i, r, d, n, v]
+  ), B = b(() => k ? k(n, r ?? {}) : String(n ?? ""), [n, k, r]), F = b(() => {
+    if (!y?.items || y.items.length === 0) return null;
+    const u = [];
+    return y.items.forEach((l, g) => {
+      if (l.type === "icon" && l.icon)
+        u.push(
+          /* @__PURE__ */ c(
+            Q,
             {
-              iconConfig: t.icon,
+              iconConfig: l.icon,
               rowData: r,
-              rowId: c,
-              field: p
+              rowId: v,
+              field: d
             },
-            `icon-${b}`
+            `icon-${g}`
           )
         );
-      else if (t.type === "badge" && t.badge)
-        f.push(
-          /* @__PURE__ */ a(
-            J,
+      else if (l.type === "badge" && l.badge)
+        u.push(
+          /* @__PURE__ */ c(
+            q,
             {
-              badgeConfig: t.badge,
+              badgeConfig: l.badge,
               rowData: r,
-              rowId: c,
-              field: p
+              rowId: v,
+              field: d
             },
-            `badge-${b}`
+            `badge-${g}`
           )
         );
-      else if (t.type === "dynamic" && t.dynamic) {
-        const E = typeof t.dynamic == "function" ? t.dynamic(r ?? {}) : t.dynamic;
-        f.push(/* @__PURE__ */ a("span", { children: E }, `dyn-${b}`));
+      else if (l.type === "dynamic" && l.dynamic) {
+        const x = typeof l.dynamic == "function" ? l.dynamic(r ?? {}) : l.dynamic;
+        u.push(/* @__PURE__ */ c("span", { children: x }, `dyn-${g}`));
       }
-    }), f.length > 0 ? f : null;
-  }, [h, r, c, p]);
+    }), u.length > 0 ? u : null;
+  }, [y, r, v, d]);
   return /* @__PURE__ */ j("div", { className: "w-full h-full flex items-center justify-between gap-2 group ag-cell-inner-padding", children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: `flex-1 truncate min-w-0 ${w ? "text-brand cursor-pointer hover:underline font-medium" : ""}`,
-        onClick: w ? T : void 0,
-        children: L
+        className: `flex-1 truncate min-w-0 ${E ? "text-brand cursor-pointer hover:underline font-medium" : ""}`,
+        onClick: E ? N : void 0,
+        children: B
       }
     ),
-    O && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 flex-shrink-0", children: O })
+    F && /* @__PURE__ */ c("div", { className: "flex items-center gap-1 flex-shrink-0", children: F })
   ] });
 };
-X.displayName = "LinkCellRenderer";
+A.displayName = "LinkCellRenderer";
 export {
-  X as LinkCellRenderer
+  A as LinkCellRenderer
 };

package/dist/components/data/data-table/data-table-saved-views.js

@@ -1,48 +1,48 @@
 import { jsxs as l, Fragment as X, jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { ChevronRight as ye, Star as I, Search as we, Bookmark as Ne, Pencil as Te, Bin as Ve } from "impact-nova-icons";
+import { ChevronRight as xe, Star as I, Search as ye, Bookmark as we, Pencil as Ne, Bin as Te } from "impact-nova-icons";
 import { cn as m } from "../../../lib/utils.js";
-import { useImpactNovaI18n as ke } from "../../../i18n/use-impact-nova-i18n.js";
-import { Popover as De, PopoverTrigger as Se, PopoverContent as Ce } from "../../feedback/popover/popover.js";
-import { OverflowTooltip as Z } from "../../feedback/tooltip/overflow-tooltip.js";
+import { useImpactNovaI18n as Ve } from "../../../i18n/use-impact-nova-i18n.js";
+import { Popover as ke, PopoverTrigger as De, PopoverContent as Ce } from "../../feedback/popover/popover.js";
+import { OverflowTooltip as Se } from "../../feedback/tooltip/overflow-tooltip.js";
+import { BadgeOverflowTooltip as ze } from "../../feedback/tooltip/badge-overflow-tooltip.js";
 import { Button as u } from "../../primitives/button/button.js";
-import { Badge as q } from "../../data-display/badge/badge.js";
-import { badgeVariants as ze } from "../../data-display/badge/badge.variants.js";
+import { Badge as Z } from "../../data-display/badge/badge.js";
 import { Input as Me } from "../../forms/input/input.js";
-import { Separator as ee } from "../../data-display/separator/separator.js";
+import { Separator as q } from "../../data-display/separator/separator.js";
 import { Skeleton as R } from "../../data-display/skeleton/skeleton.js";
 import { Prompt as Ae } from "../../forms/prompt/prompt.js";
 function Pe(v) {
   return v.isSystemView ? "system" : v.isDefaultView ? "default" : v.isActive ? "active" : "other";
 }
-const Oe = ["default", "active", "system"], Ge = ({
+const Oe = ["default", "active", "system"], We = ({
   isSaveViewEnabled: v = !0,
   views: o,
-  activeViewSummary: te,
-  viewTypeOptions: ae,
+  activeViewSummary: ee,
+  viewTypeOptions: te,
   menuOpen: E,
-  defaultMenuOpen: ne = !1,
+  defaultMenuOpen: ae = !1,
   onMenuOpenChange: j,
   onSearch: D,
   isLoadingViews: L = !1,
   customListContent: U,
-  disableApply: ie = !1,
-  className: re,
-  onSaveViewClick: le,
-  onApply: se,
-  onCancel: oe,
-  onEditView: de,
-  onDeleteView: ce,
+  disableApply: ne = !1,
+  className: ie,
+  onSaveViewClick: re,
+  onApply: le,
+  onCancel: se,
+  onEditView: oe,
+  onDeleteView: de,
   onSetDefaultView: Q
 }) => {
-  const { t: a } = ke(), S = E !== void 0, [me, N] = n.useState(null), [ue, pe] = n.useState(
-    ne
-  ), p = S ? !!E : ue, f = n.useCallback(
+  const { t: a } = Ve(), C = E !== void 0, [ce, N] = n.useState(null), [me, ue] = n.useState(
+    ae
+  ), p = C ? !!E : me, f = n.useCallback(
     (e) => {
-      S || pe(e), j?.(e);
+      C || ue(e), j?.(e);
     },
-    [S, j]
-  ), [x, C] = n.useState("All"), [T, z] = n.useState(""), [F, M] = n.useState("");
+    [C, j]
+  ), [x, S] = n.useState("All"), [T, z] = n.useState(""), [F, M] = n.useState("");
   n.useEffect(() => {
     const e = window.setTimeout(() => M(T), 300);
     return () => window.clearTimeout(e);
@@ -52,12 +52,12 @@ const Oe = ["default", "active", "system"], Ge = ({
   const Y = n.useMemo(
     () => o.find((e) => e.isActive),
     [o]
-  ), d = Y ?? null, _ = te ?? Y?.viewName ?? a("dataTable.savedViewsNotApplicable"), [V, A] = n.useState(null), [y, $] = n.useState(null), K = n.useRef(!1);
+  ), d = Y ?? null, _ = ee ?? Y?.viewName ?? a("dataTable.savedViewsNotApplicable"), [V, A] = n.useState(null), [y, $] = n.useState(null), K = n.useRef(!1);
   n.useEffect(() => {
     const e = p && !K.current;
     if (K.current = p, e) {
       const i = o.find((c) => c.isActive);
-      A(i?.id ?? null), C("All"), z(""), M("");
+      A(i?.id ?? null), S("All"), z(""), M("");
     }
   }, [p, o]);
   const w = n.useMemo(() => x === "All" ? o : o.filter((e) => e.viewType === x), [o, x]), h = T.trim().toLowerCase(), k = n.useCallback(
@@ -76,27 +76,27 @@ const Oe = ["default", "active", "system"], Ge = ({
   }, [w, h, k]), O = n.useMemo(() => {
     const e = new Set(b.map((i) => i.id));
     return P.filter((i) => !e.has(i.id));
-  }, [P, b]), G = V === null ? null : o.find((e) => e.id === V) ?? null, fe = () => {
-    se?.(G, { activeView: d }), f(!1);
-  }, he = () => {
-    oe?.({ activeView: d, pendingView: G }), f(!1);
-  }, be = (e) => {
+  }, [P, b]), W = V === null ? null : o.find((e) => e.id === V) ?? null, pe = () => {
+    le?.(W, { activeView: d }), f(!1);
+  }, fe = () => {
+    se?.({ activeView: d, pendingView: W }), f(!1);
+  }, he = (e) => {
     f(e), e || (z(""), M(""));
   };
   if (!v)
     return null;
-  const ge = o.length > 0, H = (e, i, c) => {
-    const B = V === e.id, s = me === e.id, J = i === "priority" && !!e.isActive, ve = i === "list" && !!e.isActive, xe = !!(e.isEditable || e.isDeletable), g = !e.hideDefaultStar, W = xe || g;
+  const be = o.length > 0, G = (e, i, c) => {
+    const B = V === e.id, s = ce === e.id, H = i === "priority" && !!e.isActive, ge = i === "list" && !!e.isActive, ve = !!(e.isEditable || e.isDeletable), g = !e.hideDefaultStar, J = ve || g;
     return /* @__PURE__ */ l(
       "div",
       {
         tabIndex: 0,
         className: m(
-          "group mb-1 flex min-w-0 cursor-pointer items-center rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] transition-all duration-300 relative overflow-hidden",
+          "group mb-1 flex min-w-0 cursor-pointer items-stretch rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] transition-all duration-300 relative overflow-hidden",
           !s && "hover:bg-canvas-muted",
-          !s && J && !B && "bg-primary/10 dark:bg-primary/15",
+          !s && H && !B && "bg-primary/10 dark:bg-primary/15",
           !s && B && "bg-badge-info-muted text-badge-info-foreground",
-          !s && !B && !J && "text-foreground",
+          !s && !B && !H && "text-foreground",
           s && "pointer-events-none"
         ),
         onClick: () => !s && A(e.id),
@@ -115,12 +115,12 @@ const Oe = ["default", "active", "system"], Ge = ({
             }
           ),
           /* @__PURE__ */ t(
-            Z,
+            Se,
             {
               triggerClassName: m(
-                "relative z-10 block min-w-0 w-full truncate text-start",
-                W && (e.isDefaultView && g ? "pe-7 group-hover:pe-[4.75rem]" : "pe-0 group-hover:pe-[4.75rem]"),
-                ve && "underline decoration-primary decoration-2 underline-offset-2"
+                "relative z-10 block min-w-0 flex-1 self-stretch truncate text-start overflow-hidden",
+                J && (e.isDefaultView && g ? "pe-7 group-hover:pe-[4.75rem]" : "pe-0 group-hover:pe-[4.75rem]"),
+                ge && "underline decoration-primary decoration-2 underline-offset-2"
               ),
               content: e.viewName,
               side: "right",
@@ -128,7 +128,7 @@ const Oe = ["default", "active", "system"], Ge = ({
               children: e.viewName
             }
           ),
-          W ? /* @__PURE__ */ l(
+          J ? /* @__PURE__ */ l(
             "div",
             {
               className: m(
@@ -148,9 +148,9 @@ const Oe = ["default", "active", "system"], Ge = ({
                     ),
                     "aria-label": a("dataTable.savedViewsEdit"),
                     onClick: (r) => {
-                      r.stopPropagation(), r.preventDefault(), f(!1), de?.(e, { activeView: d });
+                      r.stopPropagation(), r.preventDefault(), f(!1), oe?.(e, { activeView: d });
                     },
-                    children: /* @__PURE__ */ t(Te, { className: "size-3.5" })
+                    children: /* @__PURE__ */ t(Ne, { className: "size-3.5" })
                   }
                 ) : null,
                 e.isDeletable ? /* @__PURE__ */ t(
@@ -167,7 +167,7 @@ const Oe = ["default", "active", "system"], Ge = ({
                     onClick: (r) => {
                       r.stopPropagation(), r.preventDefault(), f(!1), $(e);
                     },
-                    children: /* @__PURE__ */ t(Ve, { className: "size-3.5" })
+                    children: /* @__PURE__ */ t(Te, { className: "size-3.5" })
                   }
                 ) : null,
                 g ? e.isDefaultView ? /* @__PURE__ */ t(
@@ -214,14 +214,14 @@ const Oe = ["default", "active", "system"], Ge = ({
         "data-component": "data-table-saved-views",
         className: m(
           "saved-view-bar-gradient mb-2 mx-4 flex min-w-0 flex-nowrap items-center justify-between gap-2 rounded-lg px-2 py-3",
-          re
+          ie
         ),
         children: [
           L ? /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: [
             /* @__PURE__ */ t(R, { className: "h-6 w-24 rounded-full bg-scrim-skeleton" }),
             /* @__PURE__ */ t(R, { className: "h-6 w-6 shrink-0 rounded-md bg-scrim-skeleton" })
-          ] }) : ge ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-start gap-1 overflow-hidden", children: /* @__PURE__ */ l(De, { open: p, onOpenChange: be, children: [
-            /* @__PURE__ */ t(Se, { asChild: !0, children: /* @__PURE__ */ l(
+          ] }) : be ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-start gap-1 overflow-hidden", children: /* @__PURE__ */ l(ke, { open: p, onOpenChange: he, children: [
+            /* @__PURE__ */ t(De, { asChild: !0, children: /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
@@ -231,23 +231,14 @@ const Oe = ["default", "active", "system"], Ge = ({
                 "aria-label": a("dataTable.savedViewsOpenMenu"),
                 children: [
                   /* @__PURE__ */ t(
-                    Z,
+                    ze,
                     {
-                      as: "div",
-                      triggerClassName: m(
-                        ze({
-                          variant: "outline",
-                          color: "success",
-                          size: "md",
-                          shape: "circle",
-                          layout: "default"
-                        }),
-                        "w-fit max-w-full min-w-0 shrink truncate font-['Manrope']"
-                      ),
+                      label: _,
                       content: _,
+                      badgeColor: "success",
+                      maxWidthClassName: "max-w-full",
                       side: "top",
-                      variant: "tertiary",
-                      children: _
+                      variant: "tertiary"
                     }
                   ),
                   /* @__PURE__ */ t(
@@ -258,7 +249,7 @@ const Oe = ["default", "active", "system"], Ge = ({
                         p && "rotate-180"
                       ),
                       "aria-hidden": !0,
-                      children: /* @__PURE__ */ t(ye, { className: "size-3.5 rotate-90 text-content-charcoal" })
+                      children: /* @__PURE__ */ t(xe, { className: "size-3.5 rotate-90 text-content-charcoal" })
                     }
                   )
                 ]
@@ -284,9 +275,9 @@ const Oe = ["default", "active", "system"], Ge = ({
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => C("All"),
+                        onClick: () => S("All"),
                         children: /* @__PURE__ */ t(
-                          q,
+                          Z,
                           {
                             color: x === "All" ? "primary" : "neutral",
                             variant: "outline",
@@ -297,14 +288,14 @@ const Oe = ["default", "active", "system"], Ge = ({
                         )
                       }
                     ),
-                    ae?.map((e) => /* @__PURE__ */ t(
+                    te?.map((e) => /* @__PURE__ */ t(
                       "button",
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => C(e.value),
+                        onClick: () => S(e.value),
                         children: /* @__PURE__ */ t(
-                          q,
+                          Z,
                           {
                             color: x === e.value ? "primary" : "neutral",
                             variant: "outline",
@@ -325,7 +316,7 @@ const Oe = ["default", "active", "system"], Ge = ({
                       value: T,
                       onChange: (e) => z(e.target.value),
                       prefix: /* @__PURE__ */ t(
-                        we,
+                        ye,
                         {
                           className: "size-4 shrink-0 text-secondary-foreground",
                           "aria-hidden": !0
@@ -337,17 +328,17 @@ const Oe = ["default", "active", "system"], Ge = ({
                   ) }),
                   /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: U || (L ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(R, { className: "h-9 w-full rounded-lg" }, e)) }) : P.length === 0 && b.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ l("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
                     b.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: b.map(
-                      (e) => H(
+                      (e) => G(
                         e,
                         "priority",
                         `priority-${e.id}`
                       )
                     ) }) : null,
-                    b.length > 0 && O.length > 0 ? /* @__PURE__ */ t(ee, { className: "mb-2 bg-stroke-hairline" }) : null,
+                    b.length > 0 && O.length > 0 ? /* @__PURE__ */ t(q, { className: "mb-2 bg-stroke-hairline" }) : null,
                     O.length > 0 ? /* @__PURE__ */ l(X, { children: [
                       /* @__PURE__ */ t("div", { className: "px-3 pb-1.5 pt-0.5 text-xs font-medium tracking-wide text-content-placeholder font-['Manrope']", children: a("dataTable.savedViewsAllSavedViews") }),
                       /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: O.map(
-                        (e) => H(
+                        (e) => G(
                           e,
                           "list",
                           `list-${e.id}`
@@ -355,7 +346,7 @@ const Oe = ["default", "active", "system"], Ge = ({
                       ) })
                     ] }) : null
                   ] })) }),
-                  /* @__PURE__ */ t(ee, { className: "my-1 bg-[var(--color-border-hairline)]" }),
+                  /* @__PURE__ */ t(q, { className: "my-1 bg-[var(--color-border-hairline)]" }),
                   /* @__PURE__ */ l("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
                     /* @__PURE__ */ t(
                       u,
@@ -363,7 +354,7 @@ const Oe = ["default", "active", "system"], Ge = ({
                         type: "button",
                         variant: "tertiary",
                         size: "md",
-                        onClick: he,
+                        onClick: fe,
                         children: a("dataTable.savedViewsCancel")
                       }
                     ),
@@ -373,8 +364,8 @@ const Oe = ["default", "active", "system"], Ge = ({
                         type: "button",
                         variant: "default",
                         size: "md",
-                        disabled: ie || V === d?.id,
-                        onClick: fe,
+                        disabled: ne || V === d?.id,
+                        onClick: pe,
                         children: a("dataTable.savedViewsApply")
                       }
                     )
@@ -383,7 +374,7 @@ const Oe = ["default", "active", "system"], Ge = ({
               }
             )
           ] }) }) : /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden text-content-tertiary", children: [
-            /* @__PURE__ */ t(Ne, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+            /* @__PURE__ */ t(we, { className: "size-4 shrink-0", "aria-hidden": !0 }),
             /* @__PURE__ */ t("span", { className: "text-sm font-medium font-['Manrope']", children: a("dataTable.savedViewsNoneYet") })
           ] }),
           /* @__PURE__ */ t(
@@ -394,7 +385,7 @@ const Oe = ["default", "active", "system"], Ge = ({
               size: "sm",
               className: "shrink-0 font-['Manrope']",
               onClick: () => {
-                f(!1), le?.({ activeView: d });
+                f(!1), re?.({ activeView: d });
               },
               children: a("dataTable.savedViewsSave")
             }
@@ -416,12 +407,12 @@ const Oe = ["default", "active", "system"], Ge = ({
         }) : void 0,
         confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
         onConfirm: () => {
-          y && ce?.(y, { activeView: d });
+          y && de?.(y, { activeView: d });
         }
       }
     )
   ] });
 };
 export {
-  Ge as DataTableSavedViews
+  We as DataTableSavedViews
 };

package/dist/components/data-display/badge/badge.variants.d.ts

@@ -1,6 +1,6 @@
 export declare const badgeVariants: (props?: ({
-    variant?: "outline" | "solid" | "subtle" | null | undefined;
-    color?: "primary" | "destructive" | "warning" | "success" | "neutral" | null | undefined;
+    variant?: "solid" | "outline" | "subtle" | null | undefined;
+    color?: "primary" | "success" | "warning" | "destructive" | "neutral" | null | undefined;
     size?: "sm" | "md" | null | undefined;
     shape?: "circle" | "square" | null | undefined;
     layout?: "default" | "iconOnly" | null | undefined;

package/dist/components/feedback/alert/alert.variants.d.ts

@@ -1,4 +1,4 @@
 export declare const alertVariants: (props?: ({
-    variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
     emphasis?: "flat" | "elevated" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;