@vkzstudio/muza-ui 1.0.25 → 1.0.27

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

@@ -0,0 +1,77 @@
+const a = {
+  default: {
+    "--brand-12": "#5f1eb41f",
+    "--brand-15": "#5f1eb426",
+    "--brand-8": "#5f1eb414",
+    "--brand-disabled": "#d2b9f3",
+    "--brand-focused": "#461d7c",
+    "--brand-hover": "#521d96",
+    "--brand-primary": "#5f1eb4",
+    "--brand-quaternary": "#843fde",
+    "--brand-secondary": "#a673e7",
+    "--brand-tertiary": "#f1e9f8",
+    "--brand-white": "#f7f5ff",
+    "--gray-100": "#f6f3fe",
+    "--gray-1000": "#5a5473",
+    "--gray-200": "#eeebf7",
+    "--gray-300": "#e3e0f1",
+    "--gray-400": "#d6d1ea",
+    "--gray-50": "#f9f8fb",
+    "--gray-500": "#c6c0dc",
+    "--gray-600": "#9a92b9",
+    "--gray-700": "#867fa2",
+    "--gray-800": "#787194",
+    "--gray-900": "#645c81"
+  },
+  muzalife: {
+    "--brand-12": "#14645a1f",
+    "--brand-15": "#14645a26",
+    "--brand-8": "#14645a14",
+    "--brand-disabled": "#9bf4de",
+    "--brand-focused": "#117466",
+    "--brand-hover": "#10917e",
+    "--brand-primary": "#14645a",
+    "--brand-quaternary": "#30d1b3",
+    "--brand-secondary": "#61e7ca",
+    "--brand-tertiary": "#cdfaed",
+    "--brand-white": "#f4f4f5",
+    "--gray-100": "#f7f7f8",
+    "--gray-1000": "#5b5b6f",
+    "--gray-200": "#f2f2f3",
+    "--gray-300": "#e7e7e9",
+    "--gray-400": "#dcdce0",
+    "--gray-50": "#fafafa",
+    "--gray-500": "#ccccd1",
+    "--gray-600": "#a0a0ab",
+    "--gray-700": "#8b8b98",
+    "--gray-800": "#7d7d87",
+    "--gray-900": "#676774"
+  },
+  vodafone: {
+    "--brand-12": "#e600001f",
+    "--brand-15": "#e6000026",
+    "--brand-8": "#e6000014",
+    "--brand-disabled": "#ffc1c1",
+    "--brand-focused": "#e60000",
+    "--brand-hover": "#fc0606",
+    "--brand-primary": "#e60000",
+    "--brand-quaternary": "#ff5959",
+    "--brand-secondary": "#ff9595",
+    "--brand-tertiary": "#ffdddd",
+    "--brand-white": "#f4f4f5",
+    "--gray-100": "#f7f7f8",
+    "--gray-1000": "#5b5b6f",
+    "--gray-200": "#f2f2f3",
+    "--gray-300": "#e7e7e9",
+    "--gray-400": "#dcdce0",
+    "--gray-50": "#fafafa",
+    "--gray-500": "#ccccd1",
+    "--gray-600": "#a0a0ab",
+    "--gray-700": "#8b8b98",
+    "--gray-800": "#7d7d87",
+    "--gray-900": "#676774"
+  }
+};
+export {
+  a as themePresets
+};

package/dist/components/MuzaUIProvider/theme/useKeyboardShortcut.d.ts

@@ -0,0 +1,16 @@
+interface KeyboardShortcutOptions {
+    key: string;
+    ctrlKey?: boolean;
+    shiftKey?: boolean;
+    altKey?: boolean;
+    metaKey?: boolean;
+}
+/**
+ * Hook to register a keyboard shortcut
+ * @param options - Keyboard shortcut configuration
+ * @param callback - Function to call when shortcut is pressed
+ * @param enabled - Whether the shortcut is enabled (default: true)
+ */
+export declare const useKeyboardShortcut: (options: KeyboardShortcutOptions, callback: () => void, enabled?: boolean) => void;
+export {};
+//# sourceMappingURL=useKeyboardShortcut.d.ts.map

package/dist/components/MuzaUIProvider/theme/useKeyboardShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardShortcut.d.ts","sourceRoot":"","sources":["../../../../src/components/MuzaUIProvider/theme/useKeyboardShortcut.ts"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,uBAAuB,EAChC,UAAU,MAAM,IAAI,EACpB,iBAAc,SAuCf,CAAA"}

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

@@ -0,0 +1,22 @@
+import { useEffect as w } from "react";
+const u = (t, s, o = !0) => {
+  w(() => {
+    if (!o) return;
+    const r = (e) => {
+      const {
+        key: a,
+        ctrlKey: y = !1,
+        shiftKey: c = !1,
+        altKey: f = !1,
+        metaKey: n = !1
+      } = t, K = e.key && a && e.key.toLowerCase() === a.toLowerCase(), h = e.ctrlKey === y, m = e.shiftKey === c, i = e.altKey === f, l = e.metaKey === n;
+      K && h && m && i && l && (e.preventDefault(), s());
+    };
+    return window.addEventListener("keydown", r), () => {
+      window.removeEventListener("keydown", r);
+    };
+  }, [t, s, o]);
+};
+export {
+  u as useKeyboardShortcut
+};

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

@@ -98,6 +98,11 @@ export interface ReorderableItemProps<T> {
     children: ReactNode;
     /** Inline styles applied to the item element. */
     style?: CSSProperties;
+    /**
+     * Controls Motion's layout animation mode.
+     * Use `"position"` to animate only position and prevent scale distortion when item height changes.
+     */
+    layout?: true | 'position';
 }
 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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"}

package/dist/components/Reorderable/Reorderable.js

@@ -1,62 +1,62 @@
 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 { forwardRef as A, useContext as k, useRef as X, useCallback as G, createContext as M } from "react";
+import { useMuzaTranslations as T } from "../../translations/TranslationContext.js";
 import { AnimatePresence as O } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
 import { useDragControls as U } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
 import { motion as Y } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 import { cn as C } from "../../utils/cn.js";
 import { ReorderGroup as j } from "../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
 import { ReorderItem as z } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
-const w = {
+const D = {
   initial: { opacity: 0, scale: 0.96 },
   animate: { opacity: 1, scale: 1 },
   exit: { opacity: 0, scale: 0.96 },
   transition: { duration: 0.2, ease: "easeOut" }
-}, T = k({}), F = 50, G = 3, _ = () => K(T), P = k(null), V = () => {
-  const r = K(P);
+}, _ = M({}), F = 50, K = 3, P = () => k(_), S = M(null), V = () => {
+  const r = k(S);
   if (!r)
     throw new Error("useReorderableItem must be used within a ReorderableItem");
   return r;
 }, Z = ({
   values: r,
-  onReorder: s,
+  onReorder: l,
   axis: b = "y",
-  as: l = "ol",
-  disabled: a = !1,
-  layoutScroll: n = !1,
-  animatePresence: D,
-  style: x,
-  className: I,
+  as: c = "ol",
+  disabled: n = !1,
+  layoutScroll: o = !1,
+  animatePresence: R,
+  style: g,
+  className: w,
   children: f
-}, v) => {
-  const c = M(), u = {
-    disabled: a,
+}, x) => {
+  const I = T(), a = {
+    disabled: n,
     values: r,
-    onReorder: a ? void 0 : s,
+    onReorder: n ? void 0 : l,
     axis: b,
-    animatePresence: !!D
-  }, e = D === !0 ? { mode: "popLayout", initial: !1 } : D || null, m = e ? /* @__PURE__ */ d(O, { ...e, children: f }) : f;
+    animatePresence: !!R
+  }, t = R === !0 ? { mode: "popLayout", initial: !1 } : R || null, i = t ? /* @__PURE__ */ d(O, { ...t, children: f }) : f;
   return /* @__PURE__ */ d(
-    T.Provider,
+    _.Provider,
     {
-      value: u,
+      value: a,
       children: /* @__PURE__ */ d(
         j,
         {
-          ref: v,
+          ref: x,
           axis: b,
           values: r,
-          onReorder: a ? () => {
-          } : s,
-          as: l,
-          layoutScroll: n,
-          style: x,
-          ...l !== "tbody" && {
+          onReorder: n ? () => {
+          } : l,
+          as: c,
+          layoutScroll: o,
+          style: g,
+          ...c !== "tbody" && {
             role: "list",
-            "aria-label": c.reorderableTable.listAriaLabel
+            "aria-label": I.reorderableTable.listAriaLabel
           },
-          className: C(I),
-          children: m
+          className: C(w),
+          children: i
         }
       )
     }
@@ -65,77 +65,79 @@ const w = {
 q.displayName = "ReorderableGroup";
 const B = ({
   value: r,
-  as: s = "li",
+  as: l = "li",
   disabled: b = !1,
-  dragListenerDisabled: l = !1,
-  whileDrag: a,
-  animation: n,
-  className: D,
-  children: x,
-  style: I
-}, f) => {
+  dragListenerDisabled: c = !1,
+  whileDrag: n,
+  animation: o,
+  className: R,
+  children: g,
+  style: w,
+  layout: f
+}, x) => {
   const {
-    disabled: v,
-    values: c,
-    onReorder: u,
-    axis: e,
-    animatePresence: m
-  } = _(), 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 (!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);
+    disabled: I,
+    values: a,
+    onReorder: t,
+    axis: i,
+    animatePresence: N
+  } = P(), E = U(), L = b || I, s = !L && !c, e = o === !1 ? null : o === !0 ? D : typeof o == "object" ? {
+    initial: o.initial ?? D.initial,
+    animate: o.animate ?? D.animate,
+    exit: o.exit ?? D.exit,
+    transition: o.transition ?? D.transition
+  } : N ? D : null, m = G(
+    (u) => {
+      if (!a || !t) return;
+      const p = a.indexOf(r);
+      if (p === -1) return;
+      const y = p + u;
+      if (y < 0 || y >= a.length) return;
+      const h = [...a];
+      h.splice(p, 1), h.splice(y, 0, r), t(h);
     },
-    [c, u, r]
-  ), h = N(
-    (i) => {
-      if (!p) return;
-      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));
+    [a, t, r]
+  ), v = G(
+    (u) => {
+      if (!s) return;
+      const p = i === "y" ? "ArrowUp" : "ArrowLeft", y = i === "y" ? "ArrowDown" : "ArrowRight";
+      u.key === p ? (u.preventDefault(), m(-1)) : u.key === y && (u.preventDefault(), m(1));
     },
-    [p, e, o]
+    [s, i, m]
   );
   return /* @__PURE__ */ d(
-    P.Provider,
+    S.Provider,
     {
-      value: { dragControls: E, dragListenerDisabled: l, moveItem: o },
+      value: { dragControls: E, dragListenerDisabled: c, moveItem: m },
       children: /* @__PURE__ */ d(
         z,
         {
-          ref: f,
+          ref: x,
           value: r,
-          as: s,
+          as: l,
+          layout: f,
           dragControls: E,
-          dragListener: p,
-          initial: t == null ? void 0 : t.initial,
-          animate: t == null ? void 0 : t.animate,
-          exit: t == null ? void 0 : t.exit,
-          transition: t == null ? void 0 : t.transition,
-          tabIndex: p ? 0 : void 0,
+          dragListener: s,
+          initial: e == null ? void 0 : e.initial,
+          animate: e == null ? void 0 : e.animate,
+          exit: e == null ? void 0 : e.exit,
+          transition: e == null ? void 0 : e.transition,
+          tabIndex: s ? 0 : void 0,
           role: "listitem",
           "aria-disabled": L,
-          onKeyDown: h,
+          onKeyDown: v,
           className: C(
-            p && "cursor-grab active:cursor-grabbing",
-            p && "focus-visible-default",
-            D
+            s && "cursor-grab active:cursor-grabbing",
+            s && "focus-visible-default",
+            R
           ),
-          style: I,
+          style: w,
           whileDrag: {
             zIndex: F,
             position: "relative",
-            ...a
+            ...n
           },
-          children: x
+          children: g
         }
       )
     }
@@ -145,69 +147,69 @@ J.displayName = "ReorderableItem";
 const Q = A(
   ({
     as: r = "button",
-    disabled: s = !1,
+    disabled: l = !1,
     "aria-label": b,
-    className: l,
-    children: a
-  }, n) => {
-    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, y = (g) => {
-        const S = Math.abs(g.clientX - h), H = Math.abs(g.clientY - i);
-        (S > G || H > G) && (m.current = !0);
-      }, R = () => {
-        document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", R);
+    className: c,
+    children: n
+  }, o) => {
+    const R = T(), g = b ?? R.reorderableTable.dragHandleAriaLabel, { disabled: w, axis: f } = P(), { dragControls: x, dragListenerDisabled: I, moveItem: a } = V(), t = I && !w && !l, i = X(!1), N = (e) => {
+      if (!t) return;
+      i.current = !1;
+      const m = e.clientX, v = e.clientY, u = (y) => {
+        const h = Math.abs(y.clientX - m), H = Math.abs(y.clientY - v);
+        (h > K || H > K) && (i.current = !0);
+      }, p = () => {
+        document.removeEventListener("pointermove", u), document.removeEventListener("pointerup", p);
       };
-      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(), u(-1)) : o.key === i && (o.preventDefault(), u(1));
+      document.addEventListener("pointermove", u), document.addEventListener("pointerup", p), x.start(e);
+    }, E = (e) => {
+      i.current && (e.stopPropagation(), i.current = !1);
+    }, L = G(
+      (e) => {
+        if (!t) return;
+        const m = f === "y" ? "ArrowUp" : "ArrowLeft", v = f === "y" ? "ArrowDown" : "ArrowRight";
+        e.key === m ? (e.preventDefault(), a(-1)) : e.key === v && (e.preventDefault(), a(1));
       },
-      [e, f, u]
-    ), t = {
-      "aria-label": x,
+      [t, f, a]
+    ), s = {
+      "aria-label": g,
       "aria-roledescription": "sortable",
-      onPointerDown: E,
-      onKeyDown: p,
-      onClick: L,
+      onPointerDown: N,
+      onKeyDown: L,
+      onClick: E,
       className: C(
         "touch-none select-none",
-        e && "cursor-grab active:cursor-grabbing",
-        !e && "cursor-default",
-        e && "focus-visible-default",
-        l
+        t && "cursor-grab active:cursor-grabbing",
+        !t && "cursor-default",
+        t && "focus-visible-default",
+        c
       )
     };
-    return r === "button" ? /* @__PURE__ */ d("button", { ref: n, type: "button", disabled: s, ...t, children: a }) : r === "div" ? /* @__PURE__ */ d(
+    return r === "button" ? /* @__PURE__ */ d("button", { ref: o, type: "button", disabled: l, ...s, children: n }) : r === "div" ? /* @__PURE__ */ d(
       "div",
       {
-        ref: n,
-        tabIndex: e ? 0 : void 0,
-        role: e ? "button" : void 0,
-        ...t,
-        children: a
+        ref: o,
+        tabIndex: t ? 0 : void 0,
+        role: t ? "button" : void 0,
+        ...s,
+        children: n
       }
     ) : /* @__PURE__ */ d(
       "span",
       {
-        ref: n,
-        tabIndex: e ? 0 : void 0,
-        role: e ? "button" : void 0,
-        ...t,
-        children: a
+        ref: o,
+        tabIndex: t ? 0 : void 0,
+        role: t ? "button" : void 0,
+        ...s,
+        children: n
       }
     );
   }
 );
 Q.displayName = "ReorderableHandle";
-const W = ({ as: r = "li", className: s, children: b }, l) => {
-  const a = Y[r];
-  return /* @__PURE__ */ d(a, { ref: l, layout: !0, role: "listitem", className: C(s), children: b });
+const W = ({ as: r = "li", className: l, children: b }, c) => {
+  const n = Y[r];
+  return /* @__PURE__ */ d(n, { ref: c, layout: !0, role: "listitem", className: C(l), children: b });
 }, $ = A(W);
 $.displayName = "ReorderableStaticItem";
 export {
@@ -215,6 +217,6 @@ export {
   Q as ReorderableHandle,
   J as ReorderableItem,
   $ as ReorderableStaticItem,
-  _ as useReorderableGroup,
+  P as useReorderableGroup,
   V as useReorderableItem
 };

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

@@ -12,4 +12,5 @@ export declare const ScrollableList: Story;
 export declare const ContentBlocks: Story;
 export declare const AnimatedItems: Story;
 export declare const StaticItem: Story;
+export declare const DynamicHeight: Story;
 //# sourceMappingURL=Reorderable.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAwFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAuEvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA"}
+{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAwFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAuEvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA8GD,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}

package/dist/components/ReorderableTable/ReorderableTable.d.ts

@@ -64,6 +64,11 @@ export interface ReorderableTableProps<T extends {
     isMovable?: boolean;
     /** Enables enter/exit animations when rows are added or removed. @default false */
     animateItems?: boolean;
+    /**
+     * Controls Motion's layout animation mode on rows.
+     * Use `"position"` to animate only position and prevent scale distortion when row height changes.
+     */
+    layout?: true | 'position';
 }
 declare const ReorderableTable: <T extends {
     id: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAWrE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CACtE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,wFAAwF;IACxF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,+EAA+E;IAC/E,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAClC,4FAA4F;IAC5F,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAkOD,QAAA,MAAM,gBAAgB,EAAwC,CAC5D,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAEjC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CACtB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"ReorderableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAWrE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAA;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CACtE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,wFAAwF;IACxF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,+EAA+E;IAC/E,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAClC,4FAA4F;IAC5F,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,UAAU,CAAA;CAC3B;AAoOD,QAAA,MAAM,gBAAgB,EAAwC,CAC5D,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAEjC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CACtB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}