glintly-ui 1.0.2 → 1.0.3

package/dist/glintly-ui.d.ts

@@ -134,6 +134,7 @@ export declare const BoxIcon: default_2.FC<{
     height?: string;
     width?: string;
     style?: default_2.CSSProperties;
+    className?: string;
 }>;
 
 declare type BreakpointKey = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
@@ -158,9 +159,9 @@ export declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes
 
 declare type ButtonShadow = "sm" | "md" | "lg";
 
-declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 
-declare type ButtonVariant = "primary" | "secondary" | "gray" | "transparent";
+export declare type ButtonVariant = "primary" | "outline" | "gray" | "ghost" | "danger";
 
 export declare const Card: default_2.FC<CardProps>;
 
@@ -573,16 +574,55 @@ export { ListSectionHeader }
 
 export declare const Modal: default_2.FC<ModalProps>;
 
-declare interface ModalProps {
+export declare interface ModalProps {
+    /** Whether the modal is open */
     isOpen: boolean;
-    title?: string;
+    /** Modal title */
+    title?: default_2.ReactNode;
+    /** Modal content */
     children: default_2.ReactNode;
+    /** Callback when modal is closed */
     onClose: () => void;
+    /** Callback when confirm button is clicked */
     onConfirm?: () => void;
+    /** Whether to show footer with confirm/cancel buttons */
     showFooter?: boolean;
+    /** Confirm button text */
     confirmText?: string;
+    /** Cancel button text */
     cancelText?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "fullWidth";
+    /** Modal size */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "fullWidth";
+    /** Background color of the modal */
+    backgroundColor?: string;
+    /** Background color of the overlay/backdrop */
+    overlayColor?: string;
+    /** Custom className for the modal container */
+    className?: string;
+    /** Custom className for the overlay */
+    overlayClassName?: string;
+    /** Whether to center the modal vertically */
+    centered?: boolean;
+    /** Whether to show close button */
+    closable?: boolean;
+    /** Whether to close modal when clicking mask/overlay */
+    maskClosable?: boolean;
+    /** Custom close icon */
+    closeIcon?: default_2.ReactNode;
+    /** Custom footer */
+    footer?: default_2.ReactNode | null;
+    /** Z-index of the modal */
+    zIndex?: number;
+    /** Custom styles for modal container */
+    style?: default_2.CSSProperties;
+    /** Custom styles for overlay */
+    overlayStyle?: default_2.CSSProperties;
+    /** Width of the modal */
+    width?: string | number;
+    /** Whether to destroy modal on close */
+    destroyOnClose?: boolean;
+    /** Animation duration in milliseconds */
+    animationDuration?: number;
 }
 
 declare type ModeType = 'light' | 'dark';