jcicl 1.0.77 → 1.0.78

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.
package/.chunks/Paper.js CHANGED
@@ -1,14 +1,15 @@
1
1
  import * as P from "react";
2
- import { a as h, g as b, s as g, u as w, c as T, e as u, P as a, d as $, f } from "./DefaultPropsProvider.js";
2
+ import { a as b, g as h, s as g, u as w, d as u, P as a, b as T, e as f } from "./DefaultPropsProvider.js";
3
+ import { c as $ } from "./clsx.js";
3
4
  import { u as x } from "./Portal.js";
4
5
  import { jsx as O } from "react/jsx-runtime";
5
6
  import { m as C } from "./memoTheme.js";
6
7
  import { c as N } from "./chainPropTypes.js";
7
8
  import { i as R } from "./integerPropType.js";
8
9
  function j(e) {
9
- return b("MuiPaper", e);
10
+ return h("MuiPaper", e);
10
11
  }
11
- h("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
12
+ b("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
12
13
  const E = (e) => {
13
14
  const {
14
15
  square: o,
@@ -18,7 +19,7 @@ const E = (e) => {
18
19
  } = e, i = {
19
20
  root: ["root", s, !o && "rounded", s === "elevation" && `elevation${t}`]
20
21
  };
21
- return $(i, j, r);
22
+ return T(i, j, r);
22
23
  }, M = g("div", {
23
24
  name: "MuiPaper",
24
25
  slot: "Root",
@@ -80,7 +81,7 @@ const E = (e) => {
80
81
  `)), /* @__PURE__ */ O(M, {
81
82
  as: l,
82
83
  ownerState: d,
83
- className: T(y.root, i),
84
+ className: $(y.root, i),
84
85
  ref: t,
85
86
  ...p,
86
87
  style: {
package/.chunks/Popper.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { u as xt } from "./index.js";
2
- import { a as Pt, g as Et, P as i, d as Rt, s as Tt, u as At } from "./DefaultPropsProvider.js";
2
+ import { a as Pt, g as Et, P as i, b as Rt, s as Tt, u as At } from "./DefaultPropsProvider.js";
3
3
  import * as L from "react";
4
4
  import { jsx as be } from "react/jsx-runtime";
5
5
  import { o as ze, P as jt, H as we, f as Dt } from "./Portal.js";
package/.chunks/Portal.js CHANGED
@@ -2,7 +2,7 @@ import * as p from "react";
2
2
  import w from "react";
3
3
  import { r as ct, m as pt, a as ft } from "./index.js";
4
4
  import { u as j, d as dt, _ as Et, e as B, a as mt, s as F } from "./TransitionGroupContext.js";
5
- import { j as ht, P as e, T as xt, k as gt } from "./DefaultPropsProvider.js";
5
+ import { i as ht, P as e, T as xt, j as gt } from "./DefaultPropsProvider.js";
6
6
  import { u as vt } from "./useThemeWithoutDefault.js";
7
7
  import { jsx as $ } from "react/jsx-runtime";
8
8
  import { c as K } from "./chainPropTypes.js";
@@ -454,7 +454,7 @@ function z(o, s) {
454
454
  function A(o) {
455
455
  return `scale(${o}, ${o ** 2})`;
456
456
  }
457
- const kt = {
457
+ const Lt = {
458
458
  entering: {
459
459
  opacity: 1,
460
460
  transform: A(1)
@@ -476,12 +476,12 @@ const kt = {
476
476
  onExit: h,
477
477
  onExited: _,
478
478
  onExiting: Z,
479
- style: k,
479
+ style: L,
480
480
  timeout: v = "auto",
481
481
  // eslint-disable-next-line react/prop-types
482
482
  TransitionComponent: tt = E,
483
483
  ...et
484
- } = s, nt = mt(), L = p.useRef(), b = Ct(), P = p.useRef(null), ot = j(P, Y(t), a), N = (c) => (x) => {
484
+ } = s, nt = mt(), k = p.useRef(), b = Ct(), P = p.useRef(null), ot = j(P, Y(t), a), N = (c) => (x) => {
485
485
  if (c) {
486
486
  const g = P.current;
487
487
  x === void 0 ? c(g) : c(g, x);
@@ -493,14 +493,14 @@ const kt = {
493
493
  delay: C,
494
494
  easing: d
495
495
  } = z({
496
- style: k,
496
+ style: L,
497
497
  timeout: v,
498
498
  easing: i
499
499
  }, {
500
500
  mode: "enter"
501
501
  });
502
502
  let D;
503
- v === "auto" ? (D = b.transitions.getAutoHeightDuration(c.clientHeight), L.current = D) : D = g, c.style.transition = [b.transitions.create("opacity", {
503
+ v === "auto" ? (D = b.transitions.getAutoHeightDuration(c.clientHeight), k.current = D) : D = g, c.style.transition = [b.transitions.create("opacity", {
504
504
  duration: D,
505
505
  delay: C
506
506
  }), b.transitions.create("transform", {
@@ -514,14 +514,14 @@ const kt = {
514
514
  delay: g,
515
515
  easing: C
516
516
  } = z({
517
- style: k,
517
+ style: L,
518
518
  timeout: v,
519
519
  easing: i
520
520
  }, {
521
521
  mode: "exit"
522
522
  });
523
523
  let d;
524
- v === "auto" ? (d = b.transitions.getAutoHeightDuration(c.clientHeight), L.current = d) : d = x, c.style.transition = [b.transitions.create("opacity", {
524
+ v === "auto" ? (d = b.transitions.getAutoHeightDuration(c.clientHeight), k.current = d) : d = x, c.style.transition = [b.transitions.create("opacity", {
525
525
  duration: d,
526
526
  delay: g
527
527
  }), b.transitions.create("transform", {
@@ -541,7 +541,7 @@ const kt = {
541
541
  onExited: lt,
542
542
  onExiting: at,
543
543
  addEndListener: (c) => {
544
- v === "auto" && nt.start(L.current || 0, c), r && r(P.current, c);
544
+ v === "auto" && nt.start(k.current || 0, c), r && r(P.current, c);
545
545
  },
546
546
  timeout: v === "auto" ? null : v,
547
547
  ...et,
@@ -550,8 +550,8 @@ const kt = {
550
550
  opacity: 0,
551
551
  transform: A(0.75),
552
552
  visibility: c === "exited" && !u ? "hidden" : void 0,
553
- ...kt[c],
554
- ...k,
553
+ ...Lt[c],
554
+ ...L,
555
555
  ...t.props.style
556
556
  },
557
557
  ref: ot,
@@ -634,7 +634,7 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
634
634
  })])
635
635
  });
636
636
  G && (G.muiSupportAuto = !0);
637
- function Lt(o) {
637
+ function kt(o) {
638
638
  return typeof o == "function" ? o() : o;
639
639
  }
640
640
  const H = /* @__PURE__ */ p.forwardRef(function(s, a) {
@@ -644,7 +644,7 @@ const H = /* @__PURE__ */ p.forwardRef(function(s, a) {
644
644
  disablePortal: t = !1
645
645
  } = s, [i, u] = p.useState(null), l = j(/* @__PURE__ */ p.isValidElement(r) ? Y(r) : null, a);
646
646
  if (U(() => {
647
- t || u(Lt(n) || document.body);
647
+ t || u(kt(n) || document.body);
648
648
  }, [n, t]), U(() => {
649
649
  if (i && !t)
650
650
  return F(a, i), () => {
@@ -1,5 +1,6 @@
1
1
  import * as D from "react";
2
- import { g as V, a as _, s as C, r as $, c as A, P as e, b as G, d as H } from "./DefaultPropsProvider.js";
2
+ import { g as V, a as _, s as C, r as $, P as e, c as A, b as G } from "./DefaultPropsProvider.js";
3
+ import { c as H } from "./clsx.js";
3
4
  import { u as J } from "./useFormControl.js";
4
5
  import { jsxs as K, jsx as M } from "react/jsx-runtime";
5
6
  import { B as Q } from "./ButtonBase.js";
@@ -16,10 +17,10 @@ const Z = (s) => {
16
17
  disabled: c,
17
18
  edge: n
18
19
  } = s, l = {
19
- root: ["root", d && "checked", c && "disabled", n && `edge${G(n)}`],
20
+ root: ["root", d && "checked", c && "disabled", n && `edge${A(n)}`],
20
21
  input: ["input"]
21
22
  };
22
- return H(l, Y, t);
23
+ return G(l, Y, t);
23
24
  }, ee = C(Q)({
24
25
  padding: 9,
25
26
  borderRadius: "50%",
@@ -90,7 +91,7 @@ const Z = (s) => {
90
91
  readOnly: v,
91
92
  required: z = !1,
92
93
  tabIndex: N,
93
- type: r,
94
+ type: i,
94
95
  value: g,
95
96
  ...O
96
97
  } = t, [y, j] = W({
@@ -108,21 +109,21 @@ const Z = (s) => {
108
109
  const B = o.target.checked;
109
110
  j(B), m && m(o, B);
110
111
  };
111
- let i = F;
112
- a && typeof i > "u" && (i = a.disabled);
113
- const L = r === "checkbox" || r === "radio", u = {
112
+ let r = F;
113
+ a && typeof r > "u" && (r = a.disabled);
114
+ const L = i === "checkbox" || i === "radio", u = {
114
115
  ...t,
115
116
  checked: y,
116
- disabled: i,
117
+ disabled: r,
117
118
  disableFocusRipple: f,
118
119
  edge: R
119
120
  }, k = Z(u);
120
121
  return /* @__PURE__ */ K(ee, {
121
122
  component: "span",
122
- className: A(k.root, w),
123
+ className: H(k.root, w),
123
124
  centerRipple: !0,
124
125
  focusRipple: !f,
125
- disabled: i,
126
+ disabled: r,
126
127
  tabIndex: null,
127
128
  role: void 0,
128
129
  onFocus: E,
@@ -135,7 +136,7 @@ const Z = (s) => {
135
136
  checked: n,
136
137
  defaultChecked: p,
137
138
  className: k.input,
138
- disabled: i,
139
+ disabled: r,
139
140
  id: L ? x : void 0,
140
141
  name: q,
141
142
  onChange: U,
@@ -144,8 +145,8 @@ const Z = (s) => {
144
145
  required: z,
145
146
  ownerState: u,
146
147
  tabIndex: N,
147
- type: r,
148
- ...r === "checkbox" && g === void 0 ? {} : {
148
+ type: i,
149
+ ...i === "checkbox" && g === void 0 ? {} : {
149
150
  value: g
150
151
  },
151
152
  ...P
@@ -1,5 +1,6 @@
1
1
  import * as c from "react";
2
- import { P as e, k as Vo, T as Ho, a as oe, g as te, b as ce, s as j, u as de, c as ee, d as ne, m as qo, r as Se, n as bo, o as ho, i as Ot } from "./DefaultPropsProvider.js";
2
+ import { P as e, j as Vo, T as Ho, a as oe, g as te, c as ce, s as j, u as de, b as ne, k as qo, r as Se, m as bo, n as ho, h as Ot } from "./DefaultPropsProvider.js";
3
+ import { c as ee } from "./clsx.js";
3
4
  import { u as ye } from "./useSlot.js";
4
5
  import { jsx as R, jsxs as he } from "react/jsx-runtime";
5
6
  import { u as De, F as _o } from "./useFormControl.js";
@@ -0,0 +1,16 @@
1
+ function a(r) {
2
+ var f, n, t = "";
3
+ if (typeof r == "string" || typeof r == "number") t += r;
4
+ else if (typeof r == "object") if (Array.isArray(r)) {
5
+ var o = r.length;
6
+ for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
7
+ } else for (n in r) r[n] && (t && (t += " "), t += n);
8
+ return t;
9
+ }
10
+ function i() {
11
+ for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
12
+ return t;
13
+ }
14
+ export {
15
+ i as c
16
+ };
@@ -1,6 +1,7 @@
1
1
  import * as z from "react";
2
2
  import { jsxs as I, jsx as b } from "react/jsx-runtime";
3
- import { g as w, a as C, s as T, b as x, u as N, c as O, P as e, d as R } from "./DefaultPropsProvider.js";
3
+ import { g as w, a as C, s as T, c as x, u as N, P as e, b as O } from "./DefaultPropsProvider.js";
4
+ import { c as R } from "./clsx.js";
4
5
  import { m as j } from "./memoTheme.js";
5
6
  function E(o) {
6
7
  return w("MuiSvgIcon", o);
@@ -14,7 +15,7 @@ const $ = (o) => {
14
15
  } = o, n = {
15
16
  root: ["root", r !== "inherit" && `color${x(r)}`, `fontSize${x(t)}`]
16
17
  };
17
- return R(n, E, s);
18
+ return O(n, E, s);
18
19
  }, A = T("svg", {
19
20
  name: "MuiSvgIcon",
20
21
  slot: "Root",
@@ -27,7 +28,7 @@ const $ = (o) => {
27
28
  })(j(({
28
29
  theme: o
29
30
  }) => {
30
- var r, t, s, n, c, g, a, y, p, d, l, m, v, f;
31
+ var r, t, s, n, c, g, a, y, p, m, l, d, v, f;
31
32
  return {
32
33
  userSelect: "none",
33
34
  width: "1em",
@@ -75,7 +76,7 @@ const $ = (o) => {
75
76
  fontSize: "large"
76
77
  },
77
78
  style: {
78
- fontSize: ((d = (p = o.typography) == null ? void 0 : p.pxToRem) == null ? void 0 : d.call(p, 35)) || "2.1875rem"
79
+ fontSize: ((m = (p = o.typography) == null ? void 0 : p.pxToRem) == null ? void 0 : m.call(p, 35)) || "2.1875rem"
79
80
  }
80
81
  },
81
82
  // TODO v5 deprecate color prop, v6 remove for sx
@@ -95,7 +96,7 @@ const $ = (o) => {
95
96
  color: "action"
96
97
  },
97
98
  style: {
98
- color: (m = (l = (o.vars ?? o).palette) == null ? void 0 : l.action) == null ? void 0 : m.active
99
+ color: (d = (l = (o.vars ?? o).palette) == null ? void 0 : l.action) == null ? void 0 : d.active
99
100
  }
100
101
  },
101
102
  {
@@ -127,9 +128,9 @@ const $ = (o) => {
127
128
  component: a = "svg",
128
129
  fontSize: y = "medium",
129
130
  htmlColor: p,
130
- inheritViewBox: d = !1,
131
+ inheritViewBox: m = !1,
131
132
  titleAccess: l,
132
- viewBox: m = "0 0 24 24",
133
+ viewBox: d = "0 0 24 24",
133
134
  ...v
134
135
  } = s, f = /* @__PURE__ */ z.isValidElement(n) && n.type === "svg", i = {
135
136
  ...s,
@@ -137,15 +138,15 @@ const $ = (o) => {
137
138
  component: a,
138
139
  fontSize: y,
139
140
  instanceFontSize: r.fontSize,
140
- inheritViewBox: d,
141
- viewBox: m,
141
+ inheritViewBox: m,
142
+ viewBox: d,
142
143
  hasSvgAsChild: f
143
144
  }, u = {};
144
- d || (u.viewBox = m);
145
+ m || (u.viewBox = d);
145
146
  const h = $(i);
146
147
  return /* @__PURE__ */ I(A, {
147
148
  as: a,
148
- className: O(h.root, c),
149
+ className: R(h.root, c),
149
150
  focusable: "false",
150
151
  color: p,
151
152
  "aria-hidden": l ? void 0 : !0,
@@ -233,7 +234,7 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
233
234
  viewBox: e.string
234
235
  });
235
236
  S && (S.muiName = "SvgIcon");
236
- function D(o, r) {
237
+ function U(o, r) {
237
238
  function t(s, n) {
238
239
  return /* @__PURE__ */ b(S, {
239
240
  "data-testid": `${r}Icon`,
@@ -245,5 +246,5 @@ function D(o, r) {
245
246
  return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = S.muiName, /* @__PURE__ */ z.memo(/* @__PURE__ */ z.forwardRef(t));
246
247
  }
247
248
  export {
248
- D as c
249
+ U as c
249
250
  };
package/.chunks/index.js CHANGED
@@ -1,5 +1,6 @@
1
- import { c as v, P as h } from "./DefaultPropsProvider.js";
2
- import * as E from "react";
1
+ import { c as v } from "./clsx.js";
2
+ import * as o from "react";
3
+ import { P as h } from "./DefaultPropsProvider.js";
3
4
  import "react/jsx-runtime";
4
5
  function O(n) {
5
6
  return typeof n == "string";
@@ -29,7 +30,7 @@ function g(n) {
29
30
  c[e] = n[e];
30
31
  }), c;
31
32
  }
32
- function r(n) {
33
+ function D(n) {
33
34
  const {
34
35
  getSlotProps: c,
35
36
  additionalProps: e,
@@ -52,35 +53,35 @@ function r(n) {
52
53
  internalRef: void 0
53
54
  };
54
55
  }
55
- const C = R({
56
+ const E = R({
56
57
  ...s,
57
58
  ...t
58
- }), o = g(t), H = g(s), u = c(C), y = v(u == null ? void 0 : u.className, e == null ? void 0 : e.className, m, s == null ? void 0 : s.className, t == null ? void 0 : t.className), l = {
59
- ...u == null ? void 0 : u.style,
59
+ }), C = g(t), H = g(s), f = c(E), y = v(f == null ? void 0 : f.className, e == null ? void 0 : e.className, m, s == null ? void 0 : s.className, t == null ? void 0 : t.className), l = {
60
+ ...f == null ? void 0 : f.style,
60
61
  ...e == null ? void 0 : e.style,
61
62
  ...s == null ? void 0 : s.style,
62
63
  ...t == null ? void 0 : t.style
63
- }, f = {
64
- ...u,
64
+ }, u = {
65
+ ...f,
65
66
  ...e,
66
67
  ...H,
67
- ...o
68
+ ...C
68
69
  };
69
- return y.length > 0 && (f.className = y), Object.keys(l).length > 0 && (f.style = l), {
70
- props: f,
71
- internalRef: u.ref
70
+ return y.length > 0 && (u.className = y), Object.keys(l).length > 0 && (u.style = l), {
71
+ props: u,
72
+ internalRef: f.ref
72
73
  };
73
74
  }
74
- function D(n, c, e) {
75
+ function V(n, c, e) {
75
76
  return typeof n == "function" ? n(c, e) : n;
76
77
  }
77
- const k = /* @__PURE__ */ E.createContext();
78
+ const k = /* @__PURE__ */ o.createContext();
78
79
  process.env.NODE_ENV !== "production" && (h.node, h.bool);
79
- const V = () => E.useContext(k) ?? !1;
80
+ const _ = () => o.useContext(k) ?? !1;
80
81
  export {
81
82
  Z as a,
82
83
  R as e,
83
- r as m,
84
- D as r,
85
- V as u
84
+ D as m,
85
+ V as r,
86
+ _ as u
86
87
  };
@@ -11,7 +11,8 @@ import { Button as ie } from "../Button/Button.js";
11
11
  import a from "../theme.js";
12
12
  import { l as Qe } from "../.chunks/jocologo.js";
13
13
  import { X as _e } from "../.chunks/Close.js";
14
- import { P as r, g as qe, a as Je, s as ue, r as Ke, b as ae, u as Ze, c as te, d as eo } from "../.chunks/DefaultPropsProvider.js";
14
+ import { P as r, g as qe, a as Je, s as ue, r as Ke, c as ae, u as Ze, b as eo } from "../.chunks/DefaultPropsProvider.js";
15
+ import { c as te } from "../.chunks/clsx.js";
15
16
  import { u as oo } from "../.chunks/index.js";
16
17
  import { e as ro, H as to, u as De, g as no, T as io, r as ao, b as Pe } from "../.chunks/Portal.js";
17
18
  import { m as Se } from "../.chunks/memoTheme.js";
@@ -830,7 +831,7 @@ const Re = he(/* @__PURE__ */ i("path", {
830
831
  z-index: 9200;
831
832
  }
832
833
  `
833
- })), nr = ({
834
+ })), ir = ({
834
835
  navProps: e,
835
836
  subnavItems: o,
836
837
  activeSubnavRoute: t,
@@ -1145,5 +1146,5 @@ const Re = he(/* @__PURE__ */ i("path", {
1145
1146
  ] });
1146
1147
  };
1147
1148
  export {
1148
- nr as default
1149
+ ir as default
1149
1150
  };
package/Button/Button.js CHANGED
@@ -3,11 +3,12 @@ import { useState as $ } from "react";
3
3
  import { B as k } from "../.chunks/Button.js";
4
4
  import { i as _ } from "../.chunks/emotion-styled.browser.esm.js";
5
5
  import { c as g } from "../.chunks/emotion-react.browser.esm.js";
6
- import { s as x, c as b } from "../.chunks/DefaultPropsProvider.js";
6
+ import { cn as b } from "../cn.js";
7
7
  import a from "../theme.js";
8
8
  import { Tooltip as N } from "../Tooltip/Tooltip.js";
9
9
  import { useThemeColors as j } from "../ThemeContext.js";
10
10
  import { logger as S } from "../logger.js";
11
+ import { s as x } from "../.chunks/DefaultPropsProvider.js";
11
12
  import { B as p } from "../.chunks/ButtonBase.js";
12
13
  import { C as T } from "../.chunks/check.js";
13
14
  const C = [
@@ -94,7 +95,7 @@ const C = [
94
95
  }
95
96
  `
96
97
  })
97
- ), X = ({
98
+ ), Y = ({
98
99
  variant: t = 1,
99
100
  size: o = 50,
100
101
  color: s,
@@ -169,6 +170,6 @@ const C = [
169
170
  ] });
170
171
  };
171
172
  export {
172
- X as Button,
173
- X as default
173
+ Y as Button,
174
+ Y as default
174
175
  };
@@ -1,7 +1,8 @@
1
- import { jsx as g } from "react/jsx-runtime";
1
+ import { jsx as f } from "react/jsx-runtime";
2
2
  import { n as C, i as D } from "../.chunks/emotion-styled.browser.esm.js";
3
3
  import * as A from "react";
4
- import { a as R, g as S, s as u, u as T, c as L, P as r, d as W, e as $ } from "../.chunks/DefaultPropsProvider.js";
4
+ import { a as R, g as S, s as u, u as T, P as r, b as L, d as W } from "../.chunks/DefaultPropsProvider.js";
5
+ import { c as $ } from "../.chunks/clsx.js";
5
6
  import { m as b } from "../.chunks/memoTheme.js";
6
7
  function I(t) {
7
8
  return S("MuiDivider", t);
@@ -18,7 +19,7 @@ const O = (t) => {
18
19
  textAlign: l,
19
20
  variant: n
20
21
  } = t;
21
- return W({
22
+ return L({
22
23
  root: ["root", e && "absolute", n, s && "light", a === "vertical" && "vertical", p && "flexItem", i && "withChildren", i && a === "vertical" && "withChildrenVertical", l === "right" && a !== "vertical" && "textAlignRight", l === "left" && a !== "vertical" && "textAlignLeft"],
23
24
  wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
24
25
  }, I, o);
@@ -56,7 +57,7 @@ const O = (t) => {
56
57
  light: !0
57
58
  },
58
59
  style: {
59
- borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : $(t.palette.divider, 0.08)
60
+ borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : W(t.palette.divider, 0.08)
60
61
  }
61
62
  }, {
62
63
  props: {
@@ -198,7 +199,7 @@ const O = (t) => {
198
199
  className: a,
199
200
  orientation: l = "horizontal",
200
201
  component: n = s || l === "vertical" ? "div" : "hr",
201
- flexItem: f = !1,
202
+ flexItem: g = !1,
202
203
  light: m = !1,
203
204
  role: c = n !== "hr" ? "separator" : void 0,
204
205
  textAlign: x = "center",
@@ -208,22 +209,22 @@ const O = (t) => {
208
209
  ...o,
209
210
  absolute: p,
210
211
  component: n,
211
- flexItem: f,
212
+ flexItem: g,
212
213
  light: m,
213
214
  orientation: l,
214
215
  role: c,
215
216
  textAlign: x,
216
217
  variant: w
217
218
  }, v = O(h);
218
- return /* @__PURE__ */ g(V, {
219
+ return /* @__PURE__ */ f(V, {
219
220
  as: n,
220
- className: L(v.root, a),
221
+ className: $(v.root, a),
221
222
  role: c,
222
223
  ref: i,
223
224
  ownerState: h,
224
225
  "aria-orientation": c === "separator" && (n !== "hr" || l === "vertical") ? l : void 0,
225
226
  ...y,
226
- children: s ? /* @__PURE__ */ g(N, {
227
+ children: s ? /* @__PURE__ */ f(N, {
227
228
  className: v.wrapper,
228
229
  ownerState: h,
229
230
  children: s
@@ -303,8 +304,8 @@ const B = C(d, {
303
304
  margin: o ? `0 ${i}px` : `${i}px 0`,
304
305
  height: o ? "100%" : 0,
305
306
  width: o ? 1 : "100%"
306
- })), k = ({ orientation: t, ...e }) => /* @__PURE__ */ g(B, { vertical: t === "vertical", ...e });
307
+ })), z = ({ orientation: t, ...e }) => /* @__PURE__ */ f(B, { vertical: t === "vertical", ...e });
307
308
  export {
308
- k as Divider,
309
- k as default
309
+ z as Divider,
310
+ z as default
310
311
  };
package/Input/Input.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { jsx as n, Fragment as d } from "react/jsx-runtime";
2
- import { c as a } from "../.chunks/DefaultPropsProvider.js";
2
+ import { cn as a } from "../cn.js";
3
3
  import i from "../theme.js";
4
4
  import { useThemeColors as l } from "../ThemeContext.js";
5
5
  import { T as c } from "../.chunks/TextField.js";
6
- const h = "bg-white !rounded-none !h-[18px] [&_fieldset]:!rounded-none [&_fieldset]:!border-none [&_.Mui-focused_fieldset]:!border-none", x = "[&:has(.MuiFormHelperText-root)]:!h-[40px] [&:has(.MuiFormHelperText-root)]:transition-all [&:has(.MuiFormHelperText-root)]:duration-[201ms] [&:has(.MuiFormHelperText-root)]:ease-out [&_.MuiFormHelperText-root]:!mt-px [&_.MuiFormHelperText-root]:!mr-0 [&_.MuiFormHelperText-root]:self-end", m = "[&_input]:h-[15px] [&_input]:w-full [&_input]:rounded-none [&_input]:px-0 [&_input]:py-[2px]", _ = "[&_.MuiInputBase-root]:rounded-none [&_.MuiInputBase-root]:border-b [&_.MuiInputBase-root]:border-b-[var(--border-color)] [&_.MuiInputBase-root]:!shadow-[var(--default-shadow)] [&_.MuiInputBase-root:hover]:!shadow-[var(--active-shadow)] [&_.MuiInputBase-root:has(input:focus-visible)]:!shadow-[var(--active-shadow)] [&_.MuiInputBase-root]:transition-all [&_.MuiInputBase-root]:duration-[313ms] [&_.MuiInputBase-root]:ease-out", w = "[&_input::-webkit-calendar-picker-indicator]:cursor-pointer [&_input::-webkit-calendar-picker-indicator]:transition-all [&_input::-webkit-calendar-picker-indicator]:duration-[201ms] [&_input::-webkit-calendar-picker-indicator]:ease-out [&_input::-webkit-calendar-picker-indicator]:!outline-none [&_input::-webkit-calendar-picker-indicator:hover]:shadow-[var(--indicator-shadow)] [&_input::-webkit-calendar-picker-indicator:focus-visible]:shadow-[var(--indicator-shadow)]", b = a(
6
+ const h = "bg-white !rounded-none !h-[18px] [&_fieldset]:!rounded-none [&_fieldset]:!border-none [&_.Mui-focused_fieldset]:!border-none", x = "[&:has(.MuiFormHelperText-root)]:!h-[40px] [&:has(.MuiFormHelperText-root)]:transition-all [&:has(.MuiFormHelperText-root)]:duration-[201ms] [&:has(.MuiFormHelperText-root)]:ease-out [&_.MuiFormHelperText-root]:!mt-px [&_.MuiFormHelperText-root]:!mr-0 [&_.MuiFormHelperText-root]:text-right", m = "[&_input]:h-[15px] [&_input]:w-full [&_input]:rounded-none [&_input]:px-0 [&_input]:py-[2px]", _ = "[&_.MuiInputBase-root]:rounded-none [&_.MuiInputBase-root]:border-b [&_.MuiInputBase-root]:border-b-[var(--border-color)] [&_.MuiInputBase-root]:!shadow-[var(--default-shadow)] [&_.MuiInputBase-root:hover]:!shadow-[var(--active-shadow)] [&_.MuiInputBase-root:has(input:focus-visible)]:!shadow-[var(--active-shadow)] [&_.MuiInputBase-root]:transition-all [&_.MuiInputBase-root]:duration-[313ms] [&_.MuiInputBase-root]:ease-out", w = "[&_input::-webkit-calendar-picker-indicator]:cursor-pointer [&_input::-webkit-calendar-picker-indicator]:transition-all [&_input::-webkit-calendar-picker-indicator]:duration-[201ms] [&_input::-webkit-calendar-picker-indicator]:ease-out [&_input::-webkit-calendar-picker-indicator]:!outline-none [&_input::-webkit-calendar-picker-indicator:hover]:shadow-[var(--indicator-shadow)] [&_input::-webkit-calendar-picker-indicator:focus-visible]:shadow-[var(--indicator-shadow)]", b = a(
7
7
  h,
8
8
  x,
9
9
  m,
10
10
  w,
11
11
  _
12
12
  ), M = ["text", "password", "email", "date", "number"], B = ({
13
- borderFocusColor: t,
13
+ borderFocusColor: o,
14
14
  // border primary
15
- type: o,
15
+ type: t,
16
16
  value: s,
17
17
  className: u,
18
18
  ...e
@@ -20,14 +20,14 @@ const h = "bg-white !rounded-none !h-[18px] [&_fieldset]:!rounded-none [&_fields
20
20
  const r = l(), p = {
21
21
  "--border-color": i.colors.gray,
22
22
  "--default-shadow": e.error === !0 ? `inset 0 -5px 4px -4px ${i.colors.error}` : void 0,
23
- "--active-shadow": o !== "date" && !e.disabled ? `inset 0 -5px 4px -4px ${e.error ? i.colors.error : t || r.themeColor}` : "none",
24
- "--indicator-shadow": `inset 0 -5px 4px -4px ${t || r.themeColor}, inset 0 5px 4px -4px ${t || r.themeColor}`
23
+ "--active-shadow": t !== "date" && !e.disabled ? `inset 0 -5px 4px -4px ${e.error ? i.colors.error : o || r.themeColor}` : "none",
24
+ "--indicator-shadow": `inset 0 -5px 4px -4px ${o || r.themeColor}, inset 0 5px 4px -4px ${o || r.themeColor}`
25
25
  };
26
26
  return /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(
27
27
  c,
28
28
  {
29
29
  ...e,
30
- type: o && M.includes(o) ? o : "text",
30
+ type: t && M.includes(t) ? t : "text",
31
31
  value: s,
32
32
  className: a(b, u),
33
33
  style: { ...e.style, ...p }
@@ -3,7 +3,8 @@ import { n as B } from "../.chunks/emotion-styled.browser.esm.js";
3
3
  import { c as g } from "../.chunks/emotion-react.browser.esm.js";
4
4
  import { useThemeColors as P } from "../ThemeContext.js";
5
5
  import * as f from "react";
6
- import { a as R, g as T, s as M, r as N, b as p, e as z, u as L, c as V, P as o, d as H } from "../.chunks/DefaultPropsProvider.js";
6
+ import { a as R, g as T, s as M, r as N, c as p, d as z, u as L, P as o, b as V } from "../.chunks/DefaultPropsProvider.js";
7
+ import { c as H } from "../.chunks/clsx.js";
7
8
  import { S as E } from "../.chunks/SwitchBase.js";
8
9
  import { c as b } from "../.chunks/createSvgIcon.js";
9
10
  import { m as F } from "../.chunks/memoTheme.js";
@@ -27,7 +28,7 @@ const u = R("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
27
28
  size: i
28
29
  } = e, s = {
29
30
  root: ["root", a && "indeterminate", `color${p(n)}`, `size${p(i)}`]
30
- }, c = H(s, W, t);
31
+ }, c = V(s, W, t);
31
32
  return {
32
33
  ...t,
33
34
  // forward the disabled and checked classes to the SwitchBase
@@ -129,7 +130,7 @@ const u = R("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
129
130
  }),
130
131
  ownerState: v,
131
132
  ref: a,
132
- className: V(y.root, j),
133
+ className: H(y.root, j),
133
134
  ...$,
134
135
  classes: y
135
136
  });
@@ -269,7 +270,7 @@ const w = B("div", { shouldForwardProp: (e) => !["customTheme"].includes(e) })((
269
270
  }
270
271
  `}
271
272
  `
272
- })), ce = ({
273
+ })), ie = ({
273
274
  label: e,
274
275
  colon: t = !0,
275
276
  displayMode: a = !1,
@@ -290,6 +291,6 @@ const w = B("div", { shouldForwardProp: (e) => !["customTheme"].includes(e) })((
290
291
  ] });
291
292
  };
292
293
  export {
293
- ce as LabeledCheckbox,
294
- ce as default
294
+ ie as LabeledCheckbox,
295
+ ie as default
295
296
  };