@namuna-nur/ui-kit 1.9.11 → 1.9.12

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 (2) hide show
  1. package/lib/molecules/index.js +116 -118
  2. package/package.json +1 -1
@@ -1,25 +1,25 @@
1
- import { jsxs as p, jsx as e, Fragment as Ze } from "react/jsx-runtime";
1
+ import { jsxs as p, jsx as e, Fragment as mt } from "react/jsx-runtime";
2
2
  import * as L from "react";
3
3
  import Ht, { useRef as he, forwardRef as X, useState as A, useImperativeHandle as br, useEffect as _e, Fragment as xr, useMemo as gr } from "react";
4
- import { S as Ne, b as sr, c as be, d as mr, e as vr, f as wr, g as Gt, h as Yt, i as yr, j as Ut, k as kr, l as Cr, m as Tr, n as Dr, o as Sr, p as vt } from "../shared/assets-icons-2.js";
4
+ import { S as Pe, b as sr, c as be, d as mr, e as vr, f as wr, g as Gt, h as Yt, i as yr, j as Ut, k as kr, l as Cr, m as Tr, n as Dr, o as Sr, p as vt } from "../shared/assets-icons-2.js";
5
5
  import { cn as i, formatDateToDayMonthYear as Br, numberFormat as jr } from "../utils/index.js";
6
- import { Checkbox as wt, Label as P, Spinner as Et, Text as y, Button as F, Avatar as Vt, IconButton as kt, Select as ke, Textarea as Qt, Radio as qt, Status as ze, Toggle as Ir, Headline as Je, Input as Wr, Message as Mr, Tab as _r } from "../atoms/index.js";
7
- import { useReactTable as Fr, getCoreRowModel as Ar, flexRender as ct } from "@tanstack/react-table";
6
+ import { Checkbox as wt, Label as P, Spinner as Et, Text as y, Button as F, Avatar as Vt, IconButton as kt, Select as ke, Textarea as Qt, Radio as qt, Status as ze, Toggle as Ir, Headline as Ze, Input as Wr, Message as Mr, Tab as _r } from "../atoms/index.js";
7
+ import { useReactTable as Fr, getCoreRowModel as Ar, flexRender as lt } from "@tanstack/react-table";
8
8
  import { b as Or, c as $r, d as Rr, e as Lr } from "../shared/assets-icons-3.js";
9
- import { Link as Ye, useSearchParams as Ct, NavLink as et, useNavigate as zr } from "react-router-dom";
9
+ import { Link as Ye, useSearchParams as Ct, NavLink as Ne, useNavigate as zr } from "react-router-dom";
10
10
  import { S as Hr, a as Gr, b as Yr, c as Ur, d as Kt, e as Xt, f as Tt } from "../shared/assets-icons-1.js";
11
- import { P as ae, b as de, c as le, D as tt, d as rt, e as nt, f as Dt, A as Er, g as Vr, h as Qr, i as qr, j as Zt, k as Jt, l as Pt, m as Kr, n as Xr, o as Zr } from "../shared/shared.js";
11
+ import { P as ae, b as de, c as le, D as et, d as tt, e as rt, f as Dt, A as Er, g as Vr, h as Qr, i as qr, j as Zt, k as Jt, l as Pt, m as Kr, n as Xr, o as Zr } from "../shared/shared.js";
12
12
  import { d as St, e as Jr, f as Pr, g as Nt, h as Nr, i as en, j as tn, k as rn, a as nn, l as on, m as an, n as dn } from "../shared/assets-icons-4.js";
13
13
  import { useDebounce as ln, useOption as er } from "../hooks/index.js";
14
14
  import * as tr from "@radix-ui/react-toggle";
15
15
  import { e as Bt, f as cn, g as pn, h as rr, i as Fe, j as _t } from "../shared/assets-icons-0.js";
16
- import { useMask as nr, format as pt } from "@react-input/mask";
16
+ import { useMask as nr, format as ct } from "@react-input/mask";
17
17
  import { format as Q, addMonths as un, parse as yt, isValid as We, parseISO as hn } from "date-fns";
18
- import { ru as ut } from "date-fns/locale";
18
+ import { ru as pt } from "date-fns/locale";
19
19
  import { DayPicker as fn } from "react-day-picker";
20
- import ot from "echarts-for-react/lib/core";
21
- import { colorTokens as Pe } from "../tokens/index.js";
22
- import * as it from "echarts/core";
20
+ import nt from "echarts-for-react/lib/core";
21
+ import { colorTokens as Je } from "../tokens/index.js";
22
+ import * as ot from "echarts/core";
23
23
  const Bo = ({
24
24
  isOpen: t,
25
25
  children: n,
@@ -83,7 +83,7 @@ const Bo = ({
83
83
  )
84
84
  ] }),
85
85
  /* @__PURE__ */ e(
86
- Ne,
86
+ Pe,
87
87
  {
88
88
  width: "20",
89
89
  height: "20",
@@ -259,7 +259,7 @@ function jo({
259
259
  ),
260
260
  onClick: () => (m == null ? void 0 : m.isSortable) && s(B.column.id),
261
261
  children: /* @__PURE__ */ p("div", { className: V.headerText, children: [
262
- ct(
262
+ lt(
263
263
  B.column.columnDef.header,
264
264
  B.getContext()
265
265
  ),
@@ -310,7 +310,7 @@ function jo({
310
310
  !c && I === 0 && "px-8",
311
311
  g == null ? void 0 : g.cellClass
312
312
  ),
313
- children: ct(
313
+ children: lt(
314
314
  B.column.columnDef.cell,
315
315
  B.getContext()
316
316
  )
@@ -323,7 +323,7 @@ function jo({
323
323
  w.id
324
324
  );
325
325
  }) }),
326
- x && /* @__PURE__ */ e("tfoot", { children: u.getFooterGroups().filter((w) => w.depth === 0).map((w) => /* @__PURE__ */ e("tr", { children: w.headers.map((k) => /* @__PURE__ */ e("td", { className: i(V.footerCell), children: ct(
326
+ x && /* @__PURE__ */ e("tfoot", { children: u.getFooterGroups().filter((w) => w.depth === 0).map((w) => /* @__PURE__ */ e("tr", { children: w.headers.map((k) => /* @__PURE__ */ e("td", { className: i(V.footerCell), children: lt(
327
327
  k.column.columnDef.footer,
328
328
  k.getContext()
329
329
  ) }, k.id)) }, w.id)) })
@@ -394,7 +394,7 @@ const mn = ({
394
394
  isLast: n,
395
395
  label: a,
396
396
  disabled: o
397
- }) => /* @__PURE__ */ p(Ze, { children: [
397
+ }) => /* @__PURE__ */ p(mt, { children: [
398
398
  /* @__PURE__ */ e(gn, { children: /* @__PURE__ */ e(
399
399
  sn,
400
400
  {
@@ -577,7 +577,7 @@ const mn = ({
577
577
  )
578
578
  ] }, g.id)),
579
579
  /* @__PURE__ */ e(
580
- Ne,
580
+ Pe,
581
581
  {
582
582
  width: 20,
583
583
  height: 20,
@@ -724,11 +724,11 @@ const mn = ({
724
724
  _e(() => {
725
725
  g(!!T), f == null || f(T);
726
726
  }, [T, f]);
727
- const D = ee.base, M = ee.hover, z = ee.focus, { focusWithin: Ce } = ee, at = ee.disabled, xe = ee.input, _ = ee.button, q = ee.filterIcon, re = ee.dropdown, Z = ee.popover, Wt = ee.emptyPopover, cr = (ce, ge, Ae) => {
727
+ const D = ee.base, M = ee.hover, z = ee.focus, { focusWithin: Ce } = ee, it = ee.disabled, xe = ee.input, _ = ee.button, q = ee.filterIcon, re = ee.dropdown, Z = ee.popover, Wt = ee.emptyPopover, cr = (ce, ge, Ae) => {
728
728
  const fe = (fr = []) => fr.map(
729
- (lt) => lt.id === ge.id && ge.label === ge.label ? { ...lt, checked: Ae } : lt
730
- ), dt = ce === "status" ? fe(k) : k, hr = ce === "module" ? fe(B) : B;
731
- S(dt), I(hr);
729
+ (dt) => dt.id === ge.id && ge.label === ge.label ? { ...dt, checked: Ae } : dt
730
+ ), at = ce === "status" ? fe(k) : k, hr = ce === "module" ? fe(B) : B;
731
+ S(at), I(hr);
732
732
  }, pr = () => {
733
733
  d && d({
734
734
  status: k,
@@ -745,7 +745,7 @@ const mn = ({
745
745
  label: fe.label,
746
746
  checked: fe.checked,
747
747
  className: "mt-2.5",
748
- onChange: (dt) => cr(ce, fe, dt.target.checked)
748
+ onChange: (at) => cr(ce, fe, at.target.checked)
749
749
  },
750
750
  fe.id
751
751
  ))
@@ -758,12 +758,12 @@ const mn = ({
758
758
  !a && Ce,
759
759
  (C || m) && !a && z,
760
760
  !(C || m) && !a && M,
761
- a && at,
761
+ a && it,
762
762
  b == null ? void 0 : b.base
763
763
  ),
764
764
  children: [
765
- /* @__PURE__ */ p(tt, { open: C, onOpenChange: W, children: [
766
- /* @__PURE__ */ e(rt, { asChild: !0, disabled: a, children: o && /* @__PURE__ */ e(
765
+ /* @__PURE__ */ p(et, { open: C, onOpenChange: W, children: [
766
+ /* @__PURE__ */ e(tt, { asChild: !0, disabled: a, children: o && /* @__PURE__ */ e(
767
767
  "button",
768
768
  {
769
769
  role: "button",
@@ -787,7 +787,7 @@ const mn = ({
787
787
  }
788
788
  ) }),
789
789
  /* @__PURE__ */ p(
790
- nt,
790
+ rt,
791
791
  {
792
792
  className: i(re.content, b == null ? void 0 : b.dropdown),
793
793
  align: "start",
@@ -1265,7 +1265,7 @@ const mn = ({
1265
1265
  button: "border-none shadow-none p-0 absolute right-0.5 top-0.5",
1266
1266
  icon: "fill-danger-10"
1267
1267
  }
1268
- }, ht = (t) => {
1268
+ }, ut = (t) => {
1269
1269
  const n = t.getDate().toString().padStart(2, "0"), a = (t.getMonth() + 1).toString().padStart(2, "0"), o = t.getFullYear();
1270
1270
  return `${n}/${a}/${o}`;
1271
1271
  }, Dn = (t) => {
@@ -1346,13 +1346,13 @@ const mn = ({
1346
1346
  const [c, f] = A(!1), [u, h] = A(
1347
1347
  t ? new Date(t) : /* @__PURE__ */ new Date()
1348
1348
  ), [s, x] = A(
1349
- t ? ht(new Date(t)) : ""
1349
+ t ? ut(new Date(t)) : ""
1350
1350
  );
1351
1351
  _e(() => {
1352
- t ? (x(ht(new Date(t))), h(new Date(t))) : x("");
1352
+ t ? (x(ut(new Date(t))), h(new Date(t))) : x("");
1353
1353
  }, [t]);
1354
1354
  const b = he(null), v = he(null), w = (g) => {
1355
- n(g.toISOString()), x(ht(g)), f(!1);
1355
+ n(g.toISOString()), x(ut(g)), f(!1);
1356
1356
  }, k = (g) => {
1357
1357
  let C = g.target.value.replace(/\D/g, "");
1358
1358
  if (C.length >= 3 && C.length <= 4 ? C = `${C.slice(0, 2)}/${C.slice(2)}` : C.length > 4 && (C = `${C.slice(0, 2)}/${C.slice(2, 4)}/${C.slice(4, 8)}`), C.length > 10 && (C = C.slice(0, 10)), x(C), !C || C.trim() === "") {
@@ -1682,7 +1682,7 @@ const mn = ({
1682
1682
  fn,
1683
1683
  {
1684
1684
  month: c,
1685
- locale: ut,
1685
+ locale: pt,
1686
1686
  onMonthChange: f,
1687
1687
  mode: "range",
1688
1688
  numberOfMonths: 2,
@@ -1766,10 +1766,10 @@ const mn = ({
1766
1766
  ) })
1767
1767
  }
1768
1768
  ),
1769
- /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(M, "MMMM yyyy", { locale: ut }) }) })
1769
+ /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(M, "MMMM yyyy", { locale: pt }) }) })
1770
1770
  ] }),
1771
1771
  /* @__PURE__ */ p("div", { className: "flex items-center w-1/2", children: [
1772
- /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(z, "MMMM yyyy", { locale: ut }) }) }),
1772
+ /* @__PURE__ */ e("div", { className: "w-full flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "text-base text-dark-40 font-semibold font-mono", children: Q(z, "MMMM yyyy", { locale: pt }) }) }),
1773
1773
  /* @__PURE__ */ e("button", { onClick: C, disabled: !T, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
1774
1774
  Yt,
1775
1775
  {
@@ -1827,9 +1827,9 @@ const mn = ({
1827
1827
  const [d, c] = L.useState(), [f] = Ct(), u = (b, v) => {
1828
1828
  b.preventDefault(), c(v);
1829
1829
  }, h = Ft.modal, s = h.item, x = Ft.text;
1830
- return /* @__PURE__ */ p(tt, { open: o, onOpenChange: r, children: [
1830
+ return /* @__PURE__ */ p(et, { open: o, onOpenChange: r, children: [
1831
1831
  /* @__PURE__ */ e(
1832
- rt,
1832
+ tt,
1833
1833
  {
1834
1834
  asChild: !0,
1835
1835
  className: i(h.trigger, l == null ? void 0 : l.trigger),
@@ -1837,7 +1837,7 @@ const mn = ({
1837
1837
  }
1838
1838
  ),
1839
1839
  /* @__PURE__ */ e(
1840
- nt,
1840
+ rt,
1841
1841
  {
1842
1842
  align: "start",
1843
1843
  className: i(h.content, l == null ? void 0 : l.content),
@@ -1851,7 +1851,7 @@ const mn = ({
1851
1851
  (d == null ? void 0 : d.id) === b.id && (l == null ? void 0 : l.item)
1852
1852
  ),
1853
1853
  children: /* @__PURE__ */ p(
1854
- et,
1854
+ Ne,
1855
1855
  {
1856
1856
  role: "link",
1857
1857
  to: `${n}/${b.to}?${f.toString()}`,
@@ -2011,7 +2011,7 @@ const mn = ({
2011
2011
  icon: d,
2012
2012
  iconSizes: c
2013
2013
  }) => {
2014
- const [f, u] = A(!1), s = er(o)(l), x = ft.base, b = ft.disabled.trigger, v = ft.disabled.triggerText, w = ({
2014
+ const [f, u] = A(!1), s = er(o)(l), x = ht.base, b = ht.disabled.trigger, v = ht.disabled.triggerText, w = ({
2015
2015
  className: k,
2016
2016
  text: S = ""
2017
2017
  }) => /* @__PURE__ */ e(
@@ -2025,9 +2025,9 @@ const mn = ({
2025
2025
  children: S
2026
2026
  }
2027
2027
  );
2028
- return /* @__PURE__ */ p(tt, { open: f, onOpenChange: u, children: [
2028
+ return /* @__PURE__ */ p(et, { open: f, onOpenChange: u, children: [
2029
2029
  /* @__PURE__ */ p(
2030
- rt,
2030
+ tt,
2031
2031
  {
2032
2032
  role: "listbox",
2033
2033
  disabled: n,
@@ -2074,7 +2074,7 @@ const mn = ({
2074
2074
  }
2075
2075
  ),
2076
2076
  /* @__PURE__ */ e(
2077
- nt,
2077
+ rt,
2078
2078
  {
2079
2079
  className: i(x.content, t == null ? void 0 : t.content),
2080
2080
  align: "end",
@@ -2103,7 +2103,7 @@ const mn = ({
2103
2103
  }
2104
2104
  )
2105
2105
  ] });
2106
- }, ft = {
2106
+ }, ht = {
2107
2107
  base: {
2108
2108
  content: "border border rounded-[10px] shadow-lg p-2.5",
2109
2109
  dropdownIcon: "rounded-[5px] size-3 flex items-center justify-center ml-[7px]",
@@ -2393,7 +2393,7 @@ const Hn = ({
2393
2393
  }
2394
2394
  ),
2395
2395
  a && /* @__PURE__ */ e(qr, { className: "flex flex-col items-start", children: c == null ? void 0 : c.map((h) => /* @__PURE__ */ e(
2396
- et,
2396
+ Ne,
2397
2397
  {
2398
2398
  to: `${d}/${h == null ? void 0 : h.to}?${u.toString()}`,
2399
2399
  onClick: f,
@@ -2411,7 +2411,7 @@ const Hn = ({
2411
2411
  null
2412
2412
  );
2413
2413
  L.useEffect(() => o(null), [r]);
2414
- const d = bt.root, c = bt.header, f = bt.body;
2414
+ const d = ft.root, c = ft.header, f = ft.body;
2415
2415
  return /* @__PURE__ */ p(
2416
2416
  "aside",
2417
2417
  {
@@ -2423,7 +2423,7 @@ const Hn = ({
2423
2423
  "div",
2424
2424
  {
2425
2425
  className: i(c.base, n && c.expanded),
2426
- children: /* @__PURE__ */ e(et, { role: "link", to: "/", children: n ? /* @__PURE__ */ e($r, {}) : /* @__PURE__ */ e(cn, {}) })
2426
+ children: /* @__PURE__ */ e(Ne, { role: "link", to: "/", children: n ? /* @__PURE__ */ e($r, {}) : /* @__PURE__ */ e(cn, {}) })
2427
2427
  }
2428
2428
  ),
2429
2429
  /* @__PURE__ */ e("div", { className: i(f.base, !n && f.expanded), children: t.map((u) => {
@@ -2453,7 +2453,7 @@ const Hn = ({
2453
2453
  ]
2454
2454
  }
2455
2455
  );
2456
- }, bt = {
2456
+ }, ft = {
2457
2457
  root: {
2458
2458
  base: "w-16 min-h-screen bg-sidebar-50 transition-all duration-500 ease-in-out",
2459
2459
  expanded: "w-[257px] overflow-x-hidden"
@@ -2484,38 +2484,36 @@ const Hn = ({
2484
2484
  className: o == null ? void 0 : o.parent,
2485
2485
  "data-testid": "switcher-language",
2486
2486
  children: /* @__PURE__ */ p(ae, { open: l, onOpenChange: d, children: [
2487
- /* @__PURE__ */ e(de, { className: "focus-visible:outline-none", asChild: !0, children: /* @__PURE__ */ p(Ze, { children: [
2488
- /* @__PURE__ */ e(
2489
- F,
2490
- {
2491
- variant: "text",
2492
- icon: Ne,
2493
- iconPosition: "right",
2494
- onClick: () => d(!l),
2495
- "data-testid": "language-button",
2496
- iconDimensions: {
2497
- width: 17,
2498
- height: 17,
2499
- viewBox: "0 0 20 20"
2500
- },
2501
- classNames: {
2502
- base: "p-0 gap-1 text-dark-40 group",
2503
- icon: `fill-dark-40 ${l && "rotate-180"}`
2504
- },
2505
- children: n.label
2506
- }
2507
- ),
2508
- r && /* @__PURE__ */ e(y, { className: xt.error, children: "Введите все языки" })
2509
- ] }) }),
2487
+ /* @__PURE__ */ e(de, { className: "focus-visible:outline-none", asChild: !0, children: /* @__PURE__ */ e(
2488
+ F,
2489
+ {
2490
+ variant: "text",
2491
+ icon: Pe,
2492
+ iconPosition: "right",
2493
+ onClick: () => d(!l),
2494
+ "data-testid": "language-button",
2495
+ iconDimensions: {
2496
+ width: 17,
2497
+ height: 17,
2498
+ viewBox: "0 0 20 20"
2499
+ },
2500
+ classNames: {
2501
+ base: "p-0 gap-1 text-dark-40 group",
2502
+ icon: `fill-dark-40 ${l && "rotate-180"}`
2503
+ },
2504
+ children: n.label
2505
+ }
2506
+ ) }),
2507
+ r && /* @__PURE__ */ e(y, { className: bt.error, children: "Введите все языки" }),
2510
2508
  /* @__PURE__ */ e(
2511
2509
  le,
2512
2510
  {
2513
2511
  container: c.current,
2514
- align: "end",
2512
+ align: "center",
2515
2513
  sideOffset: 4,
2516
2514
  side: "bottom",
2517
- className: i(xt.root, o == null ? void 0 : o.content),
2518
- children: /* @__PURE__ */ e("div", { className: i(xt.optionsWrapper), children: t.map((u) => {
2515
+ className: i(bt.root, o == null ? void 0 : o.content),
2516
+ children: /* @__PURE__ */ e("div", { className: i(bt.optionsWrapper), children: t.map((u) => {
2519
2517
  const h = `radio-${u.value}`;
2520
2518
  return /* @__PURE__ */ e(
2521
2519
  ir,
@@ -2533,7 +2531,7 @@ const Hn = ({
2533
2531
  ] })
2534
2532
  }
2535
2533
  );
2536
- }, xt = {
2534
+ }, bt = {
2537
2535
  root: "w-full h-full bg-sidebar-10 border-2 border-dark-30/[.15] rounded-[10px] p-4 flex flex-col overflow-hidden",
2538
2536
  optionsWrapper: "flex flex-col gap-3.5",
2539
2537
  error: "flex items-center justify-end text-xs animate-pulse text-danger-10 font-semibold"
@@ -2718,13 +2716,13 @@ const Yo = ({
2718
2716
  ...f
2719
2717
  }) => {
2720
2718
  const u = nr(Qe), [h, s] = A(
2721
- () => pt(String(t), Qe)
2719
+ () => ct(String(t), Qe)
2722
2720
  );
2723
2721
  _e(() => {
2724
- s(pt(String(t), Qe));
2722
+ s(ct(String(t), Qe));
2725
2723
  }, [t]);
2726
2724
  const x = (I) => {
2727
- const m = I.target.value.replace(/\D/g, ""), g = pt(m, Qe);
2725
+ const m = I.target.value.replace(/\D/g, ""), g = ct(m, Qe);
2728
2726
  s(g), d == null || d(m);
2729
2727
  }, b = De.parent, v = De.base, w = De.hover, k = De.focus, S = De.disabled, B = l && De.variants[l];
2730
2728
  return /* @__PURE__ */ p("div", { className: i(b, c == null ? void 0 : c.parent), children: [
@@ -3295,9 +3293,9 @@ const Yo = ({
3295
3293
  classNames: c,
3296
3294
  onClick: f
3297
3295
  }) => {
3298
- const [u] = Ct(), h = gt.base;
3296
+ const [u] = Ct(), h = xt.base;
3299
3297
  return /* @__PURE__ */ p(
3300
- et,
3298
+ Ne,
3301
3299
  {
3302
3300
  tabIndex: 1,
3303
3301
  role: "link",
@@ -3338,7 +3336,7 @@ const Yo = ({
3338
3336
  {
3339
3337
  "text-primary-10": a,
3340
3338
  "text-sidebar/[.15]": o,
3341
- [gt.expanded.label]: !n
3339
+ [xt.expanded.label]: !n
3342
3340
  },
3343
3341
  c == null ? void 0 : c.label
3344
3342
  ),
@@ -3351,7 +3349,7 @@ const Yo = ({
3351
3349
  variant: "span",
3352
3350
  className: i(
3353
3351
  h.badge,
3354
- !n && gt.expanded.badge,
3352
+ !n && xt.expanded.badge,
3355
3353
  c == null ? void 0 : c.badge
3356
3354
  ),
3357
3355
  children: t
@@ -3361,7 +3359,7 @@ const Yo = ({
3361
3359
  ]
3362
3360
  }
3363
3361
  );
3364
- }, gt = {
3362
+ }, xt = {
3365
3363
  base: {
3366
3364
  container: "flex items-center gap-3 cursor-pointer p-3.5 h-[51px] w-[247px] bg-dark-20 group rounded-[10px] font-mono",
3367
3365
  labelWrapper: "relative inline-block",
@@ -3385,7 +3383,7 @@ const Yo = ({
3385
3383
  /* @__PURE__ */ p("div", { className: i(Y.header, r == null ? void 0 : r.header), children: [
3386
3384
  /* @__PURE__ */ e(pn, { width: 16, height: 16, viewBox: "0 0 16 16" }),
3387
3385
  /* @__PURE__ */ e(
3388
- Je,
3386
+ Ze,
3389
3387
  {
3390
3388
  variant: "h2",
3391
3389
  className: Y.headerTitle,
@@ -3419,7 +3417,7 @@ const Yo = ({
3419
3417
  ) }),
3420
3418
  /* @__PURE__ */ p("div", { className: i(Y.content, r == null ? void 0 : r.content), children: [
3421
3419
  /* @__PURE__ */ e(
3422
- Je,
3420
+ Ze,
3423
3421
  {
3424
3422
  variant: "h3",
3425
3423
  "data-testid": `step-${d}-title`,
@@ -3625,12 +3623,12 @@ const Yo = ({
3625
3623
  element: n,
3626
3624
  label: a,
3627
3625
  classNames: o
3628
- }) => /* @__PURE__ */ p("div", { className: i(st.wrapper, o == null ? void 0 : o.wrapper), children: [
3626
+ }) => /* @__PURE__ */ p("div", { className: i(gt.wrapper, o == null ? void 0 : o.wrapper), children: [
3629
3627
  !!t && /* @__PURE__ */ e(
3630
3628
  "div",
3631
3629
  {
3632
3630
  "data-testid": "user-icon",
3633
- className: i(st.iconWrapper, o == null ? void 0 : o.iconWrapper),
3631
+ className: i(gt.iconWrapper, o == null ? void 0 : o.iconWrapper),
3634
3632
  children: t
3635
3633
  }
3636
3634
  ),
@@ -3639,12 +3637,12 @@ const Yo = ({
3639
3637
  {
3640
3638
  "data-testid": "user-label",
3641
3639
  variant: "span",
3642
- className: i(st.label, o == null ? void 0 : o.label),
3640
+ className: i(gt.label, o == null ? void 0 : o.label),
3643
3641
  children: a
3644
3642
  }
3645
3643
  ),
3646
3644
  !!n && n
3647
- ] }), st = {
3645
+ ] }), gt = {
3648
3646
  wrapper: "inline-flex w-auto gap-2 items-center justify-center",
3649
3647
  iconWrapper: "size-5 rounded-full flex items-center justify-center bg-dark-30/[.10]",
3650
3648
  label: "text-dark-40/[.50] text-sm font-medium",
@@ -3730,9 +3728,9 @@ const Yo = ({
3730
3728
  var I;
3731
3729
  (I = s.current) == null || I.scrollIntoView({ block: "center" });
3732
3730
  }, 0);
3733
- }, [c]), /* @__PURE__ */ p(tt, { open: c, onOpenChange: f, children: [
3731
+ }, [c]), /* @__PURE__ */ p(et, { open: c, onOpenChange: f, children: [
3734
3732
  /* @__PURE__ */ p(
3735
- rt,
3733
+ tt,
3736
3734
  {
3737
3735
  role: "listbox",
3738
3736
  disabled: n,
@@ -3770,7 +3768,7 @@ const Yo = ({
3770
3768
  }
3771
3769
  ),
3772
3770
  /* @__PURE__ */ e(
3773
- nt,
3771
+ rt,
3774
3772
  {
3775
3773
  className: i(b.content, t == null ? void 0 : t.content),
3776
3774
  style: { minWidth: "var(--radix-popper-anchor-width)" },
@@ -4106,8 +4104,8 @@ const $e = {
4106
4104
  /* @__PURE__ */ e("div", { className: te.body, children: n == null ? void 0 : n.map((d, c) => {
4107
4105
  var f;
4108
4106
  return /* @__PURE__ */ p("div", { className: te.bodyItem, children: [
4109
- !!d.sectionTitle && /* @__PURE__ */ e(Je, { variant: "h2", className: te.title, children: d.sectionTitle }),
4110
- !!d.sectionSubtitle && /* @__PURE__ */ e(Je, { variant: "h3", className: te.subTitle, children: d.sectionSubtitle }),
4107
+ !!d.sectionTitle && /* @__PURE__ */ e(Ze, { variant: "h2", className: te.title, children: d.sectionTitle }),
4108
+ !!d.sectionSubtitle && /* @__PURE__ */ e(Ze, { variant: "h3", className: te.subTitle, children: d.sectionSubtitle }),
4111
4109
  /* @__PURE__ */ e("ul", { className: te.items, children: (f = d.items) == null ? void 0 : f.map((u, h) => /* @__PURE__ */ p("li", { children: [
4112
4110
  !!u.subtitle && /* @__PURE__ */ e(y, { "data-testid": "subtitle", className: te.item, children: u == null ? void 0 : u.subtitle }),
4113
4111
  /* @__PURE__ */ e(
@@ -4246,7 +4244,7 @@ const $e = {
4246
4244
  a(v), b(!1), T();
4247
4245
  }, z = (_) => {
4248
4246
  b(_), _ || T();
4249
- }, Ce = c ? ((xe = h.find((_) => _.value === c)) == null ? void 0 : xe.label) || c : "", at = Ce ? G.base.selected : G.base.placeholder;
4247
+ }, Ce = c ? ((xe = h.find((_) => _.value === c)) == null ? void 0 : xe.label) || c : "", it = Ce ? G.base.selected : G.base.placeholder;
4250
4248
  return /* @__PURE__ */ p("div", { className: G.container, children: [
4251
4249
  f && /* @__PURE__ */ e(P, { htmlFor: "select-list", disabled: n, children: f }),
4252
4250
  /* @__PURE__ */ p(ae, { open: x, onOpenChange: z, children: [
@@ -4270,13 +4268,13 @@ const $e = {
4270
4268
  G.base.text,
4271
4269
  n && G.disabled.triggerText,
4272
4270
  t == null ? void 0 : t[Ce ? "selected" : "placeholder"],
4273
- at
4271
+ it
4274
4272
  ),
4275
4273
  children: Ce || d
4276
4274
  }
4277
4275
  ),
4278
4276
  /* @__PURE__ */ e(
4279
- Ne,
4277
+ Pe,
4280
4278
  {
4281
4279
  width: 20,
4282
4280
  height: 20,
@@ -4868,7 +4866,7 @@ const G = {
4868
4866
  h.preventDefault(), o(!0);
4869
4867
  }, l = (h) => {
4870
4868
  n(h), o(!1);
4871
- }, { icon: d, base: c } = mt.button.normal, { icon: f, base: u } = mt.button.danger;
4869
+ }, { icon: d, base: c } = st.button.normal, { icon: f, base: u } = st.button.danger;
4872
4870
  return /* @__PURE__ */ p(ae, { open: a, onOpenChange: o, children: [
4873
4871
  /* @__PURE__ */ e(de, { asChild: !0, className: "cursor-pointer", children: /* @__PURE__ */ e(
4874
4872
  "div",
@@ -4884,7 +4882,7 @@ const G = {
4884
4882
  align: "center",
4885
4883
  sideOffset: 4,
4886
4884
  side: "top",
4887
- className: mt.wrapper,
4885
+ className: st.wrapper,
4888
4886
  children: Pn.map(({ id: h, icon: s, iconSizes: x, isDanger: b, text: v }) => /* @__PURE__ */ e(
4889
4887
  F,
4890
4888
  {
@@ -4905,7 +4903,7 @@ const G = {
4905
4903
  }
4906
4904
  )
4907
4905
  ] });
4908
- }, mt = {
4906
+ }, st = {
4909
4907
  wrapper: "flex flex-col gap-3 rounded-xl p-4 w-[230px] shadow-3xl border-0",
4910
4908
  button: {
4911
4909
  normal: {
@@ -5077,7 +5075,7 @@ const G = {
5077
5075
  icon: "circle",
5078
5076
  textStyle: {
5079
5077
  padding: [0, 0, 0, 10],
5080
- color: Pe.dark[10],
5078
+ color: Je.dark[10],
5081
5079
  fontSize: 14,
5082
5080
  fontWeight: 700,
5083
5081
  rich: {
@@ -5181,9 +5179,9 @@ const G = {
5181
5179
  ] })
5182
5180
  ] }),
5183
5181
  n === "chart" && /* @__PURE__ */ e(
5184
- ot,
5182
+ nt,
5185
5183
  {
5186
- echarts: it,
5184
+ echarts: ot,
5187
5185
  option: h,
5188
5186
  style: { height: 250 }
5189
5187
  }
@@ -5392,9 +5390,9 @@ const G = {
5392
5390
  ),
5393
5391
  a === "stat" && /* @__PURE__ */ e("div", { className: i(ie.icon, r == null ? void 0 : r.icon), children: h }),
5394
5392
  b && /* @__PURE__ */ e(
5395
- ot,
5393
+ nt,
5396
5394
  {
5397
- echarts: it,
5395
+ echarts: ot,
5398
5396
  option: v,
5399
5397
  style: {
5400
5398
  ...b,
@@ -5430,7 +5428,7 @@ const G = {
5430
5428
  textStyle: {
5431
5429
  fontSize: 22,
5432
5430
  fontWeight: 600,
5433
- color: Pe.dark[10]
5431
+ color: Je.dark[10]
5434
5432
  }
5435
5433
  },
5436
5434
  tooltip: !1,
@@ -5446,7 +5444,7 @@ const G = {
5446
5444
  data: [
5447
5445
  {
5448
5446
  value: t,
5449
- itemStyle: { color: Pe.success[20], borderRadius: 4 }
5447
+ itemStyle: { color: Je.success[20], borderRadius: 4 }
5450
5448
  },
5451
5449
  { value: n, itemStyle: { color: "#F3F4F5" } }
5452
5450
  ]
@@ -5484,7 +5482,7 @@ const G = {
5484
5482
  classNames: { title: Le.title, wrapper: "items-center" }
5485
5483
  }
5486
5484
  ),
5487
- t === "master" && f && d && /* @__PURE__ */ p(Ze, { children: [
5485
+ t === "master" && f && d && /* @__PURE__ */ p(mt, { children: [
5488
5486
  /* @__PURE__ */ e(
5489
5487
  jt,
5490
5488
  {
@@ -5498,7 +5496,7 @@ const G = {
5498
5496
  ),
5499
5497
  /* @__PURE__ */ e(dr, { rating: d, position: "right" })
5500
5498
  ] }),
5501
- t === "service" && l && /* @__PURE__ */ p(Ze, { children: [
5499
+ t === "service" && l && /* @__PURE__ */ p(mt, { children: [
5502
5500
  /* @__PURE__ */ e(
5503
5501
  He,
5504
5502
  {
@@ -5529,9 +5527,9 @@ const G = {
5529
5527
  )
5530
5528
  ] }),
5531
5529
  /* @__PURE__ */ e(
5532
- ot,
5530
+ nt,
5533
5531
  {
5534
- echarts: it,
5532
+ echarts: ot,
5535
5533
  option: s,
5536
5534
  style: { height: 135, width: 135 }
5537
5535
  }
@@ -5623,7 +5621,7 @@ const G = {
5623
5621
  textStyle: {
5624
5622
  fontSize: 20,
5625
5623
  fontWeight: 600,
5626
- color: Pe.dark[10]
5624
+ color: Je.dark[10]
5627
5625
  }
5628
5626
  },
5629
5627
  tooltip: {
@@ -5717,9 +5715,9 @@ const G = {
5717
5715
  }) })
5718
5716
  ] }),
5719
5717
  /* @__PURE__ */ e("div", { className: i(N.chartBlock, r == null ? void 0 : r.chartBlock), children: c.map((u, h) => /* @__PURE__ */ e(
5720
- ot,
5718
+ nt,
5721
5719
  {
5722
- echarts: it,
5720
+ echarts: ot,
5723
5721
  "data-testid": "chart",
5724
5722
  option: ao({
5725
5723
  total: a.total,
@@ -5937,16 +5935,16 @@ export {
5937
5935
  Be as dragAndDropTokens,
5938
5936
  Ft as dropdownTokens,
5939
5937
  U as fileUploaderTokens,
5940
- ft as filterTableTokens,
5938
+ ht as filterTableTokens,
5941
5939
  oe as floorSelectTokens,
5942
5940
  $t as iconTitleTokens,
5943
5941
  qe as inputGroupTokens,
5944
5942
  Rt as labelWithValueTokens,
5945
- xt as languagesTokens,
5943
+ bt as languagesTokens,
5946
5944
  Kn as linkTokens,
5947
- mt as messageSettingsTokens,
5945
+ st as messageSettingsTokens,
5948
5946
  R as multiSelectTokens,
5949
- gt as navButtonTokens,
5947
+ xt as navButtonTokens,
5950
5948
  wn as passwordInputTokens,
5951
5949
  K as paymentCardTokens,
5952
5950
  De as phoneInputTokens,
@@ -5958,7 +5956,7 @@ export {
5958
5956
  Xn as selectGroupTokens,
5959
5957
  G as selectListTokens,
5960
5958
  ye as serviceOrdersTokens,
5961
- bt as sidebarTokens,
5959
+ ft as sidebarTokens,
5962
5960
  $e as statusSelectTokens,
5963
5961
  Y as stepperTokens,
5964
5962
  Se as tabGroupTokens,
@@ -5967,5 +5965,5 @@ export {
5967
5965
  At as textareaGroupTokens,
5968
5966
  En as toggleGroupTokens,
5969
5967
  me as uploadInputTokens,
5970
- st as userContactTokens
5968
+ gt as userContactTokens
5971
5969
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@namuna-nur/ui-kit",
3
- "version": "1.9.11",
3
+ "version": "1.9.12",
4
4
  "description": "UI Kit for Namuna NUR",
5
5
  "type": "module",
6
6
  "main": "lib/index.js",