@deepnoid/ui 0.0.84 → 0.0.87

package/dist/components/modal/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-EWKYBS7I.mjs";
+} from "../../chunk-PHQY5T3E.mjs";
 import "../../chunk-VUYUQGLF.mjs";
 import "../../chunk-NGQ3MK2J.mjs";
 import "../../chunk-66WCZEEU.mjs";
-import "../../chunk-AHORH5PH.mjs";
-import "../../chunk-QURXBWKK.mjs";
+import "../../chunk-PRUAIZTU.mjs";
+import "../../chunk-IOV7MEPG.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

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

@@ -0,0 +1,214 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import react__default, { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+import { IconName } from '../icon/Icon.mjs';
+import 'react/jsx-runtime';
+import '../icon/template.mjs';
+
+interface Props {
+    color?: "primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "danger";
+    classNames?: SlotsToClasses<ModalSlots>;
+    isOpen?: boolean;
+    icon?: IconName | JSX.Element;
+    title?: string;
+    subTitle?: string;
+    content?: ReactNode | string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    showCloseButton?: boolean;
+    isDismissable?: boolean;
+    isKeyboardDismissDisabled?: boolean;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+type ModalProps = Props & ModalVariantProps;
+declare const Modal: react__default.ForwardRefExoticComponent<Props & ModalVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const modal: tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            icon: string;
+        };
+        secondary: {
+            icon: string;
+        };
+        neutral: {
+            icon: string;
+        };
+        success: {
+            icon: string;
+        };
+        info: {
+            icon: string;
+        };
+        warning: {
+            icon: string;
+        };
+        danger: {
+            icon: string;
+        };
+    };
+}, {
+    backdrop: string[];
+    modalWrapper: string[];
+    icon: string[];
+    closeIcon: string[];
+    titleWrapper: string[];
+    title: string;
+    subTitle: string;
+    bodyWrapper: string[];
+    body: string[];
+    content: string[];
+    footerWrapper: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        classGroups: {
+            fontSize: {
+                text: string[];
+            }[];
+            borderRadius: {
+                rounded: string[];
+            }[];
+            boxShadow: {
+                shadow: string[];
+            }[];
+            padding: {
+                p: string[];
+            }[];
+            gap: {
+                gap: string[];
+            }[];
+        };
+    };
+}, {
+    color: {
+        primary: {
+            icon: string;
+        };
+        secondary: {
+            icon: string;
+        };
+        neutral: {
+            icon: string;
+        };
+        success: {
+            icon: string;
+        };
+        info: {
+            icon: string;
+        };
+        warning: {
+            icon: string;
+        };
+        danger: {
+            icon: string;
+        };
+    };
+}, {
+    backdrop: string[];
+    modalWrapper: string[];
+    icon: string[];
+    closeIcon: string[];
+    titleWrapper: string[];
+    title: string;
+    subTitle: string;
+    bodyWrapper: string[];
+    body: string[];
+    content: string[];
+    footerWrapper: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            icon: string;
+        };
+        secondary: {
+            icon: string;
+        };
+        neutral: {
+            icon: string;
+        };
+        success: {
+            icon: string;
+        };
+        info: {
+            icon: string;
+        };
+        warning: {
+            icon: string;
+        };
+        danger: {
+            icon: string;
+        };
+    };
+}, {
+    backdrop: string[];
+    modalWrapper: string[];
+    icon: string[];
+    closeIcon: string[];
+    titleWrapper: string[];
+    title: string;
+    subTitle: string;
+    bodyWrapper: string[];
+    body: string[];
+    content: string[];
+    footerWrapper: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: {
+            icon: string;
+        };
+        secondary: {
+            icon: string;
+        };
+        neutral: {
+            icon: string;
+        };
+        success: {
+            icon: string;
+        };
+        info: {
+            icon: string;
+        };
+        warning: {
+            icon: string;
+        };
+        danger: {
+            icon: string;
+        };
+    };
+}, {
+    color: {
+        primary: {
+            icon: string;
+        };
+        secondary: {
+            icon: string;
+        };
+        neutral: {
+            icon: string;
+        };
+        success: {
+            icon: string;
+        };
+        info: {
+            icon: string;
+        };
+        warning: {
+            icon: string;
+        };
+        danger: {
+            icon: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type ModalVariantProps = VariantProps<typeof modal>;
+type ModalSlots = keyof ReturnType<typeof modal>;
+type ModalReturnType = ReturnType<typeof modal>;
+
+export { type ModalProps, type ModalReturnType, type ModalSlots, type ModalVariantProps, type Props, Modal as default, modal };