prometeo-design-system 4.1.7 → 4.1.8

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 (33) hide show
  1. package/dist/Avatar.es.js +37 -38
  2. package/dist/CardProfile.es.js +278 -3
  3. package/dist/Icons/UserAvatar.es.js +4 -4
  4. package/dist/Input.es.js +72 -71
  5. package/dist/PlainTooltip.es.js +19 -19
  6. package/dist/PyrionLayout.es.js +459 -409
  7. package/dist/Select.es.js +46 -46
  8. package/dist/TicketCard.es.js +33 -31
  9. package/dist/badge-BEx-0Q-K.js +35 -0
  10. package/dist/components/Avatar/Avatar.d.ts +1 -2
  11. package/dist/index.d.ts +0 -16
  12. package/dist/prometeo-design-system.es.js +119 -2906
  13. package/dist/styles.css +1 -1
  14. package/package.json +1 -1
  15. package/dist/CardProfile-C1F83KJV.js +0 -280
  16. package/dist/badge-CbqYNrl4.js +0 -87
  17. package/dist/components/Layout/LayoutGeneric.d.ts +0 -6
  18. package/dist/components/Sidebar/SecondaryBar/SecondaryBar.d.ts +0 -32
  19. package/dist/components/Sidebar/SecondaryBar/hooks/useSecondaryBarAnimation.d.ts +0 -2
  20. package/dist/components/Sidebar/SecondaryBar/index.d.ts +0 -1
  21. package/dist/components/Sidebar/SidebarComposable.d.ts +0 -43
  22. package/dist/components/Sidebar/components/NavigationLink.d.ts +0 -11
  23. package/dist/components/Sidebar/components/company-logo.d.ts +0 -5
  24. package/dist/components/Sidebar/components/nav-actions.d.ts +0 -7
  25. package/dist/components/Sidebar/components/nav-links.d.ts +0 -7
  26. package/dist/components/Sidebar/context/SidebarContext.d.ts +0 -13
  27. package/dist/components/Sidebar/hooks/SidebarProvider.d.ts +0 -3
  28. package/dist/components/Sidebar/hooks/useNavBarActions.d.ts +0 -9
  29. package/dist/components/Sidebar/hooks/useNavBarCollapse.d.ts +0 -4
  30. package/dist/components/Sidebar/hooks/useNavLinks.d.ts +0 -32
  31. package/dist/components/Sidebar/hooks/useSidebarHook.d.ts +0 -13
  32. package/dist/components/Sidebar/index.d.ts +0 -12
  33. package/dist/components/Sidebar/ui/useNavbarAnimation.d.ts +0 -2
package/dist/Select.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { j as a } from "./jsx-runtime-GkKLlHH4.js";
2
2
  import { c as d } from "./cn-B6yFEsav.js";
3
- import we, { memo as J, useState as Ne, useRef as ae, useMemo as te, useCallback as _, useEffect as he, useImperativeHandle as Qe } from "react";
3
+ import Se, { memo as J, useState as Ne, useRef as ae, useMemo as te, useCallback as _, useEffect as he, useImperativeHandle as Qe } from "react";
4
4
  import Xe from "./Spinner.es.js";
5
5
  import { createPortal as Ye } from "react-dom";
6
6
  import { u as Ze } from "./useDragScroll-CHN9OMwn.js";
@@ -127,7 +127,7 @@ function ct(e) {
127
127
  }
128
128
  ), je = ae(null), pe = ae(/* @__PURE__ */ new Set()), {
129
129
  id: G,
130
- name: w,
130
+ name: S,
131
131
  label: ge,
132
132
  height: be,
133
133
  options: Q,
@@ -242,7 +242,7 @@ function ct(e) {
242
242
  if (!m) return;
243
243
  const z = l.has(m.id), A = o ?? "toggle";
244
244
  let T;
245
- A === "select" || A === "toggle" && !z ? T = m : T = void 0, e.onChange?.(T, w);
245
+ A === "select" || A === "toggle" && !z ? T = m : T = void 0, e.onChange?.(T, S);
246
246
  return;
247
247
  }
248
248
  const i = e.value || [], f = [];
@@ -253,18 +253,18 @@ function ct(e) {
253
253
  const D = new Set(f.map((m) => m.id)), M = new Set(c.map((m) => m.id)), I = c.every(
254
254
  (m) => D.has(m.id)
255
255
  ), fe = o ?? "toggle", me = fe === "select" || fe === "toggle" && !I;
256
- let Se;
256
+ let we;
257
257
  if (!me)
258
- Se = f.filter((m) => !M.has(m.id));
258
+ we = f.filter((m) => !M.has(m.id));
259
259
  else {
260
260
  const m = new Map(
261
261
  f.map((z) => [z.id, z])
262
262
  );
263
263
  c.forEach((z) => {
264
264
  m.set(z.id, z);
265
- }), Se = Array.from(m.values());
265
+ }), we = Array.from(m.values());
266
266
  }
267
- e.onChange?.(Se, w);
267
+ e.onChange?.(we, S);
268
268
  },
269
269
  [
270
270
  e.multiple,
@@ -273,14 +273,14 @@ function ct(e) {
273
273
  Ce,
274
274
  l,
275
275
  L,
276
- w
276
+ S
277
277
  ]
278
278
  ), C = _(() => {
279
279
  h((t) => !t);
280
280
  }, []);
281
281
  B.current = (t) => {
282
282
  if (!e.multiple)
283
- e.onChange?.(t, w);
283
+ e.onChange?.(t, S);
284
284
  else {
285
285
  const o = e.value || [], c = [], i = o.includes(t.value);
286
286
  o.forEach((D) => {
@@ -290,37 +290,37 @@ function ct(e) {
290
290
  M && c.push(M);
291
291
  });
292
292
  const f = i ? c.filter((D) => D.value !== t.value) : [...c, t];
293
- e.onChange?.(f, w);
293
+ e.onChange?.(f, S);
294
294
  }
295
295
  };
296
- const S = _(
296
+ const w = _(
297
297
  (t, o = !1) => {
298
- q?.(t, w), B.current?.(t), o && (h(!1), ke?.());
298
+ q?.(t, S), B.current?.(t), o && (h(!1), ke?.());
299
299
  },
300
- [q, ke, w]
300
+ [q, ke, S]
301
301
  ), x = (t) => {
302
302
  if (t.preventDefault(), t.stopPropagation(), t.target.blur(), ye?.(), e.multiple) {
303
303
  const o = e.onChange;
304
- o?.([], w);
304
+ o?.([], S);
305
305
  } else {
306
306
  const o = e.onChange;
307
- o?.(void 0, w);
307
+ o?.(void 0, S);
308
308
  }
309
309
  }, O = _(
310
310
  (t) => {
311
- e.multiple || e.onChange?.(void 0, w);
311
+ e.multiple || e.onChange?.(void 0, S);
312
312
  const o = R.find(
313
313
  (i) => k(i, N) === t
314
314
  );
315
315
  if (!o) return;
316
316
  const c = L(o);
317
- q?.(c, w), B.current?.(c), Oe?.(o);
317
+ q?.(c, S), B.current?.(c), Oe?.(o);
318
318
  },
319
319
  [
320
320
  q,
321
321
  Oe,
322
322
  R,
323
- w,
323
+ S,
324
324
  e.multiple,
325
325
  e.onChange,
326
326
  L,
@@ -366,13 +366,13 @@ function ct(e) {
366
366
  h(!1);
367
367
  },
368
368
  toggle: () => h((t) => !t),
369
- handleOptionSelect: S,
369
+ handleOptionSelect: w,
370
370
  subscribeOpenChange: (t) => (pe.current.add(t), () => {
371
371
  pe.current.delete(t);
372
372
  }),
373
373
  searchInputRef: P
374
374
  }),
375
- [n, S]
375
+ [n, w]
376
376
  );
377
377
  const ee = (t) => {
378
378
  t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !Me && !n && (h(!0), setTimeout(() => {
@@ -433,7 +433,7 @@ function ct(e) {
433
433
  "div",
434
434
  {
435
435
  className: d(
436
- "flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none "
436
+ "flex-1 overflow-x-auto overflow-y-hidden px-1 prometeo-scrollbar-none! "
437
437
  ),
438
438
  ref: Pe,
439
439
  onPointerUp: V.onPointerUp,
@@ -442,7 +442,7 @@ function ct(e) {
442
442
  onPointerLeave: V.onPointerLeave,
443
443
  onPointerCancel: V.onPointerCancel,
444
444
  onClickCapture: V.onClickCapture,
445
- children: De ? we.createElement(
445
+ children: De ? Se.createElement(
446
446
  J(
447
447
  De,
448
448
  (t, o) => t.disabled === o.disabled && t.multiple === o.multiple
@@ -540,7 +540,7 @@ function ct(e) {
540
540
  dropdownRef: p,
541
541
  selectButtonRef: W,
542
542
  helperComponentRef: je,
543
- onOptionClick: S,
543
+ onOptionClick: w,
544
544
  onCloseDropdown: () => h(!1),
545
545
  searchValue: _e,
546
546
  setSearchValue: b,
@@ -589,7 +589,7 @@ function ft({
589
589
  labelVariant: je,
590
590
  emptyMessage: pe,
591
591
  renderOption: G,
592
- renderOptionContext: w,
592
+ renderOptionContext: S,
593
593
  renderOptionGroupHeader: ge,
594
594
  onOptionClick: be,
595
595
  onSearchClear: Q,
@@ -646,8 +646,8 @@ function ft({
646
646
  }, ue = () => {
647
647
  if (!p.current || !b.current) return ie;
648
648
  const r = b.current.getBoundingClientRect(), l = window.innerHeight - (window.innerHeight - r.top), s = window.innerHeight - r.bottom, u = s >= le, C = l >= le;
649
- let S = "down", x;
650
- return u ? (S = "down", x = le) : C ? (S = "up", x = le) : s > l ? (S = "down", x = s - 16) : (S = "up", x = l - 16), { direction: S, height: x };
649
+ let w = "down", x;
650
+ return u ? (w = "down", x = le) : C ? (w = "up", x = le) : s > l ? (w = "down", x = s - 16) : (w = "up", x = l - 16), { direction: w, height: x };
651
651
  }, $e = (r) => {
652
652
  if (!(!p.current || !b.current)) {
653
653
  if (p.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
@@ -695,18 +695,18 @@ function ft({
695
695
  }
696
696
  const s = [];
697
697
  let u = null, C = [];
698
- const S = () => {
698
+ const w = () => {
699
699
  u && C.length > 0 && s.push(u, ...C), u = null, C = [];
700
700
  };
701
701
  return r.forEach((x) => {
702
702
  if (typeof x != "object" || x === null) return;
703
703
  if ((x || {})?.isGroupHeader) {
704
- S(), u = x;
704
+ w(), u = x;
705
705
  return;
706
706
  }
707
707
  const O = Fe(x.label, l);
708
708
  u ? O && C.push(x) : O && s.push(x);
709
- }), S(), s;
709
+ }), w(), s;
710
710
  }, _e = (r) => {
711
711
  const l = Ge(y, r);
712
712
  if (U(l), j) {
@@ -769,7 +769,7 @@ function ft({
769
769
  F.current?.focus(), se();
770
770
  }, 10);
771
771
  }, Ce = Array.from({ length: 5 }).map(
772
- (r, l) => G ? we.createElement(
772
+ (r, l) => G ? Se.createElement(
773
773
  J(G, (s, u) => s.isSelected === u.isSelected && s.option === u.option && s.disabled === u.disabled && s.multiple === u.multiple && s.renderContext === u.renderContext),
774
774
  {
775
775
  key: `skeleton-option-${l}`,
@@ -780,7 +780,7 @@ function ft({
780
780
  },
781
781
  disabled: !1,
782
782
  isLoading: !0,
783
- renderContext: w
783
+ renderContext: S
784
784
  }
785
785
  ) : /* @__PURE__ */ a.jsx(
786
786
  Ke,
@@ -807,13 +807,13 @@ function ft({
807
807
  N ? "absolute z-50 " : "fixed z-100 top-0 left-0",
808
808
  ie.direction === "up" ? "h-auto" : " h-max",
809
809
  ze,
810
- "min-w-max"
810
+ "w-full max-w-[max(100%,20vw)] min-w-[min(100%,20vw)]"
811
811
  ),
812
812
  children: /* @__PURE__ */ a.jsxs(
813
813
  "div",
814
814
  {
815
815
  className: d(
816
- "flex flex-col ",
816
+ "flex flex-col",
817
817
  xe ? "p-0" : "p-2 pt-0 gap-2"
818
818
  ),
819
819
  style: {
@@ -842,10 +842,10 @@ function ft({
842
842
  ...H
843
843
  }
844
844
  ),
845
- /* @__PURE__ */ a.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: oe.length === 0 ? X ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: De || Ce }) : /* @__PURE__ */ a.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: B ? `No se encontraron resultados para "${B}"` : pe }) : (() => {
845
+ /* @__PURE__ */ a.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: oe.length === 0 ? X ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: De || Ce }) : /* @__PURE__ */ a.jsx("p", { className: "px-3 py-2 text-neutral-medium-default max-w-full text-pretty wrap-break-word ", children: B ? `No se encontraron resultados para "${B}"` : pe }) : (() => {
846
846
  let r = !0;
847
847
  return oe.map((l) => {
848
- const s = l, u = !!(s || {}).isGroupHeader, C = G && !u ? k(l, W) : s.id, S = re.has(C), x = (i) => !G || u ? i : {
848
+ const s = l, u = !!(s || {}).isGroupHeader, C = G && !u ? k(l, W) : s.id, w = re.has(C), x = (i) => !G || u ? i : {
849
849
  id: C,
850
850
  label: String(k(i, P)),
851
851
  value: k(i, W)
@@ -871,7 +871,7 @@ function ft({
871
871
  onKeyDown: (M) => R(M, f),
872
872
  className: d(
873
873
  !D && !v && "focus-visible:bg-neutral-medium-hover outline-none hover:bg-neutral-medium-hover",
874
- S && "bg-neutral-medium-selected",
874
+ w && "bg-neutral-medium-selected",
875
875
  v && "cursor-default pointer-events-none"
876
876
  ),
877
877
  children: i
@@ -887,14 +887,14 @@ function ft({
887
887
  q && Le(f, m);
888
888
  }, me = (m) => {
889
889
  !I || I.length === 0 || ye && ye(I, m);
890
- }, Se = I.filter(
890
+ }, we = I.filter(
891
891
  (m) => re.has(k(m, W))
892
892
  ).map((m) => String(k(m, W)));
893
893
  if (ge) {
894
894
  const m = J(
895
895
  ge,
896
896
  (A, T) => A.label === T.label && A.group === T.group && A.groupOptions === T.groupOptions && A.disabled === T.disabled && A.multiple === T.multiple && A.expanded === T.expanded && A.renderContext === T.renderContext
897
- ), z = we.createElement(m, {
897
+ ), z = Se.createElement(m, {
898
898
  group: M,
899
899
  label: i,
900
900
  groupOptions: I,
@@ -903,8 +903,8 @@ function ft({
903
903
  expanded: D,
904
904
  toggleGroup: fe,
905
905
  selectGroup: me,
906
- renderContext: w,
907
- groupSelectedIds: Se
906
+ renderContext: S,
907
+ groupSelectedIds: we
908
908
  });
909
909
  return ee(z, s);
910
910
  }
@@ -931,7 +931,7 @@ function ft({
931
931
  s
932
932
  );
933
933
  }
934
- const de = G ? we.createElement(
934
+ const de = G ? Se.createElement(
935
935
  J(
936
936
  G,
937
937
  (i, f) => i.isSelected === f.isSelected && i.option === f.option && i.disabled === f.disabled && i.multiple === f.multiple && i.renderContext === f.renderContext
@@ -939,12 +939,12 @@ function ft({
939
939
  {
940
940
  key: C,
941
941
  option: l,
942
- isSelected: S,
942
+ isSelected: w,
943
943
  multiple: g,
944
944
  onSelect: O,
945
945
  disabled: v,
946
946
  isLoading: X,
947
- renderContext: w
947
+ renderContext: S
948
948
  }
949
949
  ) : /* @__PURE__ */ a.jsx(
950
950
  Ke,
@@ -952,7 +952,7 @@ function ft({
952
952
  disabled: v,
953
953
  multiple: g,
954
954
  isLoading: X,
955
- isSelected: S,
955
+ isSelected: w,
956
956
  onSelect: Z,
957
957
  option: l
958
958
  },
@@ -964,7 +964,7 @@ function ft({
964
964
  if (!q)
965
965
  return t;
966
966
  const o = !r, c = t;
967
- return we.cloneElement(c, {
967
+ return Se.cloneElement(c, {
968
968
  className: d(
969
969
  c.props.className,
970
970
  "overflow-hidden transition-[max-height] duration-300 ease-out",
@@ -1039,7 +1039,7 @@ const Je = J(
1039
1039
  multiple: g,
1040
1040
  className: v,
1041
1041
  disabled: b
1042
- }) => e?.length === 0 ? n ? /* @__PURE__ */ a.jsx("span", { className: "text-neutral-medium-default opacity-50 line-clamp-1", children: n }) : null : y === "chips" && g ? /* @__PURE__ */ a.jsx("div", { className: d("flex items-center gap-1 ", v), children: e.map((H) => /* @__PURE__ */ a.jsx(
1042
+ }) => e?.length === 0 ? n ? /* @__PURE__ */ a.jsx("span", { className: "text-neutral-medium-default line-clamp-1", children: n }) : null : y === "chips" && g ? /* @__PURE__ */ a.jsx("div", { className: d("flex items-center gap-1 ", v), children: e.map((H) => /* @__PURE__ */ a.jsx(
1043
1043
  it,
1044
1044
  {
1045
1045
  tabIndex: -1,
@@ -1,56 +1,58 @@
1
1
  import { j as l } from "./jsx-runtime-GkKLlHH4.js";
2
- import { g as L } from "./useLabelBackground-BDIHUdND.js";
3
- import { c as d } from "./cn-B6yFEsav.js";
4
- import { memo as O, useState as y, useCallback as x, useImperativeHandle as S, Children as A, isValidElement as B, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";
2
+ import { g as B } from "./useLabelBackground-BDIHUdND.js";
3
+ import { c as u } from "./cn-B6yFEsav.js";
4
+ import { memo as L, useState as y, useCallback as x, useImperativeHandle as O, Children as S, isValidElement as A, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";
5
5
  import { CrevronLeft as I } from "./Icons/CrevronLeft.es.js";
6
6
  const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
7
7
  const { children: t, className: r, controls: s } = n, [e, c] = y(!0), i = x(() => {
8
8
  c((a) => !a);
9
- }, []), f = x(() => {
10
- c(!1);
11
9
  }, []), p = x(() => {
10
+ c(!1);
11
+ }, []), m = x(() => {
12
12
  c(!0);
13
13
  }, []);
14
- S(
14
+ O(
15
15
  s,
16
- () => ({ open: f, close: p, toggle: i }),
17
- [f, p, i]
16
+ () => ({ open: p, close: m, toggle: i }),
17
+ [p, m, i]
18
18
  );
19
19
  const o = {
20
20
  isCollapsed: e,
21
21
  toggle: i
22
- }, v = typeof t == "function" ? t(o) : t, m = A.toArray(v);
23
- let u = null, g = null;
22
+ }, v = typeof t == "function" ? t(o) : t, g = S.toArray(v);
23
+ let f = null, d = null;
24
24
  const h = [];
25
- m.forEach((a) => {
26
- if (!B(a)) {
25
+ g.forEach((a) => {
26
+ if (!A(a)) {
27
27
  h.push(a);
28
28
  return;
29
29
  }
30
- if (a.type === b && !u) {
31
- u = k(a, { context: o });
30
+ if (a.type === b && !f) {
31
+ f = k(a, { context: o });
32
32
  return;
33
33
  }
34
- if (a.type === E && !g) {
35
- g = k(a, { context: o });
34
+ if (a.type === E && !d) {
35
+ d = k(a, { context: o });
36
36
  return;
37
37
  }
38
38
  h.push(a);
39
39
  });
40
- const H = u ?? (h.length ? /* @__PURE__ */ l.jsx(b, { context: o, children: h }) : null), R = !!g, T = g ?? null;
41
- return /* @__PURE__ */ l.jsxs("div", { className: d("group/ticketcard w-full h-full flex flex-col overflow-hidden", r), "data-expanded": !e, children: [
40
+ const H = f ?? (h.length ? /* @__PURE__ */ l.jsx(b, { context: o, children: h }) : null), R = !!d;
41
+ console.log(d, "options", !!d);
42
+ const T = d ?? null;
43
+ return /* @__PURE__ */ l.jsxs("div", { className: u("group/ticketcard w-full h-full flex flex-col overflow-hidden", r), "data-expanded": !e, children: [
42
44
  /* @__PURE__ */ l.jsxs("div", { className: "ticketcard-container flex gap-0.5 h-min flex-nowrap", children: [
43
45
  H,
44
46
  R && /* @__PURE__ */ l.jsx(M, { isCollapsed: e, toggle: i })
45
47
  ] }),
46
48
  /* @__PURE__ */ l.jsx(V, { context: o, children: T })
47
49
  ] });
48
- }, j = O(q), b = (n) => {
50
+ }, j = L(q), b = (n) => {
49
51
  const { children: t, context: r, className: s, onClick: e } = n, c = C(t, r);
50
52
  return /* @__PURE__ */ l.jsx(
51
53
  "div",
52
54
  {
53
- className: d(
55
+ className: u(
54
56
  "ticketcard-content rounded-lg p-3 flex-1 overflow-hidden",
55
57
  "bg-neutral-default-default border border-transparent",
56
58
  "transition-all duration-300 ease-in-out",
@@ -70,7 +72,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
70
72
  if (!r.current) return;
71
73
  const s = r.current.previousElementSibling?.querySelector(".ticket-card-content");
72
74
  if (!s) return;
73
- const e = L(s);
75
+ const e = B(s);
74
76
  r.current.style.backgroundColor = e;
75
77
  }, []), /* @__PURE__ */ l.jsx(
76
78
  "button",
@@ -78,7 +80,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
78
80
  ref: r,
79
81
  type: "button",
80
82
  onClick: t,
81
- className: d(
83
+ className: u(
82
84
  "ticketcard-toggle-button",
83
85
  "grid place-items-center cursor-pointer transition-transform rounded-lg w-8 max-w-8 min-w-8",
84
86
  "bg-neutral-default-default ",
@@ -88,24 +90,24 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
88
90
  "group-data-[expanded=true]/ticketcard:bg-neutral-default-hover",
89
91
  "group-data-[expanded=true]/ticketcard:text-primary-default-default"
90
92
  ),
91
- children: /* @__PURE__ */ l.jsx(I, { className: d("-rotate-90 transition-transform duration-300", !n && "rotate-90") })
93
+ children: /* @__PURE__ */ l.jsx(I, { className: u("-rotate-90 transition-transform duration-300", !n && "rotate-90") })
92
94
  }
93
95
  );
94
96
  }, V = (n) => {
95
- const { children: t, context: r, className: s } = n, e = C(t, r), c = r?.isCollapsed ?? !0, i = w(null), [f, p] = y(0), o = x(() => {
96
- const m = i.current;
97
- if (!m) return;
98
- const u = m.scrollHeight;
99
- p(u);
97
+ const { children: t, context: r, className: s } = n, e = C(t, r), c = r?.isCollapsed ?? !0, i = w(null), [p, m] = y(0), o = x(() => {
98
+ const g = i.current;
99
+ if (!g) return;
100
+ const f = g.scrollHeight;
101
+ m(f);
100
102
  }, []);
101
103
  N(() => {
102
104
  o();
103
105
  }, [o, e]), z(() => (window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), [o]);
104
- const v = c ? 0 : f || i.current?.scrollHeight || 0;
106
+ const v = c ? 0 : p || i.current?.scrollHeight || 0;
105
107
  return /* @__PURE__ */ l.jsx(
106
108
  "div",
107
109
  {
108
- className: d(
110
+ className: u(
109
111
  "ticket-card-collapsable overflow-hidden transition-all duration-300 ease-in-out flex-1 flex flex-col",
110
112
  s
111
113
  ),
@@ -118,7 +120,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
118
120
  );
119
121
  }, E = (n) => {
120
122
  const { children: t, context: r, className: s } = n, e = C(t, r);
121
- return /* @__PURE__ */ l.jsx("div", { className: d("ticket-card-options flex-1 overflow-hidden min-h-0", s), children: e });
123
+ return /* @__PURE__ */ l.jsx("div", { className: u("ticket-card-options flex-1 overflow-hidden min-h-0", s), children: e });
122
124
  }, _ = Object.assign(j, {
123
125
  Root: j,
124
126
  Content: b,
@@ -0,0 +1,35 @@
1
+ import { j as s } from "./jsx-runtime-GkKLlHH4.js";
2
+ import { c } from "./cn-B6yFEsav.js";
3
+ const g = ({
4
+ count: r,
5
+ maxCount: t = 9,
6
+ className: a = "",
7
+ size: n = "medium",
8
+ variant: l = "primary",
9
+ showZero: i = !1,
10
+ disabled: d = !1
11
+ }) => {
12
+ const e = r, u = e > t ? `+${t}` : e;
13
+ if (e === 0 && !i) return null;
14
+ const m = {
15
+ small: "w-4.5 h-4.5 text-xs ",
16
+ medium: "w-5 h-5 text-xs",
17
+ large: "w-6 h-6 text-sm"
18
+ }, o = {
19
+ primary: "bg-primary-default-default text-neutral-strong-default",
20
+ secondary: "bg-neutral-medium-default text-neutral-strong-default",
21
+ success: "bg-green-500 text-white",
22
+ warning: "bg-yellow-500 text-black",
23
+ danger: "bg-red-500 text-white"
24
+ };
25
+ return /* @__PURE__ */ s.jsx("div", { className: c(
26
+ "rounded-full flex items-center justify-center font-medium select-none",
27
+ m[n],
28
+ o[l],
29
+ a,
30
+ d && "text-neutral-strong-disabled bg-primary-medium-disabled"
31
+ ), children: /* @__PURE__ */ s.jsx("span", { children: u }) });
32
+ };
33
+ export {
34
+ g as B
35
+ };
@@ -7,7 +7,6 @@ interface IAvatar {
7
7
  subImageUrl?: string;
8
8
  borderColor?: string;
9
9
  fallbackType?: "initials" | "defaultAvatar";
10
- sizeFallbackIcon?: number;
11
10
  }
12
- export default function Avatar({ imageUrl, sizeImage, sizeFallback, sizeFallbackIcon, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
11
+ export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
13
12
  export {};
package/dist/index.d.ts CHANGED
@@ -16,7 +16,6 @@ export { default as Pagination } from './components/Pagination/Pagination';
16
16
  export { ProfilePictureUpload } from './components/ProfilePictureUpload/ProfilePictureUpload';
17
17
  export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
18
18
  export { default as Select } from './components/Select/Select';
19
- export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
20
19
  export { default as Spinner } from './components/Spinner/Spinner';
21
20
  export { default as Steps } from './components/Steps/Steps';
22
21
  export { default as Switch } from './components/Switch/Switch';
@@ -29,7 +28,6 @@ export { default as TextArea } from './components/TextArea/TextArea';
29
28
  export { default as Tooltip } from './components/Tooltip/Tootip';
30
29
  export { default as Skeleton } from './components/Skeleton/Skeleton';
31
30
  export { default as SegmentedButton } from './components/SegmentedButton/SegmentedButton';
32
- export { default as LayoutGeneric } from './components/Layout/LayoutGeneric';
33
31
  export { default as ImageGallery } from './components/Image/ImageGallery';
34
32
  export { default as Image } from './components/Image/Image';
35
33
  export { default as Toast } from './components/Toaster/Toaster';
@@ -38,18 +36,11 @@ export { toastpyrion } from './components/Toaster/Toaster';
38
36
  export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
39
37
  export { default as FAButton } from './components/FAB/FAButton';
40
38
  export { default as RadioButton } from './components/RadioButton/RadioButton';
41
- export * from './components/Sidebar';
42
- export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
43
39
  export { Badge } from './components/Sidebar/components/badge';
44
40
  export { NavbarCollapseButton } from './components/Sidebar/components/collapse-button';
45
- export { CompanyLogo } from './components/Sidebar/components/company-logo';
46
- export { NavbarLinks } from './components/Sidebar/components/nav-links';
47
41
  export { default as OtpInput } from './components/OtpInput/OtpInput';
48
42
  export { useDialogControl } from './components/Dialog/useDialogControl';
49
43
  export { useFileDropzone } from './components/DropZone/useFileDropzone';
50
- export { SidebarProvider as SidebarRefProvider, useSidebarContext, } from './components/Sidebar/context/SidebarContext';
51
- export { SidebarProvider } from './components/Sidebar/hooks/SidebarProvider';
52
- export { useSidebar } from './components/Sidebar/hooks/useSidebarHook';
53
44
  export { useClickOutside } from './hooks/useClickOutside';
54
45
  export { useIsMobile } from './hooks/useDevice';
55
46
  export type { ButtonProps } from './components/Button/Button';
@@ -62,12 +53,6 @@ export type { IMenuItems, IMenuRoot } from './components/Menu/MenuComposable';
62
53
  export type { OtpInputProps } from './components/OtpInput/OtpInput';
63
54
  export type { BadgeProps } from './components/Sidebar/components/badge';
64
55
  export type { NavbarCollapseButtonProps } from './components/Sidebar/components/collapse-button';
65
- export type { CompanyLogoProps } from './components/Sidebar/components/company-logo';
66
- export type { INavbarActionsProps } from './components/Sidebar/components/nav-actions';
67
- export type { NavbarLinksProps } from './components/Sidebar/components/nav-links';
68
- export type { INavAction, INavLink, Role, RoleLevels, } from './components/Sidebar/hooks/useNavLinks';
69
- export type { ContentProps as SecondaryBarContentProps, FooterProps as SecondaryBarFooterProps, HeaderProps as SecondaryBarHeaderProps, SecondaryBarRootProps, SpacerProps as SecondaryBarSpacerProps, } from './components/Sidebar/SecondaryBar/SecondaryBar';
70
- export type { SidebarContextValue } from './components/Sidebar/hooks/useSidebarHook';
71
56
  export type { SpinnerProps } from './components/Spinner/Spinner';
72
57
  export type { PaginationProps } from './components/Pagination/Pagination';
73
58
  export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
@@ -76,7 +61,6 @@ export type { SelectProps } from './components/Select/Select';
76
61
  export type { DialogHandle } from './components/Dialog/Dialog';
77
62
  export { DropZone } from './components/DropZone/DropZone';
78
63
  export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
79
- export type { LayoutGenericProps } from './components/Layout/LayoutGeneric';
80
64
  export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
81
65
  export type { IToolTipProps } from './components/Tooltip/Tootip';
82
66
  export type { InputMultipleProps } from './components/InputMultiple/InputMultiple';