prometeo-design-system 4.6.2 → 4.6.4

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 (124) hide show
  1. package/dist/Avatar.es.js +1 -1
  2. package/dist/Button.es.js +1 -1
  3. package/dist/CardProfile.es.js +1 -1
  4. package/dist/CheckBox.es.js +1 -1
  5. package/dist/Chip.es.js +1 -1
  6. package/dist/DatePicker-n6qm0fey.js +3573 -0
  7. package/dist/DatePicker.es.js +1 -1
  8. package/dist/DialogModal.es.js +144 -70
  9. package/dist/DrawerDesktop.es.js +36 -34
  10. package/dist/DrawerMobile.es.js +1 -1
  11. package/dist/DropZone.es.js +1 -1
  12. package/dist/FAButton.es.js +1 -1
  13. package/dist/Header.es.js +8 -9
  14. package/dist/{HelperComponent-ljsn0xD6.js → HelperComponent-DhGU_ug-.js} +1 -1
  15. package/dist/IconButton.es.js +3 -3
  16. package/dist/Icons/AccountCircle.es.js +1 -1
  17. package/dist/Icons/Add.es.js +1 -1
  18. package/dist/Icons/ArrowDownward.es.js +1 -1
  19. package/dist/Icons/ArrowLeft.es.js +1 -1
  20. package/dist/Icons/ArrowUpDown.es.js +1 -1
  21. package/dist/Icons/ArrowUpward.es.js +1 -1
  22. package/dist/Icons/AttachFile.es.js +1 -1
  23. package/dist/Icons/Boards.es.js +1 -1
  24. package/dist/Icons/Calendar.es.js +1 -1
  25. package/dist/Icons/Cancel.es.js +1 -1
  26. package/dist/Icons/Check.es.js +1 -1
  27. package/dist/Icons/CheckCircle.es.js +1 -1
  28. package/dist/Icons/CheckList.es.js +1 -1
  29. package/dist/Icons/ChevronDown.es.js +1 -1
  30. package/dist/Icons/Clock.es.js +1 -1
  31. package/dist/Icons/Close.es.js +1 -1
  32. package/dist/Icons/CloseNavBarDesktop.es.js +1 -1
  33. package/dist/Icons/Collapse.es.js +1 -1
  34. package/dist/Icons/Company.es.js +1 -1
  35. package/dist/Icons/Copy.es.js +1 -1
  36. package/dist/Icons/CrevronLeft.es.js +1 -1
  37. package/dist/Icons/CrevronRight.es.js +1 -1
  38. package/dist/Icons/DocumentFill.es.js +1 -1
  39. package/dist/Icons/Download.es.js +1 -1
  40. package/dist/Icons/DragIndicator.es.js +1 -1
  41. package/dist/Icons/Edit.es.js +1 -1
  42. package/dist/Icons/EditFill.es.js +1 -1
  43. package/dist/Icons/Email.es.js +1 -1
  44. package/dist/Icons/Error.es.js +1 -1
  45. package/dist/Icons/EyeVisibility.es.js +1 -1
  46. package/dist/Icons/EyeVisibilityOff.es.js +1 -1
  47. package/dist/Icons/FaLock.es.js +1 -1
  48. package/dist/Icons/FastForward.es.js +1 -1
  49. package/dist/Icons/File.es.js +1 -1
  50. package/dist/Icons/Filter.es.js +1 -1
  51. package/dist/Icons/FormatColorText.es.js +1 -1
  52. package/dist/Icons/Help.es.js +1 -1
  53. package/dist/Icons/HistoryActivity.es.js +1 -1
  54. package/dist/Icons/Home.es.js +1 -1
  55. package/dist/Icons/Image.es.js +1 -1
  56. package/dist/Icons/Info.es.js +1 -1
  57. package/dist/Icons/Logout.es.js +1 -1
  58. package/dist/Icons/MessageSquare.es.js +1 -1
  59. package/dist/Icons/MessageSquareFill.es.js +1 -1
  60. package/dist/Icons/MoreVert.es.js +1 -1
  61. package/dist/Icons/Notifications.es.js +1 -1
  62. package/dist/Icons/Pause.es.js +1 -1
  63. package/dist/Icons/Reassignment.es.js +1 -1
  64. package/dist/Icons/ReassignmentFill.es.js +1 -1
  65. package/dist/Icons/Reload.es.js +1 -1
  66. package/dist/Icons/Search.es.js +1 -1
  67. package/dist/Icons/Send.es.js +1 -1
  68. package/dist/Icons/Settings.es.js +1 -1
  69. package/dist/Icons/Shared.es.js +1 -1
  70. package/dist/Icons/Sort.es.js +1 -1
  71. package/dist/Icons/StarFill.es.js +1 -1
  72. package/dist/Icons/Stars.es.js +1 -1
  73. package/dist/Icons/Ticket.es.js +1 -1
  74. package/dist/Icons/TicketFilled.es.js +1 -1
  75. package/dist/Icons/Trash.es.js +1 -1
  76. package/dist/Icons/TrashFill.es.js +1 -1
  77. package/dist/Icons/Upload.es.js +1 -1
  78. package/dist/Icons/UploadCloud.es.js +1 -1
  79. package/dist/Icons/UserAdd.es.js +1 -1
  80. package/dist/Icons/UserAddFill.es.js +1 -1
  81. package/dist/Icons/UserAvatar.es.js +1 -1
  82. package/dist/Icons/UserPerson.es.js +1 -1
  83. package/dist/Icons/WhatsApp.es.js +1 -1
  84. package/dist/Image.es.js +1 -1
  85. package/dist/{ImageGallery-DG9ovlQ-.js → ImageGallery-4DdXqwRy.js} +1 -1
  86. package/dist/ImageGallery.es.js +1 -1
  87. package/dist/Input.es.js +2 -2
  88. package/dist/InputMultiple.es.js +1 -1
  89. package/dist/Logo.es.js +1 -1
  90. package/dist/Menu.es.js +1 -1
  91. package/dist/NotificationCard.es.js +1 -1
  92. package/dist/OtpInput.es.js +1 -1
  93. package/dist/Pagination.es.js +1 -1
  94. package/dist/PlainTooltip.es.js +1 -1
  95. package/dist/ProfilePictureUpload.es.js +1 -1
  96. package/dist/ProgressBar.es.js +1 -1
  97. package/dist/PyrionLayout.es.js +333 -363
  98. package/dist/RadioButton.es.js +2 -2
  99. package/dist/RecurrentDatePicker.es.js +3 -3
  100. package/dist/RecurrentDatePickerRRule.es.js +4 -2
  101. package/dist/Scrollable.es.js +1 -1
  102. package/dist/SegmentedButton.es.js +1 -1
  103. package/dist/Select.es.js +558 -557
  104. package/dist/SelectSearch.es.js +1 -1
  105. package/dist/Skeleton.es.js +1 -1
  106. package/dist/Spinner.es.js +1 -1
  107. package/dist/Steps.es.js +1 -1
  108. package/dist/Switch.es.js +7 -7
  109. package/dist/{TabLinks-DnoWdrdk.js → TabLinks-C0ywjYt-.js} +2 -2
  110. package/dist/TabLinks.es.js +1 -1
  111. package/dist/Table.es.js +1 -1
  112. package/dist/TextArea.es.js +1 -1
  113. package/dist/TicketCard.es.js +1 -1
  114. package/dist/Toast.es.js +1 -1
  115. package/dist/ToastProvider.es.js +1 -1
  116. package/dist/Tooltip.es.js +1 -1
  117. package/dist/UserCard.es.js +1 -1
  118. package/dist/{badge-BEx-0Q-K.js → badge-CiiB9SGl.js} +1 -1
  119. package/dist/components/Dialog/Dialog.d.ts +15 -4
  120. package/dist/components/Select/Select.d.ts +1 -0
  121. package/dist/{jsx-runtime-GkKLlHH4.js → jsx-runtime-DKDX3adD.js} +20 -2
  122. package/dist/prometeo-design-system.es.js +5 -5
  123. package/package.json +1 -1
  124. package/dist/DatePicker-QuBgR5DQ.js +0 -3738
@@ -1,4 +1,4 @@
1
- import { D as r, D as t } from "./DatePicker-QuBgR5DQ.js";
1
+ import { D as r, D as t } from "./DatePicker-n6qm0fey.js";
2
2
  export {
3
3
  r as DatePicker,
4
4
  t as default
@@ -1,88 +1,162 @@
1
- import { j as o } from "./jsx-runtime-GkKLlHH4.js";
2
- import { forwardRef as R, memo as a, useState as b, useRef as g, useCallback as n, useImperativeHandle as O } from "react";
3
- import { createPortal as F } from "react-dom";
4
- import { c as y } from "./cn-B6yFEsav.js";
5
- const N = R(
6
- ({ children: e, onClose: t, className: r, attachToParent: s = !1, zindex: c = 500 }, i) => {
7
- const [u, f] = b(!1), [d, m] = b(null), D = g(t), p = g(d);
8
- D.current = t, p.current = d;
9
- const j = n((l) => {
10
- m(l ?? null), f(!0);
11
- }, []), x = n(() => {
12
- f(!1), D.current?.(p.current), setTimeout(() => m(null), 300);
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
+ import { forwardRef as _, memo as b, useState as H, useRef as R, useCallback as p, useImperativeHandle as $, Children as q, isValidElement as I } from "react";
3
+ import { createPortal as B } from "react-dom";
4
+ import { c } from "./cn-B6yFEsav.js";
5
+ const A = _(
6
+ ({ children: r, onClose: a, className: n, attachToParent: o = !1, zindex: y = 40, debugMode: l = !1, safeMarginSize: S = 24, title: j, scroll: x = "content" }, G) => {
7
+ const [C, F] = H(!1), [v, T] = H(null), z = R(a), N = R(v);
8
+ z.current = a, N.current = v;
9
+ const O = p((e) => {
10
+ T(e ?? null), F(!0);
11
+ }, []), D = p(() => {
12
+ F(!1), z.current?.(N.current), setTimeout(() => T(null), 300);
13
13
  }, []);
14
- O(
15
- i,
14
+ $(
15
+ G,
16
16
  () => ({
17
- open: j,
18
- close: x,
19
- isOpen: u,
20
- getContext: () => p.current
17
+ open: O,
18
+ close: D,
19
+ isOpen: C,
20
+ getContext: () => N.current
21
21
  }),
22
- [j, x, u]
22
+ [O, D, C]
23
23
  );
24
- const C = /* @__PURE__ */ o.jsx(o.Fragment, { children: u && /* @__PURE__ */ o.jsxs(
24
+ const L = `max-[500px]:max-w-[calc(100%-32px)]
25
+ max-[1200px]:max-w-[min(800px,calc(100%-32px))]
26
+ min-[1200px]:max-w-[min(1224px,calc(100%-100px))] min-[1200px]:min-w-[1100px]`, U = typeof r == "function" ? r(v) : r, V = q.toArray(U);
27
+ let s = null, u = null, w = null;
28
+ const h = [];
29
+ let E = null;
30
+ if (V.forEach((e) => {
31
+ if (!I(e)) {
32
+ h.push(e);
33
+ return;
34
+ }
35
+ if (e.type === g && !j) {
36
+ u = e;
37
+ return;
38
+ }
39
+ if (e.type === i && !s) {
40
+ const f = e.props;
41
+ s = /* @__PURE__ */ t.jsx(i, { ...f, debugMode: l, children: f.children });
42
+ return;
43
+ }
44
+ if (e.type === d && !w) {
45
+ const f = e.props;
46
+ w = /* @__PURE__ */ t.jsx(d, { ...f, debugMode: l, scroll: x, children: f.children });
47
+ return;
48
+ }
49
+ if (e.type === m && !E) {
50
+ const f = e.props;
51
+ E = /* @__PURE__ */ t.jsx(m, { ...f, debugMode: l, children: f.children });
52
+ return;
53
+ }
54
+ e.type !== i && e.type !== d && e.type !== m && e.type !== g && h.push(e);
55
+ }), !s && j && (s = /* @__PURE__ */ t.jsx(i, { title: j, debugMode: l }), u = null), s && u && I(s)) {
56
+ const e = s.props;
57
+ e.title && (s = /* @__PURE__ */ t.jsx(i, { ...e, title: "", debugMode: l, children: u }), u = null);
58
+ }
59
+ const k = w ?? (h.length ? /* @__PURE__ */ t.jsx(d, { debugMode: l, scroll: x, children: h }) : null), P = /* @__PURE__ */ t.jsx(t.Fragment, { children: C && /* @__PURE__ */ t.jsx(
25
60
  "div",
26
61
  {
27
62
  className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
28
- style: { zIndex: c },
29
- onClick: x,
30
- children: [
31
- /* @__PURE__ */ o.jsx(
32
- "div",
33
- {
34
- onClick: (l) => l.stopPropagation(),
35
- className: "absolute bg-transparent z-[-1] w-[calc(75%+10px)] h-[calc(75%+10px)] xl:w-[calc(75%+30px)] xl:h-[calc(83.33%+30px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 "
36
- }
37
- ),
38
- /* @__PURE__ */ o.jsx(
39
- "div",
40
- {
41
- onClick: (l) => l.stopPropagation(),
42
- className: y(
43
- "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
44
- r
63
+ style: { zIndex: y },
64
+ onClick: D,
65
+ children: /* @__PURE__ */ t.jsxs(
66
+ "div",
67
+ {
68
+ onClick: (e) => e.stopPropagation(),
69
+ className: c(
70
+ "bg-neutral-default-default rounded-lg shadow-lg border-neutral-strong-default border relative ",
71
+ "max-h-[calc(100%-128px)] h-dvh w-full",
72
+ "flex flex-col ",
73
+ L,
74
+ n
75
+ ),
76
+ style: {
77
+ "--safe-margin-size": `${S}px`
78
+ },
79
+ children: [
80
+ /* @__PURE__ */ t.jsx(
81
+ "div",
82
+ {
83
+ className: c(
84
+ "absolute bg-transparent z-[-1] -top-(--safe-margin-size) -left-(--safe-margin-size) -right-(--safe-margin-size) -bottom-(--safe-margin-size)",
85
+ l && "after:content-['SECURE_MARGIN'] after:text-red-300 after:prometeo-fonts-label-small after:ml-2 "
86
+ ),
87
+ style: {
88
+ background: l ? "#FF393973" : "auto",
89
+ border: l ? "solid 1px #FF3939" : ""
90
+ }
91
+ }
45
92
  ),
46
- children: typeof e == "function" ? e(d) : e
47
- }
48
- )
49
- ]
93
+ /* @__PURE__ */ t.jsxs("div", { className: c(
94
+ "flex flex-col h-full",
95
+ x === "dialog" && "overflow-y-auto",
96
+ x === "content" && "overflow-hidden"
97
+ ), children: [
98
+ s,
99
+ x === "dialog" ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col flex-1", children: k }) : k,
100
+ E
101
+ ] })
102
+ ]
103
+ }
104
+ )
50
105
  }
51
106
  ) });
52
- return s ? C : F(C, document.body);
107
+ return o ? P : B(P, document.body);
53
108
  }
54
109
  );
55
- N.displayName = "Dialog";
56
- const h = a(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: y("flex flex-col gap-4 h-full"), children: e }) }));
57
- h.displayName = "DialogContent";
58
- const v = a(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }));
59
- v.displayName = "DialogTitle";
60
- const k = a(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
61
- k.displayName = "DialogHeader";
62
- const w = a(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
63
- w.displayName = "DialogFooter";
64
- const H = Object.assign(N, {
65
- Content: h,
66
- Header: k,
67
- Footer: w,
68
- Title: v
110
+ A.displayName = "Dialog";
111
+ const d = b(({ children: r, className: a, debugMode: n, scroll: o }) => /* @__PURE__ */ t.jsx("div", { className: c(
112
+ "flex flex-col gap-4 p-4",
113
+ n && "border-2 border-dashed border-red-500 bg-red-200/40 relative after:content-['CONTENT'] after:absolute after:top-2 after:left-1/2 after:w-max after:h-full after:text-red-500 ",
114
+ a,
115
+ // Para scroll='content', este componente necesita su propio scroll y altura mínima
116
+ o === "content" && "overflow-y-auto min-h-0 flex-1 ",
117
+ // Para scroll='dialog', el contenido debe ocupar todo el espacio disponible pero sin scroll
118
+ o === "dialog" && "flex-1 min-h-max "
119
+ ), children: r }));
120
+ d.displayName = "DialogContent";
121
+ const g = b(({ children: r, className: a, debugMode: n }) => /* @__PURE__ */ t.jsx("h1", { className: c("prometeo-fonts-headline-small text-neutral-strong-default w-max", n && 'bg-red-400/40 relative after:content-["TITLE"] after:absolute after:top-0 after:-translate-y-5 after:left-0 after:w-max after:h-full after:text-red-500 after:prometeo-fonts-label-large', a), children: r }));
122
+ g.displayName = "DialogTitle";
123
+ const i = b(({ children: r, className: a, title: n, debugMode: o }) => /* @__PURE__ */ t.jsxs("div", { className: c(
124
+ "p-4",
125
+ o && "border-2 border-dashed border-red-600 bg-red-200/40! relative after:content-['HEADER'] after:absolute after:top-1 after:left-1/2 after:w-max after:h-full after:text-red-500",
126
+ a
127
+ ), children: [
128
+ n && /* @__PURE__ */ t.jsx(g, { debugMode: o, children: n }),
129
+ r
130
+ ] }));
131
+ i.displayName = "DialogHeader";
132
+ const m = b(({ children: r, className: a, debugMode: n }) => /* @__PURE__ */ t.jsx("div", { className: c(
133
+ n && "border-2 border-dashed border-red-600 bg-red-200/40! relative after:content-['FOOTER'] after:absolute after:top-1 after:left-1/2 after:w-max after:h-full after:text-red-500",
134
+ "border-t border-neutral-strong-default p-4",
135
+ a
136
+ ), children: r }));
137
+ m.displayName = "DialogFooter";
138
+ const J = Object.assign(A, {
139
+ Content: d,
140
+ Header: i,
141
+ Footer: m,
142
+ Title: g
69
143
  });
70
- H.displayName = "DialogModal";
71
- const M = () => {
72
- const e = g(null), t = n((i) => {
73
- e.current?.open(i);
74
- }, []), r = n(() => {
75
- e.current?.close();
76
- }, []), s = n(() => e.current?.isOpen ?? !1, []), c = n(() => e.current?.getContext() ?? null, []);
144
+ J.displayName = "DialogModal";
145
+ const Y = () => {
146
+ const r = R(null), a = p((l) => {
147
+ r.current?.open(l);
148
+ }, []), n = p(() => {
149
+ r.current?.close();
150
+ }, []), o = p(() => r.current?.isOpen ?? !1, []), y = p(() => r.current?.getContext() ?? null, []);
77
151
  return {
78
- ref: e,
79
- open: t,
80
- close: r,
81
- isOpen: s,
82
- getContext: c
152
+ ref: r,
153
+ open: a,
154
+ close: n,
155
+ isOpen: o,
156
+ getContext: y
83
157
  };
84
158
  };
85
159
  export {
86
- H as default,
87
- M as useDialogControl
160
+ J as default,
161
+ Y as useDialogControl
88
162
  };
@@ -1,22 +1,22 @@
1
- import { j as f } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as m } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as R } from "./cn-B6yFEsav.js";
3
3
  import { c as j } from "./index-BOQuZ0gG.js";
4
4
  import { createPortal as B } from "react-dom";
5
- import { forwardRef as L, useRef as m, useState as v, useEffect as a, useCallback as x, useImperativeHandle as Y } from "react";
5
+ import { forwardRef as L, useRef as p, useState as v, useEffect as a, useCallback as x, useImperativeHandle as Y } from "react";
6
6
  import F from "./Button.es.js";
7
7
  import { Close as H } from "./Icons/Close.es.js";
8
8
  const $ = L((t, i) => {
9
- const l = m(null), [e, u] = v(t.defaultOpen || !1), [r, s] = v(null), d = m(t.onClose), c = m(r), p = m(/* @__PURE__ */ new Set()), {
10
- modal: b = !1,
11
- children: y,
9
+ const l = p(null), [e, u] = v(t.defaultOpen || !1), [r, s] = v(null), d = p(t.onClose), c = p(r), b = p(/* @__PURE__ */ new Set()), {
10
+ modal: y = !1,
11
+ children: f,
12
12
  className: g,
13
13
  direction: O = "left",
14
14
  attachToParent: h = !1,
15
15
  closeOnOverlayClick: n = !1,
16
16
  hideCloseButton: N = !1,
17
17
  unmountChildrenOnClose: C = !1,
18
- zindex: T = 499
19
- } = t, k = m(n), D = m(e);
18
+ zindex: T = 35
19
+ } = t, k = p(n), D = p(e);
20
20
  c.current = r;
21
21
  const [V, P] = v(() => !C);
22
22
  a(() => {
@@ -28,31 +28,31 @@ const $ = L((t, i) => {
28
28
  }, [r]), a(() => {
29
29
  k.current = n;
30
30
  }, [n]);
31
- const z = (o) => {
31
+ const I = (o) => {
32
32
  if (!l.current)
33
33
  return;
34
34
  const E = l.current;
35
35
  E && !E.contains(o.target) && k.current && D.current && w();
36
36
  };
37
37
  a(() => {
38
- if (!k.current || b || !e)
38
+ if (!k.current || y || !e)
39
39
  return;
40
40
  const o = setTimeout(() => {
41
- document.addEventListener("click", z);
41
+ document.addEventListener("click", I);
42
42
  }, 0);
43
43
  return () => {
44
- clearTimeout(o), document.removeEventListener("click", z);
44
+ clearTimeout(o), document.removeEventListener("click", I);
45
45
  };
46
- }, [n, e, b]), a(() => {
46
+ }, [n, e, y]), a(() => {
47
47
  d.current = t.onClose;
48
48
  }, [t.onClose]);
49
- const I = x((o) => {
49
+ const z = x((o) => {
50
50
  s(o ?? null), u(!0);
51
51
  }, []), w = x(() => {
52
52
  u(!1), d.current?.(c.current), setTimeout(() => s(null), 300);
53
53
  }, []);
54
54
  a(() => {
55
- p.current.forEach((o) => {
55
+ b.current.forEach((o) => {
56
56
  try {
57
57
  o(e);
58
58
  } catch {
@@ -61,17 +61,17 @@ const $ = L((t, i) => {
61
61
  }, [e]), Y(
62
62
  i,
63
63
  () => ({
64
- open: I,
64
+ open: z,
65
65
  close: w,
66
66
  isOpen: e,
67
- subscribeOpenChange: (o) => (p.current.add(o), () => {
68
- p.current.delete(o);
67
+ subscribeOpenChange: (o) => (b.current.add(o), () => {
68
+ b.current.delete(o);
69
69
  }),
70
70
  getContext: () => c.current
71
71
  }),
72
- [e, I, w]
72
+ [e, z, w]
73
73
  );
74
- const S = /* @__PURE__ */ f.jsx(
74
+ const S = /* @__PURE__ */ m.jsx(
75
75
  q,
76
76
  {
77
77
  context: r,
@@ -79,13 +79,13 @@ const $ = L((t, i) => {
79
79
  isOpen: e,
80
80
  close: w,
81
81
  direction: O,
82
- modal: b,
82
+ modal: y,
83
83
  className: g,
84
84
  attachToParent: h,
85
85
  closeOnOverlayClick: n,
86
86
  hideCloseButton: N,
87
87
  zindex: T,
88
- children: (!C || V) && (typeof y == "function" ? y(r) : y)
88
+ children: (!C || V) && (typeof f == "function" ? f(r) : f)
89
89
  }
90
90
  );
91
91
  return h ? S : B(S, document.body);
@@ -101,9 +101,9 @@ const q = ({
101
101
  className: s,
102
102
  attachToParent: d = !1,
103
103
  closeOnOverlayClick: c = !1,
104
- hideCloseButton: p = !1,
105
- context: b,
106
- zindex: y = 499
104
+ hideCloseButton: b = !1,
105
+ context: y,
106
+ zindex: f = 499
107
107
  }) => {
108
108
  a(() => {
109
109
  if (e && r) {
@@ -142,19 +142,19 @@ const q = ({
142
142
  }
143
143
  }
144
144
  });
145
- return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
146
- r && /* @__PURE__ */ f.jsx(
145
+ return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
146
+ r && /* @__PURE__ */ m.jsx(
147
147
  "div",
148
148
  {
149
149
  className: R(O({ isOpen: e })),
150
- style: { zIndex: y },
150
+ style: { zIndex: f },
151
151
  onClick: (n) => {
152
152
  n.preventDefault(), n.stopPropagation(), c && u();
153
153
  },
154
154
  "aria-hidden": "true"
155
155
  }
156
156
  ),
157
- /* @__PURE__ */ f.jsxs(
157
+ /* @__PURE__ */ m.jsxs(
158
158
  "div",
159
159
  {
160
160
  ref: t,
@@ -162,16 +162,17 @@ const q = ({
162
162
  "bg-neutral-strong-default h-full top-0 z-60 w-max overflow-y-auto",
163
163
  d ? "absolute" : "fixed",
164
164
  g({ isOpen: e, direction: l }),
165
- !p && "p-4 pt-10",
165
+ !b && "p-4 pt-10",
166
166
  s
167
167
  ),
168
168
  role: "dialog",
169
169
  "aria-modal": r,
170
+ style: { zIndex: f + 1 },
170
171
  children: [
171
- !p && /* @__PURE__ */ f.jsx(
172
+ !b && /* @__PURE__ */ m.jsx(
172
173
  F,
173
174
  {
174
- icon: /* @__PURE__ */ f.jsx(H, { size: 24 }),
175
+ icon: /* @__PURE__ */ m.jsx(H, { size: 24 }),
175
176
  animate: !1,
176
177
  animateIcon: !1,
177
178
  type: "button",
@@ -184,16 +185,17 @@ const q = ({
184
185
  "absolute top-0 z-50",
185
186
  h({ direction: l })
186
187
  ),
187
- "aria-label": "Close drawer"
188
+ "aria-label": "Close drawer",
189
+ style: { zIndex: f + 2 }
188
190
  }
189
191
  ),
190
- typeof i == "function" ? i(b) : i
192
+ typeof i == "function" ? i(y) : i
191
193
  ]
192
194
  }
193
195
  )
194
196
  ] });
195
197
  }, W = () => {
196
- const t = m(null), [i, l] = v(!1), e = x((s) => {
198
+ const t = p(null), [i, l] = v(!1), e = x((s) => {
197
199
  t.current?.open(s);
198
200
  }, []), u = x(() => {
199
201
  t.current?.close();
@@ -1,4 +1,4 @@
1
- import { j as m } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as m } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as _ } from "./cn-B6yFEsav.js";
3
3
  import { forwardRef as V, useState as $, useRef as v, useEffect as y, useCallback as c, useMemo as Q, useImperativeHandle as X } from "react";
4
4
  import { createPortal as Z } from "react-dom";
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as i } from "./cn-B6yFEsav.js";
3
3
  import P, { useCallback as R } from "react";
4
4
  import { useDropzone as z } from "react-dropzone";
@@ -1,4 +1,4 @@
1
- import { j as c } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as c } from "./jsx-runtime-DKDX3adD.js";
2
2
  import u, { memo as n } from "react";
3
3
  import { c as f } from "./cn-B6yFEsav.js";
4
4
  import { createPortal as v } from "react-dom";
package/dist/Header.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as t } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { c as a } from "./cn-B6yFEsav.js";
3
3
  import { motion as n } from "framer-motion";
4
4
  import { memo as f } from "react";
@@ -9,18 +9,17 @@ const c = ({ title: e, subtitle: l, children: s, className: r, subtitleClassName
9
9
  animate: { opacity: 1, y: 0 },
10
10
  transition: { duration: 0.6, ease: "easeOut" },
11
11
  className: a(
12
- "flex items-center sm:min-h-20 md:min-h-24 lg:min-h-28 xl:min-h-32 2xl:min-h-36 overflow-hidden px-4 md:px-0 py-2 md:py-3",
12
+ "flex items-center sm:min-h-20 md:min-h-24 lg:min-h-28 xl:min-h-32 2xl:min-h-36 overflow-hidden px-4 md:px-4 py-2 md:py-3",
13
13
  "flex justify-between items-center w-full max-w-full overflow-hidden",
14
- i && "px-1",
15
14
  r
16
15
  ),
17
16
  children: [
18
17
  /* @__PURE__ */ t.jsxs("div", { className: a(
19
- "flex items-center md:items-start md:flex-col leading-6 h-full justify-center overflow-hidden p-1 ",
18
+ "flex items-center md:items-start md:flex-col leading-6 h-full justify-center overflow-hidden",
20
19
  i && "justify-start gap-1 w-full"
21
20
  ), children: [
22
- i && /* @__PURE__ */ t.jsx("div", { className: "md:px-3", children: typeof i == "function" ? i() : i }),
23
- /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col leading-6 justify-center md:px-6 relative overflow-hidden ", children: [
21
+ i && /* @__PURE__ */ t.jsx("div", { className: "", children: typeof i == "function" ? i() : i }),
22
+ /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col leading-6 justify-center relative overflow-hidden md:px-2 "), children: [
24
23
  l && /* @__PURE__ */ t.jsx("h3", { className: a(" prometeo-fonts-body-medium text-neutral-medium-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full", d), children: l }),
25
24
  e && /* @__PURE__ */ t.jsx("h1", { className: a("prometeo-fonts-headline-small text-neutral-strong-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full wrap-break-word", m), children: e })
26
25
  ] })
@@ -28,8 +27,8 @@ const c = ({ title: e, subtitle: l, children: s, className: r, subtitleClassName
28
27
  s && /* @__PURE__ */ t.jsx("div", { className: "shrink relative", children: s })
29
28
  ]
30
29
  }
31
- ), u = f(c, (e, l) => e.title !== l.title || e.subtitle !== l.subtitle || e.className !== l.className ? !1 : e.children !== l.children ? !e.children && !l.children : !0);
32
- u.displayName = "Header";
30
+ ), o = f(c, (e, l) => e.title !== l.title || e.subtitle !== l.subtitle || e.className !== l.className ? !1 : e.children !== l.children ? !e.children && !l.children : !0);
31
+ o.displayName = "Header";
33
32
  export {
34
- u as default
33
+ o as default
35
34
  };
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as e } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { memo as c } from "react";
3
3
  import { c as r } from "./cn-B6yFEsav.js";
4
4
  import { Check as i } from "./Icons/Check.es.js";
@@ -1,4 +1,4 @@
1
- import { j as r } from "./jsx-runtime-GkKLlHH4.js";
1
+ import { j as r } from "./jsx-runtime-DKDX3adD.js";
2
2
  import { memo as C, useMemo as E } from "react";
3
3
  import R from "./Spinner.es.js";
4
4
  import { c as b } from "./index-BOQuZ0gG.js";
@@ -300,7 +300,7 @@ const u = {
300
300
  children: /* @__PURE__ */ r.jsx("div", { className: `flex items-center gap-1 ${n}`, children: N })
301
301
  }
302
302
  );
303
- }, H = C(M);
303
+ }, J = C(M);
304
304
  export {
305
- H as default
305
+ J as default
306
306
  };
@@ -1,4 +1,4 @@
1
- import { j as t } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as t } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as o } from "../iconUtils-D0lVAgGT.js";
3
3
  const e = o(
4
4
  ({ size: q = 24, className: T, ...m }) => /* @__PURE__ */ t.jsx(
@@ -1,4 +1,4 @@
1
- import { j as o } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as o } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as s } from "../iconUtils-D0lVAgGT.js";
3
3
  const e = s(({ size: t = 24, className: r, ...h }) => /* @__PURE__ */ o.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as o } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as o } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as s } from "../iconUtils-D0lVAgGT.js";
3
3
  const e = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as t } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as t } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as e } from "../iconUtils-D0lVAgGT.js";
3
3
  const h = e(({ size: r = 24, className: o, ...s }) => /* @__PURE__ */ t.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as r } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as r } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as l } from "../iconUtils-D0lVAgGT.js";
3
3
  const h = l(
4
4
  ({ size: o = 24, className: t, ...s }) => /* @__PURE__ */ r.jsx(
@@ -1,4 +1,4 @@
1
- import { j as o } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as o } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as s } from "../iconUtils-D0lVAgGT.js";
3
3
  const h = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as o } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as o } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as v } from "../iconUtils-D0lVAgGT.js";
3
3
  const h = v(({ size: t = 24, className: r, ...q }) => /* @__PURE__ */ o.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as r } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as r } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as v } from "../iconUtils-D0lVAgGT.js";
3
3
  const e = v(({ size: o = 24, className: t, ...m }) => /* @__PURE__ */ r.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as T } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as T } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as t } from "../iconUtils-D0lVAgGT.js";
3
3
  const o = t(({ size: q = 24, className: m, ...r }) => /* @__PURE__ */ T.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as t } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as t } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as L } from "../iconUtils-D0lVAgGT.js";
3
3
  const m = L(({ size: C = 24, className: o, ...r }) => /* @__PURE__ */ t.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as o } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as o } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as e } from "../iconUtils-D0lVAgGT.js";
3
3
  const i = e(({ size: t = 24, className: r, ...s }) => /* @__PURE__ */ o.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as r } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as r } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as e } from "../iconUtils-D0lVAgGT.js";
3
3
  const i = e(
4
4
  ({ size: C = 24, className: t, ...o }) => /* @__PURE__ */ r.jsx(
@@ -1,4 +1,4 @@
1
- import { j as r } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as r } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as L } from "../iconUtils-D0lVAgGT.js";
3
3
  const m = L(({ size: t = 24, className: s, ...o }) => /* @__PURE__ */ r.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as r } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as r } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as e } from "../iconUtils-D0lVAgGT.js";
3
3
  const h = e(
4
4
  ({ size: o = 24, className: t, ...s }) => /* @__PURE__ */ r.jsx(
@@ -1,4 +1,4 @@
1
- import { j as t } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as t } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as q } from "../iconUtils-D0lVAgGT.js";
3
3
  const e = q(({ size: o = 24, className: r, ...m }) => /* @__PURE__ */ t.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as t } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as t } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m } from "../iconUtils-D0lVAgGT.js";
3
3
  const l = m(({ size: o = 24, className: r, ...s }) => /* @__PURE__ */ t.jsx(
4
4
  "svg",
@@ -1,4 +1,4 @@
1
- import { j as s } from "../jsx-runtime-GkKLlHH4.js";
1
+ import { j as s } from "../jsx-runtime-DKDX3adD.js";
2
2
  import { m as a } from "../iconUtils-D0lVAgGT.js";
3
3
  const o = a(
4
4
  ({ size: t = 24, className: r, ...e }) => /* @__PURE__ */ s.jsxs(