@texturehq/edges 1.11.1 → 1.12.0

package/dist/index.d.cts

@@ -2990,64 +2990,6 @@ 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.
  *
@@ -3066,7 +3008,15 @@ declare function SectionNav({ sections, activeSection: controlledActiveSection,
  *         ...cards/tables/content...
  *       </Grid>
  *     </PageLayout.Content>
- *     <PageLayout.Aside>...sticky insights/help...</PageLayout.Aside>
+ *   </PageLayout>
+ *
+ * With Section Navigation:
+ *   <PageLayout>
+ *     <PageLayout.Header title="..." />
+ *     <PageLayout.Content withSectionNav="left">
+ *       <Section id="overview" navLabel="Overview" title="Overview">...</Section>
+ *       <Section id="details" navLabel="Details" title="Details">...</Section>
+ *     </PageLayout.Content>
  *   </PageLayout>
  *
  * Notes:
@@ -3075,6 +3025,7 @@ declare function SectionNav({ sections, activeSection: controlledActiveSection,
  * - 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.
+ * - Section nav: Automatically extracts navigation from Section children when withSectionNav is enabled.
  * - Styling: token-oriented utility classes (match to your Tailwind preset/tokens).
  */
 type PageBreadcrumbItem = BreadcrumbItemProps & {
@@ -3094,7 +3045,6 @@ declare namespace PageLayout {
     var Tabs: typeof Tabs$1;
     var Content: typeof Content;
     var Aside: typeof Aside$1;
-    var SectionNav: typeof SectionNavWithLayout;
 }
 type PageHeaderProps = {
     title: React__default.ReactNode;
@@ -3130,8 +3080,22 @@ declare function Tabs$1({ tabs, value, defaultValue, onChange, className, childr
 type PageContentProps = {
     children: React__default.ReactNode;
     className?: string;
+    /** Enable section navigation. Position: 'above' (horizontal), 'left' (vertical), 'right' (vertical) */
+    withSectionNav?: "above" | "left" | "right";
+    /** Custom nav width when positioned left/right (default: 240px) */
+    navWidth?: string;
+    /** Gap between nav and content when positioned left/right (default: 3rem) */
+    gap?: string;
+    /** Active section ID (controlled mode) */
+    activeSection?: string | null;
+    /** Callback when active section changes */
+    onSectionChange?: (sectionId: string) => void;
+    /** Custom scroll behavior */
+    scrollBehavior?: ScrollBehavior;
+    /** ID prefix for section elements (default: 'section-') */
+    sectionIdPrefix?: string;
 };
-declare function Content({ children, className }: PageContentProps): react_jsx_runtime.JSX.Element;
+declare function Content({ children, className, withSectionNav, navWidth, gap, activeSection, onSectionChange, scrollBehavior, sectionIdPrefix, }: PageContentProps): react_jsx_runtime.JSX.Element;
 type PageAsideProps = {
     children: React__default.ReactNode;
     /** Sticky aside on wide screens */
@@ -3139,34 +3103,6 @@ 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;
@@ -3399,8 +3335,71 @@ interface SectionProps {
     className?: string;
     /** Section content */
     children?: React__default.ReactNode;
+    /** Label used by in-page navigation (PageLayout.Content with withSectionNav). Falls back to title when omitted */
+    navLabel?: string;
 }
 declare function Section({ id, title, description, actions, variant, spacing, withDivider, headingAs, className, children, }: SectionProps): react_jsx_runtime.JSX.Element;
+declare namespace Section {
+    var displayName: string;
+}
+
+/**
+ * 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;
 
 /**
  * Interface defining the shape of items in the Select component
@@ -3894,4 +3893,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, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, 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 };
+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, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, 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, 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,64 +2990,6 @@ 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.
  *
@@ -3066,7 +3008,15 @@ declare function SectionNav({ sections, activeSection: controlledActiveSection,
  *         ...cards/tables/content...
  *       </Grid>
  *     </PageLayout.Content>
- *     <PageLayout.Aside>...sticky insights/help...</PageLayout.Aside>
+ *   </PageLayout>
+ *
+ * With Section Navigation:
+ *   <PageLayout>
+ *     <PageLayout.Header title="..." />
+ *     <PageLayout.Content withSectionNav="left">
+ *       <Section id="overview" navLabel="Overview" title="Overview">...</Section>
+ *       <Section id="details" navLabel="Details" title="Details">...</Section>
+ *     </PageLayout.Content>
  *   </PageLayout>
  *
  * Notes:
@@ -3075,6 +3025,7 @@ declare function SectionNav({ sections, activeSection: controlledActiveSection,
  * - 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.
+ * - Section nav: Automatically extracts navigation from Section children when withSectionNav is enabled.
  * - Styling: token-oriented utility classes (match to your Tailwind preset/tokens).
  */
 type PageBreadcrumbItem = BreadcrumbItemProps & {
@@ -3094,7 +3045,6 @@ declare namespace PageLayout {
     var Tabs: typeof Tabs$1;
     var Content: typeof Content;
     var Aside: typeof Aside$1;
-    var SectionNav: typeof SectionNavWithLayout;
 }
 type PageHeaderProps = {
     title: React__default.ReactNode;
@@ -3130,8 +3080,22 @@ declare function Tabs$1({ tabs, value, defaultValue, onChange, className, childr
 type PageContentProps = {
     children: React__default.ReactNode;
     className?: string;
+    /** Enable section navigation. Position: 'above' (horizontal), 'left' (vertical), 'right' (vertical) */
+    withSectionNav?: "above" | "left" | "right";
+    /** Custom nav width when positioned left/right (default: 240px) */
+    navWidth?: string;
+    /** Gap between nav and content when positioned left/right (default: 3rem) */
+    gap?: string;
+    /** Active section ID (controlled mode) */
+    activeSection?: string | null;
+    /** Callback when active section changes */
+    onSectionChange?: (sectionId: string) => void;
+    /** Custom scroll behavior */
+    scrollBehavior?: ScrollBehavior;
+    /** ID prefix for section elements (default: 'section-') */
+    sectionIdPrefix?: string;
 };
-declare function Content({ children, className }: PageContentProps): react_jsx_runtime.JSX.Element;
+declare function Content({ children, className, withSectionNav, navWidth, gap, activeSection, onSectionChange, scrollBehavior, sectionIdPrefix, }: PageContentProps): react_jsx_runtime.JSX.Element;
 type PageAsideProps = {
     children: React__default.ReactNode;
     /** Sticky aside on wide screens */
@@ -3139,34 +3103,6 @@ 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;
@@ -3399,8 +3335,71 @@ interface SectionProps {
     className?: string;
     /** Section content */
     children?: React__default.ReactNode;
+    /** Label used by in-page navigation (PageLayout.Content with withSectionNav). Falls back to title when omitted */
+    navLabel?: string;
 }
 declare function Section({ id, title, description, actions, variant, spacing, withDivider, headingAs, className, children, }: SectionProps): react_jsx_runtime.JSX.Element;
+declare namespace Section {
+    var displayName: string;
+}
+
+/**
+ * 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;
 
 /**
  * Interface defining the shape of items in the Select component
@@ -3894,4 +3893,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, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, 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 };
+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, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, 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, 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 };