prometeo-design-system 4.8.2 → 4.8.4

package/dist/Steps.es.js

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { c as j } from "./cn-B6yFEsav.js";
-import { motion as r } from "framer-motion";
+import { motion as c } from "framer-motion";
 import N from "react";
 import { Check as y } from "./Icons/Check.es.js";
 const b = ({
@@ -29,7 +29,7 @@ const b = ({
       }
     ),
     /* @__PURE__ */ e.jsx(
-      r.div,
+      c.div,
       {
         className: "absolute inset-0 rounded-full bg-primary-default-default",
         initial: {
@@ -54,7 +54,7 @@ const b = ({
       }
     ),
     x && /* @__PURE__ */ e.jsx(
-      r.div,
+      c.div,
       {
         className: "absolute inset-0 rounded-full bg-primary-default-default",
         initial: {
@@ -80,7 +80,7 @@ const b = ({
       }
     )
   ] });
-}, S = ({
+}, I = ({
   steps: n,
   currentStep: t,
   orientation: u = "horizontal",
@@ -90,12 +90,12 @@ const b = ({
   onStepClick: o,
   allowClickableSteps: p = !1
 }) => {
-  const c = u === "horizontal", m = {
+  const r = u === "horizontal", m = {
     sm: {
       circle: "size-7 aspect-square text-xs",
       title: "text-sm",
       description: "text-[11px] w-16",
-      spacing: c ? "gap-2" : "gap-1",
+      spacing: r ? "gap-2" : "gap-1",
       connectorContainer: "px-2",
       iconSize: 20
     },
@@ -103,7 +103,7 @@ const b = ({
       circle: "w-10 h-10 text-sm",
       title: "text-base",
       description: "text-sm w-20",
-      spacing: c ? "gap-3" : "gap-2",
+      spacing: r ? "gap-3" : "gap-2",
       connectorContainer: "px-2",
       iconSize: 24
     },
@@ -111,7 +111,7 @@ const b = ({
       circle: "w-12 h-12 text-base",
       title: "text-lg",
       description: "text-base w-28",
-      spacing: c ? "gap-4" : "gap-3",
+      spacing: r ? "gap-4" : "gap-3",
       connectorContainer: "px-2",
       iconSize: 28
     }
@@ -127,13 +127,13 @@ const b = ({
     }
   }, h = (a) => {
     p && o && o(a);
-  }, v = c ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
+  }, v = r ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
   return /* @__PURE__ */ e.jsx("div", { className: v, children: n.map((a, l) => {
     const d = w(l), f = p && o;
-    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: c ? /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: r ? /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "w-max flex flex-col items-center relative", children: [
         /* @__PURE__ */ e.jsx(
-          r.div,
+          c.div,
           {
             className: `${g(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
             initial: { scale: 0.8, opacity: 0 },
@@ -141,11 +141,11 @@ const b = ({
             transition: { duration: 0.3, delay: l * 0.3 },
             whileTap: f ? { scale: 0.95 } : {},
             onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(c.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
           }
         ),
         s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: j(
-          "absolute text-center w-28 -bottom-2 translate-y-full",
+          "absolute text-center w-28 -bottom-2 translate-y-full break-normal",
           m[i].description,
           "text-gray-400 mt-2 text-center",
           d === "current" ? "text-neutral-strong-default font-semibold " : "text-neutral-medium-default"
@@ -159,7 +159,7 @@ const b = ({
             b,
             {
               index: l,
-              isHorizontal: c,
+              isHorizontal: r,
               currentStep: t,
               size: i
             }
@@ -169,7 +169,7 @@ const b = ({
     ] }) : /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col items-center w-max", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center w-full relative", children: [
         /* @__PURE__ */ e.jsx(
-          r.div,
+          c.div,
           {
             className: `${g(d)} ${f ? "cursor-pointer" : ""}`,
             initial: { scale: 0.8, opacity: 0 },
@@ -177,18 +177,18 @@ const b = ({
             transition: { duration: 0.3, delay: l * 0.1 },
             whileTap: f ? { scale: 0.95 } : {},
             onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(c.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
           }
         ),
         s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
-          r.div,
+          c.div,
           {
             className: `absolute -right-4 top-1/2 -translate-y-1/2  translate-x-full ml-4  gap-3 flex flex-col w-full ${m[i].spacing} flex  h-full`,
             initial: { opacity: 0, x: -10 },
             animate: { opacity: 1, x: 0 },
             transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
             children: a.description && /* @__PURE__ */ e.jsx("p", { className: j(
-              "h-full text-start flex items-center justify-start ",
+              "h-full text-start flex items-center justify-start break-normal",
               m[i].description,
               "text-gray-400",
               d === "current" ? "text-neutral-strong-default font-semibold " : "text-neutral-medium-default"
@@ -200,7 +200,7 @@ const b = ({
         b,
         {
           index: l,
-          isHorizontal: c,
+          isHorizontal: r,
           currentStep: t,
           size: i
         }
@@ -209,6 +209,6 @@ const b = ({
   }) });
 };
 export {
-  S as Steps,
-  S as default
+  I as Steps,
+  I as default
 };

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

@@ -12,6 +12,7 @@ export interface PyrionLayoutActionItemProps {
     isView?: boolean | (() => boolean);
     order?: number;
     tooltipText?: string;
+    selectorCss?: string;
 }
 declare const NavigationDrawerActionItem: import('react').MemoExoticComponent<(props: PyrionLayoutActionItemProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default NavigationDrawerActionItem;

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

@@ -14,6 +14,7 @@ export interface NavigationDrawerItemBaseProps {
     onAuxClick?: React.MouseEventHandler;
     disabled?: boolean;
     tooltipText?: string;
+    selectorCss?: string;
 }
 declare const NavigationDrawerItemBase: React.MemoExoticComponent<(props: NavigationDrawerItemBaseProps) => import("react/jsx-runtime").JSX.Element>;
 export default NavigationDrawerItemBase;

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

@@ -18,6 +18,7 @@ export interface PyrionLayoutLinkItemProps {
     sublinks?: NavItemSecondaryProps[];
     subLinksRender?: (sublinks: NavItemSecondaryProps[], controls: NavItemHandler) => ReactNode;
     tooltipText?: string;
+    selectorCss?: string;
 }
 interface NavItemHandler {
     toggle: () => void;

package/package.json

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