@texturehq/edges 1.5.0 → 1.5.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-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 { 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-B74FiF5M.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-B74FiF5M.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';
@@ -9,6 +9,68 @@ 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
  */
@@ -2084,6 +2162,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 +2190,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) */
@@ -2697,15 +2777,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 +2794,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 +2841,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 +3107,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, 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, 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, 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 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-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.js';
-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.js';
+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-B74FiF5M.js';
+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-B74FiF5M.js';
 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';
@@ -9,6 +9,68 @@ 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
  */
@@ -2084,6 +2162,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 +2190,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) */
@@ -2697,15 +2777,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 +2794,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 +2841,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 +3107,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, 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, 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, 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 };