@latte-macchiat-io/latte-vanilla-components 0.0.237 → 0.0.239

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.237",
+  "version": "0.0.239",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/Modal/export.tsx

@@ -1,2 +1,2 @@
-export { Modal, type ModalProps } from './';
+export { Modal, type ModalProps, type ModalRenderProp } from './';
 export { type ModalVariants } from './styles.css';

package/src/components/Modal/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { clsx } from 'clsx';
-import { ReactNode, useState } from 'react';
+import { ReactNode, ReactElement, useState } from 'react';
 
 import { modal, modalContentCloseButton, modalContentRecipe, type ModalVariants } from './styles.css';
 
@@ -10,13 +10,22 @@ import { Actions } from '../Actions';
 import { Button } from '../Button';
 import { Icon } from '../Icon';
 
-type ModalRenderProp = (args: { closeModal: () => void }) => ReactNode;
+export type ModalRenderProp = (args: { closeModal: () => void }) => ReactElement;
+
+type ModalChildren =
+  | ReactElement
+  | ReactElement[]
+  | string
+  | number
+  | null
+  | undefined
+  | ModalRenderProp;
 
 export type ModalProps = React.HTMLAttributes<HTMLDivElement> &
   ModalVariants & {
     triggerLabel: string;
     withCloseButton?: boolean;
-    children: ReactNode | ModalRenderProp;
+    children: ModalChildren;
   };
 
 export const Modal = ({ triggerLabel, className, children, align, withCloseButton = false }: ModalProps) => {