@texturehq/edges 1.10.2 → 1.11.0

package/dist/index.d.cts

@@ -2990,13 +2990,76 @@ interface NumberFieldProps extends Omit<NumberFieldProps$1, "size" | "className"
 }
 declare function NumberField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * SectionNav — In-page navigation for content sections with smooth scrolling
+ *
+ * Provides sticky sidebar navigation on desktop and horizontal scrollable tabs on mobile.
+ * Automatically tracks the active section based on scroll position and enables smooth
+ * scrolling to sections when clicked.
+ *
+ * ## Features
+ * - Responsive: Sidebar on desktop (lg+), horizontal tabs on mobile
+ * - Sticky positioning for persistent visibility
+ * - Smooth scroll to sections
+ * - Active state management
+ * - Customizable styling and positioning
+ *
+ * @example
+ * ```tsx
+ * <SectionNav
+ *   sections={[
+ *     { id: 'overview', label: 'Overview' },
+ *     { id: 'features', label: 'Features' },
+ *     { id: 'pricing', label: 'Pricing' }
+ *   ]}
+ *   activeSection="overview"
+ *   onSectionChange={(id) => console.log('Active section:', id)}
+ * />
+ * ```
+ */
+type SectionNavItem = {
+    /** Unique identifier that matches the section's HTML id */
+    id: string;
+    /** Display label for the navigation item */
+    label: string;
+    /** Optional count badge to display next to the label */
+    count?: number;
+};
+type SectionNavOrientation = "vertical" | "horizontal" | "responsive";
+type SectionNavProps = {
+    /** Array of section items to navigate between */
+    sections: SectionNavItem[];
+    /** Currently active section id */
+    activeSection?: string | null;
+    /** Callback when active section changes (controlled mode) */
+    onSectionChange?: (sectionId: string) => void;
+    /** Navigation orientation: vertical (sidebar), horizontal (tabs), or responsive (auto) */
+    orientation?: SectionNavOrientation;
+    /** Additional CSS classes for the nav container */
+    className?: string;
+    /** Custom scroll behavior options */
+    scrollBehavior?: ScrollBehavior;
+    /** Top offset for sticky positioning (default: 24px / 1.5rem) */
+    stickyTop?: string;
+    /** ID prefix for section elements (default: 'section-') */
+    sectionIdPrefix?: string;
+    /** Custom filter function to determine which sections are visible */
+    filterSection?: (section: SectionNavItem) => boolean;
+};
+declare function SectionNav({ sections, activeSection: controlledActiveSection, onSectionChange, orientation, className, scrollBehavior, stickyTop, sectionIdPrefix, filterSection, }: SectionNavProps): react_jsx_runtime.JSX.Element | null;
+
 /**
  * PageLayout — opinionated, SSR-friendly page scaffold for dashboards.
  *
  * Structure:
  *   <PageLayout>
- *     <PageLayout.Header title="..." subtitle="..." breadcrumbs={[...]} />
- *     <PageLayout.Actions primary={<Button/>} secondary={<Button/>} />
+ *     <PageLayout.Header
+ *       title="..."
+ *       subtitle="..."
+ *       breadcrumbs={[...]}
+ *       media={<div>images/maps</div>}
+ *       actions={[<Button/>, <Button/>]}
+ *     />
  *     <PageLayout.Tabs tabs={[...]} value=... onChange=... />
  *     <PageLayout.Content>
  *       <Grid cols={{ base: 1, lg: 4 }} gap="lg">
@@ -3010,6 +3073,8 @@ declare function NumberField({ label, description, errorMessage, size, tooltip,
  * - Router-agnostic: Breadcrumbs accept either structured items with a Link component, or a custom ReactNode.
  * - Accessible: Header uses h1; Tabs are roving-`tablist`.
  * - Composable: Use with Grid, Section, Card, DataControls and other components for flexible layouts.
+ * - Media support: Header can include hero images, maps, or other visual content.
+ * - Actions: Right-aligned on desktop, below subtitle on mobile.
  * - Styling: token-oriented utility classes (match to your Tailwind preset/tokens).
  */
 type PageBreadcrumbItem = BreadcrumbItemProps & {
@@ -3026,10 +3091,10 @@ type PageLayoutProps = {
 declare function PageLayout({ children, maxWidth, paddingXClass, paddingYClass, className, }: PageLayoutProps): react_jsx_runtime.JSX.Element;
 declare namespace PageLayout {
     var Header: typeof Header;
-    var Actions: typeof Actions;
     var Tabs: typeof Tabs$1;
     var Content: typeof Content;
     var Aside: typeof Aside$1;
+    var SectionNav: typeof SectionNavWithLayout;
 }
 type PageHeaderProps = {
     title: React__default.ReactNode;
@@ -3039,19 +3104,15 @@ type PageHeaderProps = {
     breadcrumbsNode?: React__default.ReactNode;
     /** Optional right-aligned meta area (badges, status, small stats) */
     meta?: React__default.ReactNode;
+    /** Optional media content (images, maps, etc.) rendered after title/subtitle */
+    media?: React__default.ReactNode;
+    /** Optional actions (buttons, filters) - right-aligned on desktop, below subtitle on mobile. Array ensures consistent gap spacing. */
+    actions?: React__default.ReactNode[];
     /** Optional slot to replace the default heading element */
     headingAs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     className?: string;
 };
-declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, headingAs, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
-type PageActionsProps = {
-    primary?: React__default.ReactNode;
-    secondary?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    align?: "start" | "end";
-    className?: string;
-};
-declare function Actions({ primary, secondary, children, align, className, }: PageActionsProps): react_jsx_runtime.JSX.Element;
+declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, media, actions, headingAs, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 type PageLayoutTab = {
     id: string;
     label: React__default.ReactNode;
@@ -3078,6 +3139,34 @@ type PageAsideProps = {
     className?: string;
 };
 declare function Aside$1({ children, sticky, className }: PageAsideProps): react_jsx_runtime.JSX.Element;
+type PageSectionNavProps = {
+    sections: SectionNavItem[];
+    activeSection?: string | null;
+    onSectionChange?: (sectionId: string) => void;
+    /** Position on desktop: 'above' (horizontal), 'left' (vertical), 'right' (vertical). Default: 'left' */
+    position?: "above" | "left" | "right";
+    /** Custom nav width when positioned left/right (default: 240px) */
+    navWidth?: string;
+    /** Gap between nav and content when positioned left/right (default: 1.5rem) */
+    gap?: string;
+    /** The main content with sections */
+    children: React__default.ReactNode;
+    className?: string;
+    scrollBehavior?: ScrollBehavior;
+    sectionIdPrefix?: string;
+    filterSection?: (section: SectionNavItem) => boolean;
+};
+/**
+ * PageLayout.SectionNav
+ *
+ * Renders section navigation with flexible positioning:
+ * - `position="above"`: Horizontal nav above content (desktop and mobile)
+ * - `position="left"`: Vertical nav on left side (desktop), horizontal above (mobile)
+ * - `position="right"`: Vertical nav on right side with right-aligned text (desktop), horizontal above (mobile)
+ *
+ * Navigation is sticky in all positions.
+ */
+declare function SectionNavWithLayout({ sections, activeSection, onSectionChange, position, navWidth, gap, children, className, scrollBehavior, sectionIdPrefix, filterSection, }: PageSectionNavProps): react_jsx_runtime.JSX.Element;
 
 interface Place {
     id: string;
@@ -3158,26 +3247,6 @@ interface ProgressBarProps extends ProgressBarProps$1 {
 }
 declare function ProgressBar({ label, rightLabel, progressWidth, hideLabels, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
-interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
-    /** Label for the radio group */
-    label?: string;
-    /** Children elements */
-    children?: ReactNode;
-    /** Optional description for the radio group */
-    description?: string;
-    /** Error message to display when validation fails */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** Validation result object for functional errorMessage */
-    validationResult?: ValidationResult;
-    /**
-     * Visual variant of the radio buttons
-     * @default "brand"
-     */
-    variant?: "default" | "brand";
-}
-declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
-declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
-
 interface RadioCardProps {
     /**
      * The value of the radio card
@@ -3257,6 +3326,26 @@ interface RadioCardGroupProps {
 declare function RadioCard({ value, isDisabled, className, children, size, variant, }: RadioCardProps): react_jsx_runtime.JSX.Element;
 declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
 
+interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
+    /** Label for the radio group */
+    label?: string;
+    /** Children elements */
+    children?: ReactNode;
+    /** Optional description for the radio group */
+    description?: string;
+    /** Error message to display when validation fails */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** Validation result object for functional errorMessage */
+    validationResult?: ValidationResult;
+    /**
+     * Visual variant of the radio buttons
+     * @default "brand"
+     */
+    variant?: "default" | "brand";
+}
+declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
+
 /**
  * RangeCalendar
  *
@@ -3290,6 +3379,8 @@ declare function RangeCalendar<T extends DateValue>({ errorMessage, ...props }:
 type SectionVariant = "plain" | "contained" | "bordered";
 type SectionSpacing = "none" | "sm" | "md" | "lg";
 interface SectionProps {
+    /** Section ID for linking/navigation (e.g., for use with SectionNav) */
+    id?: string;
     /** Section title */
     title?: React__default.ReactNode;
     /** Optional description/subtitle */
@@ -3309,7 +3400,7 @@ interface SectionProps {
     /** Section content */
     children?: React__default.ReactNode;
 }
-declare function Section({ title, description, actions, variant, spacing, withDivider, headingAs, className, children, }: SectionProps): react_jsx_runtime.JSX.Element;
+declare function Section({ id, title, description, actions, variant, spacing, withDivider, headingAs, className, children, }: SectionProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Interface defining the shape of items in the Select component
@@ -3803,4 +3894,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, Card, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, NumberFormat, type PageActionsProps, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
+export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, Card, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageSectionNavProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };

package/dist/index.d.ts

@@ -2990,13 +2990,76 @@ interface NumberFieldProps extends Omit<NumberFieldProps$1, "size" | "className"
 }
 declare function NumberField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * SectionNav — In-page navigation for content sections with smooth scrolling
+ *
+ * Provides sticky sidebar navigation on desktop and horizontal scrollable tabs on mobile.
+ * Automatically tracks the active section based on scroll position and enables smooth
+ * scrolling to sections when clicked.
+ *
+ * ## Features
+ * - Responsive: Sidebar on desktop (lg+), horizontal tabs on mobile
+ * - Sticky positioning for persistent visibility
+ * - Smooth scroll to sections
+ * - Active state management
+ * - Customizable styling and positioning
+ *
+ * @example
+ * ```tsx
+ * <SectionNav
+ *   sections={[
+ *     { id: 'overview', label: 'Overview' },
+ *     { id: 'features', label: 'Features' },
+ *     { id: 'pricing', label: 'Pricing' }
+ *   ]}
+ *   activeSection="overview"
+ *   onSectionChange={(id) => console.log('Active section:', id)}
+ * />
+ * ```
+ */
+type SectionNavItem = {
+    /** Unique identifier that matches the section's HTML id */
+    id: string;
+    /** Display label for the navigation item */
+    label: string;
+    /** Optional count badge to display next to the label */
+    count?: number;
+};
+type SectionNavOrientation = "vertical" | "horizontal" | "responsive";
+type SectionNavProps = {
+    /** Array of section items to navigate between */
+    sections: SectionNavItem[];
+    /** Currently active section id */
+    activeSection?: string | null;
+    /** Callback when active section changes (controlled mode) */
+    onSectionChange?: (sectionId: string) => void;
+    /** Navigation orientation: vertical (sidebar), horizontal (tabs), or responsive (auto) */
+    orientation?: SectionNavOrientation;
+    /** Additional CSS classes for the nav container */
+    className?: string;
+    /** Custom scroll behavior options */
+    scrollBehavior?: ScrollBehavior;
+    /** Top offset for sticky positioning (default: 24px / 1.5rem) */
+    stickyTop?: string;
+    /** ID prefix for section elements (default: 'section-') */
+    sectionIdPrefix?: string;
+    /** Custom filter function to determine which sections are visible */
+    filterSection?: (section: SectionNavItem) => boolean;
+};
+declare function SectionNav({ sections, activeSection: controlledActiveSection, onSectionChange, orientation, className, scrollBehavior, stickyTop, sectionIdPrefix, filterSection, }: SectionNavProps): react_jsx_runtime.JSX.Element | null;
+
 /**
  * PageLayout — opinionated, SSR-friendly page scaffold for dashboards.
  *
  * Structure:
  *   <PageLayout>
- *     <PageLayout.Header title="..." subtitle="..." breadcrumbs={[...]} />
- *     <PageLayout.Actions primary={<Button/>} secondary={<Button/>} />
+ *     <PageLayout.Header
+ *       title="..."
+ *       subtitle="..."
+ *       breadcrumbs={[...]}
+ *       media={<div>images/maps</div>}
+ *       actions={[<Button/>, <Button/>]}
+ *     />
  *     <PageLayout.Tabs tabs={[...]} value=... onChange=... />
  *     <PageLayout.Content>
  *       <Grid cols={{ base: 1, lg: 4 }} gap="lg">
@@ -3010,6 +3073,8 @@ declare function NumberField({ label, description, errorMessage, size, tooltip,
  * - Router-agnostic: Breadcrumbs accept either structured items with a Link component, or a custom ReactNode.
  * - Accessible: Header uses h1; Tabs are roving-`tablist`.
  * - Composable: Use with Grid, Section, Card, DataControls and other components for flexible layouts.
+ * - Media support: Header can include hero images, maps, or other visual content.
+ * - Actions: Right-aligned on desktop, below subtitle on mobile.
  * - Styling: token-oriented utility classes (match to your Tailwind preset/tokens).
  */
 type PageBreadcrumbItem = BreadcrumbItemProps & {
@@ -3026,10 +3091,10 @@ type PageLayoutProps = {
 declare function PageLayout({ children, maxWidth, paddingXClass, paddingYClass, className, }: PageLayoutProps): react_jsx_runtime.JSX.Element;
 declare namespace PageLayout {
     var Header: typeof Header;
-    var Actions: typeof Actions;
     var Tabs: typeof Tabs$1;
     var Content: typeof Content;
     var Aside: typeof Aside$1;
+    var SectionNav: typeof SectionNavWithLayout;
 }
 type PageHeaderProps = {
     title: React__default.ReactNode;
@@ -3039,19 +3104,15 @@ type PageHeaderProps = {
     breadcrumbsNode?: React__default.ReactNode;
     /** Optional right-aligned meta area (badges, status, small stats) */
     meta?: React__default.ReactNode;
+    /** Optional media content (images, maps, etc.) rendered after title/subtitle */
+    media?: React__default.ReactNode;
+    /** Optional actions (buttons, filters) - right-aligned on desktop, below subtitle on mobile. Array ensures consistent gap spacing. */
+    actions?: React__default.ReactNode[];
     /** Optional slot to replace the default heading element */
     headingAs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     className?: string;
 };
-declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, headingAs, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
-type PageActionsProps = {
-    primary?: React__default.ReactNode;
-    secondary?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-    align?: "start" | "end";
-    className?: string;
-};
-declare function Actions({ primary, secondary, children, align, className, }: PageActionsProps): react_jsx_runtime.JSX.Element;
+declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, media, actions, headingAs, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 type PageLayoutTab = {
     id: string;
     label: React__default.ReactNode;
@@ -3078,6 +3139,34 @@ type PageAsideProps = {
     className?: string;
 };
 declare function Aside$1({ children, sticky, className }: PageAsideProps): react_jsx_runtime.JSX.Element;
+type PageSectionNavProps = {
+    sections: SectionNavItem[];
+    activeSection?: string | null;
+    onSectionChange?: (sectionId: string) => void;
+    /** Position on desktop: 'above' (horizontal), 'left' (vertical), 'right' (vertical). Default: 'left' */
+    position?: "above" | "left" | "right";
+    /** Custom nav width when positioned left/right (default: 240px) */
+    navWidth?: string;
+    /** Gap between nav and content when positioned left/right (default: 1.5rem) */
+    gap?: string;
+    /** The main content with sections */
+    children: React__default.ReactNode;
+    className?: string;
+    scrollBehavior?: ScrollBehavior;
+    sectionIdPrefix?: string;
+    filterSection?: (section: SectionNavItem) => boolean;
+};
+/**
+ * PageLayout.SectionNav
+ *
+ * Renders section navigation with flexible positioning:
+ * - `position="above"`: Horizontal nav above content (desktop and mobile)
+ * - `position="left"`: Vertical nav on left side (desktop), horizontal above (mobile)
+ * - `position="right"`: Vertical nav on right side with right-aligned text (desktop), horizontal above (mobile)
+ *
+ * Navigation is sticky in all positions.
+ */
+declare function SectionNavWithLayout({ sections, activeSection, onSectionChange, position, navWidth, gap, children, className, scrollBehavior, sectionIdPrefix, filterSection, }: PageSectionNavProps): react_jsx_runtime.JSX.Element;
 
 interface Place {
     id: string;
@@ -3158,26 +3247,6 @@ interface ProgressBarProps extends ProgressBarProps$1 {
 }
 declare function ProgressBar({ label, rightLabel, progressWidth, hideLabels, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
-interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
-    /** Label for the radio group */
-    label?: string;
-    /** Children elements */
-    children?: ReactNode;
-    /** Optional description for the radio group */
-    description?: string;
-    /** Error message to display when validation fails */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** Validation result object for functional errorMessage */
-    validationResult?: ValidationResult;
-    /**
-     * Visual variant of the radio buttons
-     * @default "brand"
-     */
-    variant?: "default" | "brand";
-}
-declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
-declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
-
 interface RadioCardProps {
     /**
      * The value of the radio card
@@ -3257,6 +3326,26 @@ interface RadioCardGroupProps {
 declare function RadioCard({ value, isDisabled, className, children, size, variant, }: RadioCardProps): react_jsx_runtime.JSX.Element;
 declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
 
+interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
+    /** Label for the radio group */
+    label?: string;
+    /** Children elements */
+    children?: ReactNode;
+    /** Optional description for the radio group */
+    description?: string;
+    /** Error message to display when validation fails */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** Validation result object for functional errorMessage */
+    validationResult?: ValidationResult;
+    /**
+     * Visual variant of the radio buttons
+     * @default "brand"
+     */
+    variant?: "default" | "brand";
+}
+declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
+
 /**
  * RangeCalendar
  *
@@ -3290,6 +3379,8 @@ declare function RangeCalendar<T extends DateValue>({ errorMessage, ...props }:
 type SectionVariant = "plain" | "contained" | "bordered";
 type SectionSpacing = "none" | "sm" | "md" | "lg";
 interface SectionProps {
+    /** Section ID for linking/navigation (e.g., for use with SectionNav) */
+    id?: string;
     /** Section title */
     title?: React__default.ReactNode;
     /** Optional description/subtitle */
@@ -3309,7 +3400,7 @@ interface SectionProps {
     /** Section content */
     children?: React__default.ReactNode;
 }
-declare function Section({ title, description, actions, variant, spacing, withDivider, headingAs, className, children, }: SectionProps): react_jsx_runtime.JSX.Element;
+declare function Section({ id, title, description, actions, variant, spacing, withDivider, headingAs, className, children, }: SectionProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Interface defining the shape of items in the Select component
@@ -3803,4 +3894,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, Card, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, NumberFormat, type PageActionsProps, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
+export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, Card, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageSectionNavProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };