@assure-one/design-system 1.50.0 → 1.52.0

package/dist/{data-table-view-Dhcbsxls.d.ts → data-table-view-CwciwQq3.d.ts}

@@ -3,7 +3,7 @@ import { ReactNode, CSSProperties, RefObject } from 'react';
 import { V as Variant, I as Intent, C as ControlSize, S as Shape } from './vocab-DornLJbW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { S as SelectMessages, T as TableMessages } from './types-CKpkEBvW.js';
+import { S as SelectMessages, T as TableMessages } from './types-iJjWtP6z.js';
 import { a as BrandTheme } from './brand-theme-ZYM867Jz.js';
 import { O as Option } from './option-izy_4w4Z.js';
 

package/dist/{design-system-provider-YblRtwYw.d.ts → design-system-provider-DLS-Nd27.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentType, AnchorHTMLAttributes, Ref, ReactNode, ImgHTMLAttributes } from 'react';
-import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-CKpkEBvW.js';
+import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-iJjWtP6z.js';
 
 /**
  * L0 foundation (W5-21, ADR-010). The adapters through which the design

package/dist/index.d.ts

@@ -11,15 +11,15 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { c as AvatarSlot, d as FileUploadSlot, I as InputSlot, N as NumberInputSlot, P as PhoneFieldSlot, e as SearchInputSlot, f as ThemeDensity, g as TextareaSlot, h as BadgeSize, i as BadgeShape, j as DataTableController, k as DataTableSlot, l as TableProps, m as DataTableRowModel } from './data-table-view-Dhcbsxls.js';
-export { n as AlertDialogSlot, o as Badge, p as BadgeAppearance, q as BadgeAppearanceInput, r as BadgeLegacyVariant, B as BadgeProps, s as BadgeSlot, t as BadgeVariant, u as BadgeVariantsProps, v as ButtonSlot, C as CardSlot, w as CheckboxSlot, x as ChipSlot, y as CodeSlot, z as ComboboxSlot, E as CommandSlot, G as ContextMenuSlot, H as ConversationHeaderSlot, J as ConversationRowSlot, K as DataTable, L as DataTableAccessor, O as DataTableAriaSort, Q as DataTableBody, R as DataTableBodyProps, U as DataTableCell, V as DataTableCellDue, W as DataTableCellDueProps, X as DataTableCellId, Y as DataTableCellMono, Z as DataTableCellName, _ as DataTableCellProps, $ as DataTableCellSecondary, a0 as DataTableCellSecondaryProps, a1 as DataTableCheckbox, a2 as DataTableCheckboxProps, a3 as DataTableColumn, a4 as DataTableColumnOrderApi, a5 as DataTableColumnOrderState, a6 as DataTableColumnPinningApi, a7 as DataTableColumnPinningState, a8 as DataTableColumnVisibilityApi, a9 as DataTableColumnVisibilityState, aa as DataTableColumnWidthsApi, ab as DataTableColumnWidthsState, ac as DataTableFilterDefinition, ad as DataTableFilterValue, ae as DataTableFiltersApi, af as DataTableFiltersState, ag as DataTableHead, ah as DataTableHeadProps, ai as DataTableHeader, aj as DataTableHeaderProps, ak as DataTableLoadMore, al as DataTableLoadMoreProps, am as DataTableMultiSortingState, an as DataTablePaginationApi, ao as DataTablePaginationState, ap as DataTableProps, aq as DataTableResultsCount, ar as DataTableResultsCountProps, as as DataTableRow, at as DataTableRowProps, au as DataTableSearch, av as DataTableSearchApi, aw as DataTableSearchProps, ax as DataTableSelectionApi, ay as DataTableSelectionState, az as DataTableSortDirection, aA as DataTableSortToggleOptions, aB as DataTableSortValue, aC as DataTableSortingApi, aD as DataTableSortingState, aE as DataTableSpacer, aF as DataTableSpacerProps, aG as DataTableSpacerRow, aH as DataTableSpacerRowProps, aI as DataTableState, aJ as DataTableToolbar, aK as DataTableToolbarProps, aL as DataTableView, aM as DataTableViewColumn, aN as DataTableViewFilter, aO as DataTableViewProps, aP as DataTableViewSelection, aQ as DataTableViewSort, aR as DataTableVirtualRows, aS as DialogSlot, aT as DropdownMenuSlot, aU as EmptyValue, aV as FieldSlot, aW as FieldsetSlot, aX as FileChip, aY as FileChipProps, F as FileKind, aZ as FilterChipsSlot, a_ as HeadingSlot, a$ as IconButtonSlot, b0 as InlineSlot, b1 as KbdSlot, b2 as LabelSlot, b3 as LinkButtonSlot, b4 as ListPageSlot, b5 as MessageBubbleSlot, b6 as PaginationSlot, b7 as PeopleListSlot, b8 as PopoverSlot, b9 as PressableSlot, ba as RadioGroupSlot, bb as SERVICE_TONES, bc as Select, bd as SelectClassNames, be as SelectContent, bf as SelectContentProps, bg as SelectGroup, bh as SelectItem, bi as SelectLabel, bj as SelectOption, bk as SelectProps, bl as SelectRoot, bm as SelectScrollDownButton, bn as SelectScrollUpButton, bo as SelectSeparator, S as SelectSize, bp as SelectSlot, bq as SelectTrigger, br as SelectTriggerProps, bs as SelectValue, a as ServiceTone, bt as SheetSlot, bu as ShellSlot, bv as SideDrawerSlot, bw as SidebarBrandSwitcherSlot, bx as SidebarSlot, by as SortDirection, bz as StackSlot, bA as StatStripSlot, bB as StatusBadgeSlot, bC as SurfaceSlot, bD as SwitchSlot, bE as Table, bF as TableBody, bG as TableBodyProps, bH as TableCaption, bI as TableCaptionProps, bJ as TableCell, bK as TableCellAlign, bL as TableCellCommonProps, bM as TableCellProps, bN as TableCellSecondary, bO as TableCellSecondaryProps, bP as TableFooter, bQ as TableFooterProps, bR as TableGroupRow, bS as TableGroupRowProps, bT as TableGroupRowSubtotal, bU as TableHead, bV as TableHeadProps, bW as TableHeader, bX as TableHeaderProps, bY as TableHeaderStyle, bZ as TableRow, b_ as TableRowData, b$ as TableRowProps, c0 as TableSlot, c1 as TableSortChangeMeta, c2 as TableSortDirection, c3 as TableStickyEdge, c4 as TableTone, c5 as TextSlot, c6 as ThemeBrand, c7 as ThemeDirection, c8 as ThemeScheme, c9 as ThemeScope, ca as ThemeScopeProps, cb as ThemeScopeValue, cc as ThreadDividerSlot, cd as ThreadEventSlot, ce as ToastSlot, cf as TooltipSlot, cg as UseDataTableOptions, ch as UseDataTableVirtualRowsOptions, ci as UseScrollRestorationOptions, cj as badgeVariants, ck as compareSortValues, cl as nextSortDirection, cm as resolveBadgeAppearance, cn as serviceToneLabel, co as serviceToneStyle, cp as useDataTable, cq as useDataTableVirtualRows, cr as useScrollRestoration } from './data-table-view-Dhcbsxls.js';
+import { c as AvatarSlot, d as FileUploadSlot, I as InputSlot, N as NumberInputSlot, P as PhoneFieldSlot, e as SearchInputSlot, f as ThemeDensity, g as TextareaSlot, h as BadgeSize, i as BadgeShape, j as DataTableController, k as DataTableSlot, l as TableProps, m as DataTableRowModel } from './data-table-view-CwciwQq3.js';
+export { n as AlertDialogSlot, o as Badge, p as BadgeAppearance, q as BadgeAppearanceInput, r as BadgeLegacyVariant, B as BadgeProps, s as BadgeSlot, t as BadgeVariant, u as BadgeVariantsProps, v as ButtonSlot, C as CardSlot, w as CheckboxSlot, x as ChipSlot, y as CodeSlot, z as ComboboxSlot, E as CommandSlot, G as ContextMenuSlot, H as ConversationHeaderSlot, J as ConversationRowSlot, K as DataTable, L as DataTableAccessor, O as DataTableAriaSort, Q as DataTableBody, R as DataTableBodyProps, U as DataTableCell, V as DataTableCellDue, W as DataTableCellDueProps, X as DataTableCellId, Y as DataTableCellMono, Z as DataTableCellName, _ as DataTableCellProps, $ as DataTableCellSecondary, a0 as DataTableCellSecondaryProps, a1 as DataTableCheckbox, a2 as DataTableCheckboxProps, a3 as DataTableColumn, a4 as DataTableColumnOrderApi, a5 as DataTableColumnOrderState, a6 as DataTableColumnPinningApi, a7 as DataTableColumnPinningState, a8 as DataTableColumnVisibilityApi, a9 as DataTableColumnVisibilityState, aa as DataTableColumnWidthsApi, ab as DataTableColumnWidthsState, ac as DataTableFilterDefinition, ad as DataTableFilterValue, ae as DataTableFiltersApi, af as DataTableFiltersState, ag as DataTableHead, ah as DataTableHeadProps, ai as DataTableHeader, aj as DataTableHeaderProps, ak as DataTableLoadMore, al as DataTableLoadMoreProps, am as DataTableMultiSortingState, an as DataTablePaginationApi, ao as DataTablePaginationState, ap as DataTableProps, aq as DataTableResultsCount, ar as DataTableResultsCountProps, as as DataTableRow, at as DataTableRowProps, au as DataTableSearch, av as DataTableSearchApi, aw as DataTableSearchProps, ax as DataTableSelectionApi, ay as DataTableSelectionState, az as DataTableSortDirection, aA as DataTableSortToggleOptions, aB as DataTableSortValue, aC as DataTableSortingApi, aD as DataTableSortingState, aE as DataTableSpacer, aF as DataTableSpacerProps, aG as DataTableSpacerRow, aH as DataTableSpacerRowProps, aI as DataTableState, aJ as DataTableToolbar, aK as DataTableToolbarProps, aL as DataTableView, aM as DataTableViewColumn, aN as DataTableViewFilter, aO as DataTableViewProps, aP as DataTableViewSelection, aQ as DataTableViewSort, aR as DataTableVirtualRows, aS as DialogSlot, aT as DropdownMenuSlot, aU as EmptyValue, aV as FieldSlot, aW as FieldsetSlot, aX as FileChip, aY as FileChipProps, F as FileKind, aZ as FilterChipsSlot, a_ as HeadingSlot, a$ as IconButtonSlot, b0 as InlineSlot, b1 as KbdSlot, b2 as LabelSlot, b3 as LinkButtonSlot, b4 as ListPageSlot, b5 as MessageBubbleSlot, b6 as PaginationSlot, b7 as PeopleListSlot, b8 as PopoverSlot, b9 as PressableSlot, ba as RadioGroupSlot, bb as SERVICE_TONES, bc as Select, bd as SelectClassNames, be as SelectContent, bf as SelectContentProps, bg as SelectGroup, bh as SelectItem, bi as SelectLabel, bj as SelectOption, bk as SelectProps, bl as SelectRoot, bm as SelectScrollDownButton, bn as SelectScrollUpButton, bo as SelectSeparator, S as SelectSize, bp as SelectSlot, bq as SelectTrigger, br as SelectTriggerProps, bs as SelectValue, a as ServiceTone, bt as SheetSlot, bu as ShellSlot, bv as SideDrawerSlot, bw as SidebarBrandSwitcherSlot, bx as SidebarSlot, by as SortDirection, bz as StackSlot, bA as StatStripSlot, bB as StatusBadgeSlot, bC as SurfaceSlot, bD as SwitchSlot, bE as Table, bF as TableBody, bG as TableBodyProps, bH as TableCaption, bI as TableCaptionProps, bJ as TableCell, bK as TableCellAlign, bL as TableCellCommonProps, bM as TableCellProps, bN as TableCellSecondary, bO as TableCellSecondaryProps, bP as TableFooter, bQ as TableFooterProps, bR as TableGroupRow, bS as TableGroupRowProps, bT as TableGroupRowSubtotal, bU as TableHead, bV as TableHeadProps, bW as TableHeader, bX as TableHeaderProps, bY as TableHeaderStyle, bZ as TableRow, b_ as TableRowData, b$ as TableRowProps, c0 as TableSlot, c1 as TableSortChangeMeta, c2 as TableSortDirection, c3 as TableStickyEdge, c4 as TableTone, c5 as TextSlot, c6 as ThemeBrand, c7 as ThemeDirection, c8 as ThemeScheme, c9 as ThemeScope, ca as ThemeScopeProps, cb as ThemeScopeValue, cc as ThreadDividerSlot, cd as ThreadEventSlot, ce as ToastSlot, cf as TooltipSlot, cg as UseDataTableOptions, ch as UseDataTableVirtualRowsOptions, ci as UseScrollRestorationOptions, cj as badgeVariants, ck as compareSortValues, cl as nextSortDirection, cm as resolveBadgeAppearance, cn as serviceToneLabel, co as serviceToneStyle, cp as useDataTable, cq as useDataTableVirtualRows, cr as useScrollRestoration } from './data-table-view-CwciwQq3.js';
 import { DayPickerProps } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { C as ComboboxSize, c as ComboboxMultipleProps, d as ComboboxProps } from './brand-scope-ObBYNT0J.js';
-export { e as BrandScope, f as BrandScopeProps, g as BrandScopeProvider, h as Combobox, i as ComboboxBaseProps, j as ComboboxClassNames, k as ComboboxOptionState, l as ComboboxSelectionControls, m as ComboboxSingleProps, D as DEFAULT_COMBOBOX_MESSAGES, n as brandScope, u as useBrandScope } from './brand-scope-ObBYNT0J.js';
+import { C as ComboboxSize, c as ComboboxMultipleProps, d as ComboboxProps } from './brand-scope-4F-W2F_m.js';
+export { e as BrandScope, f as BrandScopeProps, g as BrandScopeProvider, h as Combobox, i as ComboboxBaseProps, j as ComboboxClassNames, k as ComboboxOptionState, l as ComboboxSelectionControls, m as ComboboxSingleProps, D as DEFAULT_COMBOBOX_MESSAGES, n as brandScope, u as useBrandScope } from './brand-scope-4F-W2F_m.js';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { d as CommandPaletteMessages, e as ConfirmMessages, f as CopyButtonMessages, E as ErrorStateMessages, F as FileUploadMessages, K as KeyboardShortcutsMessages, P as PaginationMessages, g as PhoneFieldMessages, h as SearchInputMessages, i as TableDensityMessages, j as ToastMessages, k as FieldMessages, l as TableStatesMessages, m as DisplayMenuMessages, n as DisplayMenuFiltersMessages, o as FilterChipsMessages, L as ListPageMessages, p as DataTableMessages } from './types-CKpkEBvW.js';
-export { B as BulkActionBarMessages, C as ComboboxMessages, D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride, S as SelectMessages, q as StatStripMessages, T as TableMessages } from './types-CKpkEBvW.js';
+import { d as CommandPaletteMessages, e as ConfirmMessages, f as CopyButtonMessages, E as ErrorStateMessages, F as FileUploadMessages, K as KeyboardShortcutsMessages, P as PaginationMessages, g as PhoneFieldMessages, h as SearchInputMessages, i as TableDensityMessages, j as ToastMessages, k as FieldMessages, l as TableStatesMessages, m as DisplayMenuMessages, n as DisplayMenuFiltersMessages, o as FilterChipsMessages, L as ListPageMessages, p as DataTableMessages } from './types-iJjWtP6z.js';
+export { B as BulkActionBarMessages, C as ComboboxMessages, D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride, S as SelectMessages, q as StatStripMessages, T as TableMessages } from './types-iJjWtP6z.js';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -39,7 +39,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
 import { O as Option } from './option-izy_4w4Z.js';
 export { a as OptionAccessors } from './option-izy_4w4Z.js';
-export { a as DesignSystemProvider, D as DesignSystemProviderProps, b as DsDirection, I as ImageComponent, c as ImageComponentProps, L as LinkComponent, d as LinkComponentProps, T as TooltipDefaults, u as useDsMessages } from './design-system-provider-YblRtwYw.js';
+export { a as DesignSystemProvider, D as DesignSystemProviderProps, b as DsDirection, I as ImageComponent, c as ImageComponentProps, L as LinkComponent, d as LinkComponentProps, T as TooltipDefaults, u as useDsMessages } from './design-system-provider-DLS-Nd27.js';
 import { ClassValue } from 'clsx';
 import '@radix-ui/react-select';
 import './brand-theme-ZYM867Jz.js';
@@ -4884,11 +4884,16 @@ declare const QuestionnairePanel: React$1.ForwardRefExoticComponent<Questionnair
 
 /**
  * FolderTree — collapsible document tree (Documents panel / mobile sheet).
- * Rows are chevron + folder + name + optional count. Each row has two
- * intents and therefore two DOM elements (skill §4): the chevron is a
- * `<button>` that only toggles expansion (so `aria-expanded` is accurate
- * and is independently keyboard-reachable), and the body is a separate
- * `<button>` that selects the folder.
+ * Rows are chevron + folder + name + optional count.
+ *
+ * Follows the WAI-ARIA tree view pattern: one `tree`, one focusable
+ * `treeitem` per folder with roving tabindex, and the keyboard model screen
+ * reader users expect (↑/↓ move, → opens or enters, ← closes or leaves,
+ * Home/End, Enter/Space select, type-ahead by name). A row keeps two pointer
+ * intents — the chevron toggles, the rest of the row selects — but neither is
+ * a separate tab stop: a `treeitem` may not contain interactive descendants,
+ * and the item itself already exposes both intents through `aria-expanded`
+ * and the arrow keys.
  *
  * Sizing matches the firm Documents workspace: 12px name rows, a 13px
  * chevron column, 14px folder glyphs, and a flush-right tabular count pill.

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-HZZGCMRU.js';
-export { Badge, DATA_TABLE_NO_GROUPING, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCellSecondary, DataTableCheckbox, DataTableHead, DataTableHeader, DataTableHeaderMenu, DataTableLoadMore, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableSpacerRow, DataTableToolbar, DataTableView, EmptyValue, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, SegmentedProgress, Skeleton, SkeletonCircle, SkeletonText, StatusDot, Switch, Table, TableBody, TableCaption, TableCell, TableCellSecondary, TableFooter, TableGroupRow, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, VisuallyHidden, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useDataTableGrouping, useDataTableVirtualRows, useScrollRestoration } from './chunk-HZZGCMRU.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-GT7A7HP4.js';
-export { BrandScope, BrandScopeProvider, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, DEFAULT_COMBOBOX_MESSAGES, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarBrand, SidebarBrandText, SidebarDrawer, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, assetPath, brandScope, chipVariants, getAssetBasePath, resolveChipStyle, setAssetBasePath, sidebarLinkBadgeVariants, useBrandScope, useSidebarPeekLock, useSidebarState } from './chunk-GT7A7HP4.js';
-import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, textAnatomy, Slot, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, messageBubbleAnatomy, useId as useId$1, partId, statStripAnatomy, Pressable, Spinner, DropdownMenuItem, filterChipsAnatomy, listPageAnatomy, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, threadEventAnatomy, threadDividerAnatomy, conversationRowAnatomy, conversationHeaderAnatomy, peopleListAnatomy, errorOnce, isLabelable, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-CRA6WJZ6.js';
-export { Avatar, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileChip, FileUpload, IconButton, Input, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, iconButtonVariants, inputVariants, resolveButtonStyle, spinnerVariants, textareaVariants, useDsMessages, useFieldControl } from './chunk-CRA6WJZ6.js';
+import { Skeleton, ToggleGroup, ToggleGroupItem, useOverflowTooltip, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, VisuallyHidden, ProgressBar, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-AVPJDQUY.js';
+export { Badge, DATA_TABLE_NO_GROUPING, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCellSecondary, DataTableCheckbox, DataTableHead, DataTableHeader, DataTableHeaderMenu, DataTableLoadMore, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableSpacerRow, DataTableToolbar, DataTableView, EmptyValue, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, SegmentedProgress, Skeleton, SkeletonCircle, SkeletonText, StatusDot, Switch, Table, TableBody, TableCaption, TableCell, TableCellSecondary, TableFooter, TableGroupRow, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, VisuallyHidden, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable, useDataTableGrouping, useDataTableVirtualRows, useScrollRestoration } from './chunk-AVPJDQUY.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, Chip, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-KECAJHC5.js';
+export { BrandScope, BrandScopeProvider, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, DEFAULT_COMBOBOX_MESSAGES, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarBrand, SidebarBrandText, SidebarDrawer, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, assetPath, brandScope, chipVariants, getAssetBasePath, resolveChipStyle, setAssetBasePath, sidebarLinkBadgeVariants, useBrandScope, useSidebarPeekLock, useSidebarState } from './chunk-KECAJHC5.js';
+import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, textAnatomy, Slot, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, messageBubbleAnatomy, useId as useId$1, partId, statStripAnatomy, Pressable, Spinner, DropdownMenuItem, filterChipsAnatomy, listPageAnatomy, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, threadEventAnatomy, threadDividerAnatomy, conversationRowAnatomy, conversationHeaderAnatomy, peopleListAnatomy, errorOnce, isLabelable, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-TL4NK3KN.js';
+export { Avatar, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileChip, FileUpload, IconButton, Input, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, buttonVariants, iconButtonVariants, inputVariants, resolveButtonStyle, spinnerVariants, textareaVariants, useDsMessages, useFieldControl } from './chunk-TL4NK3KN.js';
 import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, lucideIcon, SquareExclamationPointIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronUpIcon, ClockIcon, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, Icon, ChartNoAxesColumnIncreasingIcon, MoreHorizontalIcon, AlertCircleIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon, GripVerticalIcon, LockIcon, ArrowUpIcon, ArrowDownIcon } from './chunk-ARCWF2S3.js';
 export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppWindowIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BellRingIcon, BoldIcon, BookTextIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChartNoAxesColumnIncreasingIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDashedIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockAlertIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DecimalsArrowLeftIcon, DecimalsArrowRightIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FilePlusIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, Grid2x2Icon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, HighlighterIcon, HistoryIcon, HomeIcon, InboxIcon, InfoCircleSolidIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, MenuIcon, MessageCircleIcon, MessageCircleMoreIcon, MessageCircleWarningIcon, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointer2Icon, MoveIcon, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightCloseIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PercentIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, RepeatIcon, ReplyIcon, RotateCcwIcon, Rows4Icon, RowsIcon, SaveIcon, SearchCheckIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquareExclamationPointIcon, SquareFunctionIcon, SquareIcon, SquarePlayIcon, SquareSquareIcon, StampIcon, StarIcon, StopIcon, StrikethroughIcon, StripeBrandIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, Undo2Icon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, createIcon, iconCursor, iconToSvg } from './chunk-ARCWF2S3.js';
 export { systemTokens } from './chunk-CPOGSNXS.js';
@@ -8607,89 +8607,201 @@ QuestionnairePanel.displayName = "QuestionnairePanel";
 var ROW_BASE = "ds:group/row ds:flex ds:w-full ds:items-center ds:gap-1.5 ds:rounded-lg ds:px-2.5 ds:py-1 ds:text-left ds:text-[12px] ds:font-medium ds:transition-colors ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none";
 var ROW_INACTIVE = "ds:text-fg-2 ds:hover:bg-surface-2 ds:hover:text-fg";
 var ROW_ACTIVE = "ds:bg-brand-bg ds:text-brand ds:font-semibold";
+var ROW_FOCUS = "ds:[li:focus-visible>&]:[box-shadow:var(--shadow-focus-ring)]";
 var BADGE_BASE = "ds:ml-auto ds:min-w-[18px] ds:rounded-full ds:px-[5px] ds:py-px ds:text-center ds:text-[10px] ds:font-[650] ds:tabular-nums";
 var BADGE_INACTIVE = "ds:bg-surface-2 ds:text-fg-4";
 var BADGE_ACTIVE = "ds:bg-brand-bg ds:text-brand";
-var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, defaultOpenIds, openIds, onOpenChange, className, ...props }, ref) {
+var FolderTree = forwardRef(function FolderTree2({
+  nodes,
+  activeId,
+  onSelect,
+  defaultOpenIds,
+  openIds,
+  onOpenChange,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}, ref) {
   const messages = useDsMessages("folderTree");
   const isControlled = openIds !== void 0;
   const [internalOpen, setInternalOpen] = useState(() => new Set(defaultOpenIds ?? []));
   const open = isControlled ? new Set(openIds) : internalOpen;
+  const [focusedId, setFocusedId] = useState();
+  const items = useRef(/* @__PURE__ */ new Map());
+  const idBase = useId();
+  const visible = [];
+  const collect = (list, parentId) => {
+    for (const node of list) {
+      const hasChildren = Boolean(node.children?.length);
+      visible.push({ id: node.id, name: node.name, parentId, hasChildren });
+      if (hasChildren && open.has(node.id)) collect(node.children, node.id);
+    }
+  };
+  collect(nodes, void 0);
+  const isVisible = (id) => id !== void 0 && visible.some((n) => n.id === id);
+  const tabbableId = isVisible(focusedId) ? focusedId : isVisible(activeId) ? activeId : visible[0]?.id;
+  const focusItem = (id) => {
+    if (id === void 0) return;
+    setFocusedId(id);
+    items.current.get(id)?.focus();
+  };
+  const setOpen = (id, next) => {
+    if (open.has(id) === next) return;
+    const nextOpen = new Set(open);
+    if (next) nextOpen.add(id);
+    else nextOpen.delete(id);
+    if (!isControlled) setInternalOpen(nextOpen);
+    onOpenChange?.([...nextOpen]);
+  };
   const toggle = (id) => {
-    const next = new Set(open);
-    if (next.has(id)) next.delete(id);
-    else next.add(id);
-    if (isControlled) onOpenChange?.([...next]);
-    else {
-      setInternalOpen(next);
-      onOpenChange?.([...next]);
+    const closing = open.has(id);
+    setOpen(id, !closing);
+    if (closing && focusedId !== void 0 && focusedId !== id) {
+      let cursor = visible.find((n) => n.id === focusedId)?.parentId;
+      while (cursor !== void 0 && cursor !== id) cursor = visible.find((n) => n.id === cursor)?.parentId;
+      if (cursor === id) focusItem(id);
     }
   };
-  const renderNode = (node, depth) => {
+  const onKeyDown = (event) => {
+    const index = visible.findIndex((n) => n.id === tabbableId);
+    const current = visible[index];
+    if (!current || event.altKey || event.ctrlKey || event.metaKey) return;
+    let handled = true;
+    switch (event.key) {
+      case "ArrowDown":
+        focusItem(visible[index + 1]?.id);
+        break;
+      case "ArrowUp":
+        focusItem(visible[index - 1]?.id);
+        break;
+      case "Home":
+        focusItem(visible[0]?.id);
+        break;
+      case "End":
+        focusItem(visible[visible.length - 1]?.id);
+        break;
+      case "ArrowRight":
+        if (current.hasChildren && !open.has(current.id)) setOpen(current.id, true);
+        else if (current.hasChildren) focusItem(visible[index + 1]?.id);
+        break;
+      case "ArrowLeft":
+        if (current.hasChildren && open.has(current.id)) setOpen(current.id, false);
+        else focusItem(current.parentId);
+        break;
+      case "Enter":
+      case " ":
+        onSelect?.(current.id);
+        break;
+      default: {
+        handled = false;
+        if (event.key.length !== 1 || !/\S/.test(event.key)) break;
+        const key = event.key.toLocaleLowerCase();
+        for (let step = 1; step <= visible.length; step++) {
+          const candidate = visible[(index + step) % visible.length];
+          if (candidate.name.toLocaleLowerCase().startsWith(key)) {
+            focusItem(candidate.id);
+            handled = true;
+            break;
+          }
+        }
+      }
+    }
+    if (handled) event.preventDefault();
+  };
+  const renderNode = (node, depth, position, setSize) => {
     const hasChildren = Boolean(node.children?.length);
     const isOpen = open.has(node.id);
     const isActive = activeId === node.id;
-    return /* @__PURE__ */ jsxs("li", { className: "ds:relative", children: [
-      depth > 0 && /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "ds:pointer-events-none ds:absolute ds:left-[-11px] ds:top-0 ds:bottom-0 ds:w-px ds:bg-[color:var(--color-rule-strong)]"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: cn(ROW_BASE, isActive ? ROW_ACTIVE : ROW_INACTIVE), children: [
-        hasChildren ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-expanded": isOpen,
-            "aria-label": isOpen ? messages.collapse(node.name) : messages.expand(node.name),
-            onClick: (e) => {
-              e.stopPropagation();
-              toggle(node.id);
-            },
-            className: cn(
-              "ds:shrink-0 ds:rounded-icon ds:text-fg-4 ds:hover:text-fg-2",
-              "ds:transition-[color,transform] ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
-              "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-              isOpen && "ds:rotate-90"
-            ),
-            children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, "aria-hidden": "true" })
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "ds:w-[13px] ds:shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onSelect?.(node.id),
-            "aria-current": isActive ? "true" : void 0,
-            className: "ds:flex ds:min-w-0 ds:flex-1 ds:items-center ds:gap-1.5 ds:text-left ds:text-[12px] ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-            children: [
-              isOpen && hasChildren ? /* @__PURE__ */ jsx(
-                FolderOpenIcon,
-                {
-                  size: 14,
-                  "aria-hidden": "true",
-                  className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
-                }
-              ) : /* @__PURE__ */ jsx(
-                FolderClosedIcon,
-                {
-                  size: 14,
-                  "aria-hidden": "true",
-                  className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "ds:min-w-0 ds:flex-1 ds:truncate", children: node.name })
-            ]
-          }
-        ),
-        node.count != null && /* @__PURE__ */ jsx("span", { className: cn(BADGE_BASE, isActive ? BADGE_ACTIVE : BADGE_INACTIVE), children: node.count })
-      ] }),
-      hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { className: "ds:relative ds:flex ds:flex-col ds:pl-[22px]", children: node.children.map((child) => renderNode(child, depth + 1)) })
-    ] }, node.id);
+    const labelId = `${idBase}-${node.id}`;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        ref: (el) => {
+          if (el) items.current.set(node.id, el);
+          else items.current.delete(node.id);
+        },
+        role: "treeitem",
+        "aria-labelledby": labelId,
+        "aria-level": depth + 1,
+        "aria-posinset": position,
+        "aria-setsize": setSize,
+        "aria-expanded": hasChildren ? isOpen : void 0,
+        "aria-selected": isActive,
+        tabIndex: node.id === tabbableId ? 0 : -1,
+        onFocus: (event) => {
+          if (event.target === event.currentTarget) setFocusedId(node.id);
+        },
+        className: "ds:relative ds:outline-none",
+        children: [
+          depth > 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "ds:pointer-events-none ds:absolute ds:left-[-11px] ds:top-0 ds:bottom-0 ds:w-px ds:bg-[color:var(--color-rule-strong)]"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              onClick: () => onSelect?.(node.id),
+              className: cn(ROW_BASE, ROW_FOCUS, "ds:cursor-pointer", isActive ? ROW_ACTIVE : ROW_INACTIVE),
+              children: [
+                hasChildren ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      toggle(node.id);
+                    },
+                    className: cn(
+                      "ds:shrink-0 ds:rounded-icon ds:text-fg-4 ds:hover:text-fg-2",
+                      "ds:transition-[color,transform] ds:duration-[var(--motion-duration-feedback)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
+                      isOpen && "ds:rotate-90"
+                    ),
+                    children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, "aria-hidden": "true" })
+                  }
+                ) : /* @__PURE__ */ jsx("span", { className: "ds:w-[13px] ds:shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsxs("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:items-center ds:gap-1.5 ds:text-left ds:text-[12px]", children: [
+                  isOpen && hasChildren ? /* @__PURE__ */ jsx(
+                    FolderOpenIcon,
+                    {
+                      size: 14,
+                      "aria-hidden": "true",
+                      className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    FolderClosedIcon,
+                    {
+                      size: 14,
+                      "aria-hidden": "true",
+                      className: cn("ds:shrink-0", isActive ? "ds:text-brand" : "ds:text-fg-3")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { id: labelId, className: "ds:min-w-0 ds:flex-1 ds:truncate", children: node.name })
+                ] }),
+                node.count != null && /* @__PURE__ */ jsx("span", { className: cn(BADGE_BASE, isActive ? BADGE_ACTIVE : BADGE_INACTIVE), children: node.count })
+              ]
+            }
+          ),
+          hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { role: "group", className: "ds:relative ds:flex ds:flex-col ds:pl-[22px]", children: node.children.map((child, i, list) => renderNode(child, depth + 1, i + 1, list.length)) })
+        ]
+      },
+      node.id
+    );
   };
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("ds:w-full", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "ds:flex ds:flex-col", children: nodes.map((node) => renderNode(node, 0)) }) });
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("ds:w-full", className), ...props, children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      role: "tree",
+      "aria-label": ariaLabelledBy ? ariaLabel : ariaLabel ?? messages.label,
+      "aria-labelledby": ariaLabelledBy,
+      onKeyDown,
+      className: "ds:flex ds:flex-col",
+      children: nodes.map((node, i, list) => renderNode(node, 0, i + 1, list.length))
+    }
+  ) });
 });
 FolderTree.displayName = "FolderTree";
 function SegmentedControl({