@texturehq/edges 1.5.0 → 1.5.2

package/dist/index.d.cts

@@ -1,14 +1,76 @@
-import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2, L as LayerSpec, C as CustomPinsSpec, G as GeoJsonLayerSpec, R as RasterLayerSpec, V as VectorLayerSpec } from './server-BMdETIqh.cjs';
-export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, l as Card, j as CardProps, k as CardVariant, a4 as ChartContext, a6 as ChartMargin, p as CodeEditor, m as CodeEditorProps, n as CodeLanguage, o as CodeTheme, u as ColorSpec, q as DateField, D as DateFieldProps, r as FileUpload, F as FileUploadProps, H as Heading, z as InteractiveMap, v as InteractiveMapProps, w as LayerFeature, x as LayerStyle, s as Loader, t as Logo, E as MAP_TYPES, M as MapPoint, N as Meter, K as MeterProps, y as RenderType, P as RichTextEditor, O as RichTextEditorProps, U as SegmentOption, W as SegmentedControl, Q as SegmentedControlProps, $ as SideNav, X as SideNavItem, _ as SideNavProps, J as StaticMap, S as StaticMapProps, a0 as TextLink, a3 as TooltipSeries, a2 as TopNav, a1 as TopNavProps, ab as YFormatSettings, Z as ZoomStops, ac as clearColorCache, ad as createCategoryColorMap, a7 as createXScale, a8 as createYScale, a9 as defaultMargin, ae as getContrastingTextColor, af as getDefaultChartColor, ag as getDefaultColors, ah as getResolvedColor, ai as getThemeCategoricalColors, aa as getYFormatSettings, aj as isLightColor, a5 as useChartContext } from './server-BMdETIqh.cjs';
+import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, ModalOverlayProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
+export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
+import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2, L as LayerSpec, C as CustomPinsSpec, G as GeoJsonLayerSpec, R as RasterLayerSpec, V as VectorLayerSpec } from './server-Cz62pUnv.cjs';
+export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, l as Card, j as CardProps, k as CardVariant, a4 as ChartContext, a6 as ChartMargin, p as CodeEditor, m as CodeEditorProps, n as CodeLanguage, o as CodeTheme, u as ColorSpec, q as DateField, D as DateFieldProps, r as FileUpload, F as FileUploadProps, H as Heading, z as InteractiveMap, v as InteractiveMapProps, w as LayerFeature, x as LayerStyle, s as Loader, t as Logo, E as MAP_TYPES, M as MapPoint, N as Meter, K as MeterProps, y as RenderType, P as RichTextEditor, O as RichTextEditorProps, U as SegmentOption, W as SegmentedControl, Q as SegmentedControlProps, $ as SideNav, X as SideNavItem, _ as SideNavProps, J as StaticMap, S as StaticMapProps, a0 as TextLink, a3 as TooltipSeries, a2 as TopNav, a1 as TopNavProps, ab as YFormatSettings, Z as ZoomStops, ac as clearColorCache, ad as createCategoryColorMap, a7 as createXScale, a8 as createYScale, a9 as defaultMargin, ae as getContrastingTextColor, af as getDefaultChartColor, ag as getDefaultColors, ah as getResolvedColor, ai as getThemeCategoricalColors, aa as getYFormatSettings, aj as isLightColor, a5 as useChartContext } from './server-Cz62pUnv.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo, CSSProperties } from 'react';
-import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
-export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
+import React__default, { ReactNode, ComponentProps, ComponentType, Component, ErrorInfo, CSSProperties } from 'react';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import '@phosphor-icons/react';
 import 'react-map-gl';
 
+/**
+ * Tailwind CSS default breakpoints
+ * These match the standard Tailwind breakpoints used in your CSS
+ */
+declare const BREAKPOINTS: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly "2xl": "1536px";
+};
+type Breakpoint = keyof typeof BREAKPOINTS;
+interface BreakpointState {
+    /** Current active breakpoint (highest matching breakpoint) */
+    current: Breakpoint | "base";
+    /** True if viewport is at least 640px (sm breakpoint or higher) */
+    isSm: boolean;
+    /** True if viewport is at least 768px (md breakpoint or higher) */
+    isMd: boolean;
+    /** True if viewport is at least 1024px (lg breakpoint or higher) */
+    isLg: boolean;
+    /** True if viewport is at least 1280px (xl breakpoint or higher) */
+    isXl: boolean;
+    /** True if viewport is at least 1536px (2xl breakpoint or higher) */
+    is2Xl: boolean;
+    /** True if viewport is smaller than 768px (mobile) */
+    isMobile: boolean;
+    /** True if viewport is 768px or larger (tablet/desktop) */
+    isDesktop: boolean;
+}
+/**
+ * Public return type alias for useBreakpoint hook
+ * Provides a stable public API for barrel re-exports
+ */
+type UseBreakpointReturn = BreakpointState;
+/**
+ * Hook to detect which Tailwind breakpoint is currently active
+ *
+ * Returns an object with boolean flags for each breakpoint and convenience helpers.
+ * All breakpoints use min-width queries to match Tailwind's mobile-first approach.
+ *
+ * @param defaultBreakpoint - The breakpoint to assume during SSR or before first render (defaults to "base" for mobile-first)
+ * @returns An object containing breakpoint state information
+ *
+ * @example
+ * ```tsx
+ * const { isMobile, isDesktop, current } = useBreakpoint();
+ *
+ * // Conditional rendering based on screen size
+ * return isMobile ? <MobileNav /> : <DesktopNav />;
+ *
+ * // Check specific breakpoint
+ * if (isLg) {
+ *   // Show expanded view on large screens
+ * }
+ *
+ * // Use current breakpoint
+ * console.log(`Current breakpoint: ${current}`); // "md", "lg", etc.
+ * ```
+ */
+declare function useBreakpoint(defaultBreakpoint?: Breakpoint | "base"): BreakpointState;
+
 declare function useDebounce<T>(value: T, delay?: number): T;
 
 /**
@@ -19,6 +81,22 @@ declare function useDebounce<T>(value: T, delay?: number): T;
  */
 declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];
 
+/**
+ * Hook to check if a media query matches the current viewport
+ *
+ * @param query - A CSS media query string (e.g., "(min-width: 768px)")
+ * @param defaultValue - The default value to return during SSR or before the first render
+ * @returns A boolean indicating whether the media query matches
+ *
+ * @example
+ * ```tsx
+ * const isMobile = useMediaQuery('(max-width: 767px)');
+ * const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
+ * const isLandscape = useMediaQuery('(orientation: landscape)');
+ * ```
+ */
+declare function useMediaQuery(query: string, defaultValue?: boolean): boolean;
+
 /**
  * Core types for the formatting system
  */
@@ -816,6 +894,153 @@ declare const createFormat: <T extends FieldFormat["type"]>(type: T, options?: O
     type: T;
 }>;
 
+/**
+ * Shared action type for Dialog and Drawer footer buttons
+ */
+interface DialogAction {
+    label: string;
+    onPress: () => void;
+    variant?: "default" | "primary" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost";
+    size?: "sm" | "md" | "lg";
+    isLoading?: boolean;
+    isDisabled?: boolean;
+}
+/**
+ * Shared header props for Dialog and Drawer
+ */
+interface DialogHeaderConfig {
+    /**
+     * Title text for the header
+     */
+    title?: string;
+    /**
+     * Custom header content (overrides title)
+     */
+    headerContent?: ReactNode;
+    /**
+     * Alignment of the title
+     * @default "left"
+     */
+    titleAlign?: "left" | "center";
+    /**
+     * Whether to hide the close button
+     * @default false
+     */
+    hideCloseIcon?: boolean;
+    /**
+     * Whether to show a back arrow
+     * @default false
+     */
+    hasBackArrow?: boolean;
+    /**
+     * Callback when back arrow is clicked (required if hasBackArrow is true)
+     */
+    onBack?: () => void;
+}
+/**
+ * Shared footer props for Dialog and Drawer
+ */
+interface DialogFooterConfig {
+    /**
+     * Primary action button configuration
+     */
+    primaryAction?: DialogAction;
+    /**
+     * Secondary action button configuration
+     */
+    secondaryAction?: DialogAction;
+    /**
+     * Custom footer content above the action buttons
+     */
+    footerContent?: ReactNode;
+}
+
+interface DialogProps extends DialogHeaderConfig, DialogFooterConfig {
+    /**
+     * Whether the dialog is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the dialog is closed
+     */
+    onClose: () => void;
+    /**
+     * Dialog content
+     */
+    children: React__default.ReactNode;
+    /**
+     * Whether to use a transparent backdrop
+     * @default false
+     */
+    transparentOverlay?: boolean;
+    /**
+     * Maximum width of the dialog
+     * @default "600px"
+     */
+    maxWidth?: string;
+    /**
+     * Whether to include padding inside the content area
+     * @default true
+     */
+    contentPadding?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Dialog
+ *
+ * Responsive modal dialog component with backdrop.
+ *
+ * **Desktop (≥768px):** Centered modal with scale and fade animation
+ * **Mobile (<768px):** Bottom sheet that slides up from bottom
+ *
+ * Includes optional header with title/back button and footer with action buttons.
+ */
+declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
+
+interface AlertProps {
+    /**
+     * Whether the alert is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the alert is closed
+     */
+    onClose: () => void;
+    /**
+     * Alert title
+     */
+    title: string;
+    /**
+     * Alert message/content
+     */
+    message: React__default.ReactNode;
+    /**
+     * Label for the confirm button
+     * @default "OK"
+     */
+    confirmLabel?: string;
+    /**
+     * Variant for the confirm button
+     * @default "primary"
+     */
+    confirmVariant?: DialogAction["variant"];
+    /**
+     * Maximum width of the alert dialog
+     * @default "400px"
+     */
+    maxWidth?: string;
+}
+/**
+ * Alert
+ *
+ * A simple alert dialog with a single action button.
+ * Use for informational messages that require acknowledgment.
+ */
+declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Control-specific style utilities for form elements and interactive components.
  * These styles use CSS variables defined in the theme for consistent sizing
@@ -1001,6 +1226,66 @@ interface ChipProps {
  */
 declare function Chip({ children, onRemove, size, variant, isRemovable, isDisabled, className, onClick, }: ChipProps): react_jsx_runtime.JSX.Element;
 
+interface ConfirmProps {
+    /**
+     * Whether the confirm dialog is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the dialog is closed without confirming
+     */
+    onClose: () => void;
+    /**
+     * Callback when the confirm button is pressed
+     */
+    onConfirm: () => void;
+    /**
+     * Dialog title
+     */
+    title: string;
+    /**
+     * Confirmation message/content
+     */
+    message: React__default.ReactNode;
+    /**
+     * Label for the confirm button
+     * @default "Confirm"
+     */
+    confirmLabel?: string;
+    /**
+     * Label for the cancel button
+     * @default "Cancel"
+     */
+    cancelLabel?: string;
+    /**
+     * Variant for the confirm button
+     * @default "primary"
+     */
+    confirmVariant?: DialogAction["variant"];
+    /**
+     * Whether the confirm action is destructive (uses destructive styling)
+     * @default false
+     */
+    isDestructive?: boolean;
+    /**
+     * Whether the confirm button is in a loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Maximum width of the confirm dialog
+     * @default "500px"
+     */
+    maxWidth?: string;
+}
+/**
+ * Confirm
+ *
+ * A confirmation dialog with confirm and cancel actions.
+ * Use for actions that require user confirmation before proceeding.
+ */
+declare function Confirm({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, confirmVariant, isDestructive, isLoading, maxWidth, }: ConfirmProps): react_jsx_runtime.JSX.Element;
+
 interface CopyToClipboardProps {
     /**
      * The value to copy to clipboard. If not provided, will use the text content of children
@@ -1110,7 +1395,7 @@ interface ChartExportMetadata {
  * }, svgRef);
  * ```
  */
-declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement>): Promise<void>;
+declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement | null>): Promise<void>;
 /**
  * Utility to check if export is supported in the current environment
  */
@@ -1448,67 +1733,53 @@ interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps
 }
 declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DateRangePickerProps<T>): react_jsx_runtime.JSX.Element;
 
-/**
- * Dialog
- *
- * Generic modal/dialog surface with Edges defaults.
- */
-declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
-
-type BaseDialogHeaderProps = {
-    title?: string;
-    onClose: () => void;
-    hideCloseIcon?: boolean;
-    titleAlign?: "left" | "center";
-    headerContent?: React__default.ReactNode;
-};
-type WithBackArrow = BaseDialogHeaderProps & {
-    hasBackArrow: true;
-    onBack: () => void;
-};
-type WithoutBackArrow = BaseDialogHeaderProps & {
-    hasBackArrow?: false;
-    onBack?: never;
-};
-/**
- * DialogHeader
- *
- * Header area for dialogs with optional back arrow.
- */
-type DialogHeaderProps = WithBackArrow | WithoutBackArrow;
-declare const DialogHeader: React__default.FC<DialogHeaderProps>;
-
-interface DrawerAction {
-    label: string;
-    onPress: () => void;
-    variant?: "default" | "primary" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost";
-    size?: "sm" | "md" | "lg";
-    isLoading?: boolean;
-    isDisabled?: boolean;
-}
-/**
- * Drawer
- *
- * Sliding panel that anchors to screen edges.
- */
-interface DrawerProps {
-    title?: string;
-    headerContent?: React__default.ReactNode;
+interface DrawerProps extends DialogHeaderConfig, DialogFooterConfig {
+    /**
+     * Drawer content
+     */
     children?: React__default.ReactNode;
+    /**
+     * Whether the drawer is open
+     */
     isOpen: boolean;
+    /**
+     * Side to slide in from
+     * @default "right"
+     */
     slideInFrom?: "left" | "right";
+    /**
+     * Whether to use a transparent backdrop
+     * @default false
+     */
     transparentOverlay?: boolean;
+    /**
+     * Callback when the drawer is closed
+     */
     onClose?: () => void;
+    /**
+     * Additional CSS classes
+     */
     className?: string;
-    primaryAction?: DrawerAction;
-    secondaryAction?: DrawerAction;
-    footerContent?: React__default.ReactNode;
-    /** Whether to include padding inside the content area. Defaults to true. */
+    /**
+     * Whether to include padding inside the content area
+     * @default true
+     */
     contentPadding?: boolean;
-    /** Maximum width of the drawer. Defaults to "400px". Can be any valid CSS width value. */
+    /**
+     * Maximum width of the drawer
+     * @default "400px"
+     */
     maxWidth?: string;
 }
-declare const Drawer: React__default.FC<DrawerProps>;
+/**
+ * Drawer
+ *
+ * Sliding panel that anchors to screen edges.
+ */
+declare function Drawer({ children, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, isOpen, slideInFrom, transparentOverlay, onClose, className, primaryAction, secondaryAction, footerContent, contentPadding, maxWidth, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+declare namespace Drawer {
+    var displayName: string;
+}
 
 interface Props {
     children: ReactNode;
@@ -1530,7 +1801,7 @@ declare class ErrorBoundary extends Component<Props, State> {
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     private handleRetry;
-    render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 }
 
 interface InputStyleProps {
@@ -1642,7 +1913,7 @@ declare function getInputStateStyles(props: {
 declare function getInputBackgroundStyles(props: {
     transparent?: boolean;
     isDisabled?: boolean;
-}): "bg-background-muted" | "bg-transparent" | "bg-background-input";
+}): "bg-transparent" | "bg-background-muted" | "bg-background-input";
 /**
  * Generates the complete set of base styles for input components.
  * This includes state styles, background, sizing, and custom classes.
@@ -2084,6 +2355,8 @@ interface ListItemProps {
     disabled?: boolean;
     /** If provided, renders as <a> with proper a11y; otherwise <button> */
     href?: string;
+    /** Size variant affecting title/subtitle text sizes and spacing */
+    size?: "sm" | "md" | "lg" | "xl";
     onClick?: (id: string) => void;
     onMouseEnter?: (id: string) => void;
     onMouseLeave?: (id: string) => void;
@@ -2110,7 +2383,7 @@ interface ListItemProps {
  * />
  * ```
  */
-declare function ListItem({ id, title, subtitle, meta, leading, trailing, isSelected, isHovered, disabled, href, onClick, onMouseEnter, onMouseLeave, className, style, }: ListItemProps): react_jsx_runtime.JSX.Element;
+declare function ListItem({ id, title, subtitle, meta, leading, trailing, isSelected, isHovered, disabled, href, size, onClick, onMouseEnter, onMouseLeave, className, style, }: ListItemProps): react_jsx_runtime.JSX.Element;
 
 interface ListPaneProps {
     /** Content for the header area (typically ListHeader) */
@@ -2241,6 +2514,25 @@ declare function isCustomPinsLayer(layer: LayerSpec): layer is CustomPinsSpec;
  */
 declare function isRasterLayer(layer: LayerSpec): layer is RasterLayerSpec;
 
+interface ModalBackdropProps extends ModalOverlayProps {
+    /**
+     * Whether to use a transparent backdrop instead of dark overlay
+     * @default false
+     */
+    transparent?: boolean;
+    /**
+     * Additional CSS classes for the backdrop
+     */
+    className?: string;
+}
+/**
+ * ModalBackdrop
+ *
+ * Shared backdrop/overlay component used by Dialog and Drawer.
+ * Wraps React Aria's ModalOverlay with consistent styling and smooth animations.
+ */
+declare function ModalBackdrop({ transparent, className, children, ...props }: ModalBackdropProps): react_jsx_runtime.JSX.Element;
+
 type NoticeVariant = "success" | "error" | "warning" | "info";
 interface NoticeProps {
     /** Unique identifier for the notice */
@@ -2518,10 +2810,28 @@ declare function PlaceSearch({ label, selectedKey, defaultSelectedKey, onSelecti
  * `react-aria-components` Popover.
  */
 interface PopoverProps extends Omit<PopoverProps$1, "children"> {
+    /**
+     * Whether to show an arrow pointing to the trigger
+     * @default false
+     */
     showArrow?: boolean;
+    /**
+     * Whether to include a backdrop (makes it modal)
+     * @default false
+     */
+    withBackdrop?: boolean;
+    /**
+     * Whether the backdrop/modal can be dismissed by clicking outside
+     * Only applies when withBackdrop is true
+     * @default true
+     */
+    isDismissable?: boolean;
+    /**
+     * Popover content
+     */
     children: React__default.ReactNode;
 }
-declare function Popover({ children, showArrow, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function Popover({ children, showArrow, withBackdrop, className, isDismissable, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 /**
  * ProgressBar
@@ -2697,15 +3007,16 @@ interface SliderProps {
 declare function Slider({ label, description, tooltip, errorMessage, size, className, value, defaultValue, onChange, min, max, step, disabled, showValue, }: SliderProps): react_jsx_runtime.JSX.Element;
 
 /**
- * SplitPane Component — Resizable two-panel layout
+ * SplitPane Component — Two-panel layout with optional resizing
  *
- * A layout primitive for side-by-side content with a draggable divider.
+ * A layout primitive for side-by-side content with an optional draggable divider.
  * Perfect for list/detail views, dashboards with inspectors, or any
- * main/aside layout that benefits from user-controlled sizing.
+ * main/aside layout.
  *
  * Usage:
  * ```tsx
- * <SplitPane defaultSize={0.7} minSize={280} maxSize={480}>
+ * // Simple fixed-width aside
+ * <SplitPane asideWidth={400}>
  *   <SplitPane.Main>
  *     <DataTable />
  *   </SplitPane.Main>
@@ -2713,24 +3024,46 @@ declare function Slider({ label, description, tooltip, errorMessage, size, class
  *     <Inspector />
  *   </SplitPane.Aside>
  * </SplitPane>
+ *
+ * // Resizable with constraints
+ * <SplitPane
+ *   asideWidth={400}
+ *   resizable
+ *   minAsideWidth={280}
+ *   minMainWidth={600}
+ * >
+ *   ...
+ * </SplitPane>
  * ```
  */
 type SplitPaneOrientation = "horizontal" | "vertical";
 interface SplitPaneProps {
-    /** Initial size of the main panel (0-1 for ratio, or px value) */
-    defaultSize?: number;
-    /** Minimum size of aside panel in pixels */
-    minSize?: number;
-    /** Maximum size of aside panel in pixels */
-    maxSize?: number;
+    /** Width of aside panel (pixels or percentage string like "30%") */
+    asideWidth?: number | string;
+    /** Height of aside panel for vertical orientation (pixels or percentage) */
+    asideHeight?: number | string;
+    /** Minimum width of aside panel in pixels (only used if resizable=true) */
+    minAsideWidth?: number;
+    /** Minimum height of aside panel in pixels (only used if resizable=true and orientation="vertical") */
+    minAsideHeight?: number;
+    /** Minimum width of main panel in pixels (only used if resizable=true) */
+    minMainWidth?: number;
+    /** Minimum height of main panel in pixels (only used if resizable=true and orientation="vertical") */
+    minMainHeight?: number;
     /** Orientation of the split */
     orientation?: SplitPaneOrientation;
-    /** Whether the divider is draggable */
+    /** Whether the divider is draggable (default: false) */
     resizable?: boolean;
-    /** Callback when resize occurs */
-    onResize?: (size: number) => void;
+    /** Callback when resize occurs (provides new aside size in pixels) */
+    onAsideResize?: (size: number) => void;
+    /** Callback when resize starts */
+    onResizeStart?: () => void;
+    /** Callback when resize ends */
+    onResizeEnd?: () => void;
     /** Additional CSS classes */
     className?: string;
+    /** Additional CSS classes for the divider */
+    dividerClassName?: string;
     /** Child panels */
     children?: React__default.ReactNode;
 }
@@ -2738,7 +3071,7 @@ interface SplitPanePanelProps {
     className?: string;
     children?: React__default.ReactNode;
 }
-declare function SplitPane({ defaultSize, minSize, maxSize, orientation, resizable, onResize, className, children, }: SplitPaneProps): react_jsx_runtime.JSX.Element;
+declare function SplitPane({ asideWidth, asideHeight, minAsideWidth, minAsideHeight, minMainWidth, minMainHeight, orientation, resizable, onAsideResize, onResizeStart, onResizeEnd, className, dividerClassName, children, }: SplitPaneProps): react_jsx_runtime.JSX.Element;
 declare namespace SplitPane {
     var Main: typeof Main;
     var Aside: typeof Aside;
@@ -3004,4 +3337,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, type Filter, Form, FormatRegistry, type FormattedValue, type FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, type SortOption, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, VectorLayerSpec, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useNotice, yardsToMeters };
+export { type Action, ActionCell, type ActionCellProps, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, type DialogHeaderConfig, type DialogProps, type DistanceFormat, type DistanceUnit, Drawer, type DrawerProps, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, type Filter, Form, FormatRegistry, type FormattedValue, type FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, type SortOption, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };