prometeo-design-system 2.3.2 → 2.3.3

package/dist/DialogModal.es.js

@@ -1,52 +1,56 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
-import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
-import { c as i } from "./cn-B6yFEsav.js";
-const x = u(({
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { forwardRef as p, useState as d, useImperativeHandle as f, useRef as m } from "react";
+import { c as x } from "./cn-B6yFEsav.js";
+const j = p(({
   children: e,
-  onClose: o,
-  className: s
-}, n) => {
-  const [r, l] = p(!1), c = () => l(!0), a = () => {
-    l(!1), o?.();
+  onClose: t,
+  className: a
+}, c) => {
+  const [s, n] = d(!1), [r, i] = d(null), g = (l) => {
+    i(l ?? null), n(!0);
+  }, u = () => {
+    n(!1), t?.(r), setTimeout(() => i(null), 300);
   };
-  return f(n, () => ({
-    open: c,
-    close: a,
-    isOpen: r
-  })), /* @__PURE__ */ t.jsx(t.Fragment, { children: r && /* @__PURE__ */ t.jsx(
+  return f(c, () => ({
+    open: g,
+    close: u,
+    isOpen: s,
+    getContext: () => r
+  })), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
-      onClick: a,
-      children: /* @__PURE__ */ t.jsx(
+      onClick: u,
+      children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: i("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", s),
-          onClick: (d) => d.stopPropagation(),
-          children: e
+          className: x("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: (l) => l.stopPropagation(),
+          children: typeof e == "function" ? e(r) : e
         }
       )
     }
   ) });
-}), m = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4"), children: e }) }), j = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("h1", { className: o, children: e }), D = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), b = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), C = Object.assign(x, {
-  Content: m,
-  Header: D,
-  Footer: b,
-  Title: j
-}), k = () => {
-  const e = g(null);
+}), C = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: x("flex flex-col gap-4"), children: e }) }), D = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }), b = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), v = ({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }), w = Object.assign(j, {
+  Content: C,
+  Header: b,
+  Footer: v,
+  Title: D
+}), R = () => {
+  const e = m(null);
   return {
     ref: e,
-    open: () => {
-      e.current?.open();
+    open: (n) => {
+      e.current?.open(n);
     },
     close: () => {
       e.current?.close();
     },
-    isOpen: () => e.current?.isOpen ?? !1
+    isOpen: () => e.current?.isOpen ?? !1,
+    getContext: () => e.current?.getContext() ?? null
   };
 };
 export {
-  C as default,
-  k as useDialogControl
+  w as default,
+  R as useDialogControl
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -1,13 +1,14 @@
-interface DialogProps {
+interface DialogProps<TContext = unknown> {
     title?: string;
-    children: React.ReactNode;
-    onClose?: () => void;
+    children: React.ReactNode | ((context: TContext | null) => React.ReactNode);
+    onClose?: (context: TContext | null) => void;
     className?: string;
 }
-export interface DialogHandle {
-    open: () => void;
+export interface DialogHandle<TContext = unknown> {
+    open: (context?: TContext) => void;
     close: () => void;
     isOpen: boolean;
+    getContext: () => TContext | null;
 }
 interface DialogContentProps {
     children?: React.ReactNode;
@@ -25,7 +26,7 @@ interface DialogFooterProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare const DialogModal: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<DialogHandle>> & {
+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;

package/dist/components/Dialog/useDialogControl.d.ts

@@ -1,7 +1,8 @@
 import { DialogHandle } from './Dialog';
-export declare const useDialogControl: () => {
-    ref: import('react').RefObject<DialogHandle | null>;
-    open: () => void;
+export declare const useDialogControl: <TContext = unknown>() => {
+    ref: import('react').RefObject<DialogHandle<TContext> | null>;
+    open: (context?: TContext) => void;
     close: () => void;
     isOpen: () => boolean;
+    getContext: () => NonNullable<TContext> | null;
 };

package/package.json

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