prometeo-design-system 2.9.9 → 3.0.0

package/dist/Toast.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import w from "react";
 import { toast as p } from "sonner";
-import { c as s } from "./cn-B6yFEsav.js";
+import { c as o } 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";
 const x = {
@@ -49,7 +49,7 @@ const x = {
       icon: m
     }
   }
-}, i = {
+}, l = {
   dark: {
     container: "bg-neutral-default-default",
     title: "text-neutral-strong-default",
@@ -62,19 +62,19 @@ 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;
+}, v = (c) => {
+  const { title: a, description: n, button: r, id: i, icon: d, variant: s = "info", colorMode: t = "dark", showClose: g = !1 } = c;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
-        boxShadow: i[t].shadow
+        boxShadow: l[t].shadow
       },
-      className: s(
+      className: o(
         "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
+        l[t].container,
+        x[t][s].container
       ),
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -82,10 +82,10 @@ 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: w.createElement(d || x[t][s].icon, { size: 24, className: x[t][s].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 })
+                /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[t].title), children: a }),
+                n && /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[t].description), children: n })
               ] })
             ]
           }
@@ -95,7 +95,7 @@ const x = {
           {
             label: r?.label,
             onClick: () => {
-              r?.onClick(), p.dismiss(n);
+              r?.onClick(), p.dismiss(i);
             },
             size: "small",
             color: "secondary"
@@ -105,37 +105,38 @@ const x = {
           h,
           {
             onClick: () => {
-              p.dismiss(n);
+              p.dismiss(i);
             },
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ e.jsx(C, { className: o(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 " : "")
+            className: o(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
           }
         ) })
       ]
     }
   );
 };
-function M(l, a) {
-  const { duration: o = 2500, showClose: r = !1, colorMode: n = "dark" } = a || {};
-  return p.custom((c) => /* @__PURE__ */ e.jsx(
+function M(c, a) {
+  const { duration: n = 2500, showClose: r = !1, colorMode: i = "dark", position: d } = a || {};
+  return p.custom((s) => /* @__PURE__ */ e.jsx(
     v,
     {
-      id: c,
+      id: s,
       variant: a?.variant || "success",
-      title: l,
+      title: c,
       description: a?.description,
       icon: a?.icon,
       button: a?.button,
       showClose: r,
-      colorMode: n
+      colorMode: i
     }
   ), {
-    duration: o,
+    duration: n,
+    position: d,
     unstyled: !0
   });
 }

package/dist/components/NavigationDrawer/NavigationDrawer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface NavigationDrawerProps {
+    children?: ReactNode;
+}
+declare const NavigationDrawer: import('react').MemoExoticComponent<(props: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element>;
+export default NavigationDrawer;

package/dist/components/NavigationDrawer/index.d.ts

@@ -0,0 +1,2 @@
+import { default as NavigationDrawer } from './NavigationDrawer';
+export default NavigationDrawer;

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

@@ -15,6 +15,7 @@ type ToastVariantClassnames = {
     };
 };
 declare const toastVariants: ToastVariantClassnames;
+type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
 export interface PyrionToastProps {
     id: string | number;
     variant?: keyof typeof toastVariants['dark'];
@@ -28,6 +29,7 @@ export interface PyrionToastProps {
     };
     colorMode?: ColorMode;
     showClose?: boolean;
+    position?: ToastPosition;
 }
 declare const PyrionToast: (props: PyrionToastProps) => import("react/jsx-runtime").JSX.Element;
 export default PyrionToast;

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

@@ -748,7 +748,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                     /* @__PURE__ */ a.jsx(
                       b.div,
                       {
-                        className: "nav-icon-wrapper flex items-center justify-center flex-shrink-0",
+                        className: "nav-icon-wrapper flex items-center justify-center shrink-0",
                         animate: {
                           scale: m ? 1.05 : 1
                         },

package/package.json

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