prometeo-design-system 6.4.0 → 6.4.2

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.
@@ -1,65 +1,65 @@
1
- import { j as c } from "./jsx-runtime-GkKLlHH4.js";
2
- import { forwardRef as Pe, memo as B, useState as S, useRef as Y, useCallback as R, useEffect as T, useImperativeHandle as Ye, Children as D, isValidElement as J, createElement as A, cloneElement as pe } from "react";
1
+ import { j as x } from "./jsx-runtime-GkKLlHH4.js";
2
+ import { forwardRef as Ye, memo as W, useState as B, useRef as D, useCallback as X, useEffect as R, useImperativeHandle as De, Children as T, isValidElement as Q, createElement as S, cloneElement as xe } from "react";
3
3
  import { createPortal as je } from "react-dom";
4
- import { c as p } from "./cn-B6yFEsav.js";
5
- import { c as De } from "./index-BOQuZ0gG.js";
6
- const Te = 50, xe = Pe(
7
- ({ children: o, onClose: x, className: u, attachToParent: i = !1, zindex: h = 40, debugMode: t = !1, safeMarginSize: d = 24, title: g, scroll: m = "content", size: ue = "medium", unmountChildrenOnClose: v = !0 }, he) => {
8
- const [y, Q] = S(!1), [W, F] = S(null), [me, z] = S(
9
- () => v ? y : !0
10
- ), Z = Y(x), O = Y(W), M = Y(null), f = Y(null), L = Y(/* @__PURE__ */ new Set());
11
- Z.current = x, O.current = W;
12
- const ee = R((r) => {
13
- F(r ?? {}), Q(!0);
14
- }, []), H = R(() => {
15
- Q(!1), Z.current?.(O.current);
4
+ import { c as u } from "./cn-B6yFEsav.js";
5
+ import { c as Te } from "./index-BOQuZ0gG.js";
6
+ const Re = 50, ue = Ye(
7
+ function({ children: i, onClose: d, className: f, attachToParent: h = !1, zindex: c = 40, debugMode: n = !1, safeMarginSize: E = 24, title: b, scroll: P = "content", size: he = "medium", unmountChildrenOnClose: v = !0 }, me) {
8
+ const [g, Z] = B(!1), [F, z] = B(null), [Ee, O] = B(
9
+ () => v ? g : !0
10
+ ), M = D(d), L = D(F), ee = D(null), p = D(null), H = D(/* @__PURE__ */ new Set());
11
+ M.current = d, L.current = F;
12
+ const te = X((r) => {
13
+ z(r ?? {}), Z(!0);
14
+ }, []), G = X(() => {
15
+ Z(!1), M.current?.(L.current);
16
16
  }, []);
17
- T(() => {
18
- L.current.forEach((r) => {
17
+ R(() => {
18
+ H.current.forEach((r) => {
19
19
  try {
20
- r(y);
20
+ r(g);
21
21
  } catch {
22
22
  }
23
23
  });
24
- }, [y]), Ye(
25
- he,
24
+ }, [g]), De(
25
+ me,
26
26
  () => ({
27
- open: ee,
28
- close: H,
29
- isOpen: y,
30
- getContext: () => O.current,
31
- subscribeOpenChange: (r) => (L.current.add(r), () => {
32
- L.current.delete(r);
27
+ open: te,
28
+ close: G,
29
+ isOpen: g,
30
+ getContext: () => L.current,
31
+ subscribeOpenChange: (r) => (H.current.add(r), () => {
32
+ H.current.delete(r);
33
33
  })
34
34
  }),
35
- [ee, H, y]
36
- ), T(() => {
37
- v && y && z(!0);
38
- }, [y, v]), T(() => {
35
+ [te, G, g]
36
+ ), R(() => {
37
+ v && g && O(!0);
38
+ }, [g, v]), R(() => {
39
39
  if (v) {
40
- if (y) {
41
- f.current && (clearTimeout(f.current), f.current = null);
40
+ if (g) {
41
+ p.current && (clearTimeout(p.current), p.current = null);
42
42
  return;
43
43
  }
44
- return f.current && clearTimeout(f.current), f.current = setTimeout(() => {
45
- z(!1), F(null), f.current = null;
46
- }, Te), () => {
47
- f.current && (clearTimeout(f.current), f.current = null);
44
+ return p.current && clearTimeout(p.current), p.current = setTimeout(() => {
45
+ O(!1), z(null), p.current = null;
46
+ }, Re), () => {
47
+ p.current && (clearTimeout(p.current), p.current = null);
48
48
  };
49
49
  }
50
- }, [y, v]), T(() => {
50
+ }, [g, v]), R(() => {
51
51
  if (!v) return;
52
- const r = M.current;
52
+ const r = ee.current;
53
53
  if (!r) return;
54
54
  const e = (w) => {
55
- const n = r.hasAttribute("open");
56
- w.target === r && (!["opacity", "display", "transform"].includes(w.propertyName) || n || (f.current && (clearTimeout(f.current), f.current = null), z(!1), F(null)));
55
+ const t = r.hasAttribute("open");
56
+ w.target === r && (!["opacity", "display", "transform"].includes(w.propertyName) || t || (p.current && (clearTimeout(p.current), p.current = null), O(!1), z(null)));
57
57
  };
58
58
  return r.addEventListener("transitionend", e), r.addEventListener("transitioncancel", e), () => {
59
59
  r.removeEventListener("transitionend", e), r.removeEventListener("transitioncancel", e);
60
60
  };
61
61
  }, [v]);
62
- const Ee = De("max-h-[calc(100%-80px)]", {
62
+ const ge = Te("max-h-[calc(100%-80px)]", {
63
63
  variants: {
64
64
  size: {
65
65
  medium: " max-w-[min(740px,calc(100%-32px))]",
@@ -67,9 +67,9 @@ const Te = 50, xe = Pe(
67
67
  }
68
68
  }
69
69
  });
70
- let X, G;
71
- typeof o == "function" ? (X = o(W), G = D.toArray(X)) : (X = o, G = D.toArray(X));
72
- const ge = (r) => {
70
+ let k, _;
71
+ typeof i == "function" ? (k = i(F), _ = T.toArray(k)) : (k = i, _ = T.toArray(k));
72
+ const ye = (r) => {
73
73
  const e = {
74
74
  headerProps: null,
75
75
  titleContent: null,
@@ -84,125 +84,125 @@ const Te = 50, xe = Pe(
84
84
  footerExpandX: !1,
85
85
  footerExpandY: !1
86
86
  }
87
- }, w = (n) => {
88
- if (!J(n)) return;
89
- const a = n.props;
90
- n.type === N ? (e.allExpandInfo.headerExpandX = e.allExpandInfo.headerExpandX || !!a?.expandX, e.allExpandInfo.headerExpandY = e.allExpandInfo.headerExpandY || !!a?.expandY) : n.type === C ? (e.allExpandInfo.contentExpandX = e.allExpandInfo.contentExpandX || !!a?.expandX, e.allExpandInfo.contentExpandY = e.allExpandInfo.contentExpandY || !!a?.expandY) : n.type === I && (e.allExpandInfo.footerExpandX = e.allExpandInfo.footerExpandX || !!a?.expandX, e.allExpandInfo.footerExpandY = e.allExpandInfo.footerExpandY || !!a?.expandY), a?.children && D.toArray(a.children).forEach(w);
87
+ }, w = (t) => {
88
+ if (!Q(t)) return;
89
+ const o = t.props;
90
+ t.type === I ? (e.allExpandInfo.headerExpandX = e.allExpandInfo.headerExpandX || !!o?.expandX, e.allExpandInfo.headerExpandY = e.allExpandInfo.headerExpandY || !!o?.expandY) : t.type === C ? (e.allExpandInfo.contentExpandX = e.allExpandInfo.contentExpandX || !!o?.expandX, e.allExpandInfo.contentExpandY = e.allExpandInfo.contentExpandY || !!o?.expandY) : t.type === N && (e.allExpandInfo.footerExpandX = e.allExpandInfo.footerExpandX || !!o?.expandX, e.allExpandInfo.footerExpandY = e.allExpandInfo.footerExpandY || !!o?.expandY), o?.children && T.toArray(o.children).forEach(w);
91
91
  };
92
- return r.forEach((n) => {
93
- if (w(n), !J(n)) {
94
- e.middleChildren.push(n);
92
+ return r.forEach((t) => {
93
+ if (w(t), !Q(t)) {
94
+ e.middleChildren.push(t);
95
95
  return;
96
96
  }
97
- if (n.type === j && !e.titleContent) {
98
- e.titleContent = n;
97
+ if (t.type === j && !e.titleContent) {
98
+ e.titleContent = t;
99
99
  return;
100
100
  }
101
- if (n.type === N && !e.headerProps) {
102
- const a = n.props;
103
- e.headerProps = a;
101
+ if (t.type === I && !e.headerProps) {
102
+ const o = t.props;
103
+ e.headerProps = o;
104
104
  return;
105
105
  }
106
- if (n.type === C && !e.contentProps) {
107
- const a = n.props;
108
- e.contentProps = a;
106
+ if (t.type === C && !e.contentProps) {
107
+ const o = t.props;
108
+ e.contentProps = o;
109
109
  return;
110
110
  }
111
- if (n.type === I && !e.footerProps) {
112
- const a = n.props;
113
- e.footerProps = a;
111
+ if (t.type === N && !e.footerProps) {
112
+ const o = t.props;
113
+ e.footerProps = o;
114
114
  return;
115
115
  }
116
- e.middleChildren.push(n);
116
+ e.middleChildren.push(t);
117
117
  }), e;
118
- }, ye = (r, e, w, n) => {
119
- const a = (l, K) => {
120
- if (!J(l))
118
+ }, be = (r, e, w, t) => {
119
+ const o = (l, V) => {
120
+ if (!Q(l))
121
121
  return l;
122
- const s = l.props, P = l.key ?? `dialog-child-${K}`;
122
+ const s = l.props, Y = l.key ?? `dialog-child-${V}`;
123
123
  if (l.type === j)
124
- return /* @__PURE__ */ A(j, { ...s, debugMode: t, key: P }, s.children);
125
- if (l.type === N)
126
- return /* @__PURE__ */ A(N, { ...s, debugMode: t, expandWeight: e, key: P }, s.children);
127
- if (l.type === C)
128
- return /* @__PURE__ */ A(C, { ...s, debugMode: t, scroll: m, expandWeight: w, key: P }, s.children);
124
+ return /* @__PURE__ */ S(j, { ...s, debugMode: n, key: Y }, s.children);
129
125
  if (l.type === I)
130
- return /* @__PURE__ */ A(I, { ...s, debugMode: t, expandWeight: n, key: P }, s.children);
126
+ return /* @__PURE__ */ S(I, { ...s, debugMode: n, expandWeight: e, key: Y }, s.children);
127
+ if (l.type === C)
128
+ return /* @__PURE__ */ S(C, { ...s, debugMode: n, scroll: P, expandWeight: w, key: Y }, s.children);
129
+ if (l.type === N)
130
+ return /* @__PURE__ */ S(N, { ...s, debugMode: n, expandWeight: t, key: Y }, s.children);
131
131
  if (l.type === "form") {
132
- const V = s?.children ? D.toArray(s.children).map((U, q) => a(U, q)) : [];
133
- return pe(l, {
134
- key: P,
132
+ const U = s?.children ? T.toArray(s.children).map((q, J) => o(q, J)) : [];
133
+ return xe(l, {
134
+ key: Y,
135
135
  ...s,
136
- className: p(s?.className, "contents")
137
- }, ...V);
136
+ className: u(s?.className, "contents")
137
+ }, ...U);
138
138
  }
139
139
  if (s?.children) {
140
- const V = D.toArray(s.children).map((U, q) => a(U, q));
141
- return pe(l, { key: P }, ...V);
140
+ const U = T.toArray(s.children).map((q, J) => o(q, J));
141
+ return xe(l, { key: Y }, ...U);
142
142
  }
143
143
  return l;
144
144
  };
145
- return r.map((l, K) => a(l, K));
145
+ return r.map((l, V) => o(l, V));
146
146
  };
147
- let { headerProps: te, titleContent: k, contentProps: ne, footerProps: re, middleChildren: be, allExpandInfo: E } = ge(G), b = te ? { ...te } : null, _ = ne ? { ...ne } : null, $ = re ? { ...re } : null;
148
- !b && g && (b = { title: g, children: null }, k = null), b && k && b.title && (b = {
149
- ...b,
147
+ let { headerProps: ne, titleContent: A, contentProps: re, footerProps: oe, middleChildren: ve, allExpandInfo: m } = ye(_), y = ne ? { ...ne } : null, $ = re ? { ...re } : null, K = oe ? { ...oe } : null;
148
+ !y && b && (y = { title: b, children: null }, A = null), y && A && y.title && (y = {
149
+ ...y,
150
150
  title: "",
151
- children: k
152
- }, k = null);
153
- const ve = E.headerExpandX || E.contentExpandX || E.footerExpandX, oe = E.headerExpandY || E.contentExpandY || E.footerExpandY, we = [E.headerExpandY, E.contentExpandY, E.footerExpandY].filter(Boolean).length, ae = E.contentExpandY ? we > 1 ? 2 : 1 : void 0, le = E.headerExpandY ? 1 : void 0, se = E.footerExpandY ? 1 : void 0, ie = ye(be, le, ae, se), Ce = b ? /* @__PURE__ */ c.jsx(N, { ...b, debugMode: t, expandWeight: le, children: b.children }) : null, de = (_ ? /* @__PURE__ */ c.jsx(C, { ..._, debugMode: t, scroll: m, expandWeight: ae, children: _.children }) : null) ?? (ie.length ? ie : null), Ne = $ ? /* @__PURE__ */ c.jsx(I, { ...$, debugMode: t, expandWeight: se, children: $.children }) : null, Ie = ve ? "w-full" : "w-auto", fe = {
154
- "--safe-margin-size": `${d}px`
151
+ children: A
152
+ }, A = null);
153
+ const we = m.headerExpandX || m.contentExpandX || m.footerExpandX, ae = m.headerExpandY || m.contentExpandY || m.footerExpandY, Ce = [m.headerExpandY, m.contentExpandY, m.footerExpandY].filter(Boolean).length, le = m.contentExpandY ? Ce > 1 ? 2 : 1 : void 0, se = m.headerExpandY ? 1 : void 0, ie = m.footerExpandY ? 1 : void 0, de = be(ve, se, le, ie), Ie = y ? /* @__PURE__ */ x.jsx(I, { ...y, debugMode: n, expandWeight: se, children: y.children }) : null, fe = ($ ? /* @__PURE__ */ x.jsx(C, { ...$, debugMode: n, scroll: P, expandWeight: le, children: $.children }) : null) ?? (de.length ? de : null), Ne = K ? /* @__PURE__ */ x.jsx(N, { ...K, debugMode: n, expandWeight: ie, children: K.children }) : null, Pe = we ? "w-full" : "w-auto", ce = {
154
+ "--safe-margin-size": `${E}px`
155
155
  };
156
- oe && (fe.height = `calc(100% - ${d * 2}px)`);
157
- const ce = /* @__PURE__ */ c.jsx(
156
+ ae && (ce.height = `calc(100% - ${E * 2}px)`);
157
+ const pe = /* @__PURE__ */ x.jsx(
158
158
  "dialog",
159
159
  {
160
- ref: M,
161
- open: y,
162
- className: p(
160
+ ref: ee,
161
+ open: g,
162
+ className: u(
163
163
  "prometeo-dialog fixed inset-0 w-screen h-screen z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
164
164
  "open:flex",
165
165
  "hidden"
166
166
  ),
167
- style: { zIndex: h },
168
- onClick: H,
169
- children: /* @__PURE__ */ c.jsxs(
167
+ style: { zIndex: c },
168
+ onClick: G,
169
+ children: /* @__PURE__ */ x.jsxs(
170
170
  "div",
171
171
  {
172
172
  onClick: (r) => r.stopPropagation(),
173
- className: p(
173
+ className: u(
174
174
  "prometeo-dialog-panel bg-neutral-default-default rounded-lg shadow-lg border-neutral-strong-default border relative ",
175
- Ie,
176
- m === "content" ? "" : "prometeo-scrollbar-thin!",
175
+ Pe,
176
+ P === "content" ? "" : "prometeo-scrollbar-thin!",
177
177
  // scroll === 'dialog' && 'overflow-auto ',
178
178
  "flex flex-col ",
179
- Ee({ size: ue })
179
+ ge({ size: he })
180
180
  // className
181
181
  ),
182
- style: fe,
182
+ style: ce,
183
183
  children: [
184
- /* @__PURE__ */ c.jsx(
184
+ /* @__PURE__ */ x.jsx(
185
185
  "div",
186
186
  {
187
- className: p(
187
+ className: u(
188
188
  "absolute bg-transparent z-[-1] -top-(--safe-margin-size) -left-(--safe-margin-size) -right-(--safe-margin-size) -bottom-(--safe-margin-size)",
189
- t && "after:content-['SECURE_MARGIN'] after:text-red-300 after:prometeo-fonts-label-small after:ml-2 "
189
+ n && "after:content-['SECURE_MARGIN'] after:text-red-300 after:prometeo-fonts-label-small after:ml-2 "
190
190
  ),
191
191
  style: {
192
- background: t ? "#FF393973" : "auto",
193
- border: t ? "solid 1px #FF3939" : ""
192
+ background: n ? "#FF393973" : "auto",
193
+ border: n ? "solid 1px #FF3939" : ""
194
194
  }
195
195
  }
196
196
  ),
197
- (!v || me) && /* @__PURE__ */ c.jsxs("div", { className: p(
197
+ (!v || Ee) && /* @__PURE__ */ x.jsxs("div", { className: u(
198
198
  "flex flex-col h-auto prometeo-scrollbar-thin!",
199
- oe && "flex-1 min-h-0",
200
- m === "dialog" && "overflow-auto *:min-w-max *:min-h-max",
201
- m === "content" && "overflow-hidden",
202
- u
199
+ ae && "flex-1 min-h-0",
200
+ P === "dialog" && "overflow-auto *:min-w-max *:min-h-max",
201
+ P === "content" && "overflow-hidden",
202
+ f
203
203
  ), children: [
204
- Ce,
205
- m === "dialog" ? /* @__PURE__ */ c.jsx("div", { className: "flex flex-col flex-1", children: de }) : de,
204
+ Ie,
205
+ P === "dialog" ? /* @__PURE__ */ x.jsx("div", { className: "flex flex-col flex-1", children: fe }) : fe,
206
206
  Ne
207
207
  ] })
208
208
  ]
@@ -210,97 +210,97 @@ const Te = 50, xe = Pe(
210
210
  )
211
211
  }
212
212
  );
213
- return i ? ce : je(ce, document.body);
213
+ return h ? pe : je(pe, document.body);
214
214
  }
215
215
  );
216
- xe.displayName = "Dialog";
217
- const C = B(({ children: o, className: x, debugMode: u, scroll: i, expandX: h, expandY: t, expandWeight: d }) => {
218
- const g = p(
216
+ ue.displayName = "Dialog";
217
+ const C = W(({ children: a, className: i, debugMode: d, scroll: f, expandX: h, expandY: c, expandWeight: n }) => {
218
+ const E = u(
219
219
  h && "w-full min-w-0",
220
- t && "flex-1 min-h-0"
221
- ), m = t ? { flexGrow: d ?? 1, flexBasis: 0 } : void 0;
222
- return /* @__PURE__ */ c.jsx("div", { style: m, className: p(
220
+ c && "flex-1 min-h-0"
221
+ ), b = c ? { flexGrow: n ?? 1, flexBasis: 0 } : void 0;
222
+ return /* @__PURE__ */ x.jsx("div", { style: b, className: u(
223
223
  "flex flex-col p-4 prometeo-scrollbar-thin!",
224
- u && "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 ",
225
- g,
226
- x,
224
+ d && "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 ",
225
+ E,
226
+ i,
227
227
  // Para scroll='content', este componente necesita su propio scroll y altura mínima
228
- i === "content" && "overflow-y-auto min-h-0 flex-1 ",
228
+ f === "content" && "overflow-y-auto min-h-0 flex-1 ",
229
229
  // Para scroll='dialog', el contenido debe ocupar todo el espacio disponible pero sin scroll
230
- i === "dialog" && "flex-1 min-h-max "
231
- ), children: o });
230
+ f === "dialog" && "flex-1 min-h-max "
231
+ ), children: a });
232
232
  });
233
233
  C.displayName = "DialogContent";
234
- const j = B(({ children: o, className: x, debugMode: u, expandX: i, expandY: h }) => {
235
- const t = p(
236
- i && "w-full min-w-0",
234
+ const j = W(({ children: a, className: i, debugMode: d, expandX: f, expandY: h }) => {
235
+ const c = u(
236
+ f && "w-full min-w-0",
237
237
  h && "flex-1 min-h-0"
238
238
  );
239
- return /* @__PURE__ */ c.jsx("h1", { className: p("prometeo-fonts-headline-small text-neutral-strong-default w-max", u && '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', t, x), children: o });
239
+ return /* @__PURE__ */ x.jsx("h1", { className: u("prometeo-fonts-headline-small text-neutral-strong-default w-max", d && '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', c, i), children: a });
240
240
  });
241
241
  j.displayName = "DialogTitle";
242
- const N = B(({ children: o, className: x, title: u, debugMode: i, expandX: h, expandY: t, expandWeight: d }) => {
243
- const g = p(
242
+ const I = W(({ children: a, className: i, title: d, debugMode: f, expandX: h, expandY: c, expandWeight: n }) => {
243
+ const E = u(
244
244
  h && "w-full min-w-0",
245
- t && "flex-1 min-h-0"
246
- ), m = t ? { flexGrow: d ?? 1, flexBasis: 0 } : void 0;
247
- return /* @__PURE__ */ c.jsxs("div", { style: m, className: p(
245
+ c && "flex-1 min-h-0"
246
+ ), b = c ? { flexGrow: n ?? 1, flexBasis: 0 } : void 0;
247
+ return /* @__PURE__ */ x.jsxs("div", { style: b, className: u(
248
248
  "px-6 pt-8 pb-4 flex flex-col",
249
- g,
250
- i && "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",
251
- x
249
+ E,
250
+ f && "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",
251
+ i
252
252
  ), children: [
253
- u && /* @__PURE__ */ c.jsx(j, { debugMode: i, children: u }),
254
- o
253
+ d && /* @__PURE__ */ x.jsx(j, { debugMode: f, children: d }),
254
+ a
255
255
  ] });
256
256
  });
257
- N.displayName = "DialogHeader";
258
- const I = B(({ children: o, className: x, debugMode: u, expandX: i, expandY: h, expandWeight: t }) => {
259
- const d = p(
260
- i && "w-full min-w-0",
257
+ I.displayName = "DialogHeader";
258
+ const N = W(({ children: a, className: i, debugMode: d, expandX: f, expandY: h, expandWeight: c }) => {
259
+ const n = u(
260
+ f && "w-full min-w-0",
261
261
  h && "flex-1 min-h-0 flex-col"
262
- ), g = h ? { flexGrow: t ?? 1, flexBasis: 0 } : void 0;
263
- return /* @__PURE__ */ c.jsx("div", { style: g, className: p(
264
- u && "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",
262
+ ), E = h ? { flexGrow: c ?? 1, flexBasis: 0 } : void 0;
263
+ return /* @__PURE__ */ x.jsx("div", { style: E, className: u(
264
+ d && "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",
265
265
  "border-t border-neutral-strong-default p-4 w-full flex flex-row justify-end gap-4",
266
- d,
267
- x
268
- ), children: o });
266
+ n,
267
+ i
268
+ ), children: a });
269
269
  });
270
- I.displayName = "DialogFooter";
271
- const Re = Object.assign(xe, {
270
+ N.displayName = "DialogFooter";
271
+ const Xe = Object.assign(ue, {
272
272
  Content: C,
273
- Header: N,
274
- Footer: I,
273
+ Header: I,
274
+ Footer: N,
275
275
  Title: j
276
276
  });
277
- Re.displayName = "DialogModal";
278
- const Fe = () => {
279
- const o = Y(null), [x, u] = S(!1), i = R((d) => {
280
- o.current?.open(d);
281
- }, []), h = R(() => {
282
- o.current?.close();
277
+ Xe.displayName = "DialogModal";
278
+ const ze = () => {
279
+ const a = D(null), [i, d] = B(!1), f = X((n) => {
280
+ a.current?.open(n);
281
+ }, []), h = X(() => {
282
+ a.current?.close();
283
283
  }, []);
284
- T(() => {
285
- const d = o.current?.subscribeOpenChange;
286
- if (!d) return;
287
- const g = d((m) => {
288
- u(m);
284
+ R(() => {
285
+ const n = a.current?.subscribeOpenChange;
286
+ if (!n) return;
287
+ const E = n((b) => {
288
+ d(b);
289
289
  });
290
290
  return () => {
291
- g && g();
291
+ E && E();
292
292
  };
293
- }, [o.current?.subscribeOpenChange]);
294
- const t = R(() => o.current?.getContext() ?? null, []);
293
+ }, [a.current?.subscribeOpenChange]);
294
+ const c = X(() => a.current?.getContext() ?? null, []);
295
295
  return {
296
- ref: o,
297
- open: i,
296
+ ref: a,
297
+ open: f,
298
298
  close: h,
299
- isOpen: x,
300
- getContext: t
299
+ isOpen: i,
300
+ getContext: c
301
301
  };
302
302
  };
303
303
  export {
304
- Re as default,
305
- Fe as useDialogControl
304
+ Xe as default,
305
+ ze as useDialogControl
306
306
  };
@@ -0,0 +1,6 @@
1
+ export * from './components/FormatListNumbered'
2
+ export {}
3
+ import PrometeoDesignSystem from './components/FormatListNumbered'
4
+ export default PrometeoDesignSystem
5
+ export * from './components/FormatListNumbered'
6
+ export {}
@@ -0,0 +1,19 @@
1
+ import { j as h } from "../jsx-runtime-GkKLlHH4.js";
2
+ import { m as r } from "../iconUtils-rTOfKDxE.js";
3
+ const e = r(({ size: v = 24, className: m, ...t }) => /* @__PURE__ */ h.jsx(
4
+ "svg",
5
+ {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 -960 960 960",
8
+ width: v,
9
+ height: v,
10
+ fill: "currentColor",
11
+ className: m,
12
+ ...t,
13
+ children: /* @__PURE__ */ h.jsx("path", { d: "M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z" })
14
+ }
15
+ ));
16
+ export {
17
+ e as FormatListNumbered,
18
+ e as default
19
+ };
@@ -0,0 +1,6 @@
1
+ export * from './components/FormatUnderlined'
2
+ export {}
3
+ import PrometeoDesignSystem from './components/FormatUnderlined'
4
+ export default PrometeoDesignSystem
5
+ export * from './components/FormatUnderlined'
6
+ export {}
@@ -0,0 +1,19 @@
1
+ import { j as r } from "../jsx-runtime-GkKLlHH4.js";
2
+ import { m as e } from "../iconUtils-rTOfKDxE.js";
3
+ const n = e(({ size: t = 24, className: o, ...m }) => /* @__PURE__ */ r.jsx(
4
+ "svg",
5
+ {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 -960 960 960",
8
+ width: t,
9
+ height: t,
10
+ fill: "currentColor",
11
+ className: o,
12
+ ...m,
13
+ children: /* @__PURE__ */ r.jsx("path", { d: "M200-120v-80h560v80H200Zm123-223q-56-63-56-167v-330h103v336q0 56 28 91t82 35q54 0 82-35t28-91v-336h103v330q0 104-56 167t-157 63q-101 0-157-63Z" })
14
+ }
15
+ ));
16
+ export {
17
+ n as FormatUnderlined,
18
+ n as default
19
+ };
@@ -0,0 +1,6 @@
1
+ export * from './components/TicketRecurrente'
2
+ export {}
3
+ import PrometeoDesignSystem from './components/TicketRecurrente'
4
+ export default PrometeoDesignSystem
5
+ export * from './components/TicketRecurrente'
6
+ export {}
@@ -0,0 +1,19 @@
1
+ import { j as v } from "../jsx-runtime-GkKLlHH4.js";
2
+ import { m as o } from "../iconUtils-rTOfKDxE.js";
3
+ const m = o(({ size: t = 24, className: h, ...r }) => /* @__PURE__ */ v.jsx(
4
+ "svg",
5
+ {
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ viewBox: "0 -960 960 960",
8
+ width: t,
9
+ height: t,
10
+ fill: "currentColor",
11
+ className: h,
12
+ ...r,
13
+ children: /* @__PURE__ */ v.jsx("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v240h-80v-80H200v400h280v80H200ZM760 0q-73 0-127.5-45.5T564-160h62q13 44 49.5 72T760-60q58 0 99-41t41-99q0-58-41-99t-99-41q-29 0-54 10.5T662-300h58v60H560v-160h60v57q27-26 63-41.5t77-15.5q83 0 141.5 58.5T960-200q0 83-58.5 141.5T760 0ZM200-640h560v-80H200v80Zm0 0v-80 80Z" })
14
+ }
15
+ ));
16
+ export {
17
+ m as TicketRecurrente,
18
+ m as default
19
+ };
@@ -0,0 +1,4 @@
1
+ import { IconProps } from '../iconUtils';
2
+ export declare const FormatListNumbered: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
3
+ export type FormatListNumberedProps = IconProps;
4
+ export default FormatListNumbered;
@@ -0,0 +1,4 @@
1
+ import { IconProps } from '../iconUtils';
2
+ export declare const FormatUnderlined: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
3
+ export type FormatUnderlinedProps = IconProps;
4
+ export default FormatUnderlined;
@@ -0,0 +1,4 @@
1
+ import { IconProps } from '../iconUtils';
2
+ export declare const TicketRecurrente: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
3
+ export type TicketRecurrenteProps = IconProps;
4
+ export default TicketRecurrente;
@@ -102,6 +102,8 @@ export { FormatInkHighlighter } from './components/FormatInkHighlighter';
102
102
  export { FormatItalic } from './components/FormatItalic';
103
103
  export { FormatLineSpacing } from './components/FormatLineSpacing';
104
104
  export { FormatListBulleted } from './components/FormatListBulleted';
105
+ export { FormatListNumbered } from './components/FormatListNumbered';
106
+ export { FormatUnderlined } from './components/FormatUnderlined';
105
107
  export { Graph1 } from './components/Graph1';
106
108
  export { Help } from './components/Help';
107
109
  export { History } from './components/History';
@@ -135,6 +137,7 @@ export { Settings } from './components/Settings';
135
137
  export { Share } from './components/Share';
136
138
  export { ShoppingMode } from './components/ShoppingMode';
137
139
  export { SwapVert } from './components/SwapVert';
140
+ export { TicketRecurrente } from './components/TicketRecurrente';
138
141
  export { Timeline } from './components/Timeline';
139
142
  export { Today } from './components/Today';
140
143
  export { ViewColumn } from './components/ViewColumn';
@@ -53,6 +53,8 @@ declare const _default: {
53
53
  "FormatItalic": "M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z",
54
54
  "FormatLineSpacing": "M240-160 80-320l56-56 64 62v-332l-64 62-56-56 160-160 160 160-56 56-64-62v332l64-62 56 56-160 160Zm240-40v-80h400v80H480Zm0-240v-80h400v80H480Zm0-240v-80h400v80H480Z",
55
55
  "FormatListBulleted": "M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm-56.5-263.5Q120-687 120-720t23.5-56.5Q167-800 200-800t56.5 23.5Q280-753 280-720t-23.5 56.5Q233-640 200-640t-56.5-23.5Z",
56
+ "FormatListNumbered": "M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z",
57
+ "FormatUnderlined": "M200-120v-80h560v80H200Zm123-223q-56-63-56-167v-330h103v336q0 56 28 91t82 35q54 0 82-35t28-91v-336h103v330q0 104-56 167t-157 63q-101 0-157-63Z",
56
58
  "Graph1": "M280-80q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-334q-35-12-57.5-43T160-760q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 70T320-647v7q0 50 35 85t85 35h80q83 0 141.5 58.5T720-320v7q35 12 57.5 43t22.5 70q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-7q0-50-35-85t-85-35h-80q-34 0-64.5-10.5T320-480v167q35 12 57.5 43t22.5 70q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T320-200q0-17-11.5-28.5T280-240q-17 0-28.5 11.5T240-200q0 17 11.5 28.5T280-160Zm400 0q17 0 28.5-11.5T720-200q0-17-11.5-28.5T680-240q-17 0-28.5 11.5T640-200q0 17 11.5 28.5T680-160ZM280-720q17 0 28.5-11.5T320-760q0-17-11.5-28.5T280-800q-17 0-28.5 11.5T240-760q0 17 11.5 28.5T280-720Z",
57
59
  "Help": "M513.5-254.5Q528-269 528-290t-14.5-35.5Q499-340 478-340t-35.5 14.5Q428-311 428-290t14.5 35.5Q457-240 478-240t35.5-14.5ZM442-394h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z",
58
60
  "History": "M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z",
@@ -86,6 +88,7 @@ declare const _default: {
86
88
  "Share": "M680-80q-50 0-85-35t-35-85q0-6 3-28L282-392q-16 15-37 23.5t-45 8.5q-50 0-85-35t-35-85q0-50 35-85t85-35q24 0 45 8.5t37 23.5l281-164q-2-7-2.5-13.5T560-760q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-24 0-45-8.5T598-672L317-508q2 7 2.5 13.5t.5 14.5q0 8-.5 14.5T317-452l281 164q16-15 37-23.5t45-8.5q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T720-200q0-17-11.5-28.5T680-240q-17 0-28.5 11.5T640-200q0 17 11.5 28.5T680-160ZM200-440q17 0 28.5-11.5T240-480q0-17-11.5-28.5T200-520q-17 0-28.5 11.5T160-480q0 17 11.5 28.5T200-440Zm508.5-291.5Q720-743 720-760t-11.5-28.5Q697-800 680-800t-28.5 11.5Q640-777 640-760t11.5 28.5Q663-720 680-720t28.5-11.5ZM680-200ZM200-480Zm480-280Z",
87
89
  "ShoppingMode": "M446-80q-15 0-30-6t-27-18L103-390q-12-12-17.5-26.5T80-446q0-15 5.5-30t17.5-27l352-353q11-11 26-17.5t31-6.5h287q33 0 56.5 23.5T879-800v287q0 16-6 30.5T856-457L503-104q-12 12-27 18t-30 6Zm0-80 353-354v-286H513L160-446l286 286Zm253-480q25 0 42.5-17.5T759-700q0-25-17.5-42.5T699-760q-25 0-42.5 17.5T639-700q0 25 17.5 42.5T699-640ZM480-480Z",
88
90
  "SwapVert": "M320-440v-287L217-624l-57-56 200-200 200 200-57 56-103-103v287h-80ZM600-80 400-280l57-56 103 103v-287h80v287l103-103 57 56L600-80Z",
91
+ "TicketRecurrente": "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v240h-80v-80H200v400h280v80H200ZM760 0q-73 0-127.5-45.5T564-160h62q13 44 49.5 72T760-60q58 0 99-41t41-99q0-58-41-99t-99-41q-29 0-54 10.5T662-300h58v60H560v-160h60v57q27-26 63-41.5t77-15.5q83 0 141.5 58.5T960-200q0 83-58.5 141.5T760 0ZM200-640h560v-80H200v80Zm0 0v-80 80Z",
89
92
  "Timeline": "M120-240q-33 0-56.5-23.5T40-320q0-33 23.5-56.5T120-400h10.5q4.5 0 9.5 2l182-182q-2-5-2-9.5V-600q0-33 23.5-56.5T400-680q33 0 56.5 23.5T480-600q0 2-2 20l102 102q5-2 9.5-2h21q4.5 0 9.5 2l142-142q-2-5-2-9.5V-640q0-33 23.5-56.5T840-720q33 0 56.5 23.5T920-640q0 33-23.5 56.5T840-560h-10.5q-4.5 0-9.5-2L678-420q2 5 2 9.5v10.5q0 33-23.5 56.5T600-320q-33 0-56.5-23.5T520-400v-10.5q0-4.5 2-9.5L420-522q-5 2-9.5 2H400q-2 0-20-2L198-340q2 5 2 9.5v10.5q0 33-23.5 56.5T120-240Z",
90
93
  "Today": "M289-329q-29-29-29-71t29-71q29-29 71-29t71 29q29 29 29 71t-29 71q-29 29-71 29t-71-29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z",
91
94
  "ViewColumn": "M121-280v-400q0-33 23.5-56.5T201-760h559q33 0 56.5 23.5T840-680v400q0 33-23.5 56.5T760-200H201q-33 0-56.5-23.5T121-280Zm79 0h133v-400H200v400Zm213 0h133v-400H413v400Zm213 0h133v-400H626v400Z",