@deepnoid/ui 0.1.223 → 1.0.0

package/dist/components/modal/index.mjs

@@ -2,30 +2,31 @@
 import "../../chunk-NNVGYR5T.mjs";
 import {
   useGlobalModal
-} from "../../chunk-RH3AHG52.mjs";
+} from "../../chunk-V5XX3CGL.mjs";
 import {
   GlobalModalContext,
   GlobalModalProvider
-} from "../../chunk-R2XKPG4K.mjs";
+} from "../../chunk-OPSMMRA2.mjs";
 import {
   modal_default
-} from "../../chunk-EVJ46M3U.mjs";
+} from "../../chunk-E4VJDQD5.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-4X35QQTI.mjs";
+import "../../chunk-P4GNXDMO.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-NDNIAALB.mjs";
-import "../../chunk-5VTYO3RF.mjs";
-import "../../chunk-SKX5QPUD.mjs";
-import "../../chunk-BBRO35V3.mjs";
+import "../../chunk-YBDQSEPV.mjs";
+import "../../chunk-TBI5O3OL.mjs";
+import "../../chunk-63JRWMWN.mjs";
+import "../../chunk-RFHWRBAB.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-SZL743JC.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-SZL743JC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-6AID2NLT.mjs";
-import "../../chunk-P5L4YI54.mjs";
+import "../../chunk-A6UUVHC6.mjs";
+import "../../chunk-Z4NO7SMY.mjs";
+import "../../chunk-AOU4QX7H.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-U4DJHAM5.mjs";
+import "../../chunk-DPWUIAVC.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   GlobalModalContext,

package/dist/components/modal/modal.d.mts

@@ -3,75 +3,147 @@ import { VariantProps } from 'tailwind-variants';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
+import { IconName } from '../icon/Icon.mjs';
+import 'react/jsx-runtime';
+import '../icon/template.mjs';
 
-interface ModalProps extends VariantProps<typeof modal> {
+interface ModalProps extends Omit<React.ComponentPropsWithRef<"div">, "color" | "title" | "content">, VariantProps<typeof modal> {
     isOpen?: boolean;
+    variant?: "vertical" | "horizontal";
     color?: "primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "danger";
+    iconName?: IconName;
     title?: string;
     content?: ReactNode | string;
     confirmButtonText?: string;
     cancelButtonText?: string;
     showCloseButton?: boolean;
     isKeyboardDismissDisabled?: boolean;
+    hasBackdrop?: boolean;
     onConfirm?: () => void;
     onCancel?: () => void;
     extraFooter?: ReactNode;
     classNames?: SlotsToClasses<ModalSlots>;
 }
-declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
+declare const Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const modal: tailwind_variants.TVReturnType<{
+    variant: {
+        vertical: {
+            titleWrapper: string[];
+        };
+        horizontal: {
+            titleWrapper: string[];
+        };
+    };
     color: {
-        primary: {};
-        secondary: {};
-        neutral: {};
-        success: {};
-        info: {};
-        warning: {};
-        danger: {};
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+        neutral: {
+            icon: string[];
+        };
+        success: {
+            icon: string[];
+        };
+        info: {
+            icon: string[];
+        };
+        warning: {
+            icon: string[];
+        };
+        danger: {
+            icon: string[];
+        };
     };
 }, {
     base: string[];
-    modalWrapper: string[];
-    wrapper: string[];
+    icon: never[];
+    titleWrapper: string[];
     title: string[];
     content: string[];
     footerWrapper: string[];
     footer: string[];
     closeIcon: string[];
 }, undefined, {
+    variant: {
+        vertical: {
+            titleWrapper: string[];
+        };
+        horizontal: {
+            titleWrapper: string[];
+        };
+    };
     color: {
-        primary: {};
-        secondary: {};
-        neutral: {};
-        success: {};
-        info: {};
-        warning: {};
-        danger: {};
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+        neutral: {
+            icon: string[];
+        };
+        success: {
+            icon: string[];
+        };
+        info: {
+            icon: string[];
+        };
+        warning: {
+            icon: string[];
+        };
+        danger: {
+            icon: string[];
+        };
     };
 }, {
     base: string[];
-    modalWrapper: string[];
-    wrapper: string[];
+    icon: never[];
+    titleWrapper: string[];
     title: string[];
     content: string[];
     footerWrapper: string[];
     footer: string[];
     closeIcon: string[];
 }, tailwind_variants.TVReturnType<{
+    variant: {
+        vertical: {
+            titleWrapper: string[];
+        };
+        horizontal: {
+            titleWrapper: string[];
+        };
+    };
     color: {
-        primary: {};
-        secondary: {};
-        neutral: {};
-        success: {};
-        info: {};
-        warning: {};
-        danger: {};
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+        neutral: {
+            icon: string[];
+        };
+        success: {
+            icon: string[];
+        };
+        info: {
+            icon: string[];
+        };
+        warning: {
+            icon: string[];
+        };
+        danger: {
+            icon: string[];
+        };
     };
 }, {
     base: string[];
-    modalWrapper: string[];
-    wrapper: string[];
+    icon: never[];
+    titleWrapper: string[];
     title: string[];
     content: string[];
     footerWrapper: string[];

package/dist/components/modal/modal.d.ts

@@ -3,75 +3,147 @@ import { VariantProps } from 'tailwind-variants';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
+import { IconName } from '../icon/Icon.js';
+import 'react/jsx-runtime';
+import '../icon/template.js';
 
-interface ModalProps extends VariantProps<typeof modal> {
+interface ModalProps extends Omit<React.ComponentPropsWithRef<"div">, "color" | "title" | "content">, VariantProps<typeof modal> {
     isOpen?: boolean;
+    variant?: "vertical" | "horizontal";
     color?: "primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "danger";
+    iconName?: IconName;
     title?: string;
     content?: ReactNode | string;
     confirmButtonText?: string;
     cancelButtonText?: string;
     showCloseButton?: boolean;
     isKeyboardDismissDisabled?: boolean;
+    hasBackdrop?: boolean;
     onConfirm?: () => void;
     onCancel?: () => void;
     extraFooter?: ReactNode;
     classNames?: SlotsToClasses<ModalSlots>;
 }
-declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>>;
+declare const Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const modal: tailwind_variants.TVReturnType<{
+    variant: {
+        vertical: {
+            titleWrapper: string[];
+        };
+        horizontal: {
+            titleWrapper: string[];
+        };
+    };
     color: {
-        primary: {};
-        secondary: {};
-        neutral: {};
-        success: {};
-        info: {};
-        warning: {};
-        danger: {};
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+        neutral: {
+            icon: string[];
+        };
+        success: {
+            icon: string[];
+        };
+        info: {
+            icon: string[];
+        };
+        warning: {
+            icon: string[];
+        };
+        danger: {
+            icon: string[];
+        };
     };
 }, {
     base: string[];
-    modalWrapper: string[];
-    wrapper: string[];
+    icon: never[];
+    titleWrapper: string[];
     title: string[];
     content: string[];
     footerWrapper: string[];
     footer: string[];
     closeIcon: string[];
 }, undefined, {
+    variant: {
+        vertical: {
+            titleWrapper: string[];
+        };
+        horizontal: {
+            titleWrapper: string[];
+        };
+    };
     color: {
-        primary: {};
-        secondary: {};
-        neutral: {};
-        success: {};
-        info: {};
-        warning: {};
-        danger: {};
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+        neutral: {
+            icon: string[];
+        };
+        success: {
+            icon: string[];
+        };
+        info: {
+            icon: string[];
+        };
+        warning: {
+            icon: string[];
+        };
+        danger: {
+            icon: string[];
+        };
     };
 }, {
     base: string[];
-    modalWrapper: string[];
-    wrapper: string[];
+    icon: never[];
+    titleWrapper: string[];
     title: string[];
     content: string[];
     footerWrapper: string[];
     footer: string[];
     closeIcon: string[];
 }, tailwind_variants.TVReturnType<{
+    variant: {
+        vertical: {
+            titleWrapper: string[];
+        };
+        horizontal: {
+            titleWrapper: string[];
+        };
+    };
     color: {
-        primary: {};
-        secondary: {};
-        neutral: {};
-        success: {};
-        info: {};
-        warning: {};
-        danger: {};
+        primary: {
+            icon: string[];
+        };
+        secondary: {
+            icon: string[];
+        };
+        neutral: {
+            icon: string[];
+        };
+        success: {
+            icon: string[];
+        };
+        info: {
+            icon: string[];
+        };
+        warning: {
+            icon: string[];
+        };
+        danger: {
+            icon: string[];
+        };
     };
 }, {
     base: string[];
-    modalWrapper: string[];
-    wrapper: string[];
+    icon: never[];
+    titleWrapper: string[];
     title: string[];
     content: string[];
     footerWrapper: string[];