@datatechsolutions/ui 2.7.134 → 2.7.136

package/dist/index.d.mts

@@ -1232,8 +1232,10 @@ type GlassModalProps = {
     children: ReactNode;
     panelClassName?: string;
     contentClassName?: string;
+    /** z-index class (default "z-50"). Use "z-[160]" for modals on top of other modals. */
+    zIndex?: string;
 };
-declare function GlassModal({ open, onClose, children, panelClassName, contentClassName, }: GlassModalProps): react_jsx_runtime.JSX.Element;
+declare function GlassModal({ open, onClose, children, panelClassName, contentClassName, zIndex, }: GlassModalProps): react_jsx_runtime.JSX.Element;
 
 declare function Text({ className, ...props }: React.ComponentPropsWithoutRef<'p'>): react_jsx_runtime.JSX.Element;
 declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element;
@@ -1367,6 +1369,41 @@ interface FeedItemCardProps {
 }
 declare function FeedItemCard({ children, className }: FeedItemCardProps): react_jsx_runtime.JSX.Element;
 
+type GlassModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';
+interface GlassModalShellProps {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal should close */
+    onClose: () => void;
+    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
+    gradient?: string;
+    /** Icon displayed in the hero (h-5 w-5 recommended) */
+    icon?: ReactNode;
+    /** Small label above the title */
+    label?: string;
+    /** Modal title */
+    title: string;
+    /** Subtitle below the title */
+    subtitle?: string;
+    /** Actions rendered to the right of the title (buttons, badges) */
+    headerActions?: ReactNode;
+    /** Modal content */
+    children: ReactNode;
+    /** Footer content (buttons). If not provided, no footer is shown. */
+    footer?: ReactNode;
+    /** If provided, the content is wrapped in a <form> that calls this on submit */
+    onSubmit?: (event: FormEvent) => void;
+    /** Max width of the modal panel */
+    maxWidth?: GlassModalSize;
+    /** Close button aria-label */
+    closeLabel?: string;
+    /** Extra class on the panel */
+    className?: string;
+    /** z-index class for nested modals (default "z-50", use "z-[160]" for modals on top of modals) */
+    zIndex?: string;
+}
+declare function GlassModalShell({ open, onClose, gradient, icon, label, title, subtitle, headerActions, children, footer, onSubmit, maxWidth, closeLabel, className, zIndex, }: GlassModalShellProps): react_jsx_runtime.JSX.Element;
+
 interface FormModalProps {
     open: boolean;
     onClose: () => void;
@@ -1374,7 +1411,7 @@ interface FormModalProps {
     subtitle?: string;
     icon?: ReactNode;
     children: ReactNode;
-    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+    maxWidth?: GlassModalSize;
     onSubmit?: (e: FormEvent) => void;
     footer?: ReactNode;
     showFooter?: boolean;
@@ -1382,8 +1419,10 @@ interface FormModalProps {
     submitLabel?: string;
     isLoading?: boolean;
     submitDisabled?: boolean;
+    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
+    gradient?: string;
 }
-declare function FormModal({ open, onClose, title, subtitle, icon, children, maxWidth, onSubmit, footer, showFooter, cancelLabel, submitLabel, isLoading, submitDisabled, }: FormModalProps): react_jsx_runtime.JSX.Element;
+declare function FormModal({ open, onClose, title, subtitle, icon, children, maxWidth, onSubmit, footer, showFooter, cancelLabel, submitLabel, isLoading, submitDisabled, gradient, }: FormModalProps): react_jsx_runtime.JSX.Element;
 
 type ContextMenuItem = {
     type?: 'item';
@@ -2312,39 +2351,6 @@ interface SettingsDialogProps {
 }
 declare function SettingsDialog({ open, onClose, title, subtitle, sections, activeSectionId, onSectionChange, children, closeLabel, identity, sidebarFooter, }: SettingsDialogProps): react_jsx_runtime.JSX.Element;
 
-type GlassModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';
-interface GlassModalShellProps {
-    /** Whether the modal is open */
-    open: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
-    gradient?: string;
-    /** Icon displayed in the hero (h-5 w-5 recommended) */
-    icon?: ReactNode;
-    /** Small label above the title */
-    label?: string;
-    /** Modal title */
-    title: string;
-    /** Subtitle below the title */
-    subtitle?: string;
-    /** Actions rendered to the right of the title (buttons, badges) */
-    headerActions?: ReactNode;
-    /** Modal content */
-    children: ReactNode;
-    /** Footer content (buttons). If not provided, no footer is shown. */
-    footer?: ReactNode;
-    /** If provided, the content is wrapped in a <form> that calls this on submit */
-    onSubmit?: (event: FormEvent) => void;
-    /** Max width of the modal panel */
-    maxWidth?: GlassModalSize;
-    /** Close button aria-label */
-    closeLabel?: string;
-    /** Extra class on the panel */
-    className?: string;
-}
-declare function GlassModalShell({ open, onClose, gradient, icon, label, title, subtitle, headerActions, children, footer, onSubmit, maxWidth, closeLabel, className, }: GlassModalShellProps): react_jsx_runtime.JSX.Element;
-
 interface SettingsFieldConfig {
     key: string;
     label: string;

package/dist/index.d.ts

@@ -1232,8 +1232,10 @@ type GlassModalProps = {
     children: ReactNode;
     panelClassName?: string;
     contentClassName?: string;
+    /** z-index class (default "z-50"). Use "z-[160]" for modals on top of other modals. */
+    zIndex?: string;
 };
-declare function GlassModal({ open, onClose, children, panelClassName, contentClassName, }: GlassModalProps): react_jsx_runtime.JSX.Element;
+declare function GlassModal({ open, onClose, children, panelClassName, contentClassName, zIndex, }: GlassModalProps): react_jsx_runtime.JSX.Element;
 
 declare function Text({ className, ...props }: React.ComponentPropsWithoutRef<'p'>): react_jsx_runtime.JSX.Element;
 declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): react_jsx_runtime.JSX.Element;
@@ -1367,6 +1369,41 @@ interface FeedItemCardProps {
 }
 declare function FeedItemCard({ children, className }: FeedItemCardProps): react_jsx_runtime.JSX.Element;
 
+type GlassModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';
+interface GlassModalShellProps {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal should close */
+    onClose: () => void;
+    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
+    gradient?: string;
+    /** Icon displayed in the hero (h-5 w-5 recommended) */
+    icon?: ReactNode;
+    /** Small label above the title */
+    label?: string;
+    /** Modal title */
+    title: string;
+    /** Subtitle below the title */
+    subtitle?: string;
+    /** Actions rendered to the right of the title (buttons, badges) */
+    headerActions?: ReactNode;
+    /** Modal content */
+    children: ReactNode;
+    /** Footer content (buttons). If not provided, no footer is shown. */
+    footer?: ReactNode;
+    /** If provided, the content is wrapped in a <form> that calls this on submit */
+    onSubmit?: (event: FormEvent) => void;
+    /** Max width of the modal panel */
+    maxWidth?: GlassModalSize;
+    /** Close button aria-label */
+    closeLabel?: string;
+    /** Extra class on the panel */
+    className?: string;
+    /** z-index class for nested modals (default "z-50", use "z-[160]" for modals on top of modals) */
+    zIndex?: string;
+}
+declare function GlassModalShell({ open, onClose, gradient, icon, label, title, subtitle, headerActions, children, footer, onSubmit, maxWidth, closeLabel, className, zIndex, }: GlassModalShellProps): react_jsx_runtime.JSX.Element;
+
 interface FormModalProps {
     open: boolean;
     onClose: () => void;
@@ -1374,7 +1411,7 @@ interface FormModalProps {
     subtitle?: string;
     icon?: ReactNode;
     children: ReactNode;
-    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+    maxWidth?: GlassModalSize;
     onSubmit?: (e: FormEvent) => void;
     footer?: ReactNode;
     showFooter?: boolean;
@@ -1382,8 +1419,10 @@ interface FormModalProps {
     submitLabel?: string;
     isLoading?: boolean;
     submitDisabled?: boolean;
+    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
+    gradient?: string;
 }
-declare function FormModal({ open, onClose, title, subtitle, icon, children, maxWidth, onSubmit, footer, showFooter, cancelLabel, submitLabel, isLoading, submitDisabled, }: FormModalProps): react_jsx_runtime.JSX.Element;
+declare function FormModal({ open, onClose, title, subtitle, icon, children, maxWidth, onSubmit, footer, showFooter, cancelLabel, submitLabel, isLoading, submitDisabled, gradient, }: FormModalProps): react_jsx_runtime.JSX.Element;
 
 type ContextMenuItem = {
     type?: 'item';
@@ -2312,39 +2351,6 @@ interface SettingsDialogProps {
 }
 declare function SettingsDialog({ open, onClose, title, subtitle, sections, activeSectionId, onSectionChange, children, closeLabel, identity, sidebarFooter, }: SettingsDialogProps): react_jsx_runtime.JSX.Element;
 
-type GlassModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';
-interface GlassModalShellProps {
-    /** Whether the modal is open */
-    open: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Gradient for the accent bar (e.g. "from-blue-400 to-blue-600") */
-    gradient?: string;
-    /** Icon displayed in the hero (h-5 w-5 recommended) */
-    icon?: ReactNode;
-    /** Small label above the title */
-    label?: string;
-    /** Modal title */
-    title: string;
-    /** Subtitle below the title */
-    subtitle?: string;
-    /** Actions rendered to the right of the title (buttons, badges) */
-    headerActions?: ReactNode;
-    /** Modal content */
-    children: ReactNode;
-    /** Footer content (buttons). If not provided, no footer is shown. */
-    footer?: ReactNode;
-    /** If provided, the content is wrapped in a <form> that calls this on submit */
-    onSubmit?: (event: FormEvent) => void;
-    /** Max width of the modal panel */
-    maxWidth?: GlassModalSize;
-    /** Close button aria-label */
-    closeLabel?: string;
-    /** Extra class on the panel */
-    className?: string;
-}
-declare function GlassModalShell({ open, onClose, gradient, icon, label, title, subtitle, headerActions, children, footer, onSubmit, maxWidth, closeLabel, className, }: GlassModalShellProps): react_jsx_runtime.JSX.Element;
-
 interface SettingsFieldConfig {
     key: string;
     label: string;