@vkzstudio/muza-ui 1.0.36 → 1.0.37

package/dist/components/DataTable/DataTable.d.ts

@@ -56,7 +56,12 @@ export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableEl
     variant?: 'default' | 'white';
     /** Prevents interaction and applies muted text colors. @default false */
     disabled?: boolean;
+    /**
+     * Fires when a row is clicked. When provided and not `disabled`, rows become
+     * interactive: cursor-pointer, keyboard-activatable, and a hover/focus border.
+     */
+    onRowClick?: (rowData: T, rowIndex: number) => void;
 }
-declare const DataTable: <T>({ data, columns, showHeader, className, variant, disabled, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const DataTable: <T>({ data, columns, showHeader, className, variant, disabled, onRowClick, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export { DataTable, dataTableCellVariants };
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,sDAAsD;IACtD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,uEAQpB,cAAc,CAAC,CAAC,CAAC,4CA0FnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,sDAAsD;IACtD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/DataTable/DataTable.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import "react";
-import { cva as b } from "class-variance-authority";
+import { cva as u } from "class-variance-authority";
 import { cn as i } from "../../utils/cn.js";
-import { typographyVariants as h, Typography as y } from "../Typography/Typography.js";
-const u = b(
+import { typographyVariants as y, Typography as g } from "../Typography/Typography.js";
+const v = u(
   "h-comp-table-h-def border-y border-stroke-base-secondary px-2xl transition-colors",
   {
     variants: {
@@ -22,81 +22,94 @@ const u = b(
       position: "middle"
     }
   }
-), C = ({
-  data: n,
-  columns: s,
-  showHeader: o = !0,
-  className: p,
-  variant: m = "default",
-  disabled: d = !1,
-  ...c
-}) => /* @__PURE__ */ r("div", { className: "w-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ f(
-  "table",
-  {
-    className: i(
-      "-my-md w-full border-separate border-spacing-y-md",
-      p
-    ),
-    ...c,
-    children: [
-      o && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: s.map((a, t) => /* @__PURE__ */ r(
-        "th",
-        {
-          className: i(
-            h({
-              size: "sm",
-              uppercase: !0,
-              variant: "body",
-              weight: "medium"
-            }),
-            "px-comp-table-p text-left text-text-dark-secondary",
-            {
-              "text-text-dark-disabled": d
-            },
-            a.className
-          ),
-          children: a.title
-        },
-        t
-      )) }) }),
-      /* @__PURE__ */ r("tbody", { children: n.map((a, t) => /* @__PURE__ */ r("tr", { className: "group", children: s.map((e, l) => /* @__PURE__ */ r(
-        "td",
-        {
-          className: i(
-            u({
-              variant: m,
-              position: l === 0 ? "first" : l === s.length - 1 ? "last" : "middle"
-            }),
-            e.className
-          ),
-          children: e.render ? e.render(
-            a[e.dataKey],
-            a,
-            t,
-            d
-          ) : /* @__PURE__ */ r(
-            y,
-            {
-              variant: "body",
-              size: "base",
-              weight: "medium",
-              component: "span",
-              fixY: !0,
-              className: i({
-                "line-clamp-1": e.lineClamp === !0 || e.lineClamp === 1,
-                "line-clamp-2": e.lineClamp === 2,
-                "text-text-dark-disabled": d
+), K = ({
+  data: p,
+  columns: l,
+  showHeader: m = !0,
+  className: c,
+  variant: f = "default",
+  disabled: s = !1,
+  onRowClick: d,
+  ...b
+}) => {
+  const n = !!d && !s;
+  return /* @__PURE__ */ r("div", { className: "w-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ h(
+    "table",
+    {
+      className: i(
+        "-my-md w-full border-separate border-spacing-y-md",
+        c
+      ),
+      ...b,
+      children: [
+        m && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: l.map((t, a) => /* @__PURE__ */ r(
+          "th",
+          {
+            className: i(
+              y({
+                size: "sm",
+                uppercase: !0,
+                variant: "body",
+                weight: "medium"
               }),
-              children: a[e.dataKey]
-            }
-          )
-        },
-        l
-      )) }, t)) })
-    ]
-  }
-) });
+              "px-comp-table-p text-left text-text-dark-secondary",
+              {
+                "text-text-dark-disabled": s
+              },
+              t.className
+            ),
+            children: t.title
+          },
+          a
+        )) }) }),
+        /* @__PURE__ */ r("tbody", { children: p.map((t, a) => /* @__PURE__ */ r(
+          "tr",
+          {
+            className: i("group", n && "cursor-pointer"),
+            onClick: n ? () => d == null ? void 0 : d(t, a) : void 0,
+            children: l.map((e, o) => /* @__PURE__ */ r(
+              "td",
+              {
+                className: i(
+                  v({
+                    variant: f,
+                    position: o === 0 ? "first" : o === l.length - 1 ? "last" : "middle"
+                  }),
+                  n && "group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover",
+                  e.className
+                ),
+                children: e.render ? e.render(
+                  t[e.dataKey],
+                  t,
+                  a,
+                  s
+                ) : /* @__PURE__ */ r(
+                  g,
+                  {
+                    variant: "body",
+                    size: "base",
+                    weight: "medium",
+                    component: "span",
+                    fixY: !0,
+                    className: i({
+                      "line-clamp-1": e.lineClamp === !0 || e.lineClamp === 1,
+                      "line-clamp-2": e.lineClamp === 2,
+                      "text-text-dark-disabled": s
+                    }),
+                    children: t[e.dataKey]
+                  }
+                )
+              },
+              o
+            ))
+          },
+          a
+        )) })
+      ]
+    }
+  ) });
+};
 export {
-  C as DataTable,
-  u as dataTableCellVariants
+  K as DataTable,
+  v as dataTableCellVariants
 };

package/dist/components/DataTable/DataTable.stories.d.ts

@@ -7,6 +7,7 @@ export declare const SimpleTable: Story;
 export declare const WithCustomContent: Story;
 export declare const HiddenHeader: Story;
 export declare const WithEditableFields: Story;
+export declare const WithRowClick: Story;
 export declare const WhiteVariant: Story;
 export declare const Disabled: Story;
 export declare const WhiteVariantDisabled: Story;

package/dist/components/DataTable/DataTable.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IA2CX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAqFrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AASD,eAAO,MAAM,kBAAkB,EAAE,KAoIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA0FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AASD,eAAO,MAAM,kBAAkB,EAAE,KAoIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}

package/dist/components/Input/Input.d.ts

@@ -65,6 +65,15 @@ export interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'pref
      * ```
      */
     mask?: string;
+    /**
+     * Stops click events on the wrapper from propagating to ancestors. Use this
+     * when the Input is placed inside a clickable container (e.g. a DataTable or
+     * ReorderableTable row that wires `onRowClick`) so that clicking the input's
+     * padding / prefix / suffix area does not trigger the parent's click handler.
+     * Focus behavior on the input is preserved.
+     * @default false
+     */
+    stopClickPropagation?: boolean;
 }
 export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EA0BzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,KAAK,sHA8IjB,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EA0BzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,KAAK,sHAiJjB,CAAA"}

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as $ } from "react/jsx-runtime";
-import { forwardRef as z, useId as A, useRef as C, useEffect as y } from "react";
-import { cva as E } from "class-variance-authority";
+import { jsx as s, jsxs as z } from "react/jsx-runtime";
+import { forwardRef as A, useId as C, useRef as E, useEffect as y } from "react";
+import { cva as M } from "class-variance-authority";
 import "../../node_modules/imask/esm/index.js";
 import "../../node_modules/imask/esm/controls/input.js";
 import "../../node_modules/imask/esm/masked/factory.js";
@@ -10,12 +10,12 @@ import "../../node_modules/imask/esm/controls/html-mask-element.js";
 import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
 import "../../node_modules/imask/esm/controls/input-history.js";
 import "../../node_modules/react-imask/esm/input.js";
-import M from "../../node_modules/react-imask/esm/hook.js";
+import P from "../../node_modules/react-imask/esm/hook.js";
 import "../../node_modules/react-imask/esm/mixin.js";
 import { FormField as T } from "../FormField/FormField.js";
 import { cn as u } from "../../utils/cn.js";
 import { typographyVariants as U } from "../Typography/Typography.js";
-const Y = E(
+const Y = M(
   [
     "rounded-full border border-comp-input-stroke-def",
     "bg-comp-input-fill-def transition-colors",
@@ -52,7 +52,7 @@ const Y = E(
   "placeholder:font-regular",
   "disabled:cursor-not-allowed",
   "w-full"
-), D = z(
+), D = A(
   ({
     className: p,
     type: w = "text",
@@ -69,37 +69,38 @@ const Y = E(
     disableRequiredAsterisk: N,
     labelExtra: R,
     infoTooltip: V,
+    stopClickPropagation: F,
     ...v
   }, i) => {
-    const F = A(), c = I ?? F, g = b ? `${c}-hint` : void 0, k = h ? `${c}-label` : void 0, t = C(null), r = M(
+    const j = C(), c = I ?? j, g = b ? `${c}-hint` : void 0, k = h ? `${c}-label` : void 0, e = E(null), r = P(
       {
         mask: o || "",
         // Pattern like 'aaaaa-aaaaa' where 'a' = alphanumeric, '0' = digit
-        prepare: (e) => e.toUpperCase()
+        prepare: (t) => t.toUpperCase()
         // Auto-uppercase all typed characters
       },
       {
-        ref: t
+        ref: e
       }
     );
     y(() => {
       if (o && (r != null && r.maskRef.current) && a) {
-        const e = r.maskRef.current, n = () => {
-          const W = {
-            target: { value: e.value }
+        const t = r.maskRef.current, n = () => {
+          const $ = {
+            target: { value: t.value }
           };
-          a(W);
+          a($);
         };
-        return e.on("accept", n), () => {
-          e.off("accept", n);
+        return t.on("accept", n), () => {
+          t.off("accept", n);
         };
       }
     }, [o, r, a]), y(() => {
-      i && (typeof i == "function" ? i(t.current) : i.current = t.current);
-    }, [t, i]);
-    const j = (e) => {
+      i && (typeof i == "function" ? i(e.current) : i.current = e.current);
+    }, [e, i]);
+    const W = (t) => {
       var n;
-      v.disabled || e.target !== t.current && ((n = t.current) == null || n.focus());
+      F && t.stopPropagation(), !v.disabled && t.target !== e.current && ((n = e.current) == null || n.focus());
     };
     return /* @__PURE__ */ s(
       T,
@@ -114,7 +115,7 @@ const Y = E(
         hintId: g,
         labelExtra: R,
         infoTooltip: V,
-        children: /* @__PURE__ */ $(
+        children: /* @__PURE__ */ z(
           "div",
           {
             className: u(
@@ -124,7 +125,7 @@ const Y = E(
               }),
               p
             ),
-            onClick: j,
+            onClick: W,
             children: [
               m && /* @__PURE__ */ s("div", { className: "flex items-center text-icon-dark-secondary-def", children: m }),
               /* @__PURE__ */ s(
@@ -137,7 +138,7 @@ const Y = E(
                     "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden [&::-webkit-inner-spin-button]:hidden",
                     "[&::-webkit-datetime-edit-text]:px-3xs"
                   ),
-                  ref: o ? r.ref : t,
+                  ref: o ? r.ref : e,
                   onChange: o ? void 0 : a,
                   id: c,
                   "aria-describedby": g,

package/dist/components/MuzaUIProvider/theme/colorShades.js

@@ -35,8 +35,8 @@ const m = (e) => {
   if (n === 0)
     g = u = o = a;
   else {
-    const c = (i, d, y) => (y < 0 && (y += 1), y > 1 && (y -= 1), y < 0.16666666666666666 ? i + (d - i) * 6 * y : y < 0.5 ? d : y < 0.6666666666666666 ? i + (d - i) * (0.6666666666666666 - y) * 6 : i), s = a < 0.5 ? a * (1 + n) : a + n - a * n, f = 2 * a - s;
-    g = c(f, s, r + 1 / 3), u = c(f, s, r), o = c(f, s, r - 1 / 3);
+    const c = (f, d, y) => (y < 0 && (y += 1), y > 1 && (y -= 1), y < 0.16666666666666666 ? f + (d - f) * 6 * y : y < 0.5 ? d : y < 0.6666666666666666 ? f + (d - f) * (0.6666666666666666 - y) * 6 : f), s = a < 0.5 ? a * (1 + n) : a + n - a * n, i = 2 * a - s;
+    g = c(i, s, r + 1 / 3), u = c(i, s, r), o = c(i, s, r - 1 / 3);
   }
   const l = (c) => {
     const s = Math.round(c * 255).toString(16);
@@ -70,6 +70,7 @@ const m = (e) => {
   "gray-900": t.default["--gray-900"],
   "gray-1000": t.default["--gray-1000"]
 }, z = (e) => {
+  var l;
   const r = m(e);
   if (!r)
     return null;
@@ -92,18 +93,18 @@ const m = (e) => {
     600: 1,
     700: 0.95
   };
-  Object.entries(g).forEach(([l, c]) => {
-    const s = Math.round(n.s * u[Number(l)]);
-    a[l] = T({
+  Object.entries(g).forEach(([c, s]) => {
+    const i = Math.round(n.s * u[Number(c)]);
+    a[c] = T({
       h: n.h,
-      s,
-      l: c
+      s: i,
+      l: s
     });
   });
   const o = m(a[500]);
   return o && (a["500-8"] = h(o, 8), a["500-12"] = h(o, 12), a["500-15"] = h(o, 15)), Object.assign(
     a,
-    a[500] === "#5f1eb4" ? $ : b
+    ((l = a[500]) == null ? void 0 : l.toUpperCase()) === "#5F1EB4" ? $ : b
   ), a;
 }, A = (e) => {
   const r = z(e);
@@ -111,7 +112,7 @@ const m = (e) => {
     r,
     e === "#5f1eb4" ? $ : b
   ), r) : null;
-}, j = (e, r) => {
+}, p = (e, r) => {
   const n = Object.entries(r).map(([a, g]) => `    ${a.includes("-") ? `'${a}'` : a}: '${g}'`).join(`,
 `);
   return `{
@@ -125,7 +126,7 @@ ${n}
 };
 export {
   E as SHADES_GENERATORS,
-  j as formatShadesAsObject,
+  p as formatShadesAsObject,
   z as generateColorShades,
   A as generateColorShades2
 };

package/dist/components/Reorderable/Reorderable.d.ts

@@ -141,6 +141,11 @@ export interface ReorderableItemProps<T> {
      * Use `"position"` to animate only position and prevent scale distortion when item height changes.
      */
     layout?: true | 'position';
+    /**
+     * Optional pointer/click handler forwarded to the rendered element.
+     * Useful for wiring row-click navigation on top of reorderable items.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
 }
 declare const ReorderableItem: <T>(props: ReorderableItemProps<T> & {
     ref?: ForwardedRef<HTMLLIElement>;

package/dist/components/Reorderable/Reorderable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reorderable.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Reorderable.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.tsx"],"names":[],"mappings":"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"}