@texturehq/edges 1.23.0 → 1.23.3

package/dist/index.d.cts

@@ -2,8 +2,8 @@ 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, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
-import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-DZxe608j.cjs';
-export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-DZxe608j.cjs';
+import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-ZfVYHdic.cjs';
+export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-ZfVYHdic.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-BGQenUvv.cjs';
@@ -4059,10 +4059,14 @@ interface KpiGroupProps {
     header?: React__default.ReactNode;
     /** Loading state for all children */
     isLoading?: boolean;
+    /** Enable horizontal scrolling on mobile instead of stacking */
+    scrollOnMobile?: boolean;
+    /** Minimum width for each KPI item when scrollOnMobile is enabled */
+    scrollItemMinWidth?: string;
     /** Additional CSS classes */
     className?: string;
 }
-declare function KpiGroup({ children, cols, gap, align, equalizeHeights, header, isLoading, className, }: KpiGroupProps): react_jsx_runtime.JSX.Element;
+declare function KpiGroup({ children, cols, gap, align, equalizeHeights, header, isLoading, scrollOnMobile, scrollItemMinWidth, className, }: KpiGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace KpiGroup {
     var displayName: string;
 }
@@ -4957,6 +4961,16 @@ interface SiteCardProps {
     className?: string;
     /** Additional classes for the card content (for padding control, etc.) */
     contentClassName?: string;
+    /** Show expand button on map to open interactive fullscreen view
+     * @default false
+     */
+    showMapExpandToggle?: boolean;
+    /** Title for the expanded map dialog
+     * @default "Explore map"
+     */
+    expandedMapTitle?: string;
+    /** Address label to show in expanded map view (defaults to formatted address) */
+    expandedMapAddressLabel?: string;
 }
 /**
  * SiteCard
@@ -4978,7 +4992,7 @@ interface SiteCardProps {
  * />
  * ```
  */
-declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, }: SiteCardProps): react_jsx_runtime.JSX.Element;
+declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, showMapExpandToggle, expandedMapTitle, expandedMapAddressLabel, }: SiteCardProps): react_jsx_runtime.JSX.Element;
 
 interface SiteContactCardProps {
     /** Site information */
@@ -5036,6 +5050,16 @@ interface SiteContactCardProps {
     contentClassName?: string;
     /** Whether the card should fill the full height of its container */
     fullHeight?: boolean;
+    /** Show expand button on map to open interactive fullscreen view
+     * @default false
+     */
+    showMapExpandToggle?: boolean;
+    /** Title for the expanded map dialog
+     * @default "Explore map"
+     */
+    expandedMapTitle?: string;
+    /** Address label to show in expanded map view (defaults to formatted site address) */
+    expandedMapAddressLabel?: string;
 }
 /**
  * SiteContactCard
@@ -5066,7 +5090,7 @@ interface SiteContactCardProps {
  * />
  * ```
  */
-declare function SiteContactCard({ site, contact, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
+declare function SiteContactCard({ site, contact, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, showMapExpandToggle, expandedMapTitle, expandedMapAddressLabel, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
 
 interface SiteMetaDisplayProps {
     /** Street address (combined street lines) */
@@ -5678,8 +5702,11 @@ declare namespace Tray {
     var displayName: string;
 }
 
+type ColorMode = "system" | "light" | "dark";
+type ResolvedTheme = "light" | "dark";
 interface ColorModeContextType {
-    colorMode: string;
+    mode: ColorMode;
+    colorMode: ResolvedTheme;
     isDarkTheme: boolean;
     toggleTheme: () => void;
 }

package/dist/index.d.ts

@@ -2,8 +2,8 @@ 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, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
-import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-4FidHJjY.js';
-export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-4FidHJjY.js';
+import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-BYkYTR7E.js';
+export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-BYkYTR7E.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-BGQenUvv.js';
@@ -4059,10 +4059,14 @@ interface KpiGroupProps {
     header?: React__default.ReactNode;
     /** Loading state for all children */
     isLoading?: boolean;
+    /** Enable horizontal scrolling on mobile instead of stacking */
+    scrollOnMobile?: boolean;
+    /** Minimum width for each KPI item when scrollOnMobile is enabled */
+    scrollItemMinWidth?: string;
     /** Additional CSS classes */
     className?: string;
 }
-declare function KpiGroup({ children, cols, gap, align, equalizeHeights, header, isLoading, className, }: KpiGroupProps): react_jsx_runtime.JSX.Element;
+declare function KpiGroup({ children, cols, gap, align, equalizeHeights, header, isLoading, scrollOnMobile, scrollItemMinWidth, className, }: KpiGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace KpiGroup {
     var displayName: string;
 }
@@ -4957,6 +4961,16 @@ interface SiteCardProps {
     className?: string;
     /** Additional classes for the card content (for padding control, etc.) */
     contentClassName?: string;
+    /** Show expand button on map to open interactive fullscreen view
+     * @default false
+     */
+    showMapExpandToggle?: boolean;
+    /** Title for the expanded map dialog
+     * @default "Explore map"
+     */
+    expandedMapTitle?: string;
+    /** Address label to show in expanded map view (defaults to formatted address) */
+    expandedMapAddressLabel?: string;
 }
 /**
  * SiteCard
@@ -4978,7 +4992,7 @@ interface SiteCardProps {
  * />
  * ```
  */
-declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, }: SiteCardProps): react_jsx_runtime.JSX.Element;
+declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, showMapExpandToggle, expandedMapTitle, expandedMapAddressLabel, }: SiteCardProps): react_jsx_runtime.JSX.Element;
 
 interface SiteContactCardProps {
     /** Site information */
@@ -5036,6 +5050,16 @@ interface SiteContactCardProps {
     contentClassName?: string;
     /** Whether the card should fill the full height of its container */
     fullHeight?: boolean;
+    /** Show expand button on map to open interactive fullscreen view
+     * @default false
+     */
+    showMapExpandToggle?: boolean;
+    /** Title for the expanded map dialog
+     * @default "Explore map"
+     */
+    expandedMapTitle?: string;
+    /** Address label to show in expanded map view (defaults to formatted site address) */
+    expandedMapAddressLabel?: string;
 }
 /**
  * SiteContactCard
@@ -5066,7 +5090,7 @@ interface SiteContactCardProps {
  * />
  * ```
  */
-declare function SiteContactCard({ site, contact, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
+declare function SiteContactCard({ site, contact, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, showMapExpandToggle, expandedMapTitle, expandedMapAddressLabel, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
 
 interface SiteMetaDisplayProps {
     /** Street address (combined street lines) */
@@ -5678,8 +5702,11 @@ declare namespace Tray {
     var displayName: string;
 }
 
+type ColorMode = "system" | "light" | "dark";
+type ResolvedTheme = "light" | "dark";
 interface ColorModeContextType {
-    colorMode: string;
+    mode: ColorMode;
+    colorMode: ResolvedTheme;
     isDarkTheme: boolean;
     toggleTheme: () => void;
 }