prometeo-design-system 2.7.8 → 2.8.1

package/dist/Toast.es.js

@@ -1,52 +1,52 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import w from "react";
+import b from "react";
 import { toast as p } from "sonner";
+import { I as m } from "./Icons-ChYkaR8R.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import { Info as m, Error as u, Cancel as f, CheckCircle as b, Close as C } from "./Icons.es.js";
-import h from "./Button.es.js";
+import u from "./Button.es.js";
 const x = {
   dark: {
     success: {
       container: "border-b-[2px] border-success-default-default",
       iconClass: "text-success-medium-default",
-      icon: b
+      icon: "CheckCircle"
     },
     error: {
       container: "border-b-[2px] border-error-default-default",
       iconClass: "text-error-medium-default",
-      icon: f
+      icon: "Cancel"
     },
     warning: {
       container: "border-b-[2px] border-warning-default-default",
       iconClass: "text-warning-medium-default",
-      icon: u
+      icon: "Error"
     },
     info: {
       container: " border-b-[2px] border-primary-default-default",
       iconClass: "text-primary-default-default",
-      icon: m
+      icon: "Info"
     }
   },
   light: {
     success: {
       container: "",
       iconClass: "text-success-default-pressed",
-      icon: b
+      icon: "CheckCircle"
     },
     error: {
       container: "",
       iconClass: "text-error-medium-pressed",
-      icon: f
+      icon: "Cancel"
     },
     warning: {
       container: "",
       iconClass: "text-warning-medium-pressed",
-      icon: u
+      icon: "Error"
     },
     info: {
       container: "",
       iconClass: "text-primary-default-pressed",
-      icon: m
+      icon: "Info"
     }
   }
 }, i = {
@@ -62,8 +62,8 @@ const x = {
     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"
   }
-}, v = (l) => {
-  const { title: a, description: o, button: r, id: n, icon: c, variant: d = "info", colorMode: t = "dark", showClose: g = !1 } = l;
+}, 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",
     {
@@ -82,7 +82,7 @@ const x = {
           {
             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: w.createElement(c || x[t][d].icon, { size: 24, className: x[t][d].iconClass }) }),
+              /* @__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 })
@@ -90,8 +90,8 @@ const x = {
             ]
           }
         ),
-        r?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-          h,
+        r?.label && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+          u,
           {
             label: r?.label,
             onClick: () => {
@@ -101,8 +101,8 @@ const x = {
             color: "secondary"
           }
         ) }),
-        g && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-          h,
+        f && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+          u,
           {
             onClick: () => {
               p.dismiss(n);
@@ -110,7 +110,7 @@ const x = {
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            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 " : "")
@@ -120,10 +120,10 @@ const x = {
     }
   );
 };
-function M(l, a) {
+function y(l, a) {
   const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
   return p.custom((c) => /* @__PURE__ */ e.jsx(
-    v,
+    h,
     {
       id: c,
       variant: a?.variant || "success",
@@ -140,6 +140,6 @@ function M(l, a) {
   });
 }
 export {
-  v as default,
-  M as toastpyrion
+  h as default,
+  y as toastpyrion
 };

package/dist/Tooltip.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Close as f } from "./Icons.es.js";
-import { AnimatePresence as p, motion as n } from "framer-motion";
-import { useState as x, cloneElement as b } from "react";
+import { AnimatePresence as f, motion as n } from "framer-motion";
+import { useState as p, cloneElement as x } from "react";
+import { I as b } from "./Icons-ChYkaR8R.js";
 const N = ({
   title: i,
   trigger: o,
@@ -9,7 +9,7 @@ const N = ({
   position: t = "top",
   component: c
 }) => {
-  const [s, l] = x(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
+  const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
     onMouseEnter: m,
     onMouseLeave: a
   } : {
@@ -21,8 +21,8 @@ const N = ({
     right: "left-full top-1/2 -translate-y-1/2 ml-2"
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
-    b(r, u),
-    /* @__PURE__ */ e.jsx(p, { children: s && /* @__PURE__ */ e.jsx(
+    x(r, u),
+    /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
       n.div,
       {
         initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
@@ -49,7 +49,7 @@ const N = ({
               className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
               whileHover: { scale: 1.1 },
               whileTap: { scale: 0.95 },
-              children: /* @__PURE__ */ e.jsx(f, { size: 14, className: "text-white" })
+              children: /* @__PURE__ */ e.jsx(b.Close, { size: 14, className: "text-white" })
             }
           )
         ] })

package/dist/components/CheckBox/CheckBox.d.ts

@@ -3,8 +3,9 @@ export type CheckBoxProps = {
     className?: string;
     disabled?: boolean;
 } & HTMLProps<HTMLInputElement>;
-declare const _default: import('react').MemoExoticComponent<{
-    ({ className, disabled, ...rest }: CheckBoxProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
+interface ICheckBox extends CheckBoxProps {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+}
+declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

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

@@ -1,9 +1,9 @@
+import { Icons } from '../../Icons/Icons';
 import { ColorMode } from '../Shared/types';
-import { IconComponent } from '../../Icons/Icons';
 type ToastElementsProps = {
     container: string;
     iconClass: string;
-    icon: IconComponent;
+    icon: keyof typeof Icons;
 };
 type ToastVarians = 'success' | 'error' | 'warning' | 'info';
 type ToastVariantClassnames = {
@@ -20,7 +20,7 @@ export interface PyrionToastProps {
     variant?: keyof typeof toastVariants['dark'];
     title?: string;
     description?: string;
-    icon?: IconComponent;
+    icon?: keyof typeof Icons;
     duration?: number;
     button?: {
         label?: string;

package/dist/exports/Icons.d.ts

@@ -1 +1 @@
-export * from '../Icons/Icons';
+export { Icons } from '../Icons/Icons';