@vkzstudio/muza-ui 1.0.15 → 1.0.17

package/dist/components/Button/Button.d.ts

@@ -25,8 +25,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     asChild?: boolean;
     /** React node displayed as an icon. Position controlled by `iconPosition`. */
     icon?: React.ReactNode;
-    /** Places icon before (`start`) or after (`end`) the button text. @default 'start' */
+    /** Places icon before (`start`) or after (`end`) the button text. Ignored when `secondIcon` is provided. @default 'start' */
     iconPosition?: 'start' | 'end';
+    /** Optional trailing icon. When set, `icon` is always rendered at the start and `secondIcon` at the end, ignoring `iconPosition`. */
+    secondIcon?: React.ReactNode;
     /** Removes background, showing only text and icon with hover effects. @default false */
     ghost?: boolean;
     /** Applies destructive/error styling for delete or dangerous actions. @default false */

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAgEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,qIAAqI;IACrI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAiEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Button/Button.js

@@ -1,70 +1,71 @@
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
-import * as b from "react";
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import * as d from "react";
 import "class-variance-authority";
-import { ButtonLoader as N } from "./ButtonLoader.js";
-import { buttonVariants as B } from "./buttonVariants.js";
-import { cn as e } from "../../utils/cn.js";
-import { Typography as g } from "../Typography/Typography.js";
-const j = b.forwardRef(
+import { ButtonLoader as B } from "./ButtonLoader.js";
+import { buttonVariants as g } from "./buttonVariants.js";
+import { cn as f } from "../../utils/cn.js";
+import { Typography as j } from "../Typography/Typography.js";
+const w = d.forwardRef(
   ({
-    className: c,
-    variant: f,
+    className: i,
+    variant: u,
     size: t,
-    fullWidth: i,
-    asChild: u = !1,
-    icon: r,
-    iconPosition: m = "start",
-    ghost: l = !1,
-    danger: n = !1,
-    loading: a = !1,
-    children: o,
-    ...y
-  }, d) => {
-    const h = u ? "span" : "button", p = t === "icon" || l;
-    return /* @__PURE__ */ x(
-      h,
+    fullWidth: c,
+    asChild: l = !1,
+    icon: a,
+    iconPosition: p = "start",
+    secondIcon: s,
+    ghost: y = !1,
+    danger: e = !1,
+    loading: o = !1,
+    children: r,
+    ...h
+  }, x) => {
+    const b = l ? "span" : "button", n = t === "icon" || y;
+    return /* @__PURE__ */ N(
+      b,
       {
-        className: e(
-          B({
-            variant: f,
+        className: f(
+          g({
+            variant: u,
             size: t,
-            fullWidth: i,
-            iconOnly: t === "icon" || !o,
-            ghost: p,
-            danger: n,
-            loading: a,
-            className: c
+            fullWidth: c,
+            iconOnly: t === "icon" || !r,
+            ghost: n,
+            danger: e,
+            loading: o,
+            className: i
           })
         ),
-        ref: d,
-        "data-ghost": p,
-        "data-danger": n,
-        ...y,
+        ref: x,
+        "data-ghost": n,
+        "data-danger": e,
+        ...h,
         children: [
-          a && /* @__PURE__ */ s("span", { className: "absolute", children: /* @__PURE__ */ s(N, {}) }),
-          m === "start" && r,
-          o && /* @__PURE__ */ s(
-            g,
+          o && /* @__PURE__ */ m("span", { className: "absolute", children: /* @__PURE__ */ m(B, {}) }),
+          (s || p === "start") && a,
+          r && /* @__PURE__ */ m(
+            j,
             {
               variant: "cta",
               size: t == "sm" || t == "xs" ? "sm" : "base",
               weight: "medium",
               component: "span",
               fixY: !0,
-              className: e("transition-opacity", {
-                "opacity-0": a
+              className: f("transition-opacity", {
+                "opacity-0": o
               }),
-              children: o
+              children: r
             }
           ),
-          m === "end" && r
+          s || p === "end" && a
         ]
       }
     );
   }
 );
-j.displayName = "Button";
+w.displayName = "Button";
 export {
-  j as Button,
-  B as buttonVariants
+  w as Button,
+  g as buttonVariants
 };

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

@@ -12,5 +12,6 @@ export declare const AllVariants: Story;
 export declare const AllSizes: Story;
 export declare const InteractiveStates: Story;
 export declare const IconExamples: Story;
+export declare const WithSecondIcon: Story;
 export declare const ResponsiveExample: Story;
 //# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA6E7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAoF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACzC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,GAAI,+DAOjB,eAAe,4CA6CjB,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACzC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,GAAI,+DAOjB,eAAe,4CA+CjB,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/EmptyState/EmptyState.js

@@ -1,24 +1,24 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../utils/cn.js";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn.js";
 import { Typography as c } from "../Typography/Typography.js";
-const x = ({
-  icon: m,
-  className: o,
+const d = ({
+  icon: o,
+  className: i,
   headline: e,
   text: t,
-  children: i,
+  children: s,
   buttonsLayout: l
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    className: r(
+    className: m(
       "flex flex-col items-center gap-comp-empty-state-gap",
       "[&>svg]:size-comp-empty-state-ico-size [&>svg]:text-gray-500",
-      o
+      i
     ),
     children: [
-      m,
-      (e || t) && /* @__PURE__ */ s("div", { className: "flex flex-col gap-2xs text-center align-middle", children: [
+      o,
+      (e || t) && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2xs text-center align-middle", children: [
         e && /* @__PURE__ */ a(
           c,
           {
@@ -42,18 +42,18 @@ const x = ({
           }
         )
       ] }),
-      /* @__PURE__ */ a(
+      s && /* @__PURE__ */ a(
         "div",
         {
-          className: r("flex gap-sm", {
+          className: m("flex gap-sm", {
             "flex-col": l === "vertical"
           }),
-          children: i
+          children: s
         }
       )
     ]
   }
 );
 export {
-  x as EmptyState
+  d as EmptyState
 };

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

@@ -14,7 +14,7 @@ interface ReorderableItemContextValue {
     moveItem: (direction: -1 | 1) => void;
 }
 declare const useReorderableItem: () => ReorderableItemContextValue;
-type ReorderableGroupElement = 'ul' | 'ol' | 'div';
+type ReorderableGroupElement = 'ul' | 'ol' | 'div' | 'tbody';
 /**
  * Props for the ReorderableGroup component.
  * @typeParam T - Type of items in the reorderable list

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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"}

package/dist/components/Reorderable/Reorderable.js

@@ -1,4 +1,4 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as A, useContext as K, useRef as X, useCallback as N, createContext as k } from "react";
 import { useMuzaTranslations as M } from "../../translations/TranslationContext.js";
 import { AnimatePresence as O } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
@@ -20,8 +20,8 @@ const w = {
 }, Z = ({
   values: r,
   onReorder: s,
-  axis: d = "y",
-  as: b = "ol",
+  axis: b = "y",
+  as: l = "ol",
   disabled: a = !1,
   layoutScroll: n = !1,
   animatePresence: D,
@@ -29,30 +29,32 @@ const w = {
   className: I,
   children: f
 }, v) => {
-  const l = M(), c = {
+  const c = M(), u = {
     disabled: a,
     values: r,
     onReorder: a ? void 0 : s,
-    axis: d,
+    axis: b,
     animatePresence: !!D
-  }, e = D === !0 ? { mode: "popLayout", initial: !1 } : D || null, m = e ? /* @__PURE__ */ u(O, { ...e, children: f }) : f;
-  return /* @__PURE__ */ u(
+  }, e = D === !0 ? { mode: "popLayout", initial: !1 } : D || null, m = e ? /* @__PURE__ */ d(O, { ...e, children: f }) : f;
+  return /* @__PURE__ */ d(
     T.Provider,
     {
-      value: c,
-      children: /* @__PURE__ */ u(
+      value: u,
+      children: /* @__PURE__ */ d(
         j,
         {
           ref: v,
-          axis: d,
+          axis: b,
           values: r,
           onReorder: a ? () => {
           } : s,
-          as: b,
+          as: l,
           layoutScroll: n,
           style: x,
-          role: "list",
-          "aria-label": l.reorderableTable.listAriaLabel,
+          ...l !== "tbody" && {
+            role: "list",
+            "aria-label": c.reorderableTable.listAriaLabel
+          },
           className: C(I),
           children: m
         }
@@ -64,8 +66,8 @@ q.displayName = "ReorderableGroup";
 const B = ({
   value: r,
   as: s = "li",
-  disabled: d = !1,
-  dragListenerDisabled: b = !1,
+  disabled: b = !1,
+  dragListenerDisabled: l = !1,
   whileDrag: a,
   animation: n,
   className: D,
@@ -74,39 +76,39 @@ const B = ({
 }, f) => {
   const {
     disabled: v,
-    values: l,
-    onReorder: c,
+    values: c,
+    onReorder: u,
     axis: e,
     animatePresence: m
-  } = _(), E = U(), L = d || v, p = !L && !b, t = n === !1 ? null : n === !0 ? w : typeof n == "object" ? {
+  } = _(), E = U(), L = b || v, p = !L && !l, t = n === !1 ? null : n === !0 ? w : typeof n == "object" ? {
     initial: n.initial ?? w.initial,
     animate: n.animate ?? w.animate,
     exit: n.exit ?? w.exit,
     transition: n.transition ?? w.transition
   } : m ? w : null, o = N(
     (i) => {
-      if (!l || !c) return;
-      const R = l.indexOf(r);
-      if (R === -1) return;
-      const y = R + i;
-      if (y < 0 || y >= l.length) return;
-      const g = [...l];
-      g.splice(R, 1), g.splice(y, 0, r), c(g);
+      if (!c || !u) return;
+      const y = c.indexOf(r);
+      if (y === -1) return;
+      const R = y + i;
+      if (R < 0 || R >= c.length) return;
+      const g = [...c];
+      g.splice(y, 1), g.splice(R, 0, r), u(g);
     },
-    [l, c, r]
+    [c, u, r]
   ), h = N(
     (i) => {
       if (!p) return;
-      const R = e === "y" ? "ArrowUp" : "ArrowLeft", y = e === "y" ? "ArrowDown" : "ArrowRight";
-      i.key === R ? (i.preventDefault(), o(-1)) : i.key === y && (i.preventDefault(), o(1));
+      const y = e === "y" ? "ArrowUp" : "ArrowLeft", R = e === "y" ? "ArrowDown" : "ArrowRight";
+      i.key === y ? (i.preventDefault(), o(-1)) : i.key === R && (i.preventDefault(), o(1));
     },
     [p, e, o]
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     P.Provider,
     {
-      value: { dragControls: E, dragListenerDisabled: b, moveItem: o },
-      children: /* @__PURE__ */ u(
+      value: { dragControls: E, dragListenerDisabled: l, moveItem: o },
+      children: /* @__PURE__ */ d(
         z,
         {
           ref: f,
@@ -144,29 +146,29 @@ const Q = A(
   ({
     as: r = "button",
     disabled: s = !1,
-    "aria-label": d,
-    className: b,
+    "aria-label": b,
+    className: l,
     children: a
   }, n) => {
-    const D = M(), x = d ?? D.reorderableTable.dragHandleAriaLabel, { disabled: I, axis: f } = _(), { dragControls: v, dragListenerDisabled: l, moveItem: c } = V(), e = l && !I && !s, m = X(!1), E = (o) => {
+    const D = M(), x = b ?? D.reorderableTable.dragHandleAriaLabel, { disabled: I, axis: f } = _(), { dragControls: v, dragListenerDisabled: c, moveItem: u } = V(), e = c && !I && !s, m = X(!1), E = (o) => {
       if (!e) return;
       m.current = !1;
-      const h = o.clientX, i = o.clientY, R = (g) => {
+      const h = o.clientX, i = o.clientY, y = (g) => {
         const S = Math.abs(g.clientX - h), H = Math.abs(g.clientY - i);
         (S > G || H > G) && (m.current = !0);
-      }, y = () => {
-        document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", y);
+      }, R = () => {
+        document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", R);
       };
-      document.addEventListener("pointermove", R), document.addEventListener("pointerup", y), v.start(o);
+      document.addEventListener("pointermove", y), document.addEventListener("pointerup", R), v.start(o);
     }, L = (o) => {
       m.current && (o.stopPropagation(), m.current = !1);
     }, p = N(
       (o) => {
         if (!e) return;
         const h = f === "y" ? "ArrowUp" : "ArrowLeft", i = f === "y" ? "ArrowDown" : "ArrowRight";
-        o.key === h ? (o.preventDefault(), c(-1)) : o.key === i && (o.preventDefault(), c(1));
+        o.key === h ? (o.preventDefault(), u(-1)) : o.key === i && (o.preventDefault(), u(1));
       },
-      [e, f, c]
+      [e, f, u]
     ), t = {
       "aria-label": x,
       "aria-roledescription": "sortable",
@@ -178,10 +180,10 @@ const Q = A(
         e && "cursor-grab active:cursor-grabbing",
         !e && "cursor-default",
         e && "focus-visible-default",
-        b
+        l
       )
     };
-    return r === "button" ? /* @__PURE__ */ u("button", { ref: n, type: "button", disabled: s, ...t, children: a }) : r === "div" ? /* @__PURE__ */ u(
+    return r === "button" ? /* @__PURE__ */ d("button", { ref: n, type: "button", disabled: s, ...t, children: a }) : r === "div" ? /* @__PURE__ */ d(
       "div",
       {
         ref: n,
@@ -190,7 +192,7 @@ const Q = A(
         ...t,
         children: a
       }
-    ) : /* @__PURE__ */ u(
+    ) : /* @__PURE__ */ d(
       "span",
       {
         ref: n,
@@ -203,9 +205,9 @@ const Q = A(
   }
 );
 Q.displayName = "ReorderableHandle";
-const W = ({ as: r = "li", className: s, children: d }, b) => {
+const W = ({ as: r = "li", className: s, children: b }, l) => {
   const a = Y[r];
-  return /* @__PURE__ */ u(a, { ref: b, layout: !0, role: "listitem", className: C(s), children: d });
+  return /* @__PURE__ */ d(a, { ref: l, layout: !0, role: "listitem", className: C(s), children: b });
 }, $ = A(W);
 $.displayName = "ReorderableStaticItem";
 export {

package/dist/components/ReorderableTable/ReorderableTable.js

@@ -7,9 +7,9 @@ import { cn as i } from "../../utils/cn.js";
 import { typographyVariants as O, Typography as k } from "../Typography/Typography.js";
 const p = 72, u = 20, E = 24, D = 4, R = ({
   data: b,
-  onReorder: N,
+  onReorder: y,
   columns: o,
-  showHeader: y = !1,
+  showHeader: N = !1,
   disabled: h = !1,
   isRowDisabled: l,
   className: g,
@@ -26,7 +26,7 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
     ),
     ...L,
     children: [
-      y && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
+      N && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
         o.map((r, d) => /* @__PURE__ */ e(
           "th",
           {
@@ -60,10 +60,10 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
         w,
         {
           values: b,
-          onReorder: N,
+          onReorder: y,
           disabled: h,
           animatePresence: x,
-          as: "div",
+          as: "tbody",
           className: "contents",
           children: b.map((r, d) => {
             const v = (l == null ? void 0 : l(r, d)) ?? !1, t = h || v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkzstudio/muza-ui",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",