@texturehq/edges 1.28.0 → 1.28.2

package/dist/index.d.cts

@@ -2,15 +2,15 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
 import * as React$1 from 'react';
 import React__default, { RefObject, ComponentType, ReactNode, HTMLAttributes, ComponentProps, CSSProperties, Component, ErrorInfo } from 'react';
-import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, e as BaseDataPoint, B as BadgeProps, v as YFormatType, r as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-CvEXhBTp.cjs';
-export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, ap as BaseFormat, aq as ChartContext, C as ChartMargin, ar as CodeEditor, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, as as ColorSpec, at as ComponentFormatOptions, au as CurrentUnit, av as CustomFormat, aw as DateFormatStyle, ax as DistanceUnit, E as ENTITY_CONFIG, ay as EnergyUnit, i as EntityConfig, j as EntityType, H as Heading, az as InteractiveMap, I as InteractiveMapProps, aA as LayerFeature, aB as LayerStyle, L as Loader, k as Logo, aC as MAP_TYPES, M as MapPoint, aD as Meter, l as MeterProps, aE as MetricFormat, aF as PercentageFormat, aG as PowerUnit, aH as RenderType, aI as ResistanceUnit, S as SegmentOption, aJ as SegmentedControl, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, aK as StaticMap, q as StaticMapProps, T as TextLink, aL as TextTransform, aM as TextTruncatePosition, s as TooltipSeries, t as TopNav, u as TopNavProps, aN as VoltageUnit, Y as YFormatSettings, aO as ZoomStops, aP as activeDeviceStates, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, aQ as deviceStateLabels, aR as deviceStateMetricFormats, aS as formatComponentValue, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, aT as getDeviceStateDisplayLabel, aT as getDeviceStateLabel, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, aU as getGridStateLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, aV as gridStateLabels, aW as isActiveDeviceState, aW as isActiveState, U as isLightColor, aX as useChartContext, aY as useComponentFormatter } from './colors-CvEXhBTp.cjs';
+import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, e as BaseDataPoint, B as BadgeProps, v as YFormatType, r as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-BHVIdEzL.cjs';
+export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, ap as BaseFormat, aq as ChartContext, C as ChartMargin, ar as CodeEditor, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, as as ColorSpec, at as ComponentFormatOptions, au as CurrentUnit, av as CustomFormat, aw as DateFormatStyle, ax as DistanceUnit, E as ENTITY_CONFIG, ay as EnergyUnit, i as EntityConfig, j as EntityType, H as Heading, az as InteractiveMap, I as InteractiveMapProps, aA as LayerFeature, aB as LayerStyle, L as Loader, k as Logo, aC as MAP_TYPES, M as MapPoint, aD as Meter, l as MeterProps, aE as MetricFormat, aF as PercentageFormat, aG as PowerUnit, aH as RenderType, aI as ResistanceUnit, S as SegmentOption, aJ as SegmentedControl, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, aK as StaticMap, q as StaticMapProps, T as TextLink, aL as TextTransform, aM as TextTruncatePosition, s as TooltipSeries, t as TopNav, u as TopNavProps, aN as VoltageUnit, Y as YFormatSettings, aO as ZoomStops, aP as activeDeviceStates, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, aQ as deviceStateLabels, aR as deviceStateMetricFormats, aS as formatComponentValue, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, aT as getDeviceStateDisplayLabel, aT as getDeviceStateLabel, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, aU as getGridStateLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, aV as gridStateLabels, aW as isActiveDeviceState, aW as isActiveState, U as isLightColor, aX as useChartContext, aY as useComponentFormatter } from './colors-BHVIdEzL.cjs';
 import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-7jc4jO7e.cjs';
 export { e as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, f as Description, g as DescriptionPlacement, h as DescriptionProps, i as FieldError, j as FieldErrorProps, k as FieldGroup, l as FieldGroupProps, b as FileUpload, F as FileUploadProps, m as Input, n as InputProps, o as InputStyleProps, p as InputWrapper, L as Label, q as LabelProps, c as RichTextEditor, R as RichTextEditorProps, r as getFieldGroupStyles, s as getInputBackgroundStyles, t as getInputBaseStyles, u as getInputStateStyles, v as useInputFocus } from './RichTextEditor-7jc4jO7e.cjs';
 import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-BdDvAxFM.cjs';
 export { c as Dialog, d as DialogForm, e as DialogProps, f as Drawer, g as DrawerForm, h as DrawerProps, F as FormActions, i as FormDivider, j as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-BdDvAxFM.cjs';
-export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, g as ColorFieldProps, N as NumberField, h as Radio, i as RadioCard, R as RadioCardGroup, j as RadioCardGroupProps, k as RadioCardProps, c as RadioGroup, S as Select, l as SelectItem, d as Switch, T as TextArea, e as TextField, m as TimeField } from './TimeField-BqhXKWUT.cjs';
+export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, g as ColorFieldProps, N as NumberField, h as Radio, i as RadioCard, R as RadioCardGroup, j as RadioCardGroupProps, k as RadioCardProps, c as RadioGroup, S as Select, l as SelectItem, d as Switch, T as TextArea, e as TextField, m as TimeField } from './TimeField-ydXvd3yT.cjs';
 import { ScaleTime, ScaleLinear, ScaleBand } from 'd3-scale';
 import '@visx/vendor/d3-scale';
 import 'react-map-gl';
@@ -1434,7 +1434,7 @@ interface UseTableExportReturn {
  * />
  * ```
  */
-declare function useTableExport<T>({ columns, data, metadata, }: UseTableExportOptions<T>): UseTableExportReturn;
+declare function useTableExport<T>({ columns, data, metadata }: UseTableExportOptions<T>): UseTableExportReturn;
 
 type ActivityFeedVariant = "timeline" | "stacked";
 type ActivityFeedSize = "md" | "sm";
@@ -1793,17 +1793,17 @@ interface CardFooterProps {
     align?: "start" | "end" | "center" | "between";
     isLoading?: boolean;
 }
-declare function Card({ variant, className, children, isLoading, layout, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ variant, className, children, isLoading, layout }: CardProps): react_jsx_runtime.JSX.Element;
 declare namespace Card {
     var Header: typeof CardHeader;
     var Media: typeof CardMedia;
     var Content: typeof CardContent;
     var Footer: typeof CardFooter;
 }
-declare function CardHeader({ title, subtitle, actions, className, isLoading, }: CardHeaderProps): react_jsx_runtime.JSX.Element | null;
-declare function CardMedia({ src, alt, aspectRatio, className, children, isLoading, }: CardMediaProps): react_jsx_runtime.JSX.Element | null;
-declare function CardContent({ className, children, isLoading, fill, }: CardContentProps): react_jsx_runtime.JSX.Element | null;
-declare function CardFooter({ className, children, align, isLoading, }: CardFooterProps): react_jsx_runtime.JSX.Element | null;
+declare function CardHeader({ title, subtitle, actions, className, isLoading }: CardHeaderProps): react_jsx_runtime.JSX.Element | null;
+declare function CardMedia({ src, alt, aspectRatio, className, children, isLoading }: CardMediaProps): react_jsx_runtime.JSX.Element | null;
+declare function CardContent({ className, children, isLoading, fill }: CardContentProps): react_jsx_runtime.JSX.Element | null;
+declare function CardFooter({ className, children, align, isLoading }: CardFooterProps): react_jsx_runtime.JSX.Element | null;
 
 interface CarouselRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Current active page (controlled) */
@@ -2803,6 +2803,15 @@ interface DataControlsProps {
     stickyTop?: string;
     /** Z-index for sticky positioning (default: 10) */
     zIndex?: number;
+    /**
+     * Controls the interaction style for sort in narrow containers.
+     *
+     * - `"auto"` (default): Narrow containers use compact sort (icon button → tray).
+     * - `"desktop"`: Use inline Select dropdown for sort even in narrow containers.
+     *   Useful when DataControls lives in a narrow panel on a desktop viewport
+     *   (e.g., a side panel or split pane aside).
+     */
+    interactionMode?: "auto" | "desktop";
     /** Additional CSS classes */
     className?: string;
     /** Inline styles */
@@ -2850,7 +2859,7 @@ interface DataControlsProps {
  * ```
  */
 declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
-filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, onManageColumns, columnPicker, customControls, actions, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, onManageColumns, columnPicker, customControls, actions, interactionMode, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
 
 interface FilterDialogProps {
     /** Whether the dialog is open */
@@ -2933,7 +2942,7 @@ interface ResultsCountProps {
  * // Renders: loading skeleton
  * ```
  */
-declare function ResultsCount({ count, label, isLoading, className, }: ResultsCountProps): react_jsx_runtime.JSX.Element;
+declare function ResultsCount({ count, label, isLoading, className }: ResultsCountProps): react_jsx_runtime.JSX.Element;
 
 interface SearchControlProps {
     /** Current search value */
@@ -2992,7 +3001,7 @@ interface ActionCellProps<T = any> extends CellComponentProps<T> {
  * DataTable cell component for rendering action buttons within table rows.
  * Supports multiple actions with icons, labels, and conditional visibility/disabled states.
  */
-declare function ActionCell<T = any>({ row, context, actions, align, size, }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function ActionCell<T = any>({ row, context, actions, align, size }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
 
 interface BadgeCellProps<T = any> extends CellComponentProps<T> {
     /** The variant to use - can be static or a function that maps value to variant */
@@ -3241,7 +3250,7 @@ interface CustomCellProps<T = any> extends CellComponentProps<T> {
  * }
  * ```
  */
-declare function CustomCell<T = any>({ value, row, context, render, className, }: CustomCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function CustomCell<T = any>({ value, row, context, render, className }: CustomCellProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * Get alignment classes for cell content
@@ -3773,11 +3782,11 @@ interface MobileRowProps<T> {
  * Automatic mobile card renderer
  * Groups columns by priority and formats them appropriately
  */
-declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
+declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
 /**
  * Simple card renderer - displays all columns in a simple stacked layout
  */
-declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
+declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * DateRangePicker
@@ -4437,7 +4446,7 @@ interface SearchResultGroupProps {
  * </SearchResultGroup>
  * ```
  */
-declare function SearchResultGroup({ title, count, isLoading, footer, children, className, }: SearchResultGroupProps): react_jsx_runtime.JSX.Element;
+declare function SearchResultGroup({ title, count, isLoading, footer, children, className }: SearchResultGroupProps): react_jsx_runtime.JSX.Element;
 
 interface SearchResultItemProps {
     /**
@@ -4534,7 +4543,7 @@ interface SearchResultsListProps {
  * </SearchResultsList>
  * ```
  */
-declare function SearchResultsList({ children, maxHeight, className, }: SearchResultsListProps): react_jsx_runtime.JSX.Element;
+declare function SearchResultsList({ children, maxHeight, className }: SearchResultsListProps): react_jsx_runtime.JSX.Element;
 
 interface SearchTriggerProps {
     /**
@@ -4875,7 +4884,7 @@ interface InfiniteScrollIndicatorProps {
  * />
  * ```
  */
-declare function InfiniteScrollIndicator({ state, message, className, customIndicator, }: InfiniteScrollIndicatorProps): string | number | bigint | true | 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;
+declare function InfiniteScrollIndicator({ state, message, className, customIndicator }: InfiniteScrollIndicatorProps): string | number | bigint | true | 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;
 
 type KpiFormatter = ComponentFormatter;
 /**
@@ -5358,7 +5367,7 @@ interface NoticeContainerProps {
  * Container component that positions and animates notices.
  * Renders notices in a portal to ensure they appear above other content.
  */
-declare function NoticeContainer({ notices, onDismiss, position, className, }: NoticeContainerProps): React$1.ReactPortal | null;
+declare function NoticeContainer({ notices, onDismiss, position, className }: NoticeContainerProps): React$1.ReactPortal | null;
 
 interface NoticeProviderProps {
     /** Child components */
@@ -5624,10 +5633,11 @@ interface PlaceSearchProps {
     proximity?: "ip" | [number, number];
     hideCountry?: boolean;
     showIcon?: boolean;
+    useMobileTray?: boolean;
     className?: string;
 }
 declare function PlaceSearch({ label, selectedKey, defaultSelectedKey, onSelectionChange, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, showErrors, autoFocus, onSelect, searchTypes, defaultFilter, validationResult, countryRestrictions, proximity, // Set IP-based location as default
-hideCountry, showIcon, className, }: PlaceSearchProps): react_jsx_runtime.JSX.Element;
+hideCountry, showIcon, useMobileTray, className, }: PlaceSearchProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Popover
@@ -6615,6 +6625,25 @@ interface BrandProviderProps {
      * These override the default Edges theme variables.
      */
     variables?: BrandVariables;
+    /**
+     * CSS variable overrides to apply when dark mode is active (`.theme-dark`).
+     * Uses the same cascade map as `variables` — overriding `--color-brand-primary`
+     * automatically cascades to derived tokens (action colors, link colors, etc.).
+     *
+     * When omitted, the dark mode theme falls back to Edges defaults.
+     * This is a non-breaking addition — existing consumers are unaffected.
+     *
+     * @example
+     * ```tsx
+     * <BrandProvider
+     *   variables={{ '--color-brand-primary': '#2563eb' }}
+     *   darkVariables={{ '--color-brand-primary': '#60a5fa' }}
+     * >
+     *   <App />
+     * </BrandProvider>
+     * ```
+     */
+    darkVariables?: BrandVariables;
     children: ReactNode;
 }
 /**
@@ -6625,19 +6654,29 @@ interface BrandProviderProps {
  * (like --color-brand-primary), this component automatically cascades
  * the override to derived semantic tokens (action colors, link colors, etc.).
  *
+ * Pass `darkVariables` to provide separate overrides for dark mode (`.theme-dark`).
+ * This is especially useful for ensuring accessible contrast ratios in both modes.
+ *
+ * Both `variables` and `darkVariables` are applied via stylesheet rules (not inline
+ * styles), so dark-mode rules correctly override light-mode rules in `.theme-dark`.
+ *
  * @example
  * ```tsx
  * <BrandProvider
  *   variables={{
- *     '--color-brand-primary': '#ff6600',
- *     '--color-brand-dark': '#cc5200',
+ *     '--color-brand-primary': '#2563eb',
+ *     '--color-brand-dark': '#1d4ed8',
+ *   }}
+ *   darkVariables={{
+ *     '--color-brand-primary': '#60a5fa',
+ *     '--color-brand-dark': '#93c5fd',
  *   }}
  * >
  *   <App />
  * </BrandProvider>
  * ```
  */
-declare function BrandProvider({ variables, children }: BrandProviderProps): react_jsx_runtime.JSX.Element;
+declare function BrandProvider({ variables, darkVariables, children }: BrandProviderProps): react_jsx_runtime.JSX.Element;
 
 type ColorMode = "system" | "light" | "dark";
 type ResolvedTheme = "light" | "dark";

package/dist/index.d.ts

@@ -2,15 +2,15 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
 import * as React$1 from 'react';
 import React__default, { RefObject, ComponentType, ReactNode, HTMLAttributes, ComponentProps, CSSProperties, Component, ErrorInfo } from 'react';
-import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, e as BaseDataPoint, B as BadgeProps, v as YFormatType, r as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-Edrb81dY.js';
-export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, ap as BaseFormat, aq as ChartContext, C as ChartMargin, ar as CodeEditor, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, as as ColorSpec, at as ComponentFormatOptions, au as CurrentUnit, av as CustomFormat, aw as DateFormatStyle, ax as DistanceUnit, E as ENTITY_CONFIG, ay as EnergyUnit, i as EntityConfig, j as EntityType, H as Heading, az as InteractiveMap, I as InteractiveMapProps, aA as LayerFeature, aB as LayerStyle, L as Loader, k as Logo, aC as MAP_TYPES, M as MapPoint, aD as Meter, l as MeterProps, aE as MetricFormat, aF as PercentageFormat, aG as PowerUnit, aH as RenderType, aI as ResistanceUnit, S as SegmentOption, aJ as SegmentedControl, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, aK as StaticMap, q as StaticMapProps, T as TextLink, aL as TextTransform, aM as TextTruncatePosition, s as TooltipSeries, t as TopNav, u as TopNavProps, aN as VoltageUnit, Y as YFormatSettings, aO as ZoomStops, aP as activeDeviceStates, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, aQ as deviceStateLabels, aR as deviceStateMetricFormats, aS as formatComponentValue, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, aT as getDeviceStateDisplayLabel, aT as getDeviceStateLabel, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, aU as getGridStateLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, aV as gridStateLabels, aW as isActiveDeviceState, aW as isActiveState, U as isLightColor, aX as useChartContext, aY as useComponentFormatter } from './colors-Edrb81dY.js';
+import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, e as BaseDataPoint, B as BadgeProps, v as YFormatType, r as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-BArtDuqU.js';
+export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, ap as BaseFormat, aq as ChartContext, C as ChartMargin, ar as CodeEditor, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, as as ColorSpec, at as ComponentFormatOptions, au as CurrentUnit, av as CustomFormat, aw as DateFormatStyle, ax as DistanceUnit, E as ENTITY_CONFIG, ay as EnergyUnit, i as EntityConfig, j as EntityType, H as Heading, az as InteractiveMap, I as InteractiveMapProps, aA as LayerFeature, aB as LayerStyle, L as Loader, k as Logo, aC as MAP_TYPES, M as MapPoint, aD as Meter, l as MeterProps, aE as MetricFormat, aF as PercentageFormat, aG as PowerUnit, aH as RenderType, aI as ResistanceUnit, S as SegmentOption, aJ as SegmentedControl, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, aK as StaticMap, q as StaticMapProps, T as TextLink, aL as TextTransform, aM as TextTruncatePosition, s as TooltipSeries, t as TopNav, u as TopNavProps, aN as VoltageUnit, Y as YFormatSettings, aO as ZoomStops, aP as activeDeviceStates, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, aQ as deviceStateLabels, aR as deviceStateMetricFormats, aS as formatComponentValue, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, aT as getDeviceStateDisplayLabel, aT as getDeviceStateLabel, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, aU as getGridStateLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, aV as gridStateLabels, aW as isActiveDeviceState, aW as isActiveState, U as isLightColor, aX as useChartContext, aY as useComponentFormatter } from './colors-BArtDuqU.js';
 import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-7jc4jO7e.js';
 export { e as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, f as Description, g as DescriptionPlacement, h as DescriptionProps, i as FieldError, j as FieldErrorProps, k as FieldGroup, l as FieldGroupProps, b as FileUpload, F as FileUploadProps, m as Input, n as InputProps, o as InputStyleProps, p as InputWrapper, L as Label, q as LabelProps, c as RichTextEditor, R as RichTextEditorProps, r as getFieldGroupStyles, s as getInputBackgroundStyles, t as getInputBaseStyles, u as getInputStateStyles, v as useInputFocus } from './RichTextEditor-7jc4jO7e.js';
 import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-BdDvAxFM.js';
 export { c as Dialog, d as DialogForm, e as DialogProps, f as Drawer, g as DrawerForm, h as DrawerProps, F as FormActions, i as FormDivider, j as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-BdDvAxFM.js';
-export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, g as ColorFieldProps, N as NumberField, h as Radio, i as RadioCard, R as RadioCardGroup, j as RadioCardGroupProps, k as RadioCardProps, c as RadioGroup, S as Select, l as SelectItem, d as Switch, T as TextArea, e as TextField, m as TimeField } from './TimeField-BbLIbv0J.js';
+export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, g as ColorFieldProps, N as NumberField, h as Radio, i as RadioCard, R as RadioCardGroup, j as RadioCardGroupProps, k as RadioCardProps, c as RadioGroup, S as Select, l as SelectItem, d as Switch, T as TextArea, e as TextField, m as TimeField } from './TimeField-DUQ94xQz.js';
 import { ScaleTime, ScaleLinear, ScaleBand } from 'd3-scale';
 import '@visx/vendor/d3-scale';
 import 'react-map-gl';
@@ -1434,7 +1434,7 @@ interface UseTableExportReturn {
  * />
  * ```
  */
-declare function useTableExport<T>({ columns, data, metadata, }: UseTableExportOptions<T>): UseTableExportReturn;
+declare function useTableExport<T>({ columns, data, metadata }: UseTableExportOptions<T>): UseTableExportReturn;
 
 type ActivityFeedVariant = "timeline" | "stacked";
 type ActivityFeedSize = "md" | "sm";
@@ -1793,17 +1793,17 @@ interface CardFooterProps {
     align?: "start" | "end" | "center" | "between";
     isLoading?: boolean;
 }
-declare function Card({ variant, className, children, isLoading, layout, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ variant, className, children, isLoading, layout }: CardProps): react_jsx_runtime.JSX.Element;
 declare namespace Card {
     var Header: typeof CardHeader;
     var Media: typeof CardMedia;
     var Content: typeof CardContent;
     var Footer: typeof CardFooter;
 }
-declare function CardHeader({ title, subtitle, actions, className, isLoading, }: CardHeaderProps): react_jsx_runtime.JSX.Element | null;
-declare function CardMedia({ src, alt, aspectRatio, className, children, isLoading, }: CardMediaProps): react_jsx_runtime.JSX.Element | null;
-declare function CardContent({ className, children, isLoading, fill, }: CardContentProps): react_jsx_runtime.JSX.Element | null;
-declare function CardFooter({ className, children, align, isLoading, }: CardFooterProps): react_jsx_runtime.JSX.Element | null;
+declare function CardHeader({ title, subtitle, actions, className, isLoading }: CardHeaderProps): react_jsx_runtime.JSX.Element | null;
+declare function CardMedia({ src, alt, aspectRatio, className, children, isLoading }: CardMediaProps): react_jsx_runtime.JSX.Element | null;
+declare function CardContent({ className, children, isLoading, fill }: CardContentProps): react_jsx_runtime.JSX.Element | null;
+declare function CardFooter({ className, children, align, isLoading }: CardFooterProps): react_jsx_runtime.JSX.Element | null;
 
 interface CarouselRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Current active page (controlled) */
@@ -2803,6 +2803,15 @@ interface DataControlsProps {
     stickyTop?: string;
     /** Z-index for sticky positioning (default: 10) */
     zIndex?: number;
+    /**
+     * Controls the interaction style for sort in narrow containers.
+     *
+     * - `"auto"` (default): Narrow containers use compact sort (icon button → tray).
+     * - `"desktop"`: Use inline Select dropdown for sort even in narrow containers.
+     *   Useful when DataControls lives in a narrow panel on a desktop viewport
+     *   (e.g., a side panel or split pane aside).
+     */
+    interactionMode?: "auto" | "desktop";
     /** Additional CSS classes */
     className?: string;
     /** Inline styles */
@@ -2850,7 +2859,7 @@ interface DataControlsProps {
  * ```
  */
 declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
-filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, onManageColumns, columnPicker, customControls, actions, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, onManageColumns, columnPicker, customControls, actions, interactionMode, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
 
 interface FilterDialogProps {
     /** Whether the dialog is open */
@@ -2933,7 +2942,7 @@ interface ResultsCountProps {
  * // Renders: loading skeleton
  * ```
  */
-declare function ResultsCount({ count, label, isLoading, className, }: ResultsCountProps): react_jsx_runtime.JSX.Element;
+declare function ResultsCount({ count, label, isLoading, className }: ResultsCountProps): react_jsx_runtime.JSX.Element;
 
 interface SearchControlProps {
     /** Current search value */
@@ -2992,7 +3001,7 @@ interface ActionCellProps<T = any> extends CellComponentProps<T> {
  * DataTable cell component for rendering action buttons within table rows.
  * Supports multiple actions with icons, labels, and conditional visibility/disabled states.
  */
-declare function ActionCell<T = any>({ row, context, actions, align, size, }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function ActionCell<T = any>({ row, context, actions, align, size }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
 
 interface BadgeCellProps<T = any> extends CellComponentProps<T> {
     /** The variant to use - can be static or a function that maps value to variant */
@@ -3241,7 +3250,7 @@ interface CustomCellProps<T = any> extends CellComponentProps<T> {
  * }
  * ```
  */
-declare function CustomCell<T = any>({ value, row, context, render, className, }: CustomCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function CustomCell<T = any>({ value, row, context, render, className }: CustomCellProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * Get alignment classes for cell content
@@ -3773,11 +3782,11 @@ interface MobileRowProps<T> {
  * Automatic mobile card renderer
  * Groups columns by priority and formats them appropriately
  */
-declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
+declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
 /**
  * Simple card renderer - displays all columns in a simple stacked layout
  */
-declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
+declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * DateRangePicker
@@ -4437,7 +4446,7 @@ interface SearchResultGroupProps {
  * </SearchResultGroup>
  * ```
  */
-declare function SearchResultGroup({ title, count, isLoading, footer, children, className, }: SearchResultGroupProps): react_jsx_runtime.JSX.Element;
+declare function SearchResultGroup({ title, count, isLoading, footer, children, className }: SearchResultGroupProps): react_jsx_runtime.JSX.Element;
 
 interface SearchResultItemProps {
     /**
@@ -4534,7 +4543,7 @@ interface SearchResultsListProps {
  * </SearchResultsList>
  * ```
  */
-declare function SearchResultsList({ children, maxHeight, className, }: SearchResultsListProps): react_jsx_runtime.JSX.Element;
+declare function SearchResultsList({ children, maxHeight, className }: SearchResultsListProps): react_jsx_runtime.JSX.Element;
 
 interface SearchTriggerProps {
     /**
@@ -4875,7 +4884,7 @@ interface InfiniteScrollIndicatorProps {
  * />
  * ```
  */
-declare function InfiniteScrollIndicator({ state, message, className, customIndicator, }: InfiniteScrollIndicatorProps): string | number | bigint | true | 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;
+declare function InfiniteScrollIndicator({ state, message, className, customIndicator }: InfiniteScrollIndicatorProps): string | number | bigint | true | 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;
 
 type KpiFormatter = ComponentFormatter;
 /**
@@ -5358,7 +5367,7 @@ interface NoticeContainerProps {
  * Container component that positions and animates notices.
  * Renders notices in a portal to ensure they appear above other content.
  */
-declare function NoticeContainer({ notices, onDismiss, position, className, }: NoticeContainerProps): React$1.ReactPortal | null;
+declare function NoticeContainer({ notices, onDismiss, position, className }: NoticeContainerProps): React$1.ReactPortal | null;
 
 interface NoticeProviderProps {
     /** Child components */
@@ -5624,10 +5633,11 @@ interface PlaceSearchProps {
     proximity?: "ip" | [number, number];
     hideCountry?: boolean;
     showIcon?: boolean;
+    useMobileTray?: boolean;
     className?: string;
 }
 declare function PlaceSearch({ label, selectedKey, defaultSelectedKey, onSelectionChange, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, showErrors, autoFocus, onSelect, searchTypes, defaultFilter, validationResult, countryRestrictions, proximity, // Set IP-based location as default
-hideCountry, showIcon, className, }: PlaceSearchProps): react_jsx_runtime.JSX.Element;
+hideCountry, showIcon, useMobileTray, className, }: PlaceSearchProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Popover
@@ -6615,6 +6625,25 @@ interface BrandProviderProps {
      * These override the default Edges theme variables.
      */
     variables?: BrandVariables;
+    /**
+     * CSS variable overrides to apply when dark mode is active (`.theme-dark`).
+     * Uses the same cascade map as `variables` — overriding `--color-brand-primary`
+     * automatically cascades to derived tokens (action colors, link colors, etc.).
+     *
+     * When omitted, the dark mode theme falls back to Edges defaults.
+     * This is a non-breaking addition — existing consumers are unaffected.
+     *
+     * @example
+     * ```tsx
+     * <BrandProvider
+     *   variables={{ '--color-brand-primary': '#2563eb' }}
+     *   darkVariables={{ '--color-brand-primary': '#60a5fa' }}
+     * >
+     *   <App />
+     * </BrandProvider>
+     * ```
+     */
+    darkVariables?: BrandVariables;
     children: ReactNode;
 }
 /**
@@ -6625,19 +6654,29 @@ interface BrandProviderProps {
  * (like --color-brand-primary), this component automatically cascades
  * the override to derived semantic tokens (action colors, link colors, etc.).
  *
+ * Pass `darkVariables` to provide separate overrides for dark mode (`.theme-dark`).
+ * This is especially useful for ensuring accessible contrast ratios in both modes.
+ *
+ * Both `variables` and `darkVariables` are applied via stylesheet rules (not inline
+ * styles), so dark-mode rules correctly override light-mode rules in `.theme-dark`.
+ *
  * @example
  * ```tsx
  * <BrandProvider
  *   variables={{
- *     '--color-brand-primary': '#ff6600',
- *     '--color-brand-dark': '#cc5200',
+ *     '--color-brand-primary': '#2563eb',
+ *     '--color-brand-dark': '#1d4ed8',
+ *   }}
+ *   darkVariables={{
+ *     '--color-brand-primary': '#60a5fa',
+ *     '--color-brand-dark': '#93c5fd',
  *   }}
  * >
  *   <App />
  * </BrandProvider>
  * ```
  */
-declare function BrandProvider({ variables, children }: BrandProviderProps): react_jsx_runtime.JSX.Element;
+declare function BrandProvider({ variables, darkVariables, children }: BrandProviderProps): react_jsx_runtime.JSX.Element;
 
 type ColorMode = "system" | "light" | "dark";
 type ResolvedTheme = "light" | "dark";