prometeo-design-system 7.1.0 → 7.1.2

package/dist/DialogModal.es.js

@@ -1,5 +1,5 @@
-import { u as o, a as t } from "./useModalControl-D4bzCoM8.js";
-import { D as u } from "./useModalControl-D4bzCoM8.js";
+import { u as o, a as t } from "./useModalControl-D5oehVFf.js";
+import { D as u } from "./useModalControl-D5oehVFf.js";
 const s = o, e = t;
 export {
   u as default,

package/dist/Drawer.es.js

@@ -3,10 +3,10 @@ import { j as s } from "./jsx-runtime-GkKLlHH4.js";
 import { c as m } from "./cn-B6yFEsav.js";
 import { c as E } from "./index-BOQuZ0gG.js";
 import { createPortal as re } from "react-dom";
-import { forwardRef as M, memo as y, useRef as N, useState as z, useEffect as F, useCallback as T, useImperativeHandle as ne, Children as Y, isValidElement as A, useContext as oe, createContext as se, useMemo as _, Fragment as ae, createElement as le } from "react";
+import { forwardRef as M, memo as x, useRef as N, useState as z, useEffect as F, useCallback as T, useImperativeHandle as ne, Children as Y, isValidElement as A, useContext as oe, createContext as se, useMemo as _, Fragment as ae, createElement as le } from "react";
 import ie from "./IconButton.es.js";
 import { Close as ce } from "./Icons/Close.es.js";
-const ve = 300, $ = se(
+const be = 300, $ = se(
   null
 );
 function W() {
@@ -44,7 +44,7 @@ const de = E(
       right: "grid grid-cols-[auto_1fr_auto] grid-rows-1"
     }
   }
-}), Z = y(function({
+}), Z = x(function({
   className: r
 }) {
   const t = W();
@@ -68,20 +68,20 @@ const de = E(
   );
 });
 Z.displayName = "Drawer.CloseButton";
-const v = y(function({
+const b = x(function({
   children: r,
   className: t,
   showCloseButton: d = !0,
   actionsSlot: o,
-  title: l
+  title: i
 }) {
-  const n = W(), u = d && n !== null && !n.hideCloseButton, i = l ?? n?.panelTitle;
+  const n = W(), u = d && n !== null && !n.hideCloseButton, l = i ?? n?.panelTitle;
   let a = o ?? n?.panelActionsSlot, e = r;
   if (!a && r) {
-    const f = Y.toArray(r), x = f.find(
+    const f = Y.toArray(r), y = f.find(
       (p) => A(p) && p.type === D
     );
-    x && (a = x, e = f.filter(
+    y && (a = y, e = f.filter(
       (p) => !(A(p) && p.type === D)
     ));
   }
@@ -97,12 +97,12 @@ const v = y(function({
           /* @__PURE__ */ s.jsx(
             "h2",
             {
-              title: i,
+              title: typeof l == "string" ? l : void 0,
               className: m(
                 "flex-1 truncate pyrion-fonts-title-medium text-neutral-primary-default",
                 n?.direction === "right" && "col-start-2"
               ),
-              children: i
+              children: l
             }
           ),
           /* @__PURE__ */ s.jsx("div", { className: m(n?.direction === "right" && "col-start-3"), children: typeof a == "function" ? a() : a }),
@@ -113,15 +113,15 @@ const v = y(function({
     }
   );
 });
-v.displayName = "Drawer.Header";
-const D = y(function({
+b.displayName = "Drawer.Header";
+const D = x(function({
   children: r,
   className: t
 }) {
   return /* @__PURE__ */ s.jsx("div", { className: m("flex justify-end items-center gap-2 ", t), children: r });
 });
 D.displayName = "Drawer.HeaderActions";
-const b = y(function({
+const v = x(function({
   children: r,
   className: t
 }) {
@@ -136,8 +136,8 @@ const b = y(function({
     }
   );
 });
-b.displayName = "Drawer.Content";
-const k = y(function({
+v.displayName = "Drawer.Content";
+const k = x(function({
   children: r,
   className: t
 }) {
@@ -165,38 +165,38 @@ function pe(c) {
   const r = q(c);
   let t = !1;
   for (const e of r)
-    if (A(e) && (e.type === v || e.type === b || e.type === k || e.type === D)) {
+    if (A(e) && (e.type === b || e.type === v || e.type === k || e.type === D)) {
       t = !0;
       break;
     }
   let d = null, o = null;
-  const l = [], n = [];
+  const i = [], n = [];
   let u = null;
-  const i = [], a = () => {
-    n.length !== 0 && (l.push(
-      le(b, { key: `drawer-loose-content-${l.length}` }, ...n)
+  const l = [], a = () => {
+    n.length !== 0 && (i.push(
+      le(v, { key: `drawer-loose-content-${i.length}` }, ...n)
     ), n.length = 0);
   };
   for (const e of r) {
     if (!A(e)) {
-      t ? n.push(e) : i.push(e);
+      t ? n.push(e) : l.push(e);
       continue;
     }
-    e.type === v ? d ??= e : e.type === D ? o ??= e : e.type === b ? (a(), l.push(e)) : e.type === k ? u ??= e : t ? n.push(e) : i.push(e);
+    e.type === b ? d ??= e : e.type === D ? o ??= e : e.type === v ? (a(), i.push(e)) : e.type === k ? u ??= e : t ? n.push(e) : l.push(e);
   }
-  return a(), { usesCompound: t, header: d, headerActions: o, content: l, footer: u, legacy: i };
+  return a(), { usesCompound: t, header: d, headerActions: o, content: i, footer: u, legacy: l };
 }
-const G = y(function({
+const G = x(function({
   isOpen: r,
   modal: t,
   attachToParent: d,
   closeOnOverlayClick: o,
-  zIndex: l,
+  zIndex: i,
   onClose: n
 }) {
   const u = T(
-    (i) => {
-      i.preventDefault(), i.stopPropagation(), o && n();
+    (l) => {
+      l.preventDefault(), l.stopPropagation(), o && n();
     },
     [o, n]
   );
@@ -207,27 +207,27 @@ const G = y(function({
         ue({ isOpen: r, attachToParent: d }),
         t ? "bg-black/60" : "bg-transparent"
       ),
-      style: { zIndex: l },
+      style: { zIndex: i },
       onClick: u,
       "aria-hidden": "true"
     }
   );
 });
 G.displayName = "Drawer.DismissOverlay";
-const J = y(
+const J = x(
   M(function({
     children: r,
     direction: t = "left",
     isOpen: d,
     close: o,
-    modal: l = !1,
+    modal: i = !1,
     className: n,
     attachToParent: u = !1,
-    closeOnOverlayClick: i = !1,
+    closeOnOverlayClick: l = !1,
     hideCloseButton: a = !1,
     title: e,
     zIndex: f,
-    ariaLabel: x
+    ariaLabel: y
   }, p) {
     const I = _(() => pe(r), [r]), { usesCompound: R, header: w, content: O, footer: H, legacy: C, headerActions: g } = I, j = !w && (!a || e || g), S = _(
       () => ({
@@ -245,9 +245,9 @@ const J = y(
         G,
         {
           isOpen: d,
-          modal: l,
+          modal: i,
           attachToParent: u,
-          closeOnOverlayClick: i,
+          closeOnOverlayClick: l,
           zIndex: f,
           onClose: o
         }
@@ -264,16 +264,16 @@ const J = y(
             n
           ),
           role: "dialog",
-          "aria-modal": l,
-          "aria-label": x,
+          "aria-modal": i,
+          "aria-label": y,
           style: { zIndex: f + 1 },
           children: R ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-            w || j && /* @__PURE__ */ s.jsx(v, { title: e }),
+            w || j && /* @__PURE__ */ s.jsx(b, { title: e }),
             O,
             H
           ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-            j && /* @__PURE__ */ s.jsx(v, { variant: "closeOnly", title: e }),
-            /* @__PURE__ */ s.jsx(b, { children: C })
+            j && /* @__PURE__ */ s.jsx(b, { variant: "closeOnly", title: e }),
+            /* @__PURE__ */ s.jsx(v, { children: C })
           ] })
         }
       )
@@ -282,8 +282,8 @@ const J = y(
 );
 J.displayName = "Drawer.Panel";
 const K = M(function(r, t) {
-  const d = N(null), [o, l] = z(r.defaultOpen ?? !1), [n, u] = z(null), i = N(r.onClose), a = N(n), e = N(o), f = N(/* @__PURE__ */ new Set()), {
-    modal: x = !1,
+  const d = N(null), [o, i] = z(r.defaultOpen ?? !1), [n, u] = z(null), l = N(r.onClose), a = N(n), e = N(o), f = N(/* @__PURE__ */ new Set()), {
+    modal: y = !1,
     children: p,
     className: I,
     direction: R = "left",
@@ -296,23 +296,23 @@ const K = M(function(r, t) {
     zindex: S,
     title: Q
   } = r, U = j ?? S ?? 35;
-  e.current = o, a.current = n, i.current = r.onClose;
+  e.current = o, a.current = n, l.current = r.onClose;
   const [X, ee] = z(() => !C);
   F(() => {
     C && o && ee(!0);
   }, [o, C]), F(() => {
-    if (o && x) {
+    if (o && y) {
       const h = window.scrollY;
       return document.body.style.position = "fixed", document.body.style.top = `-${h}px`, document.body.style.width = "100%", () => {
         document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, h);
       };
     }
-  }, [o, x]);
+  }, [o, y]);
   const P = T(() => {
-    e.current = !1, l(!1), i.current?.(a.current ?? void 0);
+    e.current = !1, i(!1), l.current?.(a.current ?? void 0);
   }, []), B = T((h) => {
     const V = h ?? null;
-    a.current = V, e.current = !0, u(V), l(!0);
+    a.current = V, e.current = !0, u(V), i(!0);
   }, []);
   F(() => {
     f.current.forEach((h) => {
@@ -343,7 +343,7 @@ const K = M(function(r, t) {
       isOpen: o,
       close: P,
       direction: R,
-      modal: x,
+      modal: y,
       className: I,
       attachToParent: w,
       closeOnOverlayClick: O,
@@ -358,13 +358,13 @@ const K = M(function(r, t) {
 });
 K.displayName = "Drawer";
 const De = Object.assign(K, {
-  Header: v,
-  Content: b,
+  Header: b,
+  Content: v,
   Footer: k,
   HeaderActions: D
 });
 export {
-  ve as DRAWER_TRANSITION_MS,
+  be as DRAWER_TRANSITION_MS,
   De as default,
   Ne as useDrawerControl,
   Ae as useDrawerState