prometeo-design-system 3.0.1 → 3.0.4

package/dist/prometeo-design-system.es.js

@@ -1,24 +1,24 @@
 import { default as Se } from "./Avatar.es.js";
 import { default as Ie } from "./Button.es.js";
-import { C as Be, a as Ae } from "./CardProfile-WHoeSibd.js";
+import { C as Be, a as Ae } from "./CardProfile-DUBuThnz.js";
 import { default as Te } from "./CheckBox.es.js";
 import { default as qe, useDialogControl as De } from "./DialogModal.es.js";
 import { default as ze, useDrawerDesktop as Fe } from "./DrawerDesktop.es.js";
 import { default as He, useDrawerMobile as Ue } from "./DrawerMobile.es.js";
 import { default as Me } from "./Header.es.js";
-import { I as Ve } from "./Input-Cf8P1QJv.js";
+import { I as Ve } from "./Input-ZXkhyFlL.js";
 import { default as _e } from "./InputMultiple.es.js";
 import { default as Ze } from "./Logo.es.js";
 import { default as Ke } from "./Menu.es.js";
 import { default as Ye } from "./Pagination.es.js";
 import { default as tt } from "./ProfilePictureUpload.es.js";
 import { default as rt } from "./ProgressBar.es.js";
-import { S as nt } from "./Select-DeKi15Iu.js";
-import { default as st } from "./Spinner.es.js";
+import { S as nt } from "./Select-DgUVs2c6.js";
+import { default as it } from "./Spinner.es.js";
 import { default as ct } from "./Steps.es.js";
 import { default as dt } from "./SwipeContainer.es.js";
 import { default as pt } from "./Switch.es.js";
-import { D as xt } from "./DatePicker-CbXUUnv7.js";
+import { D as xt } from "./DatePicker-CzpFYO6L.js";
 import { RecurrentDatePicker as yt } from "./RecurrentDatePicker.es.js";
 import { RecurrentDatePickerRRule as gt } from "./RecurrentDatePickerRRule.es.js";
 import { Table as wt, TableBody as Ct, TableCaption as jt, TableCell as Nt, TableFooter as St, TableHead as kt, TableHeader as It, TableRow as Rt } from "./Table.es.js";
@@ -29,7 +29,7 @@ import { default as Et } from "./Skeleton.es.js";
 import { default as Ft } from "./SegmentedButton.es.js";
 import { u as k } from "./LayoutGeneric-CbaoatQB.js";
 import { L as Ht, S as Ut } from "./LayoutGeneric-CbaoatQB.js";
-import { I as Mt } from "./ImageGallery-WKzUevOQ.js";
+import { I as Mt } from "./ImageGallery-DqUwjAKn.js";
 import { default as Vt } from "./Image.es.js";
 import { default as _t, toastpyrion as Xt } from "./Toast.es.js";
 import { default as Jt } from "./ToastProvider.es.js";
@@ -41,8 +41,8 @@ import { c as u } from "./cn-B6yFEsav.js";
 import T, { useRef as h, useState as g, useLayoutEffect as P, createContext as q, useContext as D, forwardRef as N, useEffect as v, useCallback as E } from "react";
 import { useGSAP as I } from "@gsap/react";
 import x from "gsap";
-import { CloseNavBarDesktop as w } from "./Icons.es.js";
-import { AccountCircle as oa, Add as na, ArrowLeft as ia, ArrowUpDown as sa, AttachFile as la, Boards as ca, Calendar as ua, Cancel as da, Check as fa, CheckCircle as pa, CheckList as ma, ChevronDown as xa, Clock as ba, Close as ya, Collapse as ha, Company as ga, Copy as va, CrevronLeft as wa, CrevronRight as Ca, DocumentFill as ja, Download as Na, Edit as Sa, EditFill as ka, Email as Ia, Error as Ra, EyeVisibility as Ba, EyeVisibilityOff as Aa, FaLock as La, FastForward as Ta, File as Pa, Filter as qa, FormatColorText as Da, Help as Ea, HistoryActivity as za, Home as Fa, Info as Oa, Logout as Ha, MessageSquare as Ua, MessageSquareFill as Wa, MoreVert as Ma, Notifications as $a, Pause as Va, Reload as Ga, Search as _a, Settings as Xa, Shared as Za, Sort as Ja, Stars as Ka, Ticket as Qa, TicketFilled as Ya, Trash as er, TrashFill as tr, Upload as ar, UploadCloud as rr, UserAdd as or, UserAddFill as nr, UserPerson as ir, WhatsApp as sr } from "./Icons.es.js";
+import { d as w } from "./Icons-BJgYCS_W.js";
+import { r as oa, m as na, A as sa, j as ia, t as la, B as ca, i as ua, O as da, C as fa, Q as pa, V as ma, g as xa, D as ba, a as ya, h as ha, a0 as ga, p as va, b as wa, c as Ca, $ as ja, Z as Na, n as Sa, a1 as ka, Y as Ia, E as Ra, w as Ba, x as Aa, q as La, G as Ta, X as Pa, F as qa, R as Da, e as Ea, u as za, H as Fa, I as Oa, L as Ha, v as Ua, a3 as Wa, M as Ma, N as $a, P as Va, _ as Ga, k as _a, S as Xa, f as Za, K as Ja, l as Ka, T as Qa, y as Ya, J as er, a2 as tr, o as ar, z as rr, s as or, a4 as nr, U as sr, W as ir } from "./Icons-BJgYCS_W.js";
 import { motion as b, AnimatePresence as R } from "framer-motion";
 import { default as cr } from "./OtpInput.es.js";
 import { useDropzone as z } from "react-dropzone";
@@ -107,19 +107,19 @@ const F = (t, e) => {
   className: r = "",
   width: n = "w-96",
   action: o,
-  primarySidebarCollapsed: s,
+  primarySidebarCollapsed: i,
   onClose: l
 }) => {
-  const c = h(null), [d, i] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: p } = k();
+  const c = h(null), [d, s] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: p } = k();
   return P(() => {
     if (f?.current && p?.current) {
       const m = f.current.getBoundingClientRect();
-      i({
+      s({
         left: m.width + p.current.offsetWidth,
         width: m.width
       });
     }
-  }, [f, e, s, p]), F(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [f, e, i, p]), F(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "div",
       {
@@ -164,14 +164,14 @@ const F = (t, e) => {
 }, M = ({
   children: t
 }) => {
-  const [e, r] = g(!1), [n, o] = g(!1), s = h(null), l = () => {
+  const [e, r] = g(!1), [n, o] = g(!1), i = h(null), l = () => {
     r(!1), o(!1);
   }, c = () => {
     r(!0), o(!1);
   }, m = {
     isCollapsed: e,
     setIsCollapsed: r,
-    navbarRef: s,
+    navbarRef: i,
     toggleCollapse: () => {
       e ? l() : c();
     },
@@ -508,11 +508,11 @@ const F = (t, e) => {
     ease: "power2.in"
   });
 }, X = N((t, e) => {
-  const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+  const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
   v(() => {
     o.current?.style.setProperty("--tab-bg", c);
   }, [c]);
-  const d = s.find((i) => i.name === (t?.currentTabName || r));
+  const d = i.find((s) => s.name === (t?.currentTabName || r));
   return /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -524,10 +524,10 @@ const F = (t, e) => {
         " border-r border-neutral-default-default",
         l
       ),
-      children: s.map(
-        (i) => {
-          const f = i.name === d?.name, p = typeof i.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: i.thumbnail, alt: i.description, className: "aspect-square object-contain" }) : i.thumbnail, m = () => {
-            i.disabled || (n(i.name), i.onClick && i.onClick(i.name));
+      children: i.map(
+        (s) => {
+          const f = s.name === d?.name, p = typeof s.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain" }) : s.thumbnail, m = () => {
+            s.disabled || (n(s.name), s.onClick && s.onClick(s.name));
           };
           return /* @__PURE__ */ a.jsx(
             "div",
@@ -547,25 +547,25 @@ const F = (t, e) => {
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                i?.className
+                s?.className
               ), children: p })
             },
-            i.name
+            s.name
           );
         }
       )
     }
   );
 }), Z = N(
-  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
-    const l = h(null), c = h(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = E((p) => {
-      l.current = p, typeof s == "function" ? s(p) : s && (s.current = p);
-    }, [s]);
+  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, i) => {
+    const l = h(null), c = h(null), { registerPrimarySidebar: d, registerTabBar: s } = k(), f = E((p) => {
+      l.current = p, typeof i == "function" ? i(p) : i && (i.current = p);
+    }, [i]);
     return v(() => {
       l.current && d(l);
     }, [d]), v(() => {
-      c.current && i(c);
-    }, [i]), $(l, e, !1), /* @__PURE__ */ a.jsxs(
+      c.current && s(c);
+    }, [s]), $(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
@@ -636,7 +636,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   label: r,
   href: n,
   onClick: o,
-  isActive: s = !1,
+  isActive: i = !1,
   className: l
 }) => {
   const c = n ? "a" : "button";
@@ -650,7 +650,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
         "flex items-center w-full px-3 py-2 text-left",
         "hover:bg-neutral-medium-default transition-colors rounded-lg",
         "focus:outline-none focus:ring-2 focus:ring-primary-default-default",
-        s && "bg-neutral-medium-default",
+        i && "bg-neutral-medium-default",
         l
       ),
       children: [
@@ -666,15 +666,15 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   className: r = "",
   size: n = "medium",
   variant: o = "primary",
-  showZero: s = !1
+  showZero: i = !1
 }) => {
   const l = t, c = l > e ? `+${e}` : l;
-  if (l === 0 && !s) return null;
+  if (l === 0 && !i) return null;
   const d = {
     small: "w-4.5 h-4.5 text-xs ",
     medium: "w-5 h-5 text-xs",
     large: "w-6 h-6 text-sm"
-  }, i = {
+  }, s = {
     primary: "bg-primary-default-default text-neutral-strong-default",
     secondary: "bg-neutral-medium-default text-neutral-strong-default",
     success: "bg-green-500 text-white",
@@ -684,7 +684,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   return /* @__PURE__ */ a.jsx("div", { className: u(
     "rounded-full flex items-center justify-center font-medium ",
     d[n],
-    i[o],
+    s[o],
     r
   ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
 }, xe = ({
@@ -692,7 +692,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   onClick: e,
   activeAction: r
 }) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
-  const { isView: s = !1, actionName: l, title: c, icon: d, count: i, viewAccess: f } = n || {}, p = (typeof s == "function" ? s() : s !== !1) && (!f || f()), m = r === l;
+  const { isView: i = !1, actionName: l, title: c, icon: d, count: s, viewAccess: f } = n || {}, p = (typeof i == "function" ? i() : i !== !1) && (!f || f()), m = r === l;
   return p && /* @__PURE__ */ a.jsx(
     b.div,
     {
@@ -767,7 +767,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                     ),
                     /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
                   ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: i && i >= 1 ? /* @__PURE__ */ a.jsx(A, { count: i, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(A, { count: s, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -782,7 +782,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   isLinkActive: e,
   onLinkClick: r
 }) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
-  const { isView: s = !1, viewAccess: l, path: c, title: d, icon: i, count: f, relatedPaths: p } = n, m = (typeof s == "function" ? s() : s !== !1) && (!l || l()), y = e(c) || (p?.some(
+  const { isView: i = !1, viewAccess: l, path: c, title: d, icon: s, count: f, relatedPaths: p } = n, m = (typeof i == "function" ? i() : i !== !1) && (!l || l()), y = e(c) || (p?.some(
     (L) => e(L)
   ) ?? !1);
   return m && /* @__PURE__ */ a.jsx(
@@ -848,7 +848,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof i == "function" ? i({
+                        children: typeof s == "function" ? s({
                           size: 24,
                           className: u(
                             "nav-icon transition-colors duration-250 ease-out",
@@ -906,8 +906,8 @@ function we({
   ...r
 }) {
   const n = T.useCallback(
-    (s, l) => {
-      s.length > 0 && t?.(s), l.length > 0 && e?.(l);
+    (i, l) => {
+      i.length > 0 && t?.(i), l.length > 0 && e?.(l);
     },
     [t, e]
   ), o = z({
@@ -942,8 +942,8 @@ const Ce = (t, e = !0) => {
 export {
   oa as AccountCircle,
   na as Add,
-  ia as ArrowLeft,
-  sa as ArrowUpDown,
+  sa as ArrowLeft,
+  ia as ArrowUpDown,
   la as AttachFile,
   Se as Avatar,
   A as Badge,
@@ -1028,7 +1028,7 @@ export {
   Ut as SidebarRefProvider,
   Et as Skeleton,
   Ja as Sort,
-  st as Spinner,
+  it as Spinner,
   Ka as Stars,
   ct as Steps,
   dt as SwipeContainer,
@@ -1054,8 +1054,8 @@ export {
   rr as UploadCloud,
   or as UserAdd,
   nr as UserAddFill,
-  ir as UserPerson,
-  sr as WhatsApp,
+  sr as UserPerson,
+  ir as WhatsApp,
   Xt as toastpyrion,
   ye as useActionsNavbar,
   Ce as useClickOutside,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "3.0.1",
+  "version": "3.0.4",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -125,6 +125,10 @@
       "types": "./dist/Icons.d.ts",
       "import": "./dist/Icons.es.js"
     },
+    "./Icons/Home": {
+      "types": "./dist/Icons/Home.d.ts",
+      "import": "./dist/Icons/Home.es.js"
+    },
     "./InputMultiple": {
       "types": "./dist/InputMultiple.d.ts",
       "import": "./dist/InputMultiple.es.js"