prometeo-design-system 2.3.9 → 2.4.0

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

@@ -1,20 +1,20 @@
 import { j as n } from "./jsx-runtime-DKDX3adD.js";
-import { motion as x } from "framer-motion";
+import { motion as h } from "framer-motion";
 import { memo as N } from "react";
 import { c as r } from "./cn-B6yFEsav.js";
 function c({
-  items: t,
+  items: a,
   activeTab: e,
   onTabChange: i,
   className: l,
-  tabClassName: d,
+  tabClassName: s,
   activeTabClassName: u,
   indicatorClassName: f,
   animated: b = !0,
   renderTab: o
 }) {
-  const h = (a) => {
-    a.disabled || i?.(a.id, a);
+  const x = (t) => {
+    t.disabled || i?.(t.id, t);
   };
   return /* @__PURE__ */ n.jsx(
     "div",
@@ -24,28 +24,28 @@ function c({
         l
       ),
       role: "tablist",
-      children: t?.map((a) => {
-        const s = e === a.id, m = () => h(a);
-        return o ? /* @__PURE__ */ n.jsx("div", { children: o(a, s, m) }, a.id) : /* @__PURE__ */ n.jsxs(
+      children: a?.map((t) => {
+        const d = e === t.id, m = () => x(t);
+        return o ? /* @__PURE__ */ n.jsx("div", { children: o(t, d, m) }, t.id) : /* @__PURE__ */ n.jsxs(
           "button",
           {
             onClick: m,
-            disabled: a.disabled,
+            disabled: t.disabled,
             className: r(
               "relative flex justify-center items-center h-10 px-4 font-medium focus:outline-none transition-colors",
-              !a.disabled && "hover:text-primary-default-default cursor-pointer",
-              a.disabled && "opacity-50 cursor-not-allowed",
-              d,
-              s && u
+              !t.disabled && "hover:text-primary-default-default cursor-pointer",
+              t.disabled && "opacity-50 cursor-not-allowed",
+              s,
+              d && u
             ),
-            tabIndex: a.disabled ? -1 : 0,
-            "aria-label": a.title,
+            tabIndex: t.disabled ? -1 : 0,
+            "aria-label": t.title,
             role: "tab",
-            "aria-selected": s,
-            title: a.description,
+            "aria-selected": d,
+            title: t.description,
             children: [
-              s && b && /* @__PURE__ */ n.jsx(
-                x.div,
+              d && b && /* @__PURE__ */ n.jsx(
+                h.div,
                 {
                   layoutId: "tab-indicator",
                   className: r(
@@ -65,30 +65,30 @@ function c({
                 {
                   className: r(
                     "relative z-10",
-                    s ? "text-primary-default-default font-semibold text-md" : "text-neutral-medium-default font-medium text-md"
+                    d ? "text-primary-default-default font-semibold text-md" : "text-neutral-medium-default font-medium text-md"
                   ),
-                  children: a.title
+                  children: t.title
                 }
               )
             ]
           },
-          a.id
+          t.id
         );
       })
     }
   );
 }
 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)
+const T = N(c, (a, e) => {
+  if (a.activeTab !== e.activeTab || a.className !== e.className || a.tabClassName !== e.tabClassName || a.activeTabClassName !== e.activeTabClassName || a.indicatorClassName !== e.indicatorClassName || a.animated !== e.animated || a.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];
-    if (l.id !== d.id || l.title !== d.title || l.disabled !== d.disabled || l.description !== d.description)
+  for (let i = 0; i < a.items.length; i++) {
+    const l = a.items[i], s = e.items[i];
+    if (l.id !== s.id || l.title !== s.title || l.disabled !== s.disabled || l.description !== s.description)
       return !1;
   }
   return !0;
 });
 export {
-  C as default
+  T as default
 };

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.0",
   "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",