@vkzstudio/muza-ui 1.0.39 → 1.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/DataTable/DataTable.d.ts +3 -2
  2. package/dist/components/DataTable/DataTable.d.ts.map +1 -1
  3. package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
  4. package/dist/components/ExpandableTable/ExpandableTable.js +134 -128
  5. package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
  6. package/dist/components/FileUpload/FileItem.js +9 -6
  7. package/dist/components/Input/Input.d.ts +5 -2
  8. package/dist/components/Input/Input.d.ts.map +1 -1
  9. package/package.json +1 -1
package/dist/components/DataTable/DataTable.d.ts CHANGED
@@ -57,8 +57,9 @@ export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableEl
57
57
  /** Prevents interaction and applies muted text colors. @default false */
58
58
  disabled?: boolean;
59
59
  /**
60
- * Fires when a row is clicked. When provided and not `disabled`, rows become
61
- * interactive: cursor-pointer, keyboard-activatable, and a hover/focus border.
60
+ * Fires when a row is clicked (pointer only — rows are not keyboard-activatable).
61
+ * When provided and not `disabled`, rows get a pointer cursor and a
62
+ * hover/focus-within border on cells.
62
63
  */
63
64
  onRowClick?: (rowData: T, rowIndex: number) => void;
64
65
  }
package/dist/components/DataTable/DataTable.d.ts.map CHANGED
@@ -1 +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;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"}
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;IAClB;;;;OAIG;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/ExpandableTable/ExpandableTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAuBd;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAA;AAET;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAA;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AA4CD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,uDAKjC,oBAAoB,CAAC,CAAC,CAAC,4CAgYzB,CAAA"}
1
+ {"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAuBd;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAA;AAET;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAA;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AA4CD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,uDAKjC,oBAAoB,CAAC,CAAC,CAAC,4CAiZzB,CAAA"}
package/dist/components/ExpandableTable/ExpandableTable.js CHANGED
@@ -1,13 +1,13 @@
1
- import { jsxs as p, jsx as t, Fragment as A } from "react/jsx-runtime";
2
- import { useState as V, useRef as G, useEffect as _, useCallback as O, Fragment as W } from "react";
3
- import { cva as X } from "class-variance-authority";
4
- import { useIsMin3xl as q, useIsMin2xl as J, useIsMinXl as Q, useIsMinLg as U, useIsMinMd as Y, useIsMinSm as Z } from "../../hooks/use-is-breakpoint.js";
5
- import { Table as D, TableHeader as R, TableRow as L, TableHead as S, TableRowGroup as w, TableCell as $ } from "./Table.js";
6
- import { cn as a } from "../../utils/cn.js";
7
- import { Typography as f } from "../Typography/Typography.js";
8
- import { AltArrowDownOutline as I } from "@solar-icons/react-perf";
9
- import { Flex as j } from "../Flex/Flex.js";
10
- const z = X("", {
1
+ import { jsxs as m, jsx as s, Fragment as J } from "react/jsx-runtime";
2
+ import { useState as B, useRef as Q, useEffect as U, useCallback as Y, useMemo as E, Fragment as Z } from "react";
3
+ import { cva as D } from "class-variance-authority";
4
+ import { useIsMinSm as S, useIsMinMd as R, useIsMinLg as I, useIsMinXl as w, useIsMin2xl as ee, useIsMin3xl as re } from "../../hooks/use-is-breakpoint.js";
5
+ import { Table as se, TableHeader as te, TableRow as H, TableHead as ie, TableRowGroup as ne, TableCell as P } from "./Table.js";
6
+ import { cn as o } from "../../utils/cn.js";
7
+ import { Typography as g } from "../Typography/Typography.js";
8
+ import { AltArrowDownOutline as de } from "@solar-icons/react-perf";
9
+ import { Flex as A } from "../Flex/Flex.js";
10
+ const G = D("", {
11
11
  variants: {
12
12
  responsive: {
13
13
  xs: "",
@@ -28,76 +28,82 @@ const z = X("", {
28
28
  "3xl": "3xl:hidden"
29
29
  }
30
30
  }
31
- }), B = (n) => typeof n == "string" && (n === "xs" || n === "sm" || n === "md" || n === "lg" || n === "xl" || n === "2xl" || n === "3xl"), C = (n, m) => n === void 0 || n === "xs" ? !0 : typeof n == "boolean" ? n : m[n], oe = ({
31
+ }), X = (n) => typeof n == "string" && (n === "xs" || n === "sm" || n === "md" || n === "lg" || n === "xl" || n === "2xl" || n === "3xl"), C = (n, a) => n === void 0 || n === "xs" ? !0 : typeof n == "boolean" ? n : a[n], ge = ({
32
32
  data: n,
33
- columns: m,
34
- expandableRowSections: s,
35
- classNames: o
33
+ columns: a,
34
+ expandableRowSections: t,
35
+ classNames: p
36
36
  }) => {
37
- const [v, H] = V(/* @__PURE__ */ new Set()), [P, u] = V(/* @__PURE__ */ new Set()), g = G(
37
+ const [v, _] = B(/* @__PURE__ */ new Set()), [O, y] = B(/* @__PURE__ */ new Set()), f = Q(
38
38
  /* @__PURE__ */ new Map()
39
39
  );
40
- _(() => {
41
- const e = g.current;
40
+ U(() => {
41
+ const e = f.current;
42
42
  return () => {
43
43
  e.forEach((i) => clearTimeout(i)), e.clear();
44
44
  };
45
45
  }, []);
46
- const N = O((e) => {
47
- H((i) => {
46
+ const M = Y((e) => {
47
+ _((i) => {
48
48
  const l = new Set(i);
49
49
  if (l.has(e)) {
50
- l.delete(e), u((c) => {
50
+ l.delete(e), y((c) => {
51
51
  const r = new Set(c);
52
52
  return r.add(e), r;
53
53
  });
54
- const d = g.current.get(e);
55
- d && clearTimeout(d), g.current.set(
54
+ const d = f.current.get(e);
55
+ d && clearTimeout(d), f.current.set(
56
56
  e,
57
57
  setTimeout(() => {
58
- u((c) => {
58
+ y((c) => {
59
59
  const r = new Set(c);
60
60
  return r.delete(e), r;
61
- }), g.current.delete(e);
61
+ }), f.current.delete(e);
62
62
  }, 150)
63
63
  );
64
64
  } else {
65
65
  l.add(e);
66
- const d = g.current.get(e);
67
- d && (clearTimeout(d), g.current.delete(e), u((c) => {
66
+ const d = f.current.get(e);
67
+ d && (clearTimeout(d), f.current.delete(e), y((c) => {
68
68
  const r = new Set(c);
69
69
  return r.delete(e), r;
70
70
  }));
71
71
  }
72
72
  return l;
73
73
  });
74
- }, []), y = {
75
- xs: !0,
76
- sm: Z(),
77
- md: Y(),
78
- lg: U(),
79
- xl: Q(),
80
- "2xl": J(),
81
- "3xl": q()
82
- }, M = m.some(
83
- (e) => e.responsive !== void 0 && e.responsive !== "xs" && e.moveToExpandable !== !1 && !C(e.responsive, y)
84
- );
85
- let x = -1, F = -1;
86
- m.forEach((e, i) => {
87
- C(e.responsive, y) && (x === -1 && (x = i), F = i);
88
- });
89
- const T = !s && M, K = !!s || T;
90
- return /* @__PURE__ */ p(D, { children: [
91
- /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(L, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: m.map((e, i) => {
92
- const l = B(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
93
- return /* @__PURE__ */ t(
94
- S,
74
+ }, []), N = S(), V = R(), F = I(), K = w(), L = ee(), $ = re(), u = E(
75
+ () => ({
76
+ xs: !0,
77
+ sm: N,
78
+ md: V,
79
+ lg: F,
80
+ xl: K,
81
+ "2xl": L,
82
+ "3xl": $
83
+ }),
84
+ [N, V, F, K, L, $]
85
+ ), j = E(
86
+ () => a.some(
87
+ (e) => e.responsive !== void 0 && e.responsive !== "xs" && e.moveToExpandable !== !1 && !C(e.responsive, u)
88
+ ),
89
+ [a, u]
90
+ ), { firstVisibleIndex: W, lastVisibleIndex: q } = E(() => {
91
+ let e = -1, i = -1;
92
+ return a.forEach((l, d) => {
93
+ C(l.responsive, u) && (e === -1 && (e = d), i = d);
94
+ }), { firstVisibleIndex: e, lastVisibleIndex: i };
95
+ }, [a, u]), x = !t && j, z = !!t || x;
96
+ return /* @__PURE__ */ m(se, { children: [
97
+ /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(H, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: a.map((e, i) => {
98
+ const l = X(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
99
+ return /* @__PURE__ */ s(
100
+ ie,
95
101
  {
96
- className: a(
102
+ className: o(
97
103
  e.className,
98
- z({ responsive: l })
104
+ G({ responsive: l }),
105
+ d && "hidden"
99
106
  ),
100
- style: d ? { display: "none" } : void 0,
101
107
  children: e.title
102
108
  },
103
109
  i
@@ -105,44 +111,44 @@ const z = X("", {
105
111
  }) }) }),
106
112
  n.map((e, i) => {
107
113
  var c;
108
- const l = v.has(i) || T, d = P.has(i);
109
- return /* @__PURE__ */ p(
110
- w,
114
+ const l = v.has(i) || x, d = O.has(i);
115
+ return /* @__PURE__ */ m(
116
+ ne,
111
117
  {
112
- className: a({
113
- "group hover:[&_td]:border-stroke-brand-hover": s
118
+ className: o({
119
+ "group hover:[&_td]:border-stroke-brand-hover": t
114
120
  }),
115
121
  children: [
116
- /* @__PURE__ */ p(
117
- L,
122
+ /* @__PURE__ */ m(
123
+ H,
118
124
  {
119
- expandablePosition: s && (v.has(i) || d) || T ? "top" : "none",
120
- className: a("focus-visible-default", {
121
- "cursor-pointer": s
125
+ expandablePosition: t && (v.has(i) || d) || x ? "top" : "none",
126
+ className: o("focus-visible-default", {
127
+ "cursor-pointer": t
122
128
  }),
123
- onClick: s ? () => N(i) : void 0,
124
- onKeyDown: s ? (r) => {
125
- (r.key === "Enter" || r.key === " ") && (r.preventDefault(), N(i));
129
+ onClick: t ? () => M(i) : void 0,
130
+ onKeyDown: t ? (r) => {
131
+ (r.key === "Enter" || r.key === " ") && (r.preventDefault(), M(i));
126
132
  } : void 0,
127
- tabIndex: s ? 0 : void 0,
128
- role: s ? "button" : void 0,
129
- "aria-expanded": s ? v.has(i) : void 0,
133
+ tabIndex: t ? 0 : void 0,
134
+ role: t ? "button" : void 0,
135
+ "aria-expanded": t ? v.has(i) : void 0,
130
136
  children: [
131
- m.map((r, h) => {
132
- const k = B(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
133
- return /* @__PURE__ */ t(
134
- $,
137
+ a.map((r, h) => {
138
+ const T = X(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
139
+ return /* @__PURE__ */ s(
140
+ P,
135
141
  {
136
- isFirst: h === x,
137
- isLast: h === F && !s,
138
- expandablePosition: (l || d) && K ? "top" : "none",
139
- className: a(
142
+ isFirst: h === W,
143
+ isLast: h === q && !t,
144
+ expandablePosition: (l || d) && z ? "top" : "none",
145
+ className: o(
140
146
  r.className,
141
- z({ responsive: k })
147
+ G({ responsive: T }),
148
+ b && "hidden"
142
149
  ),
143
- style: b ? { display: "none" } : void 0,
144
- children: r.render ? r.render(e[r.dataKey], e) : /* @__PURE__ */ t(
145
- f,
150
+ children: r.render ? r.render(e[r.dataKey], e) : /* @__PURE__ */ s(
151
+ g,
146
152
  {
147
153
  variant: "body",
148
154
  size: "base",
@@ -155,17 +161,17 @@ const z = X("", {
155
161
  h
156
162
  );
157
163
  }),
158
- s && /* @__PURE__ */ t(
159
- $,
164
+ t && /* @__PURE__ */ s(
165
+ P,
160
166
  {
161
167
  className: "w-[68px]",
162
168
  isFirst: !1,
163
169
  isLast: !0,
164
170
  expandablePosition: v.has(i) || d ? "top" : "none",
165
- children: /* @__PURE__ */ t(
166
- I,
171
+ children: /* @__PURE__ */ s(
172
+ de,
167
173
  {
168
- className: a(
174
+ className: o(
169
175
  "text-text-brand-def transition-transform duration-300",
170
176
  {
171
177
  "rotate-180": v.has(i)
@@ -178,52 +184,52 @@ const z = X("", {
178
184
  ]
179
185
  }
180
186
  ),
181
- K && /* @__PURE__ */ t("tr", { "aria-hidden": !l, children: /* @__PURE__ */ t(
187
+ z && /* @__PURE__ */ s("tr", { "aria-hidden": !l, children: /* @__PURE__ */ s(
182
188
  "td",
183
189
  {
184
- colSpan: m.length + (s ? 1 : 0),
190
+ colSpan: a.length + (t ? 1 : 0),
185
191
  className: "border-0 p-0",
186
- children: /* @__PURE__ */ t(
192
+ children: /* @__PURE__ */ s(
187
193
  "div",
188
194
  {
189
- className: a(
195
+ className: o(
190
196
  "grid transition-[grid-template-rows] duration-300 ease-in-out",
191
197
  l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
192
198
  ),
193
- children: /* @__PURE__ */ t("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ p(
199
+ children: /* @__PURE__ */ s("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ m(
194
200
  "div",
195
201
  {
196
- className: a(
202
+ className: o(
197
203
  "rounded-b-xl border-x-1 border-b-1 border-stroke-base-secondary bg-surface-base-secondary transition-colors group-hover:border-stroke-brand-hover"
198
204
  ),
199
205
  children: [
200
- /* @__PURE__ */ t("div", { className: "mx-comp-table-p border-t-1 border-stroke-base-secondary" }),
201
- /* @__PURE__ */ p(
206
+ /* @__PURE__ */ s("div", { className: "mx-comp-table-p border-t-1 border-stroke-base-secondary" }),
207
+ /* @__PURE__ */ m(
202
208
  "div",
203
209
  {
204
- className: a(
210
+ className: o(
205
211
  "grid grid-cols-1 gap-2xl px-comp-table-p py-2xl md:grid-cols-[auto_1fr]",
206
- o == null ? void 0 : o.expandedContentGrid
212
+ p == null ? void 0 : p.expandedContentGrid
207
213
  ),
208
214
  children: [
209
- M && /* @__PURE__ */ p(A, { children: [
210
- /* @__PURE__ */ t(
211
- j,
215
+ j && /* @__PURE__ */ m(J, { children: [
216
+ /* @__PURE__ */ s(
217
+ A,
212
218
  {
213
219
  gap: "md",
214
220
  direction: "column",
215
221
  className: "col-span-full",
216
- children: m.filter(
217
- (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !C(r.responsive, y)
218
- ).map((r, h) => /* @__PURE__ */ p(
219
- j,
222
+ children: a.filter(
223
+ (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !C(r.responsive, u)
224
+ ).map((r, h) => /* @__PURE__ */ m(
225
+ A,
220
226
  {
221
227
  align: "center",
222
228
  justify: "between",
223
229
  direction: "row",
224
230
  children: [
225
- /* @__PURE__ */ t(
226
- f,
231
+ /* @__PURE__ */ s(
232
+ g,
227
233
  {
228
234
  variant: "body",
229
235
  component: "span",
@@ -233,8 +239,8 @@ const z = X("", {
233
239
  r.render ? r.render(
234
240
  e[r.dataKey],
235
241
  e
236
- ) : /* @__PURE__ */ t(
237
- f,
242
+ ) : /* @__PURE__ */ s(
243
+ g,
238
244
  {
239
245
  variant: "body",
240
246
  weight: "medium",
@@ -249,22 +255,22 @@ const z = X("", {
249
255
  ))
250
256
  }
251
257
  ),
252
- s && /* @__PURE__ */ t("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
258
+ t && /* @__PURE__ */ s("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
253
259
  ] }),
254
- (c = typeof s == "function" ? s(e) : s) == null ? void 0 : c.map((r, h) => {
255
- if (!s) return null;
256
- const k = typeof s == "function" ? s(e).length : s.length;
257
- return /* @__PURE__ */ p(W, { children: [
258
- /* @__PURE__ */ p(
260
+ (c = typeof t == "function" ? t(e) : t) == null ? void 0 : c.map((r, h) => {
261
+ if (!t) return null;
262
+ const T = typeof t == "function" ? t(e).length : t.length;
263
+ return /* @__PURE__ */ m(Z, { children: [
264
+ /* @__PURE__ */ m(
259
265
  "div",
260
266
  {
261
- className: a(
267
+ className: o(
262
268
  "col-span-full grid grid-cols-1 gap-y-xl md:col-span-2 md:grid-cols-subgrid",
263
- o == null ? void 0 : o.sectionTitle
269
+ p == null ? void 0 : p.sectionTitle
264
270
  ),
265
271
  children: [
266
- r.title && /* @__PURE__ */ t(
267
- f,
272
+ r.title && /* @__PURE__ */ s(
273
+ g,
268
274
  {
269
275
  variant: "body",
270
276
  uppercase: !0,
@@ -275,26 +281,26 @@ const z = X("", {
275
281
  children: r.title
276
282
  }
277
283
  ),
278
- /* @__PURE__ */ t(
284
+ /* @__PURE__ */ s(
279
285
  "div",
280
286
  {
281
- className: a(
287
+ className: o(
282
288
  "col-span-full grid grid-cols-1 gap-x-3xl md:col-span-2 md:grid-cols-subgrid md:gap-y-md",
283
- o == null ? void 0 : o.cellsWrap
289
+ p == null ? void 0 : p.cellsWrap
284
290
  ),
285
291
  children: r.cells.flatMap(
286
- (b, E) => [
287
- /* @__PURE__ */ t(
288
- f,
292
+ (b, k) => [
293
+ /* @__PURE__ */ s(
294
+ g,
289
295
  {
290
296
  component: "span",
291
297
  variant: "body",
292
298
  className: "mb-xs text-text-dark-primary-def md:mb-0",
293
299
  children: b.title
294
300
  },
295
- `${E}-label`
301
+ `${k}-label`
296
302
  ),
297
- b.render ? /* @__PURE__ */ t(
303
+ b.render ? /* @__PURE__ */ s(
298
304
  "div",
299
305
  {
300
306
  className: "mb-md block last-of-type:mb-0 md:mb-0",
@@ -303,9 +309,9 @@ const z = X("", {
303
309
  e
304
310
  )
305
311
  },
306
- `${E}-value`
307
- ) : /* @__PURE__ */ t(
308
- f,
312
+ `${k}-value`
313
+ ) : /* @__PURE__ */ s(
314
+ g,
309
315
  {
310
316
  variant: "body",
311
317
  weight: "medium",
@@ -313,7 +319,7 @@ const z = X("", {
313
319
  className: "mb-md block last-of-type:mb-0 md:mb-0",
314
320
  children: e[b.dataKey]
315
321
  },
316
- `${E}-value`
322
+ `${k}-value`
317
323
  )
318
324
  ]
319
325
  )
@@ -322,7 +328,7 @@ const z = X("", {
322
328
  ]
323
329
  }
324
330
  ),
325
- h < k - 1 && /* @__PURE__ */ t("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
331
+ h < T - 1 && /* @__PURE__ */ s("hr", { className: "col-span-full text-stroke-base-secondary md:col-span-2" })
326
332
  ] }, h);
327
333
  })
328
334
  ]
@@ -343,5 +349,5 @@ const z = X("", {
343
349
  ] });
344
350
  };
345
351
  export {
346
- oe as ExpandableTable
352
+ ge as ExpandableTable
347
353
  };
package/dist/components/FileUpload/FileItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAoO5C,CAAA"}
1
+ {"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAuO5C,CAAA"}
package/dist/components/FileUpload/FileItem.js CHANGED
@@ -85,8 +85,8 @@ const D = (e, l, i) => {
85
85
  readOnly: r = !1,
86
86
  note: c,
87
87
  error: s,
88
- secondaryText: g,
89
- onDelete: y,
88
+ secondaryText: y,
89
+ onDelete: g,
90
90
  onError: L
91
91
  } = e, m = _(), [v, w] = p.useState(!1), N = e.source === "file" ? e.file.name : e.name, b = e.source === "url" ? (e.type ?? "").startsWith("image/") || A.test(e.name) : e.file.type.startsWith("image/"), T = e.source === "url" ? E.includes(e.type ?? "") || z.test(e.name) : E.includes(e.file.type) || z.test(e.file.name), d = e.source === "file" ? e.file : e.url, C = p.useMemo(() => o ? "disabled" : s ? "error" : typeof i == "number" && i > 0 && i < 100 ? "loading" : "default", [o, s, i]), x = p.useMemo(() => {
92
92
  if (b)
@@ -151,7 +151,7 @@ const D = (e, l, i) => {
151
151
  children: N
152
152
  }
153
153
  ),
154
- g && /* @__PURE__ */ t(
154
+ y && /* @__PURE__ */ t(
155
155
  u,
156
156
  {
157
157
  className: "w-full truncate text-comp-file-upload-text-dark-secondary",
@@ -159,15 +159,16 @@ const D = (e, l, i) => {
159
159
  variant: "body",
160
160
  size: "caption",
161
161
  weight: "regular",
162
- children: g
162
+ children: y
163
163
  }
164
164
  )
165
165
  ] }),
166
166
  !l && /* @__PURE__ */ t(
167
167
  "button",
168
168
  {
169
+ type: "button",
169
170
  disabled: o,
170
- onClick: y,
171
+ onClick: g,
171
172
  "aria-label": m.fileUpload.deleteButtonAriaLabel,
172
173
  className: a(
173
174
  h,
@@ -183,6 +184,7 @@ const D = (e, l, i) => {
183
184
  /* @__PURE__ */ t(
184
185
  "button",
185
186
  {
187
+ type: "button",
186
188
  disabled: o,
187
189
  onClick: () => e.source === "url" ? (() => {
188
190
  try {
@@ -216,8 +218,9 @@ const D = (e, l, i) => {
216
218
  !r && /* @__PURE__ */ t(
217
219
  "button",
218
220
  {
221
+ type: "button",
219
222
  disabled: o,
220
- onClick: y,
223
+ onClick: g,
221
224
  "aria-label": m.fileUpload.deleteButtonAriaLabel,
222
225
  className: a(
223
226
  h,
package/dist/components/Input/Input.d.ts CHANGED
@@ -66,11 +66,14 @@ export interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'pref
66
66
  */
67
67
  mask?: string;
68
68
  /**
69
- * Stops click events on the wrapper from propagating to ancestors. Use this
69
+ * Stops `click` events on the wrapper from propagating to ancestors. Use this
70
70
  * when the Input is placed inside a clickable container (e.g. a DataTable or
71
71
  * ReorderableTable row that wires `onRowClick`) so that clicking the input's
72
72
  * padding / prefix / suffix area does not trigger the parent's click handler.
73
- * Focus behavior on the input is preserved.
73
+ *
74
+ * Scope: only `click` events are stopped. `focus`, `pointerdown`/`mousedown`,
75
+ * and `keydown` events still bubble normally. Focus behavior on the input
76
+ * itself is preserved.
74
77
  * @default false
75
78
  */
76
79
  stopClickPropagation?: boolean;
package/dist/components/Input/Input.d.ts.map CHANGED
@@ -1 +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;IACb;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,KAAK,sHAiJjB,CAAA"}
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;IACb;;;;;;;;;;OAUG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,KAAK,sHAiJjB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkzstudio/muza-ui",
3
- "version": "1.0.39",
3
+ "version": "1.0.40",
4
4
  "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",