prometeo-design-system 2.9.1 → 2.9.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.
- package/dist/{CardProfile-CsytJlKZ.js → CardProfile-WHoeSibd.js} +8 -8
- package/dist/CardProfile.es.js +1 -1
- package/dist/CheckBox.es.js +4 -4
- package/dist/DatePicker.es.js +62 -62
- package/dist/DrawerDesktop.es.js +1 -1
- package/dist/DropZone.es.js +5 -5
- package/dist/FAButton.es.js +1 -1
- package/dist/{HelperComponent-g_xuKWzK.js → HelperComponent-BeNlTMqI.js} +7 -7
- package/dist/Icons/Icons.d.ts +1 -1
- package/dist/Icons.d.ts +0 -4
- package/dist/Icons.es.js +1119 -3
- package/dist/{ImageGallery-Ckxg9OIC.js → ImageGallery-WKzUevOQ.js} +34 -34
- package/dist/ImageGallery.es.js +1 -1
- package/dist/{Input-Cck37DpG.js → Input-Bdiozi8s.js} +11 -11
- package/dist/Input.es.js +1 -1
- package/dist/InputMultiple.es.js +34 -34
- package/dist/Logo.es.js +1 -1
- package/dist/OtpInput.es.js +43 -43
- package/dist/RadioButton.es.js +1 -1
- package/dist/{Select-BD5FTxVw.js → Select-L7JCe1-i.js} +3 -3
- package/dist/Select.es.js +1 -1
- package/dist/SelectSearch.es.js +1 -1
- package/dist/Steps.es.js +1 -1
- package/dist/Toast.es.js +22 -22
- package/dist/Tooltip.es.js +1 -1
- package/dist/exports/Icons.d.ts +1 -2
- package/dist/index.d.ts +1 -0
- package/dist/prometeo-design-system.es.js +190 -131
- package/dist/styles.css +1 -0
- package/dist/styles.d.ts +1 -0
- package/package.json +2 -2
- package/src/styles/app.css +1 -1313
- package/src/styles/base.css +480 -463
- package/dist/Icons-DtFC5DJ7.js +0 -1079
- package/dist/prometeo-design-system.css +0 -1
package/dist/OtpInput.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as p } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import {
|
|
2
|
+
import { Check as Re, Error as De } from "./Icons.es.js";
|
|
3
3
|
import { c as $ } from "./cn-B6yFEsav.js";
|
|
4
4
|
import * as n from "react";
|
|
5
5
|
import ge, { memo as Oe } from "react";
|
|
@@ -28,8 +28,8 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
|
|
|
28
28
|
let [M, d] = n.useState(!1), [D, k] = n.useState(!1), [O, B] = n.useState(!1), _ = n.useMemo(() => r === "none" ? !1 : (r === "increase-width" || r === "experimental-no-flickering") && M && D, [M, D, r]), x = n.useCallback(() => {
|
|
29
29
|
let f = t.current, v = a.current;
|
|
30
30
|
if (!f || !v || O || r === "none") return;
|
|
31
|
-
let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le,
|
|
32
|
-
document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o,
|
|
31
|
+
let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, P = w;
|
|
32
|
+
document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, P) === f || (d(!0), B(!0));
|
|
33
33
|
}, [t, a, O, r]);
|
|
34
34
|
return n.useEffect(() => {
|
|
35
35
|
let f = t.current;
|
|
@@ -55,10 +55,10 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
|
|
|
55
55
|
}, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
|
|
56
56
|
}
|
|
57
57
|
var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
|
|
58
|
-
var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]),
|
|
59
|
-
let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""),
|
|
58
|
+
var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), P, N, U, T, V;
|
|
59
|
+
let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), i = u ?? te, E = He(i), q = n.useCallback((e) => {
|
|
60
60
|
M?.(e), ne(e);
|
|
61
|
-
}, [M]),
|
|
61
|
+
}, [M]), C = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: i, onChange: q, isIOS: typeof window < "u" && ((N = (P = window?.CSS) == null ? void 0 : P.supports) == null ? void 0 : N.call(P, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = c.current) == null ? void 0 : U.selectionStart, (T = c.current) == null ? void 0 : T.selectionEnd, (V = c.current) == null ? void 0 : V.selectionDirection] });
|
|
62
62
|
n.useImperativeHandle(a, () => c.current, []), n.useEffect(() => {
|
|
63
63
|
let e = c.current, l = le.current;
|
|
64
64
|
if (!e || !l) return;
|
|
@@ -68,33 +68,33 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
|
|
|
68
68
|
J(null), K(null);
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
|
-
let
|
|
72
|
-
if (F.length !== 0 &&
|
|
73
|
-
let Me =
|
|
71
|
+
let s = e.selectionStart, g = e.selectionEnd, Y = e.selectionDirection, j = e.maxLength, F = e.value, R = X.current.prev, W = -1, A = -1, H;
|
|
72
|
+
if (F.length !== 0 && s !== null && g !== null) {
|
|
73
|
+
let Me = s === g, ke = s === F.length && F.length < j;
|
|
74
74
|
if (Me && !ke) {
|
|
75
|
-
let L =
|
|
75
|
+
let L = s;
|
|
76
76
|
if (L === 0) W = 0, A = 1, H = "forward";
|
|
77
77
|
else if (L === j) W = L - 1, A = L, H = "backward";
|
|
78
78
|
else if (j > 1 && F.length > 1) {
|
|
79
|
-
let
|
|
79
|
+
let ie = 0;
|
|
80
80
|
if (R[0] !== null && R[1] !== null) {
|
|
81
81
|
H = L < R[1] ? "backward" : "forward";
|
|
82
82
|
let Ne = R[0] === R[1] && R[0] < j;
|
|
83
|
-
H === "backward" && !Ne && (
|
|
83
|
+
H === "backward" && !Ne && (ie = -1);
|
|
84
84
|
}
|
|
85
|
-
W =
|
|
85
|
+
W = ie + L, A = ie + L + 1;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
W !== -1 && A !== -1 && W !== A && c.current.setSelectionRange(W, A, H);
|
|
89
89
|
}
|
|
90
|
-
let he = W !== -1 ? W :
|
|
91
|
-
J(he), K(ve), X.current.prev = [he, ve,
|
|
90
|
+
let he = W !== -1 ? W : s, ve = A !== -1 ? A : g, Ce = H ?? Y;
|
|
91
|
+
J(he), K(ve), X.current.prev = [he, ve, Ce];
|
|
92
92
|
}
|
|
93
93
|
if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
|
|
94
|
-
let
|
|
95
|
-
if (
|
|
94
|
+
let s = document.createElement("style");
|
|
95
|
+
if (s.id = "input-otp-style", document.head.appendChild(s), s.sheet) {
|
|
96
96
|
let g = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
|
|
97
|
-
Q(
|
|
97
|
+
Q(s.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Q(s.sheet, `[data-input-otp]:autofill { ${g} }`), Q(s.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), Q(s.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), Q(s.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
let y = () => {
|
|
@@ -111,20 +111,20 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
|
|
|
111
111
|
Fe(() => {
|
|
112
112
|
var e, l, h, y;
|
|
113
113
|
(e = c.current) == null || e.dispatchEvent(new Event("input"));
|
|
114
|
-
let S = (l = c.current) == null ? void 0 : l.selectionStart,
|
|
115
|
-
S !== null &&
|
|
114
|
+
let S = (l = c.current) == null ? void 0 : l.selectionStart, s = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
|
|
115
|
+
S !== null && s !== null && (J(S), K(s), X.current.prev = [S, s, g]);
|
|
116
116
|
});
|
|
117
|
-
}, [
|
|
118
|
-
E !== void 0 &&
|
|
119
|
-
}, [d, _, E,
|
|
117
|
+
}, [i, Z]), n.useEffect(() => {
|
|
118
|
+
E !== void 0 && i !== E && E.length < d && i.length === d && _?.(i);
|
|
119
|
+
}, [d, _, E, i]);
|
|
120
120
|
let G = Ge({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
|
|
121
121
|
let l = e.currentTarget.value.slice(0, d);
|
|
122
|
-
if (l.length > 0 &&
|
|
122
|
+
if (l.length > 0 && C && !C.test(l)) {
|
|
123
123
|
e.preventDefault();
|
|
124
124
|
return;
|
|
125
125
|
}
|
|
126
126
|
typeof E == "string" && l.length < E.length && document.dispatchEvent(new Event("selectionchange")), q(l);
|
|
127
|
-
}, [d, q, E,
|
|
127
|
+
}, [d, q, E, C]), fe = n.useCallback(() => {
|
|
128
128
|
var e;
|
|
129
129
|
if (c.current) {
|
|
130
130
|
let l = Math.min(c.current.value.length, d - 1), h = c.current.value.length;
|
|
@@ -135,14 +135,14 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
|
|
|
135
135
|
var l, h;
|
|
136
136
|
let y = c.current;
|
|
137
137
|
if (!f && (!ae.current.isIOS || !e.clipboardData || !y)) return;
|
|
138
|
-
let S = e.clipboardData.getData("text/plain"),
|
|
138
|
+
let S = e.clipboardData.getData("text/plain"), s = f ? f(S) : S;
|
|
139
139
|
e.preventDefault();
|
|
140
|
-
let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ?
|
|
141
|
-
if (j.length > 0 &&
|
|
140
|
+
let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ? i.slice(0, g) + s + i.slice(Y) : i.slice(0, g) + s + i.slice(g)).slice(0, d);
|
|
141
|
+
if (j.length > 0 && C && !C.test(j)) return;
|
|
142
142
|
y.value = j, q(j);
|
|
143
143
|
let F = Math.min(j.length, d - 1), R = j.length;
|
|
144
144
|
y.setSelectionRange(F, R), J(F), K(R);
|
|
145
|
-
}, [d, q,
|
|
145
|
+
}, [d, q, C, i]), Ee = n.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), me = n.useMemo(() => ({ position: "absolute", inset: 0, width: G.willPushPWMBadge ? `calc(100% + ${G.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: G.willPushPWMBadge ? `inset(0 ${G.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: D, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [G.PWM_BADGE_SPACE_WIDTH, G.willPushPWMBadge, D]), je = n.useMemo(() => n.createElement("input", _e(Be({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": i.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: C?.source, "aria-placeholder": O, style: me, maxLength: d, value: i, ref: c, onPaste: (e) => {
|
|
146
146
|
var l;
|
|
147
147
|
pe(e), (l = o.onPaste) == null || l.call(o, e);
|
|
148
148
|
}, onChange: de, onMouseOver: (e) => {
|
|
@@ -157,12 +157,12 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
|
|
|
157
157
|
}, onBlur: (e) => {
|
|
158
158
|
var l;
|
|
159
159
|
re(!1), (l = o.onBlur) == null || l.call(o, e);
|
|
160
|
-
} })), [de, fe, pe, B, me, d, z, I, o,
|
|
160
|
+
} })), [de, fe, pe, B, me, d, z, I, o, C?.source, i]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
|
|
161
161
|
var h;
|
|
162
|
-
let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S =
|
|
163
|
-
return { char: S, placeholderChar:
|
|
164
|
-
}), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled,
|
|
165
|
-
return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v },
|
|
162
|
+
let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S = i[l] !== void 0 ? i[l] : null, s = i[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
|
|
163
|
+
return { char: S, placeholderChar: s, isActive: y, hasFakeCaret: y && S === null };
|
|
164
|
+
}), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, i]), Pe = n.useMemo(() => b ? b(oe) : n.createElement(Ve.Provider, { value: oe }, w), [w, oe, b]);
|
|
165
|
+
return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v }, Pe, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
|
|
166
166
|
});
|
|
167
167
|
Se.displayName = "Input";
|
|
168
168
|
function Q(t, a) {
|
|
@@ -212,7 +212,7 @@ const Ze = ({
|
|
|
212
212
|
variant: w = "default",
|
|
213
213
|
hideSlotsMiddleSeparator: o = !1
|
|
214
214
|
}) => {
|
|
215
|
-
const
|
|
215
|
+
const P = m === "left" ? "justify-start w-full text-left" : m === "center" ? "justify-center" : "justify-end text-right w-full", N = {
|
|
216
216
|
default: {
|
|
217
217
|
text: "text-neutral-default-default",
|
|
218
218
|
icon: null
|
|
@@ -246,23 +246,23 @@ const Ze = ({
|
|
|
246
246
|
const V = Math.floor(T.length / 2), te = T.slice(0, V), ne = T.slice(V);
|
|
247
247
|
return /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col items-center", children: [
|
|
248
248
|
/* @__PURE__ */ p.jsxs("div", { className: "flex items-center", children: [
|
|
249
|
-
/* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((
|
|
249
|
+
/* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
|
|
250
250
|
/* @__PURE__ */ p.jsx("hr", { className: $("w-2 h-1 mx-2 border-neutral-default-default", o && "hidden") }),
|
|
251
|
-
/* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((
|
|
251
|
+
/* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, variant: w, className: b }, E)) })
|
|
252
252
|
] }),
|
|
253
|
-
f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1",
|
|
253
|
+
f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1", P, N.error.text), children: [
|
|
254
254
|
N.error.icon,
|
|
255
255
|
x
|
|
256
256
|
] }) : ge.cloneElement(x, { className: $(
|
|
257
257
|
"text-error-default-default text-xs mt-1",
|
|
258
|
-
|
|
258
|
+
P,
|
|
259
259
|
N.error.text,
|
|
260
260
|
x?.props?.className
|
|
261
261
|
) })),
|
|
262
|
-
v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text,
|
|
262
|
+
v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text, P), children: [
|
|
263
263
|
N[w].icon,
|
|
264
264
|
v
|
|
265
|
-
] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1",
|
|
265
|
+
] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
|
|
266
266
|
] });
|
|
267
267
|
}
|
|
268
268
|
}
|
|
@@ -294,8 +294,8 @@ const Je = (t) => {
|
|
|
294
294
|
]
|
|
295
295
|
}
|
|
296
296
|
);
|
|
297
|
-
},
|
|
298
|
-
|
|
297
|
+
}, se = Oe(Je);
|
|
298
|
+
se.displayName = "Slot";
|
|
299
299
|
export {
|
|
300
300
|
Ze as default
|
|
301
301
|
};
|
package/dist/RadioButton.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
2
|
import { c as t } from "./cn-B6yFEsav.js";
|
|
3
3
|
import { memo as x, forwardRef as k, useRef as g, useEffect as y } from "react";
|
|
4
|
-
import { H as j } from "./HelperComponent-
|
|
4
|
+
import { H as j } from "./HelperComponent-BeNlTMqI.js";
|
|
5
5
|
const s = k((n, a) => {
|
|
6
6
|
const r = g(null);
|
|
7
7
|
y(() => {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as s } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import {
|
|
2
|
+
import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
|
|
3
3
|
import { c as f } from "./cn-B6yFEsav.js";
|
|
4
4
|
import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Ze } from "react";
|
|
5
5
|
import et from "./Spinner.es.js";
|
|
6
6
|
import { createPortal as tt } from "react-dom";
|
|
7
7
|
import { u as nt } from "./useDragScroll-CHN9OMwn.js";
|
|
8
|
-
import { u as rt, I as lt } from "./Input-
|
|
9
|
-
import { H as ot } from "./HelperComponent-
|
|
8
|
+
import { u as rt, I as lt } from "./Input-Bdiozi8s.js";
|
|
9
|
+
import { H as ot } from "./HelperComponent-BeNlTMqI.js";
|
|
10
10
|
import st from "./CheckBox.es.js";
|
|
11
11
|
import Ke from "./Skeleton.es.js";
|
|
12
12
|
const at = {
|
package/dist/Select.es.js
CHANGED
package/dist/SelectSearch.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as G } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import { g as i, S as H } from "./Select-
|
|
2
|
+
import { g as i, S as H } from "./Select-L7JCe1-i.js";
|
|
3
3
|
import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
|
|
4
4
|
function te(e) {
|
|
5
5
|
const {
|
package/dist/Steps.es.js
CHANGED
package/dist/Toast.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
2
|
import w from "react";
|
|
3
3
|
import { toast as p } from "sonner";
|
|
4
|
-
import { c as
|
|
5
|
-
import {
|
|
4
|
+
import { c as s } from "./cn-B6yFEsav.js";
|
|
5
|
+
import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
|
|
6
6
|
import h from "./Button.es.js";
|
|
7
7
|
const x = {
|
|
8
8
|
dark: {
|
|
@@ -63,18 +63,18 @@ const x = {
|
|
|
63
63
|
shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
|
|
64
64
|
}
|
|
65
65
|
}, v = (l) => {
|
|
66
|
-
const { title:
|
|
66
|
+
const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: g = !1 } = l;
|
|
67
67
|
return /* @__PURE__ */ e.jsxs(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
70
70
|
style: {
|
|
71
|
-
boxShadow: i[
|
|
71
|
+
boxShadow: i[t].shadow
|
|
72
72
|
},
|
|
73
|
-
className:
|
|
73
|
+
className: s(
|
|
74
74
|
"flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
|
|
75
75
|
"w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
|
|
76
|
-
i[
|
|
77
|
-
x[
|
|
76
|
+
i[t].container,
|
|
77
|
+
x[t][d].container
|
|
78
78
|
),
|
|
79
79
|
children: [
|
|
80
80
|
/* @__PURE__ */ e.jsxs(
|
|
@@ -82,20 +82,20 @@ const x = {
|
|
|
82
82
|
{
|
|
83
83
|
className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
|
|
84
84
|
children: [
|
|
85
|
-
/* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[
|
|
85
|
+
/* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(c || x[t][d].icon, { size: 24, className: x[t][d].iconClass }) }),
|
|
86
86
|
/* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
|
|
87
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
88
|
-
o && /* @__PURE__ */ e.jsx("p", { className:
|
|
87
|
+
/* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
|
|
88
|
+
o && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", i[t].description), children: o })
|
|
89
89
|
] })
|
|
90
90
|
]
|
|
91
91
|
}
|
|
92
92
|
),
|
|
93
|
-
|
|
93
|
+
r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
|
|
94
94
|
h,
|
|
95
95
|
{
|
|
96
|
-
label:
|
|
96
|
+
label: r?.label,
|
|
97
97
|
onClick: () => {
|
|
98
|
-
|
|
98
|
+
r?.onClick(), p.dismiss(n);
|
|
99
99
|
},
|
|
100
100
|
size: "small",
|
|
101
101
|
color: "secondary"
|
|
@@ -110,28 +110,28 @@ const x = {
|
|
|
110
110
|
label: "",
|
|
111
111
|
size: "small",
|
|
112
112
|
color: "secondary",
|
|
113
|
-
icon: /* @__PURE__ */ e.jsx(C, { className:
|
|
113
|
+
icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
|
|
114
114
|
variant: "text",
|
|
115
115
|
animate: !1,
|
|
116
|
-
className:
|
|
116
|
+
className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
|
|
117
117
|
}
|
|
118
118
|
) })
|
|
119
119
|
]
|
|
120
120
|
}
|
|
121
121
|
);
|
|
122
122
|
};
|
|
123
|
-
function M(l,
|
|
124
|
-
const { duration: o = 2500, showClose:
|
|
123
|
+
function M(l, a) {
|
|
124
|
+
const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
|
|
125
125
|
return p.custom((c) => /* @__PURE__ */ e.jsx(
|
|
126
126
|
v,
|
|
127
127
|
{
|
|
128
128
|
id: c,
|
|
129
|
-
variant:
|
|
129
|
+
variant: a?.variant || "success",
|
|
130
130
|
title: l,
|
|
131
|
-
description:
|
|
132
|
-
icon:
|
|
133
|
-
button:
|
|
134
|
-
showClose:
|
|
131
|
+
description: a?.description,
|
|
132
|
+
icon: a?.icon,
|
|
133
|
+
button: a?.button,
|
|
134
|
+
showClose: r,
|
|
135
135
|
colorMode: n
|
|
136
136
|
}
|
|
137
137
|
), {
|
package/dist/Tooltip.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import {
|
|
2
|
+
import { Close as f } from "./Icons.es.js";
|
|
3
3
|
import { AnimatePresence as p, motion as n } from "framer-motion";
|
|
4
4
|
import { useState as x, cloneElement as b } from "react";
|
|
5
5
|
const N = ({
|
package/dist/exports/Icons.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { Icons } from '../Icons/Icons';
|
|
1
|
+
export * from '../Icons/Icons';
|
package/dist/index.d.ts
CHANGED
|
@@ -94,3 +94,4 @@ export type { BaseSelectSearchProps as SelectSearchProps } from './components/Se
|
|
|
94
94
|
export type { FAButtonProps } from './components/FAB/FAButton';
|
|
95
95
|
export type { RadioButtonProps } from './components/RadioButton/RadioButton';
|
|
96
96
|
export { Icons } from './Icons/Icons';
|
|
97
|
+
export * from './Icons/Icons';
|