@ztwoint/z-ui 0.1.129 → 0.1.130

package/dist/components/button/button.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "stroke" | "filled" | "ghost" | null | undefined;
+    variant?: "stroke" | "filled" | "colored-stroke" | "ghost" | null | undefined;
     shade?: "danger" | "neutral" | "brand" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
     iconOnly?: boolean | null | undefined;

package/dist/components/button/button.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as x, Fragment as h } from "react/jsx-runtime";
+import { jsx as e, jsxs as f, Fragment as h } from "react/jsx-runtime";
 import k from "react";
 import { Slot as w } from "@radix-ui/react-slot";
 import { cva as N } from "class-variance-authority";
@@ -10,9 +10,12 @@ const C = N(
       variant: {
         filled: [""],
         stroke: [
-          "ring-[0.5px] ring-btn-secondary-stroke-default hover:ring-btn-secondary-stroke-hover active:ring-btn-secondary-stroke-pressed disabled:ring-btn-secondary-stroke-disabled",
+          "ring-[1px] ring-btn-secondary-stroke-default hover:ring-btn-secondary-stroke-hover active:ring-btn-secondary-stroke-pressed disabled:ring-btn-secondary-stroke-disabled",
           "bg-btn-secondary-surface-default hover:bg-btn-secondary-surface-hover active:bg-btn-secondary-surface-pressed disabled:bg-btn-secondary-surface-disabled"
         ],
+        "colored-stroke": [
+          "ring-[1px] bg-btn-secondary-surface-default hover:bg-btn-secondary-surface-hover active:bg-btn-secondary-surface-pressed disabled:bg-btn-secondary-surface-disabled"
+        ],
         ghost: [
           "hover:text-text-neutral-secondary active:text-text-neutral-muted disabled:text-text-neutral-muted"
         ]
@@ -35,17 +38,17 @@ const C = N(
       {
         variant: "filled",
         shade: "brand",
-        class: "bg-btn-primary-brand-surface-default hover:bg-btn-primary-brand-surface-hover active:bg-btn-primary-brand-surface-pressed disabled:bg-btn-primary-brand-surface-disabled ring-[0.5px] ring-btn-primary-brand-stroke-default hover:ring-btn-primary-brand-stroke-hover active:ring-btn-primary-brand-stroke-pressed disabled:ring-btn-primary-brand-stroke-disabled text-text-inverted-primary disabled:text-text-neutral-muted"
+        class: "bg-btn-primary-brand-surface-default hover:bg-btn-primary-brand-surface-hover active:bg-btn-primary-brand-surface-pressed disabled:bg-btn-primary-brand-surface-disabled ring-[1px] ring-btn-primary-brand-stroke-default hover:ring-btn-primary-brand-stroke-hover active:ring-btn-primary-brand-stroke-pressed disabled:ring-btn-primary-brand-stroke-disabled text-text-inverted-primary disabled:text-text-neutral-muted"
       },
       {
         variant: "filled",
         shade: "neutral",
-        class: "bg-btn-primary-neutral-surface-default hover:bg-btn-primary-neutral-surface-hover active:bg-btn-primary-neutral-surface-pressed disabled:bg-btn-primary-neutral-surface-disabled ring-[0.5px] ring-btn-primary-neutral-stroke-default hover:ring-btn-primary-neutral-stroke-hover active:ring-btn-primary-neutral-stroke-pressed disabled:ring-btn-primary-neutral-stroke-disabled text-text-inverted-primary disabled:text-text-neutral-muted"
+        class: "bg-btn-primary-neutral-surface-default hover:bg-btn-primary-neutral-surface-hover active:bg-btn-primary-neutral-surface-pressed disabled:bg-btn-primary-neutral-surface-disabled ring-[1px] ring-btn-primary-neutral-stroke-default hover:ring-btn-primary-neutral-stroke-hover active:ring-btn-primary-neutral-stroke-pressed disabled:ring-btn-primary-neutral-stroke-disabled text-text-inverted-primary disabled:text-text-neutral-muted"
       },
       {
         variant: "filled",
         shade: "danger",
-        class: "bg-btn-primary-danger-surface-default hover:bg-btn-primary-danger-surface-hover active:bg-btn-primary-danger-surface-pressed disabled:bg-btn-primary-danger-surface-disabled ring-[0.5px] ring-btn-primary-danger-stroke-default hover:ring-btn-primary-danger-stroke-hover active:ring-btn-primary-danger-stroke-pressed disabled:ring-btn-primary-danger-stroke-disabled text-text-inverted-primary disabled:text-text-neutral-muted"
+        class: "bg-btn-primary-danger-surface-default hover:bg-btn-primary-danger-surface-hover active:bg-btn-primary-danger-surface-pressed disabled:bg-btn-primary-danger-surface-disabled ring-[1px] ring-btn-primary-danger-stroke-default hover:ring-btn-primary-danger-stroke-hover active:ring-btn-primary-danger-stroke-pressed disabled:ring-btn-primary-danger-stroke-disabled text-text-inverted-primary disabled:text-text-neutral-muted"
       },
       {
         variant: "stroke",
@@ -62,6 +65,21 @@ const C = N(
         shade: "danger",
         class: "text-text-danger-secondary disabled:text-text-neutral-muted"
       },
+      {
+        variant: "colored-stroke",
+        shade: "neutral",
+        class: "text-text-neutral-primary ring-text-neutral-primary hover:ring-text-neutral-primary active:ring-text-neutral-primary disabled:text-text-neutral-muted disabled:ring-text-neutral-muted"
+      },
+      {
+        variant: "colored-stroke",
+        shade: "brand",
+        class: "text-text-neutral-primary ring-text-brand-secondary hover:ring-text-brand-secondary active:ring-text-brand-secondary disabled:text-text-neutral-muted disabled:ring-text-neutral-muted"
+      },
+      {
+        variant: "colored-stroke",
+        shade: "danger",
+        class: "text-text-neutral-primary ring-text-danger-secondary hover:ring-text-danger-secondary active:ring-text-danger-secondary disabled:text-text-neutral-muted disabled:ring-text-neutral-muted"
+      },
       {
         variant: "ghost",
         shade: "neutral",
@@ -90,19 +108,19 @@ const C = N(
     className: b,
     shade: u = "neutral",
     size: c,
-    variant: m = "filled",
+    variant: g = "filled",
     asChild: i = !1,
     leftIcon: r,
     rightIcon: t,
-    label: p,
+    label: m,
     children: l,
-    ...g
-  }, y) => {
-    const f = i ? w : "button", a = p || l, n = !a && !!(r || t), o = n ? r || t : null, v = d(
-      C({ shade: u, size: c, variant: m, iconOnly: n }),
+    ...p
+  }, x) => {
+    const y = i ? w : "button", a = m || l, n = !a && !!(r || t), o = n ? r || t : null, v = d(
+      C({ shade: u, size: c, variant: g, iconOnly: n }),
       b
     ), s = "w-3.5 h-3.5 min-w-max";
-    return /* @__PURE__ */ e(f, { className: v, ref: y, ...g, children: i ? l : n ? o ? /* @__PURE__ */ e("span", { className: s, children: o }) : null : /* @__PURE__ */ x(h, { children: [
+    return /* @__PURE__ */ e(y, { className: v, ref: x, ...p, children: i ? l : n ? o ? /* @__PURE__ */ e("span", { className: s, children: o }) : null : /* @__PURE__ */ f(h, { children: [
       r && /* @__PURE__ */ e("span", { className: d(s), children: r }),
       a && /* @__PURE__ */ e("span", { children: a }),
       t && /* @__PURE__ */ e("span", { className: d(s), children: t })

package/dist/components/column-reorder/column-reorder.js

@@ -4,35 +4,35 @@ import { cn as f } from "../../lib/utils.js";
 import { ColumnItem as p } from "./components/column-item/column-item.js";
 import { useColumnReorder as c } from "./column-reorder.hook.js";
 const C = ({
-  columns: o,
+  columns: e,
   onReorder: d,
   onRemove: i,
   onEdit: l,
-  renderAction: t,
-  className: m,
-  disabled: n = !1,
-  editable: s = !1
+  renderAction: m,
+  className: t,
+  disabled: s = !1,
+  editable: n = !1
 }) => {
-  const { internalColumns: a } = c({ columns: o, onReorder: d });
+  const { internalColumns: a } = c({ columns: e, onReorder: d });
   return /* @__PURE__ */ r(
     "div",
     {
       className: f(
-        "rounded-2xl border-[0.5px] border-stroke-solid-light bg-background-neutral-default overflow-hidden",
-        m
+        "rounded-2xl border-[1px] border-stroke-solid-light bg-background-neutral-default overflow-hidden box-shadow-medium-10",
+        t
       ),
-      children: /* @__PURE__ */ r("div", { className: "divide-y divide-stroke-solid-light", children: a.map((e, u) => /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r("div", { className: "divide-y divide-stroke-solid-light", children: a.map((o, u) => /* @__PURE__ */ r(
         p,
         {
-          column: e,
+          column: o,
           index: u,
           onRemove: i,
           onEdit: l,
-          renderAction: t,
-          disabled: n,
-          editable: s
+          renderAction: m,
+          disabled: s,
+          editable: n
         },
-        e.id
+        o.id
       )) })
     }
   );

package/dist/components/dropdown/z2-dropdown.js

@@ -71,7 +71,7 @@ function B({
     "div",
     {
       className: d(
-        "flex items-center justify-center gap-1.5 p-2 self-stretch relative cursor-pointer rounded-lg bg-white border-[0.5px] border-[#E0E0E0] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] hover:border-neutral-300 ",
+        "flex items-center justify-center gap-1.5 p-2 self-stretch relative cursor-pointer rounded-lg bg-white border-[1px] border-[#E0E0E0] shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] hover:border-neutral-300 ",
         o
       ),
       children: [
@@ -133,7 +133,7 @@ function F({
       align: a,
       sideOffset: 8,
       className: d(
-        "bg-white max-w-fit w-[var(--radix-popover-trigger-width)] p-1 flex flex-col items-start rounded-2xl border-[0.5px] border-[#E0E0E0] shadow-lg min-w-fit",
+        "bg-white max-w-fit w-[var(--radix-popover-trigger-width)] p-1 flex flex-col items-start rounded-2xl border-[1px] border-[#E0E0E0] shadow-lg min-w-fit",
         e
       ),
       ...o
@@ -222,7 +222,7 @@ function L({
       side: l,
       className: d(
         "min-w-md min-h-fit h-[var(--radix-popover-content-height)]",
-        "bg-white w-full p-1 flex flex-col items-start rounded-2xl border-[0.5px] border-[#E0E0E0] shadow-lg",
+        "bg-white w-full p-1 flex flex-col items-start rounded-2xl border-[1px] border-[#E0E0E0] shadow-lg",
         e
       ),
       ...r

package/dist/components/input/input.js

@@ -15,7 +15,7 @@ const d = _("", {
     "div",
     {
       className: e(
-        "rounded-lg bg-input-surface-default flex items-center shadow-[inset_0_0_0_0.5px_theme(colors.input.stroke.default)] hover:shadow-[inset_0_0_0_0.5px_theme(colors.input.stroke.hover)] focus-within:shadow-[inset_0_0_0_0.5px_theme(colors.input.stroke.active),0_1px_2px_0_rgba(0,0,0,0.05)] focus-within:hover:shadow-[inset_0_0_0_0.5px_theme(colors.input.stroke.active),0_1px_2px_0_rgba(0,0,0,0.05)] has-[:disabled]:shadow-[inset_0_0_0_0.5px_theme(colors.input.stroke.disabled)]",
+        "rounded-lg bg-input-surface-default flex items-center shadow-[inset_0_0_0_1px_theme(colors.input.stroke.default)] hover:shadow-[inset_0_0_0_1px_theme(colors.input.stroke.hover)] focus-within:shadow-[inset_0_0_0_1px_theme(colors.input.stroke.active),0_1px_2px_0_rgba(0,0,0,0.05)] focus-within:hover:shadow-[inset_0_0_0_1px_theme(colors.input.stroke.active),0_1px_2px_0_rgba(0,0,0,0.05)] has-[:disabled]:shadow-[inset_0_0_0_1px_theme(colors.input.stroke.disabled)]",
         d({ size: s }),
         o
       ),

package/dist/components/number-badge/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberBadge, numberBadgeVariants } from './number-badge';
+export type { NumberBadgeProps } from './number-badge';

package/dist/components/number-badge/number-badge.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const numberBadgeVariants: (props?: ({
+    textColor?: "danger" | "neutral" | "brand" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface NumberBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof numberBadgeVariants> {
+    number: number;
+}
+declare const NumberBadge: React.ForwardRefExoticComponent<NumberBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { NumberBadge, numberBadgeVariants };

package/dist/components/number-badge/number-badge.js

@@ -0,0 +1,27 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { cva as d } from "class-variance-authority";
+import { cn as o } from "../../lib/utils.js";
+const i = d("inline-flex items-center leading-none-medium-sm", {
+  variants: {
+    textColor: {
+      neutral: "text-text-neutral-primary",
+      brand: "text-text-brand-secondary",
+      danger: "text-text-danger-secondary"
+    }
+  },
+  defaultVariants: {
+    textColor: "neutral"
+  }
+}), x = m.forwardRef(
+  ({ className: t, textColor: r = "neutral", number: a, ...n }, s) => /* @__PURE__ */ l("span", { className: o(i({ textColor: r }), t), ref: s, ...n, children: [
+    /* @__PURE__ */ e("span", { className: "text-text-neutral-muted pr-[1px]", children: "[" }),
+    /* @__PURE__ */ e("span", { children: a }),
+    /* @__PURE__ */ e("span", { className: "text-text-neutral-muted pl-[1px]", children: "]" })
+  ] })
+);
+x.displayName = "NumberBadge";
+export {
+  x as NumberBadge,
+  i as numberBadgeVariants
+};

package/dist/components/primitives/table-card/table-card.js

@@ -164,7 +164,7 @@ const Dt = ({
         r.Footer,
         {
           className: d(
-            "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
+            "flex-shrink-0 border-stroke-solid-light border-t-[1px] mt-[-2px]",
             n && "border",
             c && "rounded-b-xl",
             T

package/dist/components/tab/tab.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-tabs";
-import { cn as s } from "../../lib/utils.js";
-function o({ className: a, ...t }) {
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-tabs";
+import { cn as r } from "../../lib/utils.js";
+function m({ className: a, ...t }) {
   return /* @__PURE__ */ e(
-    r.Root,
+    s.Root,
     {
       "data-slot": "tabs",
-      className: s(a),
+      className: r(a),
       orientation: "horizontal",
       ...t
     }
@@ -14,67 +14,97 @@ function o({ className: a, ...t }) {
 }
 function c({ className: a, ...t }) {
   return /* @__PURE__ */ e(
-    r.List,
+    s.List,
     {
       "data-slot": "tabs-list",
-      className: s(
+      className: r(
         "inline-flex items-center bg-transparent relative",
         "w-full h-11",
         "max-lg:w-full max-lg:max-w-[full] max-lg:overflow-x-auto max-lg:overflow-y-hidden",
         "max-sm:w-full max-sm:px-2",
-        // 'after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-neutral-150',
         a
       ),
       ...t
     }
   );
 }
-function p({
+function f({
   className: a,
   icon: t,
-  label: i,
-  ...n
+  label: n,
+  ...i
 }) {
-  return /* @__PURE__ */ l(
-    r.Trigger,
+  return /* @__PURE__ */ o(
+    s.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: s(
+      className: r(
+        // Base positioning and layout
         "flex h-11 p-2.5 justify-center items-center gap-1 relative cursor-pointer",
         "max-lg:min-w-fit max-lg:flex-shrink-0",
         "max-sm:px-1.5 max-sm:py-2 max-sm:gap-0.5",
         "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
         "group",
+        // Underline pseudo-element using Tailwind's after: utilities
+        'after:content-[""] after:absolute after:left-1/2 after:bottom-0 after:-translate-x-1/2',
+        "after:w-[calc(100%-24px)] after:border-b after:border-stroke-solid-attention",
+        "after:opacity-0 after:transition-opacity after:duration-200 after:ease-linear after:z-10",
+        // Active state - show underline
+        "data-[state=active]:after:opacity-100",
         a
       ),
-      ...n,
+      ...i,
       children: [
-        t && /* @__PURE__ */ e("div", { className: "w-[14px] h-[14px] flex-shrink-0 flex items-center justify-center tab-icon", children: /* @__PURE__ */ e("div", { className: "w-[14px] h-[14px] [&>*]:!w-[14px] [&>*]:!h-[14px]", children: t }) }),
-        i && /* @__PURE__ */ e("div", { className: "flex px-0.5 justify-center items-center gap-1.5 max-sm:px-0.25 max-sm:gap-1", children: /* @__PURE__ */ e(
+        t && /* @__PURE__ */ e(
+          "div",
+          {
+            className: r(
+              "w-[14px] h-[14px] flex-shrink-0 flex items-center justify-center transition-colors duration-200",
+              // Icon colors based on state
+              "text-text-neutral-secondary",
+              // Default inactive color
+              "group-data-[state=active]:text-text-neutral-primary",
+              // Active color
+              "group-hover:text-text-neutral-primary",
+              // Hover color
+              // Force icon size
+              "[&>*]:!w-[14px] [&>*]:!h-[14px]"
+            ),
+            children: t
+          }
+        ),
+        n && /* @__PURE__ */ e("div", { className: "flex px-0.5 justify-center items-center gap-1.5 max-sm:px-0.25 max-sm:gap-1", children: /* @__PURE__ */ e(
           "div",
           {
-            className: s(
-              "text-center font-[450] transition-colors duration-200 tab-label",
+            className: r(
+              "text-center font-[450] transition-colors duration-200",
               "text-sm leading-none tracking-[-0.2px]",
               "max-lg:text-[13px]",
-              "max-sm:text-xs"
+              "max-sm:text-xs",
+              // Label colors based on state
+              "text-text-neutral-secondary",
+              // Default inactive color
+              "group-data-[state=active]:text-text-neutral-primary",
+              // Active color
+              "group-hover:text-text-neutral-primary"
+              // Hover color
             ),
-            children: i
+            children: n
           }
         ) })
       ]
     }
   );
 }
-function d({
+function p({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ e(r.Content, { "data-slot": "tabs-content", className: s(a), ...t });
+  return /* @__PURE__ */ e(s.Content, { "data-slot": "tabs-content", className: r(a), ...t });
 }
 export {
-  o as Z2Tabs,
-  d as Z2TabsContent,
+  m as Z2Tabs,
+  p as Z2TabsContent,
   c as Z2TabsList,
-  p as Z2TabsTrigger
+  f as Z2TabsTrigger
 };

package/dist/components/table/components/cell/avatar-cell.js

@@ -66,7 +66,7 @@ const ft = ({
   "div",
   {
     className: r(
-      "flex flex-col gap-2.5  items-center hover:bg-background-neutral-light h-full min-w-full  leading-none-medium-sm p-3",
+      "flex flex-col gap-2.5  items-center h-full min-w-full  leading-none-medium-sm p-3",
       s
     ),
     children: [

package/dist/components/table/components/cell/description-cell.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as l } from "../../../../lib/utils.js";
-const i = ({ value: e, className: t }) => /* @__PURE__ */ r(
+const o = ({ value: e, className: t }) => /* @__PURE__ */ r(
   "div",
   {
     className: l(
-      "text-text-neutral-secondary p-3 w-full h-full items-center flex hover:bg-background-neutral-light",
+      "text-text-neutral-secondary p-3 w-full h-full items-center flex",
       "leading-[24px] text-[14px]",
       t
     ),
@@ -12,5 +12,5 @@ const i = ({ value: e, className: t }) => /* @__PURE__ */ r(
   }
 );
 export {
-  i as DescriptionCell
+  o as DescriptionCell
 };

package/dist/components/table/components/cell/label-cell.js

@@ -2,19 +2,19 @@ import { jsxs as e, jsx as l } from "react/jsx-runtime";
 import "react";
 import { cn as a } from "../../../../lib/utils.js";
 const u = ({
-  value: i,
+  value: r,
   leftIcon: n,
-  rightIcon: t,
+  rightIcon: m,
   className: c,
-  helperText: m,
+  helperText: t,
   description: s
 }) => {
-  const r = "min-h-max min-w-max";
+  const i = "min-h-max min-w-max";
   return /* @__PURE__ */ e(
     "div",
     {
       className: a(
-        "flex flex-row gap-2.5  items-center hover:bg-background-neutral-light h-full min-w-full  leading-none-medium-sm p-3",
+        "flex flex-row gap-2.5  items-center h-full min-w-full  leading-none-medium-sm p-3",
         s && "flex-col",
         c
       ),
@@ -27,12 +27,12 @@ const u = ({
             ),
             children: [
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5 h-full", children: [
-                n && /* @__PURE__ */ l("span", { className: a(r), children: n }),
-                i
+                n && /* @__PURE__ */ l("span", { className: a(i), children: n }),
+                r
               ] }),
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5", children: [
-                m && /* @__PURE__ */ l("span", { className: "text-text-neutral-secondary", children: m }),
-                t && /* @__PURE__ */ l("span", { className: a(r), children: t })
+                t && /* @__PURE__ */ l("span", { className: "text-text-neutral-secondary", children: t }),
+                m && /* @__PURE__ */ l("span", { className: a(i), children: m })
               ] })
             ]
           }

package/dist/components/table/components/cell/link-cell.js

@@ -1,36 +1,36 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as r, jsx as m } from "react/jsx-runtime";
 import "react";
 import { cn as e } from "../../../../lib/utils.js";
-const x = ({
-  value: i,
-  href: m,
+const d = ({
+  value: a,
+  href: i,
   target: t = "_self",
   leftIcon: n,
-  rightIcon: r,
-  className: o,
-  LinkComponent: c = "a"
+  rightIcon: s,
+  className: c,
+  LinkComponent: o = "a"
 }) => {
   const l = "min-h-max min-w-max";
-  return /* @__PURE__ */ s(
-    c,
+  return /* @__PURE__ */ r(
+    o,
     {
-      href: m,
+      href: i,
       target: t,
       rel: "noopener noreferrer",
       className: e(
-        "text-text-brand-secondary p-3 leading-none-medium-sm flex flex-row justify-between  hover:bg-background-neutral-light gap-2.5 min-w-full min-h-full items-center",
-        o
+        "text-text-brand-secondary p-3 leading-none-medium-sm flex flex-row justify-between gap-2.5 min-w-full min-h-full items-center",
+        c
       ),
       children: [
-        /* @__PURE__ */ s("div", { className: "flex items-center gap-2.5 h-full", children: [
-          n && /* @__PURE__ */ a("span", { className: e(l), children: n }),
-          i
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2.5 h-full", children: [
+          n && /* @__PURE__ */ m("span", { className: e(l), children: n }),
+          a
         ] }),
-        r && /* @__PURE__ */ a("span", { className: e(l), children: r })
+        s && /* @__PURE__ */ m("span", { className: e(l), children: s })
       ]
     }
   );
 };
 export {
-  x as LinkCell
+  d as LinkCell
 };

package/dist/components/table/components/cell/number-cell.js

@@ -1,35 +1,35 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import "react";
-import { cn as l } from "../../../../lib/utils.js";
-const u = ({
-  value: r,
-  leftIcon: s,
+import { cn as s } from "../../../../lib/utils.js";
+const x = ({
+  value: t,
+  leftIcon: a,
   rightIcon: n,
-  className: t,
+  className: r,
   helperText: i
 }) => {
   const m = "min-h-max min-w-max";
   return /* @__PURE__ */ e(
     "div",
     {
-      className: l(
-        "flex  gap-2.5 items-center hover:bg-background-neutral-light h-full min-w-full   leading-none-medium-sm p-3",
-        t
+      className: s(
+        "flex  gap-2.5 items-center h-full min-w-full   leading-none-medium-sm p-3",
+        r
       ),
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ l(
         "div",
         {
-          className: l(
+          className: s(
             "text-text-neutral-primary flex justify-between  gap-2.5 min-w-full items-center"
           ),
           children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5 h-full", children: [
-              s && /* @__PURE__ */ e("span", { className: l(m), children: s }),
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-2.5 h-full", children: [
+              a && /* @__PURE__ */ e("span", { className: s(m), children: a }),
               i && /* @__PURE__ */ e("span", { className: "text-text-neutral-secondary", children: i })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-2.5", children: [
-              r,
-              n && /* @__PURE__ */ e("span", { className: l(m), children: n })
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-2.5", children: [
+              t,
+              n && /* @__PURE__ */ e("span", { className: s(m), children: n })
             ] })
           ]
         }
@@ -38,5 +38,5 @@ const u = ({
   );
 };
 export {
-  u as NumberCell
+  x as NumberCell
 };

package/dist/components/table/table.const.d.ts

@@ -24,7 +24,7 @@ export declare const TABLE_CSS_CLASSES: {
     readonly headerCellContent: "flex items-center justify-between";
     readonly sortIcon: "ml-2 w-4 h-4 text-gray-400";
     readonly sortIconActive: "ml-2 w-4 h-4 text-gray-600";
-    readonly row: " transition-colors duration-200 text-text-neutral-primary";
+    readonly row: " transition-colors duration-200 text-text-neutral-primary hover:bg-background-neutral-light";
     readonly emptyState: "px-4 py-8 text-center text-gray-500";
     readonly dataErrorState: "px-4 py-8 text-center text-text-danger-primary";
     readonly loading: "px-4 py-8 text-center text-gray-500";

package/dist/components/table/table.const.js

@@ -23,7 +23,7 @@ const t = "No data available", e = {
   headerCellContent: "flex items-center justify-between",
   sortIcon: "ml-2 w-4 h-4 text-gray-400",
   sortIconActive: "ml-2 w-4 h-4 text-gray-600",
-  row: " transition-colors duration-200 text-text-neutral-primary",
+  row: " transition-colors duration-200 text-text-neutral-primary hover:bg-background-neutral-light",
   emptyState: "px-4 py-8 text-center text-gray-500",
   dataErrorState: "px-4 py-8 text-center text-text-danger-primary",
   loading: "px-4 py-8 text-center text-gray-500"