@geomak/ui 6.2.3 → 6.4.0

package/dist/index.d.cts

@@ -866,6 +866,114 @@ interface TreeProps {
  */
 declare function Tree({ nodes, onNodeClick, defaultExpandAll, defaultExpandedKeys, className, style, }: TreeProps): react_jsx_runtime.JSX.Element;
 
+type AccordionVariant = 'separated' | 'contained';
+interface AccordionProps {
+    /** `AccordionItem` children. */
+    children: React__default.ReactNode;
+    /**
+     * `'single'` (default) allows one open panel at a time; `'multiple'` lets
+     * any number be open together.
+     */
+    type?: 'single' | 'multiple';
+    /** Uncontrolled initial open value(s). */
+    defaultValue?: string | string[];
+    /** Controlled open value(s). */
+    value?: string | string[];
+    /** Fires when the open set changes. */
+    onValueChange?: (value: string | string[]) => void;
+    /** In `single` mode, allow the open item to be collapsed. Default `true`. */
+    collapsible?: boolean;
+    /**
+     * Visual style:
+     * - `'separated'` (default) — each item is its own bordered card with gaps.
+     * - `'contained'` — one bordered surface with divider lines between items.
+     */
+    variant?: AccordionVariant;
+    /** Extra classes merged onto the root. */
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * Vertically stacked, collapsible panels built on `@radix-ui/react-accordion`.
+ * Radix handles open/close state, keyboard navigation (↑/↓/Home/End), and ARIA;
+ * the content height animates via the shared `accordion-down` / `accordion-up`
+ * keyframes (reduced-motion safe — the height var simply snaps).
+ *
+ * @example
+ * ```tsx
+ * <Accordion type="single" defaultValue="a" collapsible>
+ *   <Accordion.Item value="a" title="What is included?">
+ *     Everything in the Pro plan, plus priority support.
+ *   </Accordion.Item>
+ *   <Accordion.Item value="b" title="Can I cancel anytime?">
+ *     Yes — cancel from billing settings, no questions asked.
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ */
+declare function Accordion({ children, type, defaultValue, value, onValueChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var Item: typeof AccordionItem;
+}
+interface AccordionItemProps {
+    /** Unique value identifying this panel (used for open state). */
+    value: string;
+    /** Header content — the always-visible trigger label. */
+    title: React__default.ReactNode;
+    /** Optional leading icon shown before the title. */
+    icon?: React__default.ReactNode;
+    /** Panel body, revealed when open. */
+    children: React__default.ReactNode;
+    /** Disable this item (header non-interactive, dimmed). */
+    disabled?: boolean;
+    className?: string;
+}
+declare function AccordionItem({ value, title, icon, children, disabled, className }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbItem {
+    /** Visible label. */
+    label: React__default.ReactNode;
+    /** Link target. Omit on the current (last) crumb. */
+    href?: string;
+    /** Optional leading icon. */
+    icon?: React__default.ReactNode;
+    /** Click handler (router navigation). */
+    onClick?: React__default.MouseEventHandler;
+}
+interface BreadcrumbsProps {
+    /** Ordered trail, root → current. The last item renders as the current page. */
+    items: BreadcrumbItem[];
+    /** Separator between crumbs. Default a chevron. */
+    separator?: React__default.ReactNode;
+    /**
+     * Collapse the middle of long trails into an expandable ellipsis once the
+     * count exceeds this. The first and last crumb always stay visible. Set `0`
+     * to never collapse. Default `0`.
+     */
+    maxItems?: number;
+    /** Accessible label for the nav landmark. Default `'Breadcrumb'`. */
+    'aria-label'?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A breadcrumb trail. Renders a `<nav><ol>` of crumbs separated by a chevron;
+ * the last crumb is the current page (`aria-current="page"`, not a link). Long
+ * trails can collapse their middle into a clickable ellipsis via `maxItems`.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumbs
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Fleet', href: '/fleet' },
+ *     { label: 'Aurora' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function Breadcrumbs({ items, separator, maxItems, 'aria-label': ariaLabel, className, style, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
 /** ─────────────────── types ─────────────────── */
 type NotificationType = 'info' | 'success' | 'warning' | 'danger';
 type NotificationPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
@@ -3934,4 +4042,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
 /** Validate the CVV against the detected brand's expected length. */
 declare function cvvError(value: string, cardNumber: string): string | undefined;
 
-export { AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, Button, type ButtonProps, CARD_BRANDS, type CardBrand, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ColorPicker, type ColorPickerProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, Drawer, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, type ErrorMap, type ExpandRowOptions, FadingBase, type FadingBaseProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Password, type PasswordProps, Portal, type PortalProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, Slider, type SliderMark, type SliderProps, type SliderValue, type Spacing, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };
+export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CARD_BRANDS, type CardBrand, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ColorPicker, type ColorPickerProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, Drawer, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, type ErrorMap, type ExpandRowOptions, FadingBase, type FadingBaseProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Password, type PasswordProps, Portal, type PortalProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, Slider, type SliderMark, type SliderProps, type SliderValue, type Spacing, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };

package/dist/index.d.ts

@@ -866,6 +866,114 @@ interface TreeProps {
  */
 declare function Tree({ nodes, onNodeClick, defaultExpandAll, defaultExpandedKeys, className, style, }: TreeProps): react_jsx_runtime.JSX.Element;
 
+type AccordionVariant = 'separated' | 'contained';
+interface AccordionProps {
+    /** `AccordionItem` children. */
+    children: React__default.ReactNode;
+    /**
+     * `'single'` (default) allows one open panel at a time; `'multiple'` lets
+     * any number be open together.
+     */
+    type?: 'single' | 'multiple';
+    /** Uncontrolled initial open value(s). */
+    defaultValue?: string | string[];
+    /** Controlled open value(s). */
+    value?: string | string[];
+    /** Fires when the open set changes. */
+    onValueChange?: (value: string | string[]) => void;
+    /** In `single` mode, allow the open item to be collapsed. Default `true`. */
+    collapsible?: boolean;
+    /**
+     * Visual style:
+     * - `'separated'` (default) — each item is its own bordered card with gaps.
+     * - `'contained'` — one bordered surface with divider lines between items.
+     */
+    variant?: AccordionVariant;
+    /** Extra classes merged onto the root. */
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * Vertically stacked, collapsible panels built on `@radix-ui/react-accordion`.
+ * Radix handles open/close state, keyboard navigation (↑/↓/Home/End), and ARIA;
+ * the content height animates via the shared `accordion-down` / `accordion-up`
+ * keyframes (reduced-motion safe — the height var simply snaps).
+ *
+ * @example
+ * ```tsx
+ * <Accordion type="single" defaultValue="a" collapsible>
+ *   <Accordion.Item value="a" title="What is included?">
+ *     Everything in the Pro plan, plus priority support.
+ *   </Accordion.Item>
+ *   <Accordion.Item value="b" title="Can I cancel anytime?">
+ *     Yes — cancel from billing settings, no questions asked.
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ */
+declare function Accordion({ children, type, defaultValue, value, onValueChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var Item: typeof AccordionItem;
+}
+interface AccordionItemProps {
+    /** Unique value identifying this panel (used for open state). */
+    value: string;
+    /** Header content — the always-visible trigger label. */
+    title: React__default.ReactNode;
+    /** Optional leading icon shown before the title. */
+    icon?: React__default.ReactNode;
+    /** Panel body, revealed when open. */
+    children: React__default.ReactNode;
+    /** Disable this item (header non-interactive, dimmed). */
+    disabled?: boolean;
+    className?: string;
+}
+declare function AccordionItem({ value, title, icon, children, disabled, className }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbItem {
+    /** Visible label. */
+    label: React__default.ReactNode;
+    /** Link target. Omit on the current (last) crumb. */
+    href?: string;
+    /** Optional leading icon. */
+    icon?: React__default.ReactNode;
+    /** Click handler (router navigation). */
+    onClick?: React__default.MouseEventHandler;
+}
+interface BreadcrumbsProps {
+    /** Ordered trail, root → current. The last item renders as the current page. */
+    items: BreadcrumbItem[];
+    /** Separator between crumbs. Default a chevron. */
+    separator?: React__default.ReactNode;
+    /**
+     * Collapse the middle of long trails into an expandable ellipsis once the
+     * count exceeds this. The first and last crumb always stay visible. Set `0`
+     * to never collapse. Default `0`.
+     */
+    maxItems?: number;
+    /** Accessible label for the nav landmark. Default `'Breadcrumb'`. */
+    'aria-label'?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A breadcrumb trail. Renders a `<nav><ol>` of crumbs separated by a chevron;
+ * the last crumb is the current page (`aria-current="page"`, not a link). Long
+ * trails can collapse their middle into a clickable ellipsis via `maxItems`.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumbs
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Fleet', href: '/fleet' },
+ *     { label: 'Aurora' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function Breadcrumbs({ items, separator, maxItems, 'aria-label': ariaLabel, className, style, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
 /** ─────────────────── types ─────────────────── */
 type NotificationType = 'info' | 'success' | 'warning' | 'danger';
 type NotificationPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
@@ -3934,4 +4042,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
 /** Validate the CVV against the detected brand's expected length. */
 declare function cvvError(value: string, cardNumber: string): string | undefined;
 
-export { AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, Button, type ButtonProps, CARD_BRANDS, type CardBrand, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ColorPicker, type ColorPickerProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, Drawer, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, type ErrorMap, type ExpandRowOptions, FadingBase, type FadingBaseProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Password, type PasswordProps, Portal, type PortalProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, Slider, type SliderMark, type SliderProps, type SliderValue, type Spacing, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };
+export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CARD_BRANDS, type CardBrand, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ColorPicker, type ColorPickerProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, Drawer, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, type ErrorMap, type ExpandRowOptions, FadingBase, type FadingBaseProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Password, type PasswordProps, Portal, type PortalProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, Slider, type SliderMark, type SliderProps, type SliderValue, type Spacing, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };

package/dist/index.js

@@ -1,14 +1,14 @@
 import { colors_default } from './chunk-GKXP6OJJ.js';
 export { colors_default as COLORS, PALETTE as palette, semanticTokens, vars } from './chunk-GKXP6OJJ.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React12, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useContext, useLayoutEffect, useSyncExternalStore } from 'react';
+import React14, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useContext, useLayoutEffect, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as Dialog from '@radix-ui/react-dialog';
 import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as Accordion from '@radix-ui/react-accordion';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as Popover from '@radix-ui/react-popover';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -1293,14 +1293,14 @@ function TreeNodeItem({
   }
   const initialOpen = defaultExpandAll || defaultExpandedKeys.includes(item.key) ? [item.key] : [];
   return /* @__PURE__ */ jsx(
-    Accordion.Root,
+    AccordionPrimitive.Root,
     {
       type: "multiple",
       defaultValue: initialOpen,
       style: { paddingLeft: depth * 12 },
-      children: /* @__PURE__ */ jsxs(Accordion.Item, { value: item.key, className: "border-none", children: [
+      children: /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: item.key, className: "border-none", children: [
         /* @__PURE__ */ jsxs(
-          Accordion.Trigger,
+          AccordionPrimitive.Trigger,
           {
             onClick: () => onNodeClick({
               isParent: true,
@@ -1334,7 +1334,7 @@ function TreeNodeItem({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(Accordion.Content, { className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up", children: /* @__PURE__ */ jsx("div", { className: "ml-3.5 border-l border-border py-0.5", children: item.children.map((child) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up", children: /* @__PURE__ */ jsx("div", { className: "ml-3.5 border-l border-border py-0.5", children: item.children.map((child) => /* @__PURE__ */ jsx(
           TreeNodeItem,
           {
             item: child,
@@ -1368,6 +1368,152 @@ function Tree({
     item.key
   )) });
 }
+var AccordionCtx = createContext({ variant: "separated" });
+function Accordion2({
+  children,
+  type = "single",
+  defaultValue,
+  value,
+  onValueChange,
+  collapsible = true,
+  variant = "separated",
+  className = "",
+  style
+}) {
+  const common = {
+    className: [
+      variant === "contained" ? "rounded-lg border border-border bg-surface overflow-hidden divide-y divide-border" : "flex flex-col gap-2",
+      className
+    ].filter(Boolean).join(" "),
+    style
+  };
+  const inner = /* @__PURE__ */ jsx(AccordionCtx.Provider, { value: { variant }, children });
+  if (type === "multiple") {
+    return /* @__PURE__ */ jsx(
+      AccordionPrimitive.Root,
+      {
+        type: "multiple",
+        defaultValue,
+        value,
+        onValueChange,
+        ...common,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      type: "single",
+      collapsible,
+      defaultValue,
+      value,
+      onValueChange,
+      ...common,
+      children: inner
+    }
+  );
+}
+var Chevron2 = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    "aria-hidden": "true",
+    className: "h-4 w-4 flex-shrink-0 text-foreground-muted transition-transform duration-200 group-data-[state=open]/acc:rotate-180 group-data-[state=open]/acc:text-accent",
+    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+  }
+);
+function AccordionItem({ value, title, icon, children, disabled, className = "" }) {
+  const { variant } = useContext(AccordionCtx);
+  return /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Item,
+    {
+      value,
+      disabled,
+      className: [
+        variant === "separated" ? "rounded-lg border border-border bg-surface overflow-hidden" : "",
+        "data-[disabled]:opacity-60",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "m-0", children: /* @__PURE__ */ jsxs(
+          AccordionPrimitive.Trigger,
+          {
+            className: "group/acc flex w-full items-center gap-3 px-4 py-3 text-left select-none\n                        text-sm font-medium text-foreground transition-colors\n                        hover:bg-surface-raised data-[state=open]:text-accent\n                        focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset\n                        disabled:cursor-not-allowed",
+            children: [
+              icon && /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center text-foreground-muted group-data-[state=open]/acc:text-accent", children: icon }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0", children: title }),
+              Chevron2
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          AccordionPrimitive.Content,
+          {
+            className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
+            children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4 pt-0 text-sm text-foreground-secondary leading-relaxed", children })
+          }
+        )
+      ]
+    }
+  );
+}
+Accordion2.Item = AccordionItem;
+var Accordion_default = Accordion2;
+var DefaultSeparator = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", className: "h-3.5 w-3.5 text-foreground-muted", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
+var crumbBase = "inline-flex items-center gap-1.5 rounded px-1 -mx-1 text-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent";
+function Crumb({ item, current }) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    item.icon && /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center", children: item.icon }),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
+  ] });
+  if (current) {
+    return /* @__PURE__ */ jsx("span", { "aria-current": "page", className: `${crumbBase} font-medium text-foreground max-w-[16rem]`, children: inner });
+  }
+  if (item.href || item.onClick) {
+    return /* @__PURE__ */ jsx("a", { href: item.href, onClick: item.onClick, className: `${crumbBase} text-foreground-secondary hover:text-foreground max-w-[12rem]`, children: inner });
+  }
+  return /* @__PURE__ */ jsx("span", { className: `${crumbBase} text-foreground-secondary max-w-[12rem]`, children: inner });
+}
+function Breadcrumbs({
+  items,
+  separator = DefaultSeparator,
+  maxItems = 0,
+  "aria-label": ariaLabel = "Breadcrumb",
+  className = "",
+  style
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const shouldCollapse = maxItems > 0 && items.length > maxItems && !expanded;
+  const visible = [];
+  if (shouldCollapse) {
+    const tailCount = Math.max(1, maxItems - 1);
+    visible.push({ item: items[0], index: 0 });
+    visible.push("ellipsis");
+    for (let i = items.length - tailCount; i < items.length; i++) visible.push({ item: items[i], index: i });
+  } else {
+    items.forEach((item, index) => visible.push({ item, index }));
+  }
+  return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className: ["min-w-0", className].filter(Boolean).join(" "), style, children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1.5 flex-nowrap min-w-0", children: visible.map((entry, i) => {
+    const isLast = i === visible.length - 1;
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5 min-w-0", children: [
+      entry === "ellipsis" ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded(true),
+          "aria-label": "Show hidden breadcrumbs",
+          className: "inline-flex h-6 items-center rounded px-1.5 text-sm text-foreground-secondary hover:bg-surface-raised hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+          children: "\u2026"
+        }
+      ) : /* @__PURE__ */ jsx(Crumb, { item: entry.item, current: entry.index === items.length - 1 }),
+      !isLast && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: separator })
+    ] }, entry === "ellipsis" ? "ellipsis" : entry.index);
+  }) }) });
+}
 var NotificationContext = createContext({
   open: () => void 0,
   close: () => void 0
@@ -2471,7 +2617,7 @@ function Field({
   );
 }
 var SearchIcon = /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-4 h-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) });
-var SearchInput = React12.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React14.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
   return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, layout, helperText, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2972,7 +3118,7 @@ function TableBody({
   return /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => {
     const rowKey = getRowKey(row, i);
     const isExpanded = expanded.has(rowKey);
-    return /* @__PURE__ */ jsxs(React12.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React14.Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "tr",
         {
@@ -3516,8 +3662,8 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
 function MegaMenuFeatured({ children, className = "" }) {
   return /* @__PURE__ */ jsx("div", { className: ["min-w-0 rounded-lg bg-surface-raised border border-border p-4 flex flex-col", className].filter(Boolean).join(" "), children });
 }
-var elementsOfType = (children, type) => React12.Children.toArray(children).filter(
-  (c) => React12.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React14.Children.toArray(children).filter(
+  (c) => React14.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsx(
   "svg",
@@ -3554,9 +3700,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React12.Children.toArray(panel.props.children);
+  const nodes = React14.Children.toArray(panel.props.children);
   return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 px-2 pb-3 pt-1", children: nodes.map((node, i) => {
-    if (!React12.isValidElement(node)) return null;
+    if (!React14.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -3849,7 +3995,7 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React12.useId().replace(/:/g, "");
+  const id = React14.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
   const divRef = useRef(null);
   useEffect(() => {
@@ -5853,7 +5999,7 @@ function OtpInput({
     emit(valid.join(""));
     focusBox(valid.length);
   };
-  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React12.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React14.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -7067,6 +7213,6 @@ function CreditCardForm({
   );
 }
 
-export { AppShell, AutoComplete, Avatar, Box, Button, CARD_BRANDS, Catalog, CatalogCarousel, CatalogGrid, Checkbox, ColorPicker, ContextMenu, CreditCardForm, DateRangePicker, Drawer, Dropdown, FadingBase, Field, FieldHelpIcon, FieldLabel, FileInput, Flex, Form, FormContext, FormField, FormStore, Grid2 as Grid, GridCard, icons_default as Icon, IconButton, List2 as List, LoadingSpinner, MegaMenu_default as MegaMenu, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Password, Portal, RadioGroup, Rating, ScalableContainer, SearchInput_default as SearchInput, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, Slider, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Wizard, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };
+export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Box, Breadcrumbs, Button, CARD_BRANDS, Catalog, CatalogCarousel, CatalogGrid, Checkbox, ColorPicker, ContextMenu, CreditCardForm, DateRangePicker, Drawer, Dropdown, FadingBase, Field, FieldHelpIcon, FieldLabel, FileInput, Flex, Form, FormContext, FormField, FormStore, Grid2 as Grid, GridCard, icons_default as Icon, IconButton, List2 as List, LoadingSpinner, MegaMenu_default as MegaMenu, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Password, Portal, RadioGroup, Rating, ScalableContainer, SearchInput_default as SearchInput, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, Slider, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Wizard, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map