@texturehq/edges 1.12.0 → 1.12.1

package/dist/index.d.cts

@@ -934,6 +934,28 @@ interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterC
      * @default "400px"
      */
     minWidth?: string;
+    /**
+     * Maximum height of the dialog on desktop
+     * @default "85vh"
+     */
+    maxHeight?: string;
+    /**
+     * Explicit height of the dialog on desktop (overrides maxHeight if set)
+     * Content will scroll within this fixed height
+     * @default undefined
+     */
+    height?: string;
+    /**
+     * Maximum height of the dialog on mobile (tray version)
+     * @default "90vh"
+     */
+    mobileMaxHeight?: string;
+    /**
+     * Explicit height of the dialog on mobile (overrides mobileMaxHeight if set)
+     * Content will scroll within this fixed height
+     * @default undefined
+     */
+    mobileHeight?: string;
     /**
      * Whether to include padding inside the content area
      * @default true
@@ -950,7 +972,7 @@ interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterC
  * Responsive modal dialog component with backdrop.
  *
  * **Desktop (≥768px):** Centered modal with scale and fade animation
- * **Mobile (<768px):** Bottom sheet that slides up from bottom
+ * **Mobile (<768px):** Uses Tray component for native bottom sheet experience with drag handle
  *
  * Includes optional header with title/back button and footer with action buttons.
  *
@@ -977,7 +999,7 @@ interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterC
  * </Dialog>
  * ```
  */
-declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
+declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, maxHeight, height, mobileMaxHeight, mobileHeight, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
 
 interface AlertProps {
     /**
@@ -2135,8 +2157,8 @@ interface EmptyStateAction {
     isDisabled?: boolean;
 }
 interface EmptyStateProps {
-    /** Optional icon or illustration shown at the top of the empty state. */
-    icon?: ReactNode;
+    /** Icon name from Icon component to show at the top of the empty state. */
+    icon?: IconName$2;
     /** Primary title describing the state. */
     title: ReactNode;
     /** Optional description providing more context. */
@@ -3658,6 +3680,11 @@ type TabsProps = TabsProps$2 & {
 };
 type TabListProps<T extends object> = TabListProps$1<T> & {
     variant?: TabVariant;
+    /**
+     * Makes the tab list sticky at the top of its scroll container
+     * @default false
+     */
+    sticky?: boolean;
 };
 /**
  * Tabs
@@ -3669,7 +3696,7 @@ declare function Tabs({ variant, ...props }: TabsProps): react_jsx_runtime.JSX.E
 /**
  * TabList container.
  */
-declare function TabList<T extends object>({ variant, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
+declare function TabList<T extends object>({ variant, sticky, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
 /**
  * Tab trigger element.
  */
@@ -3845,6 +3872,12 @@ interface TrayProps extends DialogHeaderConfig, DialogFooterConfig {
      * @default "80vh"
      */
     maxHeight?: string;
+    /**
+     * Explicit height for the tray (overrides maxHeight if set)
+     * Content will scroll within this fixed height
+     * @default undefined
+     */
+    height?: string;
     /**
      * Maximum width of the tray
      * @default "640px"
@@ -3877,7 +3910,7 @@ interface TrayProps extends DialogHeaderConfig, DialogFooterConfig {
  * Bottom anchored overlay optimized for mobile experiences.
  * Provides optional header/footer slots that align with Dialog & Drawer APIs.
  */
-declare function Tray({ children, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, isOpen, onClose, isDismissable, transparentOverlay, primaryAction, secondaryAction, footerContent, maxHeight, maxWidth, contentPadding, showHandle, animationVariant, className, }: TrayProps): react_jsx_runtime.JSX.Element | null;
+declare function Tray({ children, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, isOpen, onClose, isDismissable, transparentOverlay, primaryAction, secondaryAction, footerContent, maxHeight, height, maxWidth, contentPadding, showHandle, animationVariant, className, }: TrayProps): react_jsx_runtime.JSX.Element | null;
 declare namespace Tray {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -934,6 +934,28 @@ interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterC
      * @default "400px"
      */
     minWidth?: string;
+    /**
+     * Maximum height of the dialog on desktop
+     * @default "85vh"
+     */
+    maxHeight?: string;
+    /**
+     * Explicit height of the dialog on desktop (overrides maxHeight if set)
+     * Content will scroll within this fixed height
+     * @default undefined
+     */
+    height?: string;
+    /**
+     * Maximum height of the dialog on mobile (tray version)
+     * @default "90vh"
+     */
+    mobileMaxHeight?: string;
+    /**
+     * Explicit height of the dialog on mobile (overrides mobileMaxHeight if set)
+     * Content will scroll within this fixed height
+     * @default undefined
+     */
+    mobileHeight?: string;
     /**
      * Whether to include padding inside the content area
      * @default true
@@ -950,7 +972,7 @@ interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterC
  * Responsive modal dialog component with backdrop.
  *
  * **Desktop (≥768px):** Centered modal with scale and fade animation
- * **Mobile (<768px):** Bottom sheet that slides up from bottom
+ * **Mobile (<768px):** Uses Tray component for native bottom sheet experience with drag handle
  *
  * Includes optional header with title/back button and footer with action buttons.
  *
@@ -977,7 +999,7 @@ interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterC
  * </Dialog>
  * ```
  */
-declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
+declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, maxHeight, height, mobileMaxHeight, mobileHeight, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
 
 interface AlertProps {
     /**
@@ -2135,8 +2157,8 @@ interface EmptyStateAction {
     isDisabled?: boolean;
 }
 interface EmptyStateProps {
-    /** Optional icon or illustration shown at the top of the empty state. */
-    icon?: ReactNode;
+    /** Icon name from Icon component to show at the top of the empty state. */
+    icon?: IconName$2;
     /** Primary title describing the state. */
     title: ReactNode;
     /** Optional description providing more context. */
@@ -3658,6 +3680,11 @@ type TabsProps = TabsProps$2 & {
 };
 type TabListProps<T extends object> = TabListProps$1<T> & {
     variant?: TabVariant;
+    /**
+     * Makes the tab list sticky at the top of its scroll container
+     * @default false
+     */
+    sticky?: boolean;
 };
 /**
  * Tabs
@@ -3669,7 +3696,7 @@ declare function Tabs({ variant, ...props }: TabsProps): react_jsx_runtime.JSX.E
 /**
  * TabList container.
  */
-declare function TabList<T extends object>({ variant, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
+declare function TabList<T extends object>({ variant, sticky, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
 /**
  * Tab trigger element.
  */
@@ -3845,6 +3872,12 @@ interface TrayProps extends DialogHeaderConfig, DialogFooterConfig {
      * @default "80vh"
      */
     maxHeight?: string;
+    /**
+     * Explicit height for the tray (overrides maxHeight if set)
+     * Content will scroll within this fixed height
+     * @default undefined
+     */
+    height?: string;
     /**
      * Maximum width of the tray
      * @default "640px"
@@ -3877,7 +3910,7 @@ interface TrayProps extends DialogHeaderConfig, DialogFooterConfig {
  * Bottom anchored overlay optimized for mobile experiences.
  * Provides optional header/footer slots that align with Dialog & Drawer APIs.
  */
-declare function Tray({ children, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, isOpen, onClose, isDismissable, transparentOverlay, primaryAction, secondaryAction, footerContent, maxHeight, maxWidth, contentPadding, showHandle, animationVariant, className, }: TrayProps): react_jsx_runtime.JSX.Element | null;
+declare function Tray({ children, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, isOpen, onClose, isDismissable, transparentOverlay, primaryAction, secondaryAction, footerContent, maxHeight, height, maxWidth, contentPadding, showHandle, animationVariant, className, }: TrayProps): react_jsx_runtime.JSX.Element | null;
 declare namespace Tray {
     var displayName: string;
 }