prometeo-design-system 2.4.1 → 2.4.3

package/dist/SelectFormik.es.js

@@ -1,4 +1,4 @@
-import { j as m } from "./jsx-runtime-DKDX3adD.js";
+import { j as m } from "./jsx-runtime-ByW6EXIE.js";
 import { useField as s } from "formik";
 import i from "./Select.es.js";
 const p = (e) => {

package/dist/SelectFormikLegacy.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as g } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { useField as $, ErrorMessage as q } from "formik";

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as E } from "./jsx-runtime-DKDX3adD.js";
+import { j as E } from "./jsx-runtime-ByW6EXIE.js";
 import { c as B } from "./cn-B6yFEsav.js";
 import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { memo as w, useRef as b } from "react";
 import { motion as c } from "framer-motion";

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as x } from "framer-motion";
 import { memo as N } from "react";
 import { c as r } from "./cn-B6yFEsav.js";
@@ -80,8 +80,7 @@ function c({
 }
 c.displayName = "TabLinks";
 const C = N(c, (t, e) => {
-  if (t.activeTab !== e.activeTab || t.className !== e.className || t.tabClassName !== e.tabClassName || t.activeTabClassName !== e.activeTabClassName || t.indicatorClassName !== e.indicatorClassName || t.animated !== e.animated || t.onTabChange !== e.onTabChange || // ✅ AGREGAR ESTO
-  t.renderTab !== e.renderTab || t.items.length !== e.items.length)
+  if (t.activeTab !== e.activeTab || t.className !== e.className || t.tabClassName !== e.tabClassName || t.activeTabClassName !== e.activeTabClassName || t.indicatorClassName !== e.indicatorClassName || t.animated !== e.animated || t.onTabChange !== e.onTabChange || t.renderTab !== e.renderTab || t.items.length !== e.items.length)
     return !1;
   for (let i = 0; i < t.items.length; i++) {
     const l = t.items[i], d = e.items[i];

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-DKDX3adD.js";
+import { j as y } from "./jsx-runtime-ByW6EXIE.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Toast.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/Toast'
+export {}
+import PrometeoDesignSystem from './exports/Toast'
+export default PrometeoDesignSystem
+export * from './exports/Toast'
+export {}

package/dist/Toast.es.js

@@ -0,0 +1,145 @@
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import b from "react";
+import { toast as p } from "sonner";
+import { Icons as m } from "./Icons.es.js";
+import { c as s } from "./cn-B6yFEsav.js";
+import { B as u } from "./Button-Bc0LYLfg.js";
+const x = {
+  dark: {
+    success: {
+      container: "border-b-[2px] border-success-default-default",
+      iconClass: "text-success-medium-default",
+      icon: "CheckCircle"
+    },
+    error: {
+      container: "border-b-[2px] border-error-default-default",
+      iconClass: "text-error-medium-default",
+      icon: "Cancel"
+    },
+    warning: {
+      container: "border-b-[2px] border-warning-default-default",
+      iconClass: "text-warning-medium-default",
+      icon: "Error"
+    },
+    info: {
+      container: " border-b-[2px] border-primary-default-default",
+      iconClass: "text-primary-default-default",
+      icon: "Info"
+    }
+  },
+  light: {
+    success: {
+      container: "",
+      iconClass: "text-success-default-pressed",
+      icon: "CheckCircle"
+    },
+    error: {
+      container: "",
+      iconClass: "text-error-medium-pressed",
+      icon: "Cancel"
+    },
+    warning: {
+      container: "",
+      iconClass: "text-warning-medium-pressed",
+      icon: "Error"
+    },
+    info: {
+      container: "",
+      iconClass: "text-primary-default-pressed",
+      icon: "Info"
+    }
+  }
+}, i = {
+  dark: {
+    container: "bg-neutral-default-default",
+    title: "text-neutral-strong-default",
+    description: "text-neutral-default-default",
+    shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),0px 15px 20px 0px rgba(0, 0, 0, 0.25),0px 0px 10px 0px rgba(0, 0, 0, 0.4),0px 6px 20px 0px rgba(229, 229, 235, 0.03) inset"
+  },
+  light: {
+    container: "bg-neutral-default-default-light",
+    title: "text-neutral-weak-default",
+    description: "text-neutral-medium-focused",
+    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"
+  }
+}, h = (l) => {
+  const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: f = !1 } = l;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      style: {
+        boxShadow: i[t].shadow
+      },
+      className: s(
+        "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",
+        "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
+        i[t].container,
+        x[t][d].container
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: b.createElement(m[x[t][d].icon || c], { size: 24, className: x[t][d].iconClass }) }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
+                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", i[t].title), children: a }),
+                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 })
+              ] })
+            ]
+          }
+        ),
+        r?.label && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+          u,
+          {
+            label: r?.label,
+            onClick: () => {
+              r?.onClick(), p.dismiss(n);
+            },
+            size: "small",
+            color: "secondary"
+          }
+        ) }),
+        f && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+          u,
+          {
+            onClick: () => {
+              p.dismiss(n);
+            },
+            label: "",
+            size: "small",
+            color: "secondary",
+            icon: /* @__PURE__ */ e.jsx(m.Close, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            variant: "text",
+            animate: !1,
+            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+          }
+        ) })
+      ]
+    }
+  );
+};
+function y(l, a) {
+  const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
+  return p.custom((c) => /* @__PURE__ */ e.jsx(
+    h,
+    {
+      id: c,
+      variant: a?.variant || "success",
+      title: l,
+      description: a?.description,
+      icon: a?.icon,
+      button: a?.button,
+      showClose: r,
+      colorMode: n
+    }
+  ), {
+    duration: o,
+    unstyled: !0
+  });
+}
+export {
+  h as default,
+  y as toastpyrion
+};

package/dist/ToastProvider.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/ToastProvider'
+export {}
+import PrometeoDesignSystem from './exports/ToastProvider'
+export default PrometeoDesignSystem
+export * from './exports/ToastProvider'
+export {}

package/dist/ToastProvider.es.js

@@ -0,0 +1,6 @@
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { Toaster as r } from "sonner";
+const i = ({ ...o }) => /* @__PURE__ */ t.jsx(r, { ...o, position: "bottom-right", richColors: !1, theme: "light" });
+export {
+  i as default
+};

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

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

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

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

@@ -1,42 +1,34 @@
-import { ReactNode } from 'react';
-declare const toastVariants: {
-    readonly success: {
-        readonly background: "linear-gradient(to right, oklch(0.7 0.15 145) 0%, #27272A 100%)";
-        readonly color: "oklch(0.95 0.02 145)";
-        readonly boxShadow: "0 10px 25px -5px oklch(0.4 0.15 145 / 0.4), 0 4px 6px -2px oklch(0.3 0.1 145 / 0.3)";
-    };
-    readonly error: {
-        readonly background: "linear-gradient(to right, oklch(0.65 0.25 25) 0%, #27272A 100%)";
-        readonly color: "oklch(0.95 0.02 25)";
-        readonly boxShadow: "0 10px 25px -5px oklch(0.4 0.25 25 / 0.4), 0 4px 6px -2px oklch(0.3 0.2 25 / 0.3)";
-    };
-    readonly warning: {
-        readonly background: "linear-gradient(to right, oklch(0.75 0.15 85) 0%, #27272A 100%)";
-        readonly color: "oklch(0.95 0.02 85)";
-        readonly boxShadow: "0 10px 25px -5px oklch(0.5 0.15 85 / 0.4), 0 4px 6px -2px oklch(0.4 0.1 85 / 0.3)";
-    };
-    readonly info: {
-        readonly background: "linear-gradient(to right, oklch(0.65 0.2 250) 0%, #27272A 100%)";
-        readonly color: "oklch(0.95 0.02 250)";
-        readonly boxShadow: "0 10px 25px -5px oklch(0.4 0.2 250 / 0.4), 0 4px 6px -2px oklch(0.3 0.15 250 / 0.3)";
+import { Icons } from '../../Icons/Icons';
+import { ColorMode } from '../Shared/types';
+type ToastElementsProps = {
+    container: string;
+    iconClass: string;
+    icon: keyof typeof Icons;
+};
+type ToastVarians = 'success' | 'error' | 'warning' | 'info';
+type ToastVariantClassnames = {
+    dark: {
+        [key in ToastVarians]: ToastElementsProps;
     };
-    readonly custom: {
-        readonly background: "linear-gradient(to right, oklch(0.7 0.2 280) 0%, #27272A 100%)";
-        readonly color: "oklch(0.95 0.02 280)";
-        readonly boxShadow: "0 10px 25px -5px oklch(0.4 0.15 280 / 0.3), 0 4px 6px -2px oklch(0.3 0.1 280 / 0.2)";
+    light: {
+        [key in ToastVarians]: ToastElementsProps;
     };
 };
-export interface ToasterPrometeo {
+declare const toastVariants: ToastVariantClassnames;
+export interface PyrionToastProps {
     id: string | number;
-    variant: keyof typeof toastVariants;
+    variant?: keyof typeof toastVariants['dark'];
     title?: string;
-    description: string;
-    icon?: ReactNode;
+    description?: string;
+    icon?: keyof typeof Icons;
     duration?: number;
     button?: {
         label?: string;
         onClick: () => void;
     };
+    colorMode?: ColorMode;
+    showClose?: boolean;
 }
-declare const Toaster: (props: ToasterPrometeo) => import("react/jsx-runtime").JSX.Element;
-export default Toaster;
+declare const PyrionToast: (props: PyrionToastProps) => import("react/jsx-runtime").JSX.Element;
+export default PyrionToast;
+export declare function toastpyrion(title: string, options?: Omit<PyrionToastProps, 'id'>): string | number;

package/dist/exports/DrawerDesktop.d.ts

@@ -1,2 +1,4 @@
 export { default } from '../components/Drawer/DrawerDesktop';
 export { useDrawerDesktop } from '../components/Drawer/useDrawerDesktop';
+export type { DrawerDesktopProps } from '../components/Drawer/DrawerDesktop';
+export type { DrawerDesktopHandle } from '../components/Drawer/DrawerDesktop';

package/dist/exports/DrawerMobile.d.ts

@@ -1,2 +1,4 @@
 export { default } from '../components/Drawer/DrawerMobile';
 export { useDrawerMobile } from '../components/Drawer/useDrawerMobile';
+export type { DrawerMobileProps } from '../components/Drawer/DrawerMobile';
+export type { DrawerMobileHandle } from '../components/Drawer/DrawerMobile';

package/dist/exports/Select.d.ts

@@ -1,2 +1,5 @@
 export { default } from '../components/Select/Select';
 export type { SelectProps } from '../components/Select/Select';
+export type { CustomSelectionDisplayProps } from '../components/Select/Select';
+export type { CustomSelectOptionRendererProps } from '../components/Select/Select';
+export type { SelectOptionType } from '../components/Select/Select';

package/dist/exports/Toast.d.ts

@@ -0,0 +1,3 @@
+export { default } from '../components/Toaster/Toaster';
+export type { PyrionToastProps } from '../components/Toaster/Toaster';
+export { toastpyrion } from '../components/Toaster/Toaster';

package/dist/exports/ToastProvider.d.ts

@@ -0,0 +1,2 @@
+export type { IToastProvider } from '../components/Toaster/ToastProvider';
+export { default } from '../components/Toaster/ToastProvider';

package/dist/index.d.ts

@@ -33,6 +33,9 @@ export { default as SegmentedButton } from './components/SegmentedButton/Segment
 export { default as LayoutGeneric } from './components/Layout/LayoutGeneric';
 export { default as ImageGallery } from './components/Image/ImageGallery';
 export { default as Image } from './components/Image/Image';
+export { default as Toast } from './components/Toaster/Toaster';
+export { default as ToastProvider } from './components/Toaster/ToastProvider';
+export { toastpyrion } from './components/Toaster/Toaster';
 export * from './components/Sidebar';
 export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export { Badge } from './components/Sidebar/components/badge';
@@ -76,7 +79,7 @@ export type { ISelectFormik, ISelectFormikOption, } from './components/SelectFor
 export type { SelectFormikProps } from './components/SelectFormik/SelectFormik';
 export type { DialogHandle } from './components/Dialog/Dialog';
 export { DropZone } from './components/DropZone/DropZone';
-export type { ToasterPrometeo } from './components/Toaster/Toaster';
+export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
 export type { LayoutGenericProps } from './components/Layout/LayoutGeneric';
 export type { CountdownProgressProps } from './components/ProgressBar/ProgressBar';
 export type { IToolTipProps } from './components/Tooltip/Tootip';