prometeo-design-system 2.4.1 → 2.4.3

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

@@ -1,8 +1,8 @@
 import { default as Se } from "./Avatar.es.js";
-import { B as Ie } from "./Button-DsbEyjth.js";
-import { C as Re, a as Le } from "./CardProfile-Fn44kEnM.js";
-import { default as Pe } from "./CheckBox.es.js";
-import { default as Te } from "./CheckboxFormik.es.js";
+import { B as Ie } from "./Button-Bc0LYLfg.js";
+import { C as Re, a as Le } from "./CardProfile-BhHJmvqs.js";
+import { default as Te } from "./CheckBox.es.js";
+import { default as qe } from "./CheckboxFormik.es.js";
 import { default as De, useDialogControl as Ee } from "./DialogModal.es.js";
 import { default as He, useDrawerDesktop as We } from "./DrawerDesktop.es.js";
 import { default as Fe, useDrawerMobile as Me } from "./DrawerMobile.es.js";
@@ -20,30 +20,32 @@ import { default as dt } from "./SelectFormikLegacy.es.js";
 import { default as mt } from "./SelectFormik.es.js";
 import { default as xt } from "./Spinner.es.js";
 import { Steps as vt } from "./Steps.es.js";
-import { default as yt } from "./SwipeContainer.es.js";
+import { default as gt } from "./SwipeContainer.es.js";
 import { Switch as wt } from "./Switch.es.js";
 import { default as Nt } from "./DatePicker.es.js";
-import { Table as St, TableBody as kt, TableCaption as It, TableCell as Bt, TableFooter as Rt, TableHead as Lt, TableHeader as At, TableRow as Pt } from "./Table.es.js";
-import { default as Tt } from "./TabLinks.es.js";
+import { Table as St, TableBody as kt, TableCaption as It, TableCell as Bt, TableFooter as Rt, TableHead as Lt, TableHeader as Pt, TableRow as Tt } from "./Table.es.js";
+import { default as qt } from "./TabLinks.es.js";
 import { default as Dt } from "./TextArea.es.js";
 import { default as Ot } from "./Tooltip.es.js";
 import { Skeleton as Wt } from "./Skeleton.es.js";
 import { SegmentedButton as Ft } from "./SegmentedButton.es.js";
-import { u as S } from "./LayoutGeneric-p4Pll4Cm.js";
-import { L as Ut, S as Gt } from "./LayoutGeneric-p4Pll4Cm.js";
-import { I as _t } from "./ImageGallery-DnoRTpCr.js";
+import { u as S } from "./LayoutGeneric-jDE96L2N.js";
+import { L as Ut, S as Gt } from "./LayoutGeneric-jDE96L2N.js";
+import { I as _t } from "./ImageGallery-BeADef_g.js";
 import { default as Zt } from "./Image.es.js";
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { default as Kt, toastpyrion as Qt } from "./Toast.es.js";
+import { default as ea } from "./ToastProvider.es.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { c as u } from "./cn-B6yFEsav.js";
-import P, { useRef as g, useState as y, useLayoutEffect as q, createContext as T, useContext as z, useEffect as N, forwardRef as k, useCallback as D } from "react";
+import T, { useRef as y, useState as g, useLayoutEffect as A, createContext as q, useContext as z, useEffect as N, forwardRef as k, useCallback as D } from "react";
 import { useGSAP as I } from "@gsap/react";
 import m from "gsap";
 import { Icons as h } from "./Icons.es.js";
 import { motion as b, AnimatePresence as B } from "framer-motion";
-import { default as Kt } from "./OtpInput.es.js";
+import { default as aa } from "./OtpInput.es.js";
 import { useDropzone as E } from "react-dropzone";
-import { useIsMobile as Yt } from "./useDevice.es.js";
-import { DropZone as ta } from "./DropZone.es.js";
+import { useIsMobile as oa } from "./useDevice.es.js";
+import { DropZone as ia } from "./DropZone.es.js";
 const O = (t, e) => {
   I(
     () => {
@@ -106,8 +108,8 @@ const O = (t, e) => {
   primarySidebarCollapsed: i,
   onClose: s
 }) => {
-  const c = g(null), [l, d] = y({ left: 0, width: 0 }), { primarySidebarRef: f } = S();
-  return q(() => {
+  const c = y(null), [l, d] = g({ left: 0, width: 0 }), { primarySidebarRef: f } = S();
+  return A(() => {
     if (f?.current) {
       const x = f.current.getBoundingClientRect();
       d({
@@ -150,7 +152,7 @@ const O = (t, e) => {
   Content: W,
   Footer: $,
   Spacer: F
-}), R = T(
+}), R = q(
   void 0
 ), fe = () => {
   const t = z(R);
@@ -160,7 +162,7 @@ const O = (t, e) => {
 }, M = ({
   children: t
 }) => {
-  const [e, r] = y(!1), [o, n] = y(!1), i = g(null), s = () => {
+  const [e, r] = g(!1), [o, n] = g(!1), i = y(null), s = () => {
     r(!1), n(!1);
   }, c = () => {
     r(!0), n(!1);
@@ -504,7 +506,7 @@ const O = (t, e) => {
     ease: "power2.in"
   });
 }, X = (t) => {
-  const [e, r] = y(t?.currentTabName || t.tabs[0].name), o = g(null), { tabs: n = [], className: i, activeColor: s = "var(--neutral-900)" } = t;
+  const [e, r] = g(t?.currentTabName || t.tabs[0].name), o = y(null), { tabs: n = [], className: i, activeColor: s = "var(--neutral-900)" } = t;
   N(() => {
     o.current?.style.setProperty("--tab-bg", s);
   }, [s]);
@@ -553,7 +555,7 @@ const O = (t, e) => {
   );
 }, Z = k(
   ({ children: t, isCollapsed: e = !1, className: r = "", tabs: o = [], currentTabName: n }, i) => {
-    const s = g(null), { registerPrimarySidebar: c } = S(), l = D((d) => {
+    const s = y(null), { registerPrimarySidebar: c } = S(), l = D((d) => {
       s.current = d, typeof i == "function" ? i(d) : i && (i.current = d);
     }, [i]);
     return N(() => {
@@ -768,7 +770,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   onLinkClick: r
 }) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
   const { isView: i = !1, viewAccess: s, path: c, title: l, icon: d, count: f, relatedPaths: x } = o, p = (typeof i == "function" ? i() : i !== !1) && (!s || s()), v = e(c) || (x?.some(
-    (A) => e(A)
+    (P) => e(P)
   ) ?? !1);
   return p && /* @__PURE__ */ a.jsx(
     b.div,
@@ -859,13 +861,13 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), ge = (t) => {
-  const e = g(null);
+}, isActiveModalNotification: t }), ye = (t) => {
+  const e = y(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, ye = ({
+}, ge = ({
   isCollapsed: t,
   onToggle: e
 }) => /* @__PURE__ */ a.jsx("div", { className: "", children: /* @__PURE__ */ a.jsx(
@@ -890,7 +892,7 @@ function we({
   onFilesRejected: e,
   ...r
 }) {
-  const o = P.useCallback(
+  const o = T.useCallback(
     (i, s) => {
       i.length > 0 && t?.(i), s.length > 0 && e?.(s);
     },
@@ -905,7 +907,7 @@ function we({
   };
 }
 const je = (t, e = !0) => {
-  const r = g(null);
+  const r = y(null);
   return N(() => {
     if (!e) return;
     const o = (n) => {
@@ -930,14 +932,14 @@ export {
   Ie as Button,
   Re as CardProfile,
   Le as ChangueAccount,
-  Pe as CheckBox,
-  Te as CheckboxFormik,
+  Te as CheckBox,
+  qe as CheckboxFormik,
   he as CompanyLogo,
   Nt as DatePicker,
   De as DialogModal,
   He as DrawerDesktop,
   Fe as DrawerMobile,
-  ta as DropZone,
+  ia as DropZone,
   Ge as Header,
   h as Icons,
   Zt as Image,
@@ -949,10 +951,10 @@ export {
   Ye as Logo,
   tt as Menu,
   xe as NavBarActions,
-  ye as NavbarCollapseButton,
+  ge as NavbarCollapseButton,
   be as NavbarLinks,
   pe as NavigationLink,
-  Kt as OtpInput,
+  aa as OtpInput,
   rt as Pagination,
   nt as ProfilePictureUpload,
   st as ProgressBar,
@@ -967,27 +969,30 @@ export {
   Wt as Skeleton,
   xt as Spinner,
   vt as Steps,
-  yt as SwipeContainer,
+  gt as SwipeContainer,
   wt as Switch,
-  Tt as TabLinks,
+  qt as TabLinks,
   St as Table,
   kt as TableBody,
   It as TableCaption,
   Bt as TableCell,
   Rt as TableFooter,
   Lt as TableHead,
-  At as TableHeader,
-  Pt as TableRow,
+  Pt as TableHeader,
+  Tt as TableRow,
   Dt as TextArea,
+  Kt as Toast,
+  ea as ToastProvider,
   Ot as Tooltip,
+  Qt as toastpyrion,
   ve as useActionsNavbar,
   je as useClickOutside,
   Ee as useDialogControl,
   We as useDrawerDesktop,
   Me as useDrawerMobile,
   we as useFileDropzone,
-  Yt as useIsMobile,
-  ge as useNavbarCollapse,
+  oa as useIsMobile,
+  ye as useNavbarCollapse,
   fe as useSidebar,
   S as useSidebarContext
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.4.1",
+  "version": "2.4.3",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",

package/src/styles/intellisense.css

@@ -115,8 +115,10 @@
 @utility bg-primary-dark { --intellisense-bg-primary-dark: 1; }
 @utility bg-neutral { --intellisense-bg-neutral: 1; }
 @utility bg-neutral-default-default { --intellisense-bg-neutral-default-default: 1; }
+@utility bg-neutral-default-default-light { --intellisense-bg-neutral-default-default-light: 1; }
 @utility bg-neutral-default-pressed { --intellisense-bg-neutral-default-pressed: 1; }
 @utility bg-neutral-default-hover { --intellisense-bg-neutral-default-hover: 1; }
+@utility bg-neutral-default-hover-light { --intellisense-bg-neutral-default-hover-light: 1; }
 @utility bg-neutral-strong { --intellisense-bg-neutral-strong: 1; }
 @utility bg-neutral-strong-default { --intellisense-bg-neutral-strong-default: 1; }
 @utility bg-neutral-strong-medium-default { --intellisense-bg-neutral-strong-medium-default: 1; }
@@ -182,6 +184,7 @@
 @utility border-error-default-disabled { --intellisense-border-error-default-disabled: 1; }
 @utility border-warning { --intellisense-border-warning: 1; }
 @utility border-warning-default-focused { --intellisense-border-warning-default-focused: 1; }
+@utility border-warning-default-default { --intellisense-border-warning-default-default: 1; }
 @utility icon-neutral-default-default { --intellisense-icon-neutral-default-default: 1; }
 @utility icon-neutral-medium-default { --intellisense-icon-neutral-medium-default: 1; }
 @utility icon-neutral-medium-focused { --intellisense-icon-neutral-medium-focused: 1; }

package/dist/components/Toaster/PrometeoProviderToas.d.ts

@@ -1,6 +0,0 @@
-import { ToasterProps } from 'sonner';
-interface IPrometeoProviderToast extends Omit<ToasterProps, 'position' | 'richColors'> {
-    nada?: string;
-}
-declare const PrometeoProviderToast: ({ ...props }: IPrometeoProviderToast) => import("react/jsx-runtime").JSX.Element;
-export default PrometeoProviderToast;

package/dist/components/Toaster/Toast.d.ts

@@ -1,3 +0,0 @@
-import { ToasterPrometeo } from './Toaster';
-declare const Toast: (toast: Omit<ToasterPrometeo, "id">) => string | number;
-export default Toast;