prometeo-design-system 2.8.1 → 2.8.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/Button.es.js +5 -5
- package/dist/{CardProfile-CHUivLbW.js → CardProfile-WHoeSibd.js} +28 -28
- package/dist/CardProfile.es.js +1 -1
- package/dist/CheckBox.es.js +4 -4
- package/dist/DatePicker.es.js +68 -68
- package/dist/DrawerDesktop.es.js +9 -9
- package/dist/DropZone.es.js +32 -32
- package/dist/FAButton.es.js +2 -2
- package/dist/HelperComponent-BeNlTMqI.js +24 -0
- package/dist/Icons/Icons.d.ts +2 -2
- package/dist/Icons.es.js +1053 -2
- package/dist/{ImageGallery-TkgHO3JL.js → ImageGallery-WKzUevOQ.js} +43 -43
- package/dist/ImageGallery.es.js +1 -1
- package/dist/{Input-CsNlU1Hu.js → Input-Bdiozi8s.js} +7 -14
- package/dist/Input.es.js +1 -1
- package/dist/InputMultiple.es.js +51 -51
- package/dist/Logo.es.js +3 -3
- package/dist/Menu.es.js +2 -2
- package/dist/OtpInput.es.js +68 -68
- package/dist/Pagination.es.js +1 -1
- package/dist/RadioButton.es.js +1 -1
- package/dist/{Select-D7Cs1OlG.js → Select-DpnghyhT.js} +4 -4
- package/dist/Select.es.js +1 -1
- package/dist/SelectSearch.es.js +1 -1
- package/dist/Steps.es.js +14 -14
- package/dist/TabLinks.es.js +2 -2
- package/dist/Table.es.js +2 -2
- package/dist/Toast.es.js +23 -23
- package/dist/Tooltip.es.js +7 -7
- package/dist/components/Spinner/SpinnerV2.d.ts +12 -0
- package/dist/components/Toaster/Toaster.d.ts +3 -3
- package/dist/exports/Icons.d.ts +1 -1
- package/dist/index.d.ts +0 -12
- package/dist/prometeo-design-system.css +1 -1
- package/dist/prometeo-design-system.es.js +111 -122
- package/package.json +1 -23
- package/dist/CheckboxFormik.d.ts +0 -6
- package/dist/CheckboxFormik.es.js +0 -88
- package/dist/HelperComponent-CcGxM09g.js +0 -24
- package/dist/Icons-ChYkaR8R.js +0 -899
- package/dist/InputFormik.d.ts +0 -6
- package/dist/InputFormik.es.js +0 -213
- package/dist/InputFormikV2.d.ts +0 -6
- package/dist/InputFormikV2.es.js +0 -41
- package/dist/RadioButtonFormik.d.ts +0 -2
- package/dist/RadioButtonFormik.es.js +0 -30
- package/dist/SelectFormik.d.ts +0 -6
- package/dist/SelectFormik.es.js +0 -62
- package/dist/SelectFormikLegacy.d.ts +0 -6
- package/dist/SelectFormikLegacy.es.js +0 -194
- package/dist/components/CheckboxFormik/CheckboxFormik.d.ts +0 -12
- package/dist/components/InputFormik/InputFormik.d.ts +0 -23
- package/dist/components/InputFormik/InputFormikV2.d.ts +0 -6
- package/dist/components/RadioButtonFormik/RadioButtonFormik.d.ts +0 -8
- package/dist/components/SelectFormik/SelectFormik.d.ts +0 -8
- package/dist/components/SelectFormik/SelectFormikLegacy.d.ts +0 -21
- package/dist/exports/CheckboxFormik.d.ts +0 -2
- package/dist/exports/InputFormik.d.ts +0 -2
- package/dist/exports/InputFormikV2.d.ts +0 -2
- package/dist/exports/RadioButtonFormik.d.ts +0 -1
- package/dist/exports/SelectFormik.d.ts +0 -2
- package/dist/exports/SelectFormikLegacy.d.ts +0 -2
- package/dist/pages/Autocomplete.page.d.ts +0 -2
- package/dist/pages/ButtonsPage.d.ts +0 -2
- package/dist/pages/DatePicker.d.ts +0 -2
- package/dist/pages/DialogPage.d.ts +0 -2
- package/dist/pages/DrawersPage.d.ts +0 -2
- package/dist/pages/ImagesPage.d.ts +0 -2
- package/dist/pages/OtpPage.d.ts +0 -2
- package/dist/pages/RecurrentDatePicker.page.d.ts +0 -2
- package/dist/pages/SelectsPage.d.ts +0 -2
- package/dist/pages/Skeletons.d.ts +0 -2
- package/dist/pages/ToastsPage.d.ts +0 -2
- package/dist/preview/AutocompletePreview.d.ts +0 -2
- package/dist/preview/ButtonPreview.d.ts +0 -2
- package/dist/preview/DialogModalPreview.d.ts +0 -2
- package/dist/preview/DrawerMobilePreview.d.ts +0 -2
- package/dist/preview/Dropzone.d.ts +0 -2
- package/dist/preview/FABPreview.d.ts +0 -2
- package/dist/preview/IconsPreview.d.ts +0 -2
- package/dist/preview/ImagePreview.d.ts +0 -2
- package/dist/preview/InputsPreviews.d.ts +0 -2
- package/dist/preview/Layout.d.ts +0 -2
- package/dist/preview/OTPPreview.d.ts +0 -2
- package/dist/preview/RadioButtonPreview.d.ts +0 -2
- package/dist/preview/RecurrentDatePickerPreview.d.ts +0 -2
- package/dist/preview/SegmentedButtonPreview.d.ts +0 -2
- package/dist/preview/SelectPreview/CustomFooterExample.d.ts +0 -2
- package/dist/preview/SelectPreview/SelectGroupedOptionsPreview.d.ts +0 -2
- package/dist/preview/SelectPreview/SelectPreview.d.ts +0 -2
- package/dist/preview/SidebarPreview.d.ts +0 -2
- package/dist/preview/StepsPreview.d.ts +0 -2
- package/dist/preview/SwitchPreview.d.ts +0 -2
- package/dist/preview/TabLinks.d.ts +0 -2
- package/dist/preview/TablePreview.d.ts +0 -2
- package/dist/preview/TextArea.d.ts +0 -2
- package/dist/preview/ToastsPreview.d.ts +0 -2
|
@@ -1,56 +1,51 @@
|
|
|
1
1
|
import { default as Se } from "./Avatar.es.js";
|
|
2
2
|
import { default as Ie } from "./Button.es.js";
|
|
3
|
-
import { C as Re, a as Le } from "./CardProfile-
|
|
3
|
+
import { C as Re, a as Le } from "./CardProfile-WHoeSibd.js";
|
|
4
4
|
import { default as Ae } from "./CheckBox.es.js";
|
|
5
|
-
import { default as qe } from "./
|
|
6
|
-
import { default as De,
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { default as Ze } from "./
|
|
12
|
-
import {
|
|
13
|
-
import { default as Ye } from "./
|
|
14
|
-
import {
|
|
15
|
-
import { default as rt } from "./
|
|
16
|
-
import {
|
|
17
|
-
import { default as st } from "./
|
|
18
|
-
import {
|
|
19
|
-
import { default as dt } from "./
|
|
20
|
-
import {
|
|
21
|
-
import { default as xt } from "./
|
|
22
|
-
import {
|
|
23
|
-
import { default as
|
|
24
|
-
import {
|
|
25
|
-
import { default as
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import { default as Dt } from "./TextArea.es.js";
|
|
29
|
-
import { default as Ot } from "./Tooltip.es.js";
|
|
30
|
-
import { Skeleton as Ht } from "./Skeleton.es.js";
|
|
31
|
-
import { SegmentedButton as $t } from "./SegmentedButton.es.js";
|
|
5
|
+
import { default as qe, useDialogControl as ze } from "./DialogModal.es.js";
|
|
6
|
+
import { default as De, useDrawerDesktop as Oe } from "./DrawerDesktop.es.js";
|
|
7
|
+
import { default as We, useDrawerMobile as $e } from "./DrawerMobile.es.js";
|
|
8
|
+
import { default as Fe } from "./Header.es.js";
|
|
9
|
+
import { I as Ge } from "./Input-Bdiozi8s.js";
|
|
10
|
+
import { InputMultiple as _e } from "./InputMultiple.es.js";
|
|
11
|
+
import { default as Ze } from "./Logo.es.js";
|
|
12
|
+
import { Menu as Ke } from "./Menu.es.js";
|
|
13
|
+
import { default as Ye } from "./Pagination.es.js";
|
|
14
|
+
import { ProfilePictureUpload as tt } from "./ProfilePictureUpload.es.js";
|
|
15
|
+
import { default as rt } from "./ProgressBar.es.js";
|
|
16
|
+
import { S as nt } from "./Select-DpnghyhT.js";
|
|
17
|
+
import { default as st } from "./Spinner.es.js";
|
|
18
|
+
import { Steps as ct } from "./Steps.es.js";
|
|
19
|
+
import { default as dt } from "./SwipeContainer.es.js";
|
|
20
|
+
import { Switch as mt } from "./Switch.es.js";
|
|
21
|
+
import { default as xt } from "./DatePicker.es.js";
|
|
22
|
+
import { Table as yt, TableBody as gt, TableCaption as vt, TableCell as ht, TableFooter as wt, TableHead as jt, TableHeader as Nt, TableRow as Ct } from "./Table.es.js";
|
|
23
|
+
import { default as kt } from "./TabLinks.es.js";
|
|
24
|
+
import { default as Bt } from "./TextArea.es.js";
|
|
25
|
+
import { default as Lt } from "./Tooltip.es.js";
|
|
26
|
+
import { Skeleton as At } from "./Skeleton.es.js";
|
|
27
|
+
import { SegmentedButton as qt } from "./SegmentedButton.es.js";
|
|
32
28
|
import { u as k } from "./LayoutGeneric-CbaoatQB.js";
|
|
33
|
-
import { L as
|
|
34
|
-
import { I as
|
|
35
|
-
import { default as
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as
|
|
40
|
-
import {
|
|
41
|
-
import { RadioButtonFormik as la } from "./RadioButtonFormik.es.js";
|
|
42
|
-
import { RadioButton as ua } from "./RadioButton.es.js";
|
|
29
|
+
import { L as Et, S as Dt } from "./LayoutGeneric-CbaoatQB.js";
|
|
30
|
+
import { I as Ht } from "./ImageGallery-WKzUevOQ.js";
|
|
31
|
+
import { default as $t } from "./Image.es.js";
|
|
32
|
+
import { default as Ft, toastpyrion as Ut } from "./Toast.es.js";
|
|
33
|
+
import { default as Vt } from "./ToastProvider.es.js";
|
|
34
|
+
import { default as Xt } from "./SelectSearch.es.js";
|
|
35
|
+
import { default as Jt } from "./FAButton.es.js";
|
|
36
|
+
import { RadioButton as Qt } from "./RadioButton.es.js";
|
|
43
37
|
import { j as a } from "./jsx-runtime-DKDX3adD.js";
|
|
44
38
|
import { c as u } from "./cn-B6yFEsav.js";
|
|
45
|
-
import A, { useRef as
|
|
39
|
+
import A, { useRef as g, useState as v, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as h, useCallback as E } from "react";
|
|
46
40
|
import { useGSAP as I } from "@gsap/react";
|
|
47
41
|
import x from "gsap";
|
|
48
|
-
import {
|
|
42
|
+
import { CloseNavBarDesktop as w } from "./Icons.es.js";
|
|
43
|
+
import { Icons as ea } from "./Icons.es.js";
|
|
49
44
|
import { motion as b, AnimatePresence as B } from "framer-motion";
|
|
50
|
-
import { default as
|
|
51
|
-
import { useDropzone as
|
|
52
|
-
import { useIsMobile as
|
|
53
|
-
import { DropZone as
|
|
45
|
+
import { default as aa } from "./OtpInput.es.js";
|
|
46
|
+
import { useDropzone as D } from "react-dropzone";
|
|
47
|
+
import { useIsMobile as oa } from "./useDevice.es.js";
|
|
48
|
+
import { DropZone as ia } from "./DropZone.es.js";
|
|
54
49
|
const O = (t, e) => {
|
|
55
50
|
I(
|
|
56
51
|
() => {
|
|
@@ -113,7 +108,7 @@ const O = (t, e) => {
|
|
|
113
108
|
primarySidebarCollapsed: s,
|
|
114
109
|
onClose: l
|
|
115
110
|
}) => {
|
|
116
|
-
const c =
|
|
111
|
+
const c = g(null), [d, i] = v({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
|
|
117
112
|
return P(() => {
|
|
118
113
|
if (f?.current && m?.current) {
|
|
119
114
|
const p = f.current.getBoundingClientRect();
|
|
@@ -151,12 +146,12 @@ const O = (t, e) => {
|
|
|
151
146
|
}
|
|
152
147
|
)
|
|
153
148
|
] }) });
|
|
154
|
-
},
|
|
149
|
+
}, H = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("h-16 ", e), children: t }), W = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), $ = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), M = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
|
|
155
150
|
Root: S,
|
|
156
|
-
Header:
|
|
157
|
-
Content:
|
|
158
|
-
Footer:
|
|
159
|
-
Spacer:
|
|
151
|
+
Header: H,
|
|
152
|
+
Content: W,
|
|
153
|
+
Footer: $,
|
|
154
|
+
Spacer: M
|
|
160
155
|
}), R = q(
|
|
161
156
|
void 0
|
|
162
157
|
), fe = () => {
|
|
@@ -164,10 +159,10 @@ const O = (t, e) => {
|
|
|
164
159
|
if (!t)
|
|
165
160
|
throw new Error("useSidebar must be used within a Sidebar.Root");
|
|
166
161
|
return t;
|
|
167
|
-
},
|
|
162
|
+
}, F = ({
|
|
168
163
|
children: t
|
|
169
164
|
}) => {
|
|
170
|
-
const [e, r] =
|
|
165
|
+
const [e, r] = v(!1), [n, o] = v(!1), s = g(null), l = () => {
|
|
171
166
|
r(!1), o(!1);
|
|
172
167
|
}, c = () => {
|
|
173
168
|
r(!0), o(!1);
|
|
@@ -232,11 +227,11 @@ const O = (t, e) => {
|
|
|
232
227
|
secondaryBarContent: x.utils.toArray(".secondary-bar *"),
|
|
233
228
|
badgeInLink: x.utils.toArray(".badge-in-link")
|
|
234
229
|
};
|
|
235
|
-
e ?
|
|
230
|
+
e ? G(n, o) : V(n, o), o.secondaryBar && _(o.secondaryBar);
|
|
236
231
|
},
|
|
237
232
|
{ scope: t, dependencies: [e, r] }
|
|
238
233
|
);
|
|
239
|
-
},
|
|
234
|
+
}, G = (t, e) => {
|
|
240
235
|
t.to(e.navbar, {
|
|
241
236
|
width: "5rem",
|
|
242
237
|
duration: 0.2,
|
|
@@ -375,7 +370,7 @@ const O = (t, e) => {
|
|
|
375
370
|
},
|
|
376
371
|
-1
|
|
377
372
|
);
|
|
378
|
-
},
|
|
373
|
+
}, V = (t, e) => {
|
|
379
374
|
t.to(e.navbar, { width: "20rem" }, -1).to(
|
|
380
375
|
e.navLinkItems,
|
|
381
376
|
{
|
|
@@ -511,7 +506,7 @@ const O = (t, e) => {
|
|
|
511
506
|
ease: "power2.in"
|
|
512
507
|
});
|
|
513
508
|
}, X = C((t, e) => {
|
|
514
|
-
const [r, n] =
|
|
509
|
+
const [r, n] = v(t?.currentTabName || t.tabs[0].name), o = g(null), { tabs: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
|
|
515
510
|
h(() => {
|
|
516
511
|
o.current?.style.setProperty("--tab-bg", c);
|
|
517
512
|
}, [c]);
|
|
@@ -561,7 +556,7 @@ const O = (t, e) => {
|
|
|
561
556
|
);
|
|
562
557
|
}), Z = C(
|
|
563
558
|
({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
|
|
564
|
-
const l =
|
|
559
|
+
const l = g(null), c = g(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = E((m) => {
|
|
565
560
|
l.current = m, typeof s == "function" ? s(m) : s && (s.current = m);
|
|
566
561
|
}, [s]);
|
|
567
562
|
return h(() => {
|
|
@@ -598,7 +593,7 @@ const O = (t, e) => {
|
|
|
598
593
|
);
|
|
599
594
|
}
|
|
600
595
|
), N = C(
|
|
601
|
-
(t, e) => /* @__PURE__ */ a.jsx(
|
|
596
|
+
(t, e) => /* @__PURE__ */ a.jsx(F, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
|
|
602
597
|
);
|
|
603
598
|
N.displayName = "SidebarRoot";
|
|
604
599
|
const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ a.jsx(
|
|
@@ -609,7 +604,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
609
604
|
title: t ? "Expandir Navbar" : "Contraer Navbar",
|
|
610
605
|
"aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
|
|
611
606
|
className: "cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",
|
|
612
|
-
children: t ? /* @__PURE__ */ a.jsx(w
|
|
607
|
+
children: t ? /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-0 transition-transform duration-300" })
|
|
613
608
|
}
|
|
614
609
|
) }), K = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: `${e} sidebar-header`, children: t }), Q = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("px-3 flex justify-center items-center w-full mb-4", t), children: /* @__PURE__ */ a.jsx("div", { className: "border-b border-neutral-strong-default border w-full" }) }), Y = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), ee = ({ className: t, size: e = "auto" }) => {
|
|
615
610
|
const r = () => {
|
|
@@ -843,7 +838,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
843
838
|
/* @__PURE__ */ a.jsx(
|
|
844
839
|
b.div,
|
|
845
840
|
{
|
|
846
|
-
className: "nav-icon-wrapper flex items-center justify-center
|
|
841
|
+
className: "nav-icon-wrapper flex items-center justify-center shrink-0",
|
|
847
842
|
animate: {
|
|
848
843
|
scale: y ? 1.05 : 1
|
|
849
844
|
},
|
|
@@ -877,13 +872,13 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
877
872
|
setIsActiveModalNotification: e
|
|
878
873
|
}) => ({ handleNotificationClick: () => {
|
|
879
874
|
e(!0);
|
|
880
|
-
}, isActiveModalNotification: t }),
|
|
881
|
-
const e =
|
|
875
|
+
}, isActiveModalNotification: t }), ge = (t) => {
|
|
876
|
+
const e = g(null);
|
|
882
877
|
return {
|
|
883
878
|
isCollapsed: t,
|
|
884
879
|
navbarRef: e
|
|
885
880
|
};
|
|
886
|
-
},
|
|
881
|
+
}, ve = ({
|
|
887
882
|
isCollapsed: t,
|
|
888
883
|
onToggle: e
|
|
889
884
|
}) => /* @__PURE__ */ a.jsx("div", { className: "", children: /* @__PURE__ */ a.jsx(
|
|
@@ -893,7 +888,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
893
888
|
title: t ? "Expandir Navbar" : "Contraer Navbar",
|
|
894
889
|
"aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
|
|
895
890
|
className: "cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",
|
|
896
|
-
children: t ? /* @__PURE__ */ a.jsx(w
|
|
891
|
+
children: t ? /* @__PURE__ */ a.jsx(w, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 34, className: "rotate-0 transition-transform duration-300" })
|
|
897
892
|
}
|
|
898
893
|
) }), he = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ a.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ a.jsx(
|
|
899
894
|
"img",
|
|
@@ -913,7 +908,7 @@ function we({
|
|
|
913
908
|
s.length > 0 && t?.(s), l.length > 0 && e?.(l);
|
|
914
909
|
},
|
|
915
910
|
[t, e]
|
|
916
|
-
), o =
|
|
911
|
+
), o = D({
|
|
917
912
|
onDrop: n,
|
|
918
913
|
...r
|
|
919
914
|
});
|
|
@@ -923,7 +918,7 @@ function we({
|
|
|
923
918
|
};
|
|
924
919
|
}
|
|
925
920
|
const je = (t, e = !0) => {
|
|
926
|
-
const r =
|
|
921
|
+
const r = g(null);
|
|
927
922
|
return h(() => {
|
|
928
923
|
if (!e) return;
|
|
929
924
|
const n = (o) => {
|
|
@@ -949,71 +944,65 @@ export {
|
|
|
949
944
|
Re as CardProfile,
|
|
950
945
|
Le as ChangueAccount,
|
|
951
946
|
Ae as CheckBox,
|
|
952
|
-
qe as CheckboxFormik,
|
|
953
947
|
he as CompanyLogo,
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
Ye as Logo,
|
|
970
|
-
tt as Menu,
|
|
948
|
+
xt as DatePicker,
|
|
949
|
+
qe as DialogModal,
|
|
950
|
+
De as DrawerDesktop,
|
|
951
|
+
We as DrawerMobile,
|
|
952
|
+
ia as DropZone,
|
|
953
|
+
Jt as FAButton,
|
|
954
|
+
Fe as Header,
|
|
955
|
+
ea as Icons,
|
|
956
|
+
$t as Image,
|
|
957
|
+
Ht as ImageGallery,
|
|
958
|
+
Ge as Input,
|
|
959
|
+
_e as InputMultiple,
|
|
960
|
+
Et as LayoutGeneric,
|
|
961
|
+
Ze as Logo,
|
|
962
|
+
Ke as Menu,
|
|
971
963
|
xe as NavBarActions,
|
|
972
|
-
|
|
964
|
+
ve as NavbarCollapseButton,
|
|
973
965
|
be as NavbarLinks,
|
|
974
966
|
pe as NavigationLink,
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
la as RadioButtonFormik,
|
|
967
|
+
aa as OtpInput,
|
|
968
|
+
Ye as Pagination,
|
|
969
|
+
tt as ProfilePictureUpload,
|
|
970
|
+
rt as ProgressBar,
|
|
971
|
+
Qt as RadioButton,
|
|
981
972
|
de as SecondaryBar,
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
dt as SelectFormikLegacy,
|
|
986
|
-
aa as SelectSearch,
|
|
973
|
+
qt as SegmentedButton,
|
|
974
|
+
nt as Select,
|
|
975
|
+
Xt as SelectSearch,
|
|
987
976
|
me as Sidebar,
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
977
|
+
F as SidebarProvider,
|
|
978
|
+
Dt as SidebarRefProvider,
|
|
979
|
+
At as Skeleton,
|
|
980
|
+
st as Spinner,
|
|
981
|
+
ct as Steps,
|
|
982
|
+
dt as SwipeContainer,
|
|
983
|
+
mt as Switch,
|
|
984
|
+
kt as TabLinks,
|
|
985
|
+
yt as Table,
|
|
986
|
+
gt as TableBody,
|
|
987
|
+
vt as TableCaption,
|
|
988
|
+
ht as TableCell,
|
|
989
|
+
wt as TableFooter,
|
|
990
|
+
jt as TableHead,
|
|
991
|
+
Nt as TableHeader,
|
|
992
|
+
Ct as TableRow,
|
|
993
|
+
Bt as TextArea,
|
|
994
|
+
Ft as Toast,
|
|
995
|
+
Vt as ToastProvider,
|
|
996
|
+
Lt as Tooltip,
|
|
997
|
+
Ut as toastpyrion,
|
|
1009
998
|
ye as useActionsNavbar,
|
|
1010
999
|
je as useClickOutside,
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1000
|
+
ze as useDialogControl,
|
|
1001
|
+
Oe as useDrawerDesktop,
|
|
1002
|
+
$e as useDrawerMobile,
|
|
1014
1003
|
we as useFileDropzone,
|
|
1015
|
-
|
|
1016
|
-
|
|
1004
|
+
oa as useIsMobile,
|
|
1005
|
+
ge as useNavbarCollapse,
|
|
1017
1006
|
fe as useSidebar,
|
|
1018
1007
|
k as useSidebarContext
|
|
1019
1008
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "prometeo-design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.8.
|
|
4
|
+
"version": "2.8.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "design kit system",
|
|
7
7
|
"main": "dist/prometeo-design-system.umd.js",
|
|
@@ -33,10 +33,6 @@
|
|
|
33
33
|
"types": "./dist/CheckBox.d.ts",
|
|
34
34
|
"import": "./dist/CheckBox.es.js"
|
|
35
35
|
},
|
|
36
|
-
"./CheckboxFormik": {
|
|
37
|
-
"types": "./dist/CheckboxFormik.d.ts",
|
|
38
|
-
"import": "./dist/CheckboxFormik.es.js"
|
|
39
|
-
},
|
|
40
36
|
"./DialogModal": {
|
|
41
37
|
"types": "./dist/DialogModal.d.ts",
|
|
42
38
|
"import": "./dist/DialogModal.es.js"
|
|
@@ -57,10 +53,6 @@
|
|
|
57
53
|
"types": "./dist/Input.d.ts",
|
|
58
54
|
"import": "./dist/Input.es.js"
|
|
59
55
|
},
|
|
60
|
-
"./InputFormik": {
|
|
61
|
-
"types": "./dist/InputFormik.d.ts",
|
|
62
|
-
"import": "./dist/InputFormik.es.js"
|
|
63
|
-
},
|
|
64
56
|
"./Logo": {
|
|
65
57
|
"types": "./dist/Logo.d.ts",
|
|
66
58
|
"import": "./dist/Logo.es.js"
|
|
@@ -85,10 +77,6 @@
|
|
|
85
77
|
"types": "./dist/Select.d.ts",
|
|
86
78
|
"import": "./dist/Select.es.js"
|
|
87
79
|
},
|
|
88
|
-
"./SelectFormik": {
|
|
89
|
-
"types": "./dist/SelectFormik.d.ts",
|
|
90
|
-
"import": "./dist/SelectFormik.es.js"
|
|
91
|
-
},
|
|
92
80
|
"./Spinner": {
|
|
93
81
|
"types": "./dist/Spinner.d.ts",
|
|
94
82
|
"import": "./dist/Spinner.es.js"
|
|
@@ -157,10 +145,6 @@
|
|
|
157
145
|
"types": "./dist/Image.d.ts",
|
|
158
146
|
"import": "./dist/Image.es.js"
|
|
159
147
|
},
|
|
160
|
-
"./InputFormikV2": {
|
|
161
|
-
"types": "./dist/InputFormikV2.d.ts",
|
|
162
|
-
"import": "./dist/InputFormikV2.es.js"
|
|
163
|
-
},
|
|
164
148
|
"./SelectSearch": {
|
|
165
149
|
"types": "./dist/SelectSearch.d.ts",
|
|
166
150
|
"import": "./dist/SelectSearch.es.js"
|
|
@@ -177,10 +161,6 @@
|
|
|
177
161
|
"types": "./dist/RadioButton.d.ts",
|
|
178
162
|
"import": "./dist/RadioButton.es.js"
|
|
179
163
|
},
|
|
180
|
-
"./RadioButtonFormik": {
|
|
181
|
-
"types": "./dist/RadioButtonFormik.d.ts",
|
|
182
|
-
"import": "./dist/RadioButtonFormik.es.js"
|
|
183
|
-
},
|
|
184
164
|
"./styles": "./dist/prometeo-design-system.css",
|
|
185
165
|
"./intellisense": "./src/styles/intellisense.css"
|
|
186
166
|
},
|
|
@@ -244,7 +224,6 @@
|
|
|
244
224
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
245
225
|
"eslint-plugin-react-refresh": "^0.4.20",
|
|
246
226
|
"eslint-plugin-storybook": "^9.1.3",
|
|
247
|
-
"formik": "^2.4.6",
|
|
248
227
|
"framer-motion": "^12.23.22",
|
|
249
228
|
"globals": "^16.3.0",
|
|
250
229
|
"gsap": "^3.13.0",
|
|
@@ -272,7 +251,6 @@
|
|
|
272
251
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
273
252
|
"@gsap/react": "^2.0.0",
|
|
274
253
|
"clsx": "^2.0.0",
|
|
275
|
-
"formik": "^2.4.6",
|
|
276
254
|
"framer-motion": "^12.0.0",
|
|
277
255
|
"gsap": "^3.12.5",
|
|
278
256
|
"react": "^19.0.0",
|
package/dist/CheckboxFormik.d.ts
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import { I as x } from "./Icons-ChYkaR8R.js";
|
|
3
|
-
import { c as r } from "./cn-B6yFEsav.js";
|
|
4
|
-
import { useField as h, ErrorMessage as p } from "formik";
|
|
5
|
-
import { useState as b } from "react";
|
|
6
|
-
const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: s = !1, ...t }) => {
|
|
7
|
-
const [a, l] = h({ ...t, type: "checkbox" }), [u, i] = b(!1), n = l.touched && l.error;
|
|
8
|
-
return /* @__PURE__ */ e.jsxs("div", { className: r("relative w-full", m), children: [
|
|
9
|
-
/* @__PURE__ */ e.jsxs(
|
|
10
|
-
"label",
|
|
11
|
-
{
|
|
12
|
-
htmlFor: o || t.name,
|
|
13
|
-
className: r(
|
|
14
|
-
"flex items-center gap-3 cursor-pointer transition-all duration-200 ease-in-out",
|
|
15
|
-
s ? "cursor-default opacity-60" : "hover:opacity-80",
|
|
16
|
-
d
|
|
17
|
-
),
|
|
18
|
-
children: [
|
|
19
|
-
/* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
|
|
20
|
-
/* @__PURE__ */ e.jsx(
|
|
21
|
-
"input",
|
|
22
|
-
{
|
|
23
|
-
id: o || t.name,
|
|
24
|
-
type: "checkbox",
|
|
25
|
-
name: a.name,
|
|
26
|
-
checked: a.value || !1,
|
|
27
|
-
onChange: a.onChange,
|
|
28
|
-
onFocus: () => {
|
|
29
|
-
i(!0), t.onFocus?.();
|
|
30
|
-
},
|
|
31
|
-
onBlur: (f) => {
|
|
32
|
-
i(!1), t.onBlur?.(), a.onBlur(f);
|
|
33
|
-
},
|
|
34
|
-
disabled: s,
|
|
35
|
-
className: r(
|
|
36
|
-
"sr-only"
|
|
37
|
-
)
|
|
38
|
-
}
|
|
39
|
-
),
|
|
40
|
-
/* @__PURE__ */ e.jsx(
|
|
41
|
-
"div",
|
|
42
|
-
{
|
|
43
|
-
className: r(
|
|
44
|
-
"w-5 h-5 rounded border-2 transition-all duration-200 ease-in-out flex items-center justify-center",
|
|
45
|
-
a.value ? "bg-primary-default-default border-primary-default-default" : u ? "border-primary-default-default bg-transparent" : n ? "border-error-default-default bg-transparent" : "border-neutral-default-default bg-transparent hover:border-neutral-strong-default",
|
|
46
|
-
s && "bg-neutral-medium-default border-neutral-medium-default"
|
|
47
|
-
),
|
|
48
|
-
children: a.value && /* @__PURE__ */ e.jsx(
|
|
49
|
-
x.Check,
|
|
50
|
-
{
|
|
51
|
-
size: 14,
|
|
52
|
-
className: r(
|
|
53
|
-
"text-white transition-all duration-200 ease-in-out",
|
|
54
|
-
s && "text-neutral-strong-default"
|
|
55
|
-
)
|
|
56
|
-
}
|
|
57
|
-
)
|
|
58
|
-
}
|
|
59
|
-
)
|
|
60
|
-
] }),
|
|
61
|
-
/* @__PURE__ */ e.jsx("span", { className: `${u}`, children: " " }),
|
|
62
|
-
/* @__PURE__ */ e.jsx(
|
|
63
|
-
"span",
|
|
64
|
-
{
|
|
65
|
-
className: r(
|
|
66
|
-
"text-sm transition-colors duration-200 ease-in-out select-none",
|
|
67
|
-
n && "text-error-default-default",
|
|
68
|
-
s && "text-neutral-medium-default"
|
|
69
|
-
),
|
|
70
|
-
children: c
|
|
71
|
-
}
|
|
72
|
-
)
|
|
73
|
-
]
|
|
74
|
-
}
|
|
75
|
-
),
|
|
76
|
-
n && /* @__PURE__ */ e.jsx(
|
|
77
|
-
p,
|
|
78
|
-
{
|
|
79
|
-
name: t.name,
|
|
80
|
-
component: "span",
|
|
81
|
-
className: "block text-error-default-default text-xs mt-1"
|
|
82
|
-
}
|
|
83
|
-
)
|
|
84
|
-
] });
|
|
85
|
-
};
|
|
86
|
-
export {
|
|
87
|
-
k as default
|
|
88
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { j as e } from "./jsx-runtime-DKDX3adD.js";
|
|
2
|
-
import { memo as i } from "react";
|
|
3
|
-
import { c as a } from "./cn-B6yFEsav.js";
|
|
4
|
-
import { I as t } from "./Icons-ChYkaR8R.js";
|
|
5
|
-
const m = (s) => {
|
|
6
|
-
const { variant: r, className: l } = s, c = {
|
|
7
|
-
default: "text-neutral-medium-default pt-[1px]",
|
|
8
|
-
error: "text-error-medium-default pt-[1px]",
|
|
9
|
-
success: "text-success-medium-default"
|
|
10
|
-
}, o = {
|
|
11
|
-
default: /* @__PURE__ */ e.jsx(t.Info, { size: 16, className: "text-neutral-medium-default " }),
|
|
12
|
-
error: /* @__PURE__ */ e.jsx(t.Error, { size: 16, className: "text-error-medium-default" }),
|
|
13
|
-
success: /* @__PURE__ */ e.jsx(t.Check, { size: 16, className: "text-success-medium-default" })
|
|
14
|
-
};
|
|
15
|
-
return /* @__PURE__ */ e.jsx("div", { ref: s.ref, className: a("pl-3 mt-1", l), children: typeof s.children == "string" ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-0.5 items-start", children: [
|
|
16
|
-
o[r],
|
|
17
|
-
/* @__PURE__ */ e.jsx("p", { className: a(" prometeo-fonts-body-small", c[r]), children: s.children })
|
|
18
|
-
] }) : s.children });
|
|
19
|
-
};
|
|
20
|
-
m.displayName = "HelperText";
|
|
21
|
-
const f = i(m);
|
|
22
|
-
export {
|
|
23
|
-
f as H
|
|
24
|
-
};
|