prometeo-design-system 2.2.1 → 2.3.0

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 (51) hide show
  1. package/dist/Avatar.es.js +1 -1
  2. package/dist/{Button-DsbEyjth.js → Button-Bc0LYLfg.js} +1 -1
  3. package/dist/Button.es.js +1 -1
  4. package/dist/{CardProfile-BhFog7j5.js → CardProfile-BiYr6kY9.js} +1 -1
  5. package/dist/CardProfile.es.js +1 -1
  6. package/dist/CheckBox.es.js +1 -1
  7. package/dist/CheckboxFormik.es.js +1 -1
  8. package/dist/DatePicker.es.js +2 -2
  9. package/dist/DialogModal.es.js +1 -1
  10. package/dist/DrawerDesktop.es.js +3 -3
  11. package/dist/DrawerMobile.es.js +131 -131
  12. package/dist/DropZone.es.js +1 -1
  13. package/dist/Header.es.js +1 -1
  14. package/dist/Icons.es.js +1 -1
  15. package/dist/Input.es.js +1 -1
  16. package/dist/InputFormik.es.js +1 -1
  17. package/dist/InputMultiple.es.js +1 -1
  18. package/dist/{LayoutGeneric-p4Pll4Cm.js → LayoutGeneric-jDE96L2N.js} +1 -1
  19. package/dist/LayoutGeneric.es.js +1 -1
  20. package/dist/Logo.es.js +1 -1
  21. package/dist/Menu.es.js +1 -1
  22. package/dist/OtpInput.es.js +1 -1
  23. package/dist/Pagination.es.js +1 -1
  24. package/dist/ProfilePictureUpload.es.js +1 -1
  25. package/dist/ProgressBar.es.js +1 -1
  26. package/dist/Select.es.js +1 -1
  27. package/dist/SelectFormik.es.js +1 -1
  28. package/dist/Skeleton.es.js +33 -32
  29. package/dist/Spinner.es.js +1 -1
  30. package/dist/Steps.es.js +1 -1
  31. package/dist/SwipeContainer.es.js +1 -1
  32. package/dist/Switch.es.js +1 -1
  33. package/dist/TabLinks.es.js +1 -1
  34. package/dist/Table.es.js +1 -1
  35. package/dist/TextArea.es.js +1 -1
  36. package/dist/Tooltip.es.js +1 -1
  37. package/dist/components/Image/GalleryPreview.d.ts +8 -0
  38. package/dist/components/Image/Image.d.ts +23 -0
  39. package/dist/components/Image/ImageGallery.d.ts +18 -0
  40. package/dist/components/Image/LightBox.d.ts +14 -0
  41. package/dist/components/Image/index.d.ts +5 -0
  42. package/dist/components/Image/useImageGallery.d.ts +10 -0
  43. package/dist/exports/Image.d.ts +1 -0
  44. package/dist/exports/ImageGallery.d.ts +1 -0
  45. package/dist/index.d.ts +4 -0
  46. package/dist/{jsx-runtime-DKDX3adD.js → jsx-runtime-ByW6EXIE.js} +96 -94
  47. package/dist/pages/ImagesPage.d.ts +2 -0
  48. package/dist/preview/ImagePreview.d.ts +2 -0
  49. package/dist/prometeo-design-system.css +1 -1
  50. package/dist/prometeo-design-system.es.js +742 -313
  51. package/package.json +9 -1
package/dist/Avatar.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as p } from "./cn-B6yFEsav.js";
3
3
  import { motion as u } from "framer-motion";
4
4
  import { useState as f } from "react";
@@ -1,4 +1,4 @@
1
- import { j as f } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as f } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as g } from "./cn-B6yFEsav.js";
3
3
  import { clsx as B } from "clsx";
4
4
  import { useAnimationControls as E, motion as j } from "framer-motion";
package/dist/Button.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as f } from "./Button-DsbEyjth.js";
1
+ import { B as f } from "./Button-Bc0LYLfg.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as l } from "./cn-B6yFEsav.js";
3
3
  import { motion as i, AnimatePresence as u } from "framer-motion";
4
4
  import m from "./Avatar.es.js";
@@ -1,4 +1,4 @@
1
- import { C as a } from "./CardProfile-BhFog7j5.js";
1
+ import { C as a } from "./CardProfile-BiYr6kY9.js";
2
2
  export {
3
3
  a as CardProfile
4
4
  };
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as l } from "./Icons.es.js";
3
3
  import { useId as o, useRef as d } from "react";
4
4
  const k = ({ className: s, disabled: e, ...a }) => {
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as x } from "./Icons.es.js";
3
3
  import { c as r } from "./cn-B6yFEsav.js";
4
4
  import { useField as h, ErrorMessage as p } from "formik";
@@ -1,11 +1,11 @@
1
- import { j as $ } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as $ } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import m, { createContext as mn, useContext as hn, useCallback as q, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
3
3
  import { InputMultiple as gn } from "./InputMultiple.es.js";
4
4
  import wn from "./Input.es.js";
5
5
  import { createPortal as bn } from "react-dom";
6
6
  import { Icons as Mt } from "./Icons.es.js";
7
7
  import { c as Be } from "./cn-B6yFEsav.js";
8
- import { B as vt } from "./Button-DsbEyjth.js";
8
+ import { B as vt } from "./Button-Bc0LYLfg.js";
9
9
  function Mn(e, t, n = "long") {
10
10
  return new Intl.DateTimeFormat("en-US", {
11
11
  // Enforces engine to render the time. Without the option JavaScriptCore omits it.
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
3
3
  import { c as i } from "./cn-B6yFEsav.js";
4
4
  const x = u(({
@@ -1,6 +1,6 @@
1
- import { j as s } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as s } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as b } from "./cn-B6yFEsav.js";
3
- import { c as y, B as h } from "./Button-DsbEyjth.js";
3
+ import { c as y, B as h } from "./Button-Bc0LYLfg.js";
4
4
  import { createPortal as g } from "react-dom";
5
5
  import { Icons as C } from "./Icons.es.js";
6
6
  import { forwardRef as k, useState as j, useRef as x, useEffect as v, useCallback as l, useImperativeHandle as D } from "react";
@@ -92,7 +92,7 @@ const z = ({ children: e, direction: a = "left", isOpen: t, close: n, modal: o =
92
92
  "div",
93
93
  {
94
94
  className: b(
95
- "bg-neutral-strong-default p-4 pt-10 h-full top-0 z-[60] w-max overflow-y-auto",
95
+ "bg-neutral-strong-default p-4 pt-10 h-full top-0 z-60 w-max overflow-y-auto",
96
96
  d ? "absolute" : "fixed",
97
97
  f({ isOpen: t, direction: a }),
98
98
  c
@@ -1,211 +1,211 @@
1
- import { j as f } from "./jsx-runtime-DKDX3adD.js";
2
- import { c as q } from "./cn-B6yFEsav.js";
3
- import { forwardRef as U, useState as W, useRef as v, useEffect as M, useCallback as c, useMemo as K, useImperativeHandle as V } from "react";
4
- import { createPortal as X } from "react-dom";
5
- const N = 44, ne = U((d, r) => {
6
- const { children: p, defaultOpen: o = !1, onClose: h, snapPoints: b = ["60%"], setSnap: w, snap: H, attachToParent: T = !1 } = d, [y, a] = W(H || "0%"), k = v(h), L = v(w);
1
+ import { j as d } from "./jsx-runtime-ByW6EXIE.js";
2
+ import { c as T } from "./cn-B6yFEsav.js";
3
+ import { forwardRef as q, useState as J, useRef as v, useEffect as M, useCallback as l, useMemo as B, useImperativeHandle as K } from "react";
4
+ import { createPortal as Q } from "react-dom";
5
+ const G = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = q((a, o) => {
6
+ const { children: p, defaultOpen: s = !1, onClose: f, snapPoints: m = ["60%"], setSnap: y, snap: w, attachToParent: R = !1 } = a, [H, r] = J(w || "0%"), j = v(f), S = v(y);
7
7
  M(() => {
8
- o && g();
9
- }, [o]), M(() => {
10
- L.current = w;
11
- }, [w]);
12
- const u = c(() => {
13
- a("0%"), k.current?.();
14
- }, []), g = c((Y) => {
15
- a(Y || b[0] || "60%");
16
- }, [b]), i = K(() => y !== "0%", [y]);
17
- return V(r, () => ({
8
+ s && g();
9
+ }, [s]), M(() => {
10
+ S.current = y;
11
+ }, [y]);
12
+ const u = l(() => {
13
+ r("0%"), j.current?.();
14
+ }, []), g = l((E) => {
15
+ console.log(E || m[0] || "60%"), r(E || m[0] || "60%");
16
+ }, [m]), x = B(() => H !== "0%", [H]);
17
+ K(o, () => ({
18
18
  open: g,
19
19
  close: u,
20
- isOpen: i
21
- }), [g, u, i]), T ? /* @__PURE__ */ f.jsx(J, { ...d, snap: y, setSnap: a, children: p }) : X(/* @__PURE__ */ f.jsx(J, { ...d, snap: y, setSnap: a, children: p }), document.body);
22
- }), J = ({ children: d, attachToParent: r = !1, className: p, snap: o, snapPoints: h = ["60%"], setSnap: b, hideOnClose: w = !1, header: H, modal: T = !1, closeOnOverlayClick: y = !1 }) => {
23
- const a = v(null), k = v(null), L = v(null), u = v(null), g = v(null), [i, D] = W(w ? 0 : N), [Y, S] = W(!1), R = c(() => {
24
- if (!a.current) return [];
25
- const e = r && a.current.parentElement?.offsetHeight || window.innerHeight;
26
- return h?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
27
- }, [h, r]), A = c((e, t) => {
28
- const n = R();
20
+ isOpen: x
21
+ }), [g, u, x]);
22
+ const D = w || H;
23
+ return R ? /* @__PURE__ */ d.jsx(_, { ...a, snap: D, setSnap: r, children: p }) : Q(/* @__PURE__ */ d.jsx(_, { ...a, snap: D, setSnap: r, children: p }), document.body);
24
+ }), _ = ({ children: a, attachToParent: o = !1, className: p, snap: s, snapPoints: f = ["60%"], setSnap: m, hideOnClose: y = !1, header: w, modal: R = !1, closeOnOverlayClick: H = !1 }) => {
25
+ const r = v(null), j = v(null), S = v(null), u = v(null), g = v(null), x = l(() => {
26
+ if (!r.current) return [];
27
+ console.log(f, "snapPoints");
28
+ const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
29
+ return f?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
30
+ }, [f, o]), D = l((e, t) => {
31
+ const n = x();
29
32
  if (n.length === 0) return e;
30
- if (Math.abs(t) > 0.5)
33
+ if (Math.abs(t) > 0.05)
31
34
  if (t > 0) {
32
- const l = n.filter((s) => s < e);
33
- return l.length > 0 ? Math.max(...l) : w ? 0 : N;
35
+ const c = n.filter((i) => i < e);
36
+ return c.length > 0 ? Math.max(...c) : y ? 0 : G;
34
37
  } else {
35
- const l = n.filter((s) => s > e);
36
- if (l.length > 0)
37
- return Math.min(...l);
38
+ const c = n.filter((i) => i > e);
39
+ if (c.length > 0)
40
+ return Math.min(...c);
38
41
  }
39
- return n.reduce((l, s) => Math.abs(s - e) < Math.abs(l - e) ? s : l);
40
- }, [R]), z = c((e) => {
41
- if (S(!0), D(e), b && h) {
42
- const t = r && a.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= N ? "0%" : `${Math.round(e / t * 100)}%`;
43
- b(n);
42
+ return n.reduce((c, i) => Math.abs(i - e) < Math.abs(c - e) ? i : c);
43
+ }, [x]), F = l((e) => {
44
+ if (m && f) {
45
+ const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= G ? "0%" : `${Math.round(e / t * 100)}%`;
46
+ m(n);
44
47
  }
45
- setTimeout(() => {
46
- S(!1);
47
- }, 300);
48
- }, [b, h, r]), j = c(() => {
49
- if (g.current && r) {
48
+ }, [m, f, o]), E = l((e) => {
49
+ r.current && (r.current.style.transition = U, r.current.style.height = `${e}px`);
50
+ }, [m, f, o]), L = l(() => {
51
+ if (g.current && o) {
50
52
  const { scrollY: e } = g.current;
51
53
  document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), g.current = null;
52
54
  }
53
- }, [r]);
55
+ }, [o]);
54
56
  M(() => () => {
55
- j();
56
- }, [j]), M(() => {
57
- if (!a.current || !o) return;
58
- S(!0);
59
- const e = r && a.current.parentElement?.offsetHeight || window.innerHeight;
57
+ L();
58
+ }, [L]), M(() => {
59
+ if (!r.current || !s) return;
60
+ console.log(s, "new snap");
61
+ const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
60
62
  let t = 0;
61
- typeof o == "string" && o.endsWith("%") ? parseFloat(o) <= 0 ? t = w ? 0 : N : t = parseFloat(o) / 100 * e : typeof o == "number" && (o >= 0 && o <= 1 ? t = o * e : t = o), D(t), setTimeout(() => {
62
- S(!1);
63
- }, 300);
64
- }, [o, r]);
65
- const C = c((e) => {
66
- const t = e.touches[0];
63
+ typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = y ? 0 : G : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), E(t);
64
+ }, [s, o]);
65
+ const N = l((e) => {
66
+ if (!r.current) return;
67
+ const t = e.touches[0], n = r.current.offsetHeight;
67
68
  u.current = {
68
69
  isDragging: !1,
69
70
  startY: t.clientY,
70
- startHeight: i,
71
+ startHeight: n,
71
72
  lastY: t.clientY,
72
73
  lastTime: Date.now(),
73
74
  velocity: 0
74
75
  };
75
- }, [i]), B = c((e) => {
76
- const t = e;
76
+ }, []), W = l((e) => {
77
+ if (!r.current) return;
78
+ const t = e, n = r.current.offsetHeight;
77
79
  u.current = {
78
80
  isDragging: !1,
79
81
  startY: t.clientY,
80
- startHeight: i,
82
+ startHeight: n,
81
83
  lastY: t.clientY,
82
84
  lastTime: Date.now(),
83
85
  velocity: 0
84
86
  };
85
- }, [i]), F = c((e) => {
86
- if (!u.current) return;
87
- const t = e.touches[0], n = u.current, x = n.startY - t.clientY, l = n.isDragging || Math.abs(x) > 5;
88
- if (!n.isDragging && l && (n.isDragging = !0, r)) {
89
- const s = window.scrollY;
90
- g.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
87
+ }, []), O = l((e) => {
88
+ if (!u.current || !r.current) return;
89
+ const t = e.touches[0], n = u.current, b = n.startY - t.clientY, c = n.isDragging || Math.abs(b) > 5;
90
+ if (!n.isDragging && c && (n.isDragging = !0, o)) {
91
+ const i = window.scrollY;
92
+ g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
91
93
  }
92
- if (l) {
94
+ if (c) {
93
95
  e.preventDefault();
94
- const s = Date.now(), E = s - n.lastTime;
95
- if (E > 0) {
96
- const G = (t.clientY - n.lastY) / E;
97
- n.velocity = n.velocity * 0.8 + G * 0.2;
96
+ const i = Date.now(), Y = i - n.lastTime;
97
+ if (Y > 0) {
98
+ const C = (t.clientY - n.lastY) / Y;
99
+ n.velocity = n.velocity * 0.8 + C * 0.2;
98
100
  }
99
- n.lastY = t.clientY, n.lastTime = s;
100
- const I = n.startHeight + x, O = r && a.current?.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(I, O));
101
- D($);
101
+ n.lastY = t.clientY, n.lastTime = i;
102
+ const k = n.startHeight + b, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(k, $));
103
+ r.current.style.transition = "none", r.current.style.height = `${z}px`;
102
104
  }
103
- }, [r]), _ = c((e) => {
104
- if (!u.current) return;
105
- const t = e, n = u.current, x = n.startY - t.clientY, l = n.isDragging || Math.abs(x) > 5;
106
- if (!n.isDragging && l && (n.isDragging = !0, r)) {
107
- const s = window.scrollY;
108
- g.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
105
+ }, [o]), A = l((e) => {
106
+ if (!u.current || !r.current) return;
107
+ const t = e, n = u.current, b = n.startY - t.clientY, c = n.isDragging || Math.abs(b) > 5;
108
+ if (!n.isDragging && c && (n.isDragging = !0, o)) {
109
+ const i = window.scrollY;
110
+ g.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
109
111
  }
110
- if (l) {
112
+ if (c) {
111
113
  e.preventDefault();
112
- const s = Date.now(), E = s - n.lastTime;
113
- if (E > 0) {
114
- const G = (t.clientY - n.lastY) / E;
115
- n.velocity = n.velocity * 0.8 + G * 0.2;
114
+ const i = Date.now(), Y = i - n.lastTime;
115
+ if (Y > 0) {
116
+ const C = (t.clientY - n.lastY) / Y;
117
+ n.velocity = n.velocity * 0.8 + C * 0.2;
116
118
  }
117
- n.lastY = t.clientY, n.lastTime = s;
118
- const I = n.startHeight + x, O = r && a.current?.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(I, O));
119
- D($);
119
+ n.lastY = t.clientY, n.lastTime = i;
120
+ const k = n.startHeight + b, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(k, $));
121
+ r.current.style.transition = "none", r.current.style.height = `${z}px`;
120
122
  }
121
- }, [r]), m = c(() => {
122
- if (!u.current) return;
123
+ }, [o]), h = l(() => {
124
+ if (!u.current || !r.current) return;
123
125
  const e = u.current;
124
126
  if (e.isDragging) {
125
- j();
126
- const t = A(i, e.velocity);
127
- z(t);
127
+ L();
128
+ const t = r.current.offsetHeight, n = D(t, e.velocity);
129
+ F(n);
128
130
  }
129
131
  u.current = null;
130
- }, [i, A, z, j]);
132
+ }, [D, E, L]);
131
133
  M(() => {
132
- const e = L.current;
134
+ const e = S.current;
133
135
  if (e)
134
- return e.addEventListener("touchstart", C, { passive: !1 }), e.addEventListener("touchmove", F, { passive: !1 }), e.addEventListener("touchend", m), e.addEventListener("touchcancel", m), e.addEventListener("mousedown", B, { passive: !1 }), e.addEventListener("mousemove", _, { passive: !1 }), e.addEventListener("mouseup", m), e.addEventListener("mouseleave", m), () => {
135
- e.removeEventListener("touchstart", C), e.removeEventListener("touchmove", F), e.removeEventListener("touchend", m), e.removeEventListener("touchcancel", m), e.removeEventListener("mousedown", B), e.removeEventListener("mousemove", _), e.removeEventListener("mouseup", m), e.removeEventListener("mouseleave", m);
136
+ return e.addEventListener("touchstart", N, { passive: !1 }), e.addEventListener("touchmove", O, { passive: !1 }), e.addEventListener("touchend", h), e.addEventListener("touchcancel", h), e.addEventListener("mousedown", W, { passive: !1 }), e.addEventListener("mousemove", A, { passive: !1 }), e.addEventListener("mouseup", h), e.addEventListener("mouseleave", h), () => {
137
+ e.removeEventListener("touchstart", N), e.removeEventListener("touchmove", O), e.removeEventListener("touchend", h), e.removeEventListener("touchcancel", h), e.removeEventListener("mousedown", W), e.removeEventListener("mousemove", A), e.removeEventListener("mouseup", h), e.removeEventListener("mouseleave", h);
136
138
  };
137
- }, [C, F, m]);
138
- const Q = K(() => o !== "0%", [o]);
139
- return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
140
- T && /* @__PURE__ */ f.jsx(
139
+ }, [N, O, h]);
140
+ const I = B(() => s !== "0%", [s]);
141
+ return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
142
+ R && /* @__PURE__ */ d.jsx(
141
143
  "div",
142
144
  {
143
- className: q(Q ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
145
+ className: T(I ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
144
146
  onClick: (e) => {
145
- e.preventDefault(), e.stopPropagation(), y && z(0);
147
+ e.preventDefault(), e.stopPropagation(), H && F(0);
146
148
  },
147
149
  "aria-hidden": "true"
148
150
  }
149
151
  ),
150
- /* @__PURE__ */ f.jsxs(
152
+ /* @__PURE__ */ d.jsxs(
151
153
  "div",
152
154
  {
153
- ref: a,
154
- className: q(
155
- r ? "absolute" : "fixed",
156
- "z-60 bottom-0 w-full",
155
+ ref: r,
156
+ className: T(
157
+ o ? "absolute" : "fixed",
158
+ "z-60 bottom-0 w-full overflow-hidden",
157
159
  "bg-neutral-default-default",
158
160
  "border-t border-neutral-strong-default rounded-t-[12px]",
159
- i === 0 ? "border-none" : "",
161
+ I ? "" : "border-neutral-weak",
160
162
  p,
161
163
  "flex flex-col items-center",
162
164
  "touch-none select-none"
163
165
  ),
164
- style: {
165
- height: i > 0 ? `${i}px` : "0px",
166
- overflow: i < R()[0] || Y ? "hidden" : "auto",
167
- transition: Y ? "height 0.3s cubic-bezier(0.32, 0.72, 0, 1)" : "none"
168
- },
169
166
  children: [
170
- /* @__PURE__ */ f.jsx(
167
+ /* @__PURE__ */ d.jsx(
171
168
  "div",
172
169
  {
173
- ref: L,
174
- className: "w-full absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-70 bg-inherit!",
175
- children: /* @__PURE__ */ f.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
170
+ ref: S,
171
+ className: "w-full absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-50 bg-inherit!",
172
+ children: /* @__PURE__ */ d.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
176
173
  }
177
174
  ),
178
- typeof H == "string" ? /* @__PURE__ */ f.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-12 bg-inherit absolute top-11 z-70 px-4", children: H }) : H,
179
- /* @__PURE__ */ f.jsx(
175
+ typeof w == "string" ? /* @__PURE__ */ d.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: w }) : w,
176
+ /* @__PURE__ */ d.jsx(
180
177
  "div",
181
178
  {
182
- ref: k,
183
- className: "w-full h-full overflow-y-auto pt-11 px-4 pb-4",
179
+ ref: j,
180
+ className: T(
181
+ "w-full h-full overflow-y-auto px-4 pb-4 ",
182
+ w ? "mt-22" : "mt-11"
183
+ ),
184
184
  style: {
185
185
  overscrollBehavior: "contain",
186
- overflow: i < R()[0] || Y ? "hidden" : "auto"
186
+ overflow: I ? "auto" : "hidden"
187
187
  },
188
- children: d
188
+ children: a
189
189
  }
190
190
  )
191
191
  ]
192
192
  }
193
193
  )
194
194
  ] });
195
- }, re = () => {
196
- const d = v(null), r = c((h) => {
197
- d.current?.open(h);
198
- }, []), p = c(() => {
199
- d.current?.close();
195
+ }, te = () => {
196
+ const a = v(null), o = l((f) => {
197
+ a.current?.open(f);
198
+ }, []), p = l(() => {
199
+ a.current?.close();
200
200
  }, []);
201
201
  return {
202
- isOpen: c(() => d.current?.isOpen ?? !1, []),
203
- open: r,
202
+ isOpen: l(() => a.current?.isOpen ?? !1, []),
203
+ open: o,
204
204
  close: p,
205
- drawerRef: d
205
+ drawerRef: a
206
206
  };
207
207
  };
208
208
  export {
209
- ne as default,
210
- re as useDrawerMobile
209
+ ee as default,
210
+ te as useDrawerMobile
211
211
  };
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as i } from "./cn-B6yFEsav.js";
3
3
  import R, { useCallback as w } from "react";
4
4
  import { useDropzone as z } from "react-dropzone";
package/dist/Header.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as x } from "./cn-B6yFEsav.js";
3
3
  import { motion as m } from "framer-motion";
4
4
  import { memo as i } from "react";
package/dist/Icons.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as h } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as h } from "./jsx-runtime-ByW6EXIE.js";
2
2
  const v = ({
3
3
  size: t = 24,
4
4
  className: q,
package/dist/Input.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as J } from "./Icons.es.js";
3
3
  import { c as e } from "./cn-B6yFEsav.js";
4
4
  import { memo as xe, useState as H, useRef as K, useCallback as me, useEffect as L, useLayoutEffect as ge } from "react";
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as u } from "./cn-B6yFEsav.js";
3
3
  import { FastField as O, ErrorMessage as q } from "formik";
4
4
  import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";
@@ -1,4 +1,4 @@
1
- import { j as r } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as r } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as C } from "./Icons.es.js";
3
3
  import { c as d } from "./cn-B6yFEsav.js";
4
4
  import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
3
3
  const o = i(null), l = ({ children: e }) => {
4
4
  const r = a(null), s = (n) => {
@@ -1,4 +1,4 @@
1
- import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
1
+ import { L as f } from "./LayoutGeneric-jDE96L2N.js";
2
2
  export {
3
3
  f as default
4
4
  };
package/dist/Logo.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as t } from "./Icons.es.js";
3
3
  const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
4
4
  /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
package/dist/Menu.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as r } from "./cn-B6yFEsav.js";
3
3
  import { AnimatePresence as n, motion as o } from "framer-motion";
4
4
  const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(
@@ -1,4 +1,4 @@
1
- import { j as p } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as p } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as ve } from "./Icons.es.js";
3
3
  import { c as L } from "./cn-B6yFEsav.js";
4
4
  import * as n from "react";
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { motion as a } from "framer-motion";
3
3
  function h({
4
4
  currentPage: i = 1,
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { motion as i, AnimatePresence as E } from "framer-motion";
3
3
  import { useRef as v, useState as R, useLayoutEffect as A } from "react";
4
4
  import H from "./Avatar.es.js";
@@ -1,4 +1,4 @@
1
- import { j as e } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as e } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { c as x } from "./cn-B6yFEsav.js";
3
3
  import u from "react";
4
4
  const j = u.forwardRef(
package/dist/Select.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as w } from "./Icons.es.js";
3
3
  import { c as o } from "./cn-B6yFEsav.js";
4
4
  import { memo as se, useState as y, useRef as re, useEffect as oe } from "react";
@@ -1,4 +1,4 @@
1
- import { j as t } from "./jsx-runtime-DKDX3adD.js";
1
+ import { j as t } from "./jsx-runtime-ByW6EXIE.js";
2
2
  import { Icons as h } from "./Icons.es.js";
3
3
  import { c as i } from "./cn-B6yFEsav.js";
4
4
  import { useField as P, ErrorMessage as M } from "formik";