prometeo-design-system 2.3.9 → 2.4.1

package/dist/DialogModal.es.js

@@ -1,19 +1,25 @@
 import { j as o } from "./jsx-runtime-DKDX3adD.js";
-import { forwardRef as p, useState as g, useCallback as n, useImperativeHandle as m, useRef as j } from "react";
-import { c as x } from "./cn-B6yFEsav.js";
-const D = p(
-  ({ children: e, onClose: t, className: a }, c) => {
-    const [s, l] = g(!1), [r, u] = g(null), f = n((i) => {
-      u(i ?? null), l(!0);
+import { forwardRef as h, memo as s, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
+import { c as j } from "./cn-B6yFEsav.js";
+const C = h(
+  ({ children: e, onClose: t, className: a }, i) => {
+    const [l, r] = D(!1), [c, f] = D(null), x = p(t), u = p(c);
+    x.current = t, u.current = c;
+    const m = n((g) => {
+      f(g ?? null), r(!0);
     }, []), d = n(() => {
-      l(!1), t?.(r), setTimeout(() => u(null), 300);
-    }, [r, t]);
-    return m(c, () => ({
-      open: f,
-      close: d,
-      isOpen: s,
-      getContext: () => r
-    })), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
+      r(!1), x.current?.(u.current), setTimeout(() => f(null), 300);
+    }, []);
+    return R(
+      i,
+      () => ({
+        open: m,
+        close: d,
+        isOpen: l,
+        getContext: () => u.current
+      }),
+      [m, d, l]
+    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: l && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
@@ -21,39 +27,49 @@ const D = p(
         children: /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: x(
+            className: j(
               "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
               a
             ),
-            onClick: (i) => i.stopPropagation(),
-            children: typeof e == "function" ? e(r) : e
+            onClick: (g) => g.stopPropagation(),
+            children: typeof e == "function" ? e(c) : e
           }
         )
       }
     ) });
   }
-), b = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: x("flex flex-col gap-4"), children: e }) }), C = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }), v = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), h = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), k = Object.assign(D, {
+);
+C.displayName = "Dialog";
+const b = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4"), children: e }) }));
+b.displayName = "DialogContent";
+const N = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }));
+N.displayName = "DialogTitle";
+const v = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
+v.displayName = "DialogHeader";
+const y = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
+y.displayName = "DialogFooter";
+const k = Object.assign(C, {
   Content: b,
   Header: v,
-  Footer: h,
-  Title: C
+  Footer: y,
+  Title: N
 });
 k.displayName = "DialogModal";
-const R = () => {
-  const e = j(null), t = n((l) => {
-    e.current?.open(l);
+const H = () => {
+  const e = p(null), t = n((r) => {
+    e.current?.open(r);
   }, []), a = n(() => {
     e.current?.close();
-  }, []), c = n(() => e.current?.isOpen ?? !1, []), s = n(() => e.current?.getContext() ?? null, []);
+  }, []), i = n(() => e.current?.isOpen ?? !1, []), l = n(() => e.current?.getContext() ?? null, []);
   return {
     ref: e,
     open: t,
     close: a,
-    isOpen: c,
-    getContext: s
+    isOpen: i,
+    getContext: l
   };
 };
 export {
   k as default,
-  R as useDialogControl
+  H as useDialogControl
 };

package/dist/TabLinks.es.js

@@ -80,7 +80,8 @@ 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 || 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 || // ✅ AGREGAR ESTO
+  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/components/Dialog/Dialog.d.ts

@@ -27,9 +27,9 @@ interface DialogFooterProps {
     className?: string;
 }
 declare const DialogModal: import('react').ForwardRefExoticComponent<DialogProps<any> & import('react').RefAttributes<DialogHandle<any>>> & {
-    Content: ({ children, className }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, className }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+    Content: import('react').MemoExoticComponent<({ children, className }: DialogContentProps) => import("react/jsx-runtime").JSX.Element>;
+    Header: import('react').MemoExoticComponent<({ children, className }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+    Footer: import('react').MemoExoticComponent<({ children, className }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element>;
+    Title: import('react').MemoExoticComponent<({ children, className }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element>;
 };
 export default DialogModal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.3.9",
+  "version": "2.4.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -188,7 +188,9 @@
     "dev": "vite",
     "build": "node scripts/migrate-utilities.js && tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview",
+    "dev:preview": "vite --config vite.preview.config.ts",
+    "build:preview": "vite build --config vite.preview.config.ts",
+    "preview": "vite preview --config vite.preview.config.ts --port 4173",
     "clean": "rm -rf dist",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",