@lovett/ui 0.2.5 → 0.2.7

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, RefObject, ComponentProps, ComponentType, RefAttributes, ReactElement, Ref, FormHTMLAttributes, FormEvent } from 'react';
+import react__default, { HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, ComponentType, SVGProps, AnchorHTMLAttributes, RefObject, ComponentProps, RefAttributes, ReactElement, Ref, FormHTMLAttributes, FormEvent } from 'react';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { CollisionDetection, DndContext, DragEndEvent } from '@dnd-kit/core';
@@ -529,6 +529,50 @@ interface ChipNavProps {
 }
 declare function ChipNav({ items, scrollContainer, stickyTop, scrollOffset, actions, className, style, surface, activeId: activeIdProp, onItemClick, position, density, }: ChipNavProps): react_jsx_runtime.JSX.Element;
 
+/** A Lucide icon, or anything with the same signature. */
+type SidebarIcon = ComponentType<SVGProps<SVGSVGElement>>;
+interface SidebarNavProps extends HTMLAttributes<HTMLElement> {
+    /** Icon-only rail. Items show a title; groups open a flyout. */
+    collapsed?: boolean;
+    children: ReactNode;
+}
+declare function SidebarNavRoot({ collapsed, className, children, ...rest }: SidebarNavProps): react_jsx_runtime.JSX.Element;
+interface SidebarNavItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    icon: SidebarIcon;
+    label: string;
+    /** The current destination. Rendered as `aria-current="page"`. */
+    active?: boolean;
+    /** A small trailing tag — "Beta", a count. Hidden when collapsed. */
+    badge?: ReactNode;
+    /**
+     * Render the single child element as the row instead of an `<a>`. The child
+     * receives the className, `aria-current` and the composed row content. It
+     * must be a link or keyboard-operable on its own.
+     */
+    asChild?: boolean;
+    children?: ReactNode;
+}
+declare function SidebarNavItem({ icon, label, active, badge, asChild, className, children, ...rest }: SidebarNavItemProps): react_jsx_runtime.JSX.Element;
+interface SidebarNavGroupProps {
+    /** Stable id — the body's DOM id derives from it. */
+    id: string;
+    icon: SidebarIcon;
+    label: string;
+    /** True when a child is the current destination. */
+    active?: boolean;
+    /** Controlled open state. Omit for internal state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+    badge?: ReactNode;
+    children: ReactNode;
+}
+declare function SidebarNavGroup({ id, icon, label, active, open: controlledOpen, defaultOpen, onToggle, badge, children, }: SidebarNavGroupProps): react_jsx_runtime.JSX.Element;
+declare const SidebarNav: typeof SidebarNavRoot & {
+    Item: typeof SidebarNavItem;
+    Group: typeof SidebarNavGroup;
+};
+
 interface CompletionRingProps {
     /** 0–100. Values outside the range are clamped. */
     percent: number;
@@ -7368,6 +7412,24 @@ declare function CommentBody({ bodyMd, onSelectMention, className }: CommentBody
  */
 declare const THREAD_REACTION_KEYS: readonly ["up", "heart", "celebrate", "eyes", "check", "question"];
 type ThreadReactionKey = (typeof THREAD_REACTION_KEYS)[number];
+/**
+ * FOCUS RINGS IN THIS MODULE ARE INSET. All of them, without exception.
+ *
+ * Not a preference — a consequence of where this module renders. `comment.tsx`
+ * wraps the whole reply subtree in the `overflow-hidden` that its grid-rows
+ * reveal requires; `Card` clips by default; a thread lives in a scroll
+ * container. An OUTSET `box-shadow` ring is clipped by any of those, and a
+ * clipped focus ring does not degrade — it DISAPPEARS, which is a WCAG 2.4.7
+ * failure rather than a cosmetic one.
+ *
+ * So: `var(--ring-focus-inset)` on every focusable thing in `src/thread/`, and
+ * `var(--ring-focus)` is a bug here. It was found the slow way — the owner
+ * reported the reply composer clipped, that one was fixed, and switching to the
+ * rich editor clipped the next one. Fourteen more were waiting. Fixing them by
+ * report is a queue with no end; the rule is the fix.
+ *
+ * Outside this module the outset ring is still correct and still the default.
+ */
 /** One reaction row as the API groups it: key, tally, and the viewer's own state. */
 interface ThreadReactionCount {
     readonly key: ThreadReactionKey;
@@ -8974,4 +9036,4 @@ declare function sortCommentTree(roots: readonly CommentNode[], sort: ThreadSort
  */
 declare function useNowTick(enabled: boolean): number;
 
-export { ATTACHMENT_ACCEPT, ATTACHMENT_LIMITS, AVATAR_TINTS, AccordionCompound as Accordion, type AccordionProps, type AccordionSectionProps, type ActivityEntry, ActivityPane, type ActivityPaneProps, type ActivityTab, AllocationSparkbar, type AllocationSparkbarProps, type AnchorAlign, type AnchorPlacement, type AnchorRect, type AnchorSide, type AnchorSize, type AnchoredPosition, type AnchoredPositionOptions, type AnyColumnConfig, AppScroll, type ArcGeometry, type ArcSegment, AreaChart, type AreaChartProps, AttachmentButton, type AttachmentButtonProps, AttachmentDropZone, type AttachmentDropZoneProps, AttachmentGif, type AttachmentGifProps, AttachmentImage, type AttachmentImageProps, AttachmentLightbox, type AttachmentLightboxProps, AttachmentPlaceholder, type AttachmentTicketLike, AttachmentTray, type AttachmentTrayProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarTint, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, type BadgeProps, type BadgeTone, type BandScale, BarChart, type BarChartDatum, type BarChartEmphasis, type BarChartMode, type BarChartOrientation, type BarChartProps, type BarChartSeries, Board, type BoardCardContext, BoardColumn, type BoardColumnProps, type BoardColumnSpec, type BoardHueKey, type BoardItemLeadContext, type BoardProps, type BoardStatusKey, BrandFacebook, BrandIcon, type BrandIconKey, type BrandIconProps, BrandInstagram, BrandLinkedIn, BrandLogoTile, type BrandLogoTileProps, type BrandLogoTileSize, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COLUMN_DATA_TYPES, type CalcLayout, type CalcPrefill, CalculatorShell, type CalculatorShellProps, CalculatorShellV2, type CalculatorShellV2Props, Card, ChartFrame, type ChartFrameProps, type ChartFrameState, type ChartFrameView, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartSlot, type ChartTableData, type ChartTableRow, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, type CheckboxProps, ChipNav, type ChipNavItem, ChipToggleGroup, type ChipToggleGroupProps, type ChipToggleItem, Choropleth, type ChoroplethProps, CodeBlock, type CodeBlockProps, CollapsedReplies, type CollapsedRepliesProps, CollapsibleCard, type CollapsibleCardProps, type ColumnAccessor, type ColumnConfig, type ColumnDataNativeMap, type ColumnDataType, type ColumnOption, type ColumnValueMap, Combobox, type ComboboxGroup, type ComboboxMultipleProps, type ComboboxOption, type ComboboxOptionState, type ComboboxProps, type ComboboxSingleProps, type ComboboxSize, CommentActions, type CommentActionsProps, CommentBody, type CommentBodyProps, type CommentDeliveryState, CommentItem, type CommentItemProps, type CommentNode, CommentVote, type CommentVoteProps, CompletionRing, type CompletionRingProps, type ComposerAttachment, type ComposerAttachmentKind, type ComposerAttachmentState, CopyField, type CopyFieldProps, type Crumb, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, type DataGridColumn, DataGridColumnOptionsMenu, DataGridDragOverlay, type DataGridDrawerPanelProps, DataGridDropIndicator, type DataGridIcon, type DataGridProps, type DataGridRowBase, type DataGridSortState, DataGridToolbar, type DataGridToolbarProps, type DataGridToolbarRenderProps, type DateFilterOperator, type DateParts, DeltaChip, type DeltaChipProps, type DeltaDirection, type DeltaFormat, type DetailCollapse, DetailDivider, type DetailDividerProps, DetailHeader, type DetailHeaderProps, DetailMenu, type DetailMenuAction, type DetailMenuItem, type DetailMenuProps, type DetailMode, type DetailPaneSide, DetailSection, DetailSurface, type DetailSurfaceProps, DeviceFrame, type DeviceFrameProps, type DisplayAllowed, type DisplayController, type DisplayMigrations, DisplayPopover, type DisplayPopoverProps, type DisplayPopoverSectionProps, type DisplayProviderProps, type DisplaySettings, type DisplayStore, type DisplayStoreOptions, type DisplayValue, DonutChart, type DonutChartDatum, type DonutChartProps, type DonutFold, type DonutGapSurface, type DonutSlice, DragHandle, DropdownButton, type DropdownButtonItem, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EditingCell, type ElementType, type EmojiEntry, EmptyPlaceholder, EmptyState, type EmptyStateProps, type Extent, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, type FieldFilter, FieldList, type FieldListProps, type FieldOption, type FieldPerson, FieldRow, type FieldRowDateProps, type FieldRowPeopleProps, type FieldRowProps, type FieldRowSelectProps, type FieldRowTagsProps, type FieldRowTextProps, FieldValueButton, type FieldValueButtonProps, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, type FilterBarCountProps, type FilterBarProps, type FilterBarSearchProps, FilterChipBar, type FilterChipBarProps, type FilterDetails, FilterDropdown, type FilterDropdownProps, type FilterFieldIconRenderer, FilterMenu, type FilterMenuProps, type FilterModel, type FilterOperatorArity, type FilterOperatorDetails, type FilterOperatorDetailsShape, type FilterOperatorTarget, type FilterOperators, type FilterOption, type FilterOptionIconRenderer, type FilterTypeOperatorDetails, type FilterValues, type FiltersState, FloatingDrawer, type FloatingDrawerProps, FloatingStatusBar, type FloatingStatusBarProps, type FloatingStatusTone, FolderCard, type FolderCardProps, type FolderColorKey, type FolderTreeNode, FolderTreePicker, type FolderTreePickerProps, FrameStack, type FrameStackProps, GIF_SEARCH_DEBOUNCE_MS, type GaugeBand, GaugeRing, type GaugeRingProps, type GaugeTone, GifPicker, type GifPickerProps, type GifPickerResult, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, type HeroFormCardAdvancedProps, type HeroFormCardBannerProps, type HeroFormCardFieldProps, type HeroFormCardProps, type HeroFormCardSectionProps, type HomeCrumb, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, Input, type InputProps, type InputSize, Kbd, type KbdProps, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, type LayerHandle, type LayerKind, type LedgerCell, type LedgerProgress, type LedgerSegment, LineChart, type LineChartProps, type LineChartSeries, LineIcon, LinkPreview, type LinkPreviewProps, ListItem, ListboxOption, type ListboxOptionProps, MarkdownCode, type MarkdownEdit, type MarkdownFormat, MarkdownRenderer, type MarkdownRendererProps, type MentionSuggestionItem, type MentionTarget, type MentionTargetType, MenuButton, type MenuButtonEntry, type MenuButtonItem, type MenuButtonProps, type MenuButtonSeparator, MetaCell, type MetaCellProps, index as MetaPreviews, MetricCard, type MetricCardProps, type MetricCardTone, MicrosoftLogo, type MicrosoftLogoProps, Modal, type MultiOptionFilterOperator, MultiSortableList, type MultiSortableListProps, type MultiSortableMove, type Nullable, type NumberFilterOperator, type NumericInput, OTHER_SLOT_COLOR, type OptionBasedColumnDataType, type OptionFilterOperator, OptionRow, type OptionRowProps, OptionTile, OptionTileGroup, type OptionTileGroupProps, type OptionTileProps, type OutsideClickTarget, PASTE_ATTACHMENT_THRESHOLD, PLACEMENT_CONFIGS, POPOVER_SURFACE_STYLE, PREVIEW_SETTLE_MS, PageHeaderHost, PageHeaderSlotProvider, PageHero, type PageHeroProps, PageShell, Pagination, type PaginationProps, type PendingFile, PillButton, type PillButtonProps, type PlacementPreview, type Point, Popover, type PopoverContentProps, type PopoverFooterAction, PopoverFooterActions, type PopoverFooterActionsProps, type PopoverProps, type PopoverTriggerProps, type PreviewAdData, type PreviewConfiguration, type PreviewDevice, type PreviewPlacement, type PreviewPlatform, PS as ProfileSection, type ProfileSectionProps, ProgressBar, type ProgressBarProps, ProgressLedger, type ProgressLedgerProps, REACTION_META, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, RankedBars, type RankedBarsItem, type RankedBarsProps, type RankedBarsSort, ReactionBar, type ReactionBarProps, RelativeTime, type RelativeTimeProps, ResizableHandle, type ResizableHandleProps, ResizablePane, type ResizablePaneProps, type RgbTuple, type RichComposerAttachmentProps, RichThreadComposer, type RichThreadComposerProps, type RingDash, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, type ScaleFn, type ScatterSlot, SearchBar, type SearchBarProps, SectionHeading, type SectionHeadingProps, SectionLabel, SegmentedPill, type SegmentedPillItem, type SegmentedPillProps, Select, type SelectOption, type SelectProps, SelectRow, type SelectRowProps, type SelectSize, type SeriesPalette, type SeriesSlot, Shell, type ShellProps, ShellStat, type ShellStatProps, type ShellStatTone, type ShellSubCardProps, type ShellTrayBodyProps, type ShellTrayFooterProps, type ShellTrayHeaderProps, type ShellTrayProps, Slider, type SliderProps, type SortableContainers, SortableDropZone, SortableItem, SortableList, SortableTable, type Column as SortableTableColumn, type SortableTableProps, Sparkline, type SparklineProps, type SparklineVariant, StatCard, type StatCardFooterLink, type StatCardProps, type StatCardSize, StatRow, type StatRowProps, type StatRowStep, StatStrip, type StatStripCell, type StatStripProps, StatsGrid, type StatsGridProps, StatusGlyph, type StatusGlyphProps, StatusRing, type StatusRingProps, StepLoader, type StepLoaderProps, type StepLoaderStep, type SuggestionListProps, type SuggestionOption, THREAD_REACTION_KEYS, type Tab, Tabs, type TabsProps, TagChipInput, type TagChipInputProps, TagRow, TaskCard, type TaskCardAvatar, type TaskCardCount, type TaskCardDate, type TaskCardDragProps, type TaskCardMedia, type TaskCardProps, type TextFilterOperator, TextInput, Textarea, TextareaInput, type TextareaProps, Thread, type ThreadAttachment, type ThreadAttachmentKind, type ThreadAuthor, type ThreadComment, ThreadComposer, type ThreadComposerProps, ThreadConnector, type ThreadConnectorProps, type ThreadEngagement, type ThreadLinkPreview, type ThreadParticipant, type ThreadProps, ThreadRail, type ThreadRailProps, type ThreadReactionCount, type ThreadReactionKey, type ThreadRenderContext, type ThreadSort, ThreadTrunkSegment, type ThreadVote, Toaster, ToggleRow, type ToggleRowProps, TokenBadge, type TokenBadgeProps, Tooltip, type TooltipProps, type TooltipTriggerProps, type UploadResult, type UseAnchoredPositionOptions, type UseAnchoredPositionResult, type UseAttachmentsOptions, type UseAttachmentsResult, type UseEscapeKeyOptions, type UseFileUploadOptions, type UseLayerOptions, type UseOutsideClickOptions, type UseThreadOptions, type UseThreadResult, ValueChip, type ValueChipProps, type VisibleReplies, type WcagBadge, applyMarkdownFormat, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, cn, computeAnchoredPosition, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatAttachmentSize, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, parseMentionHref, pastedTextFilename, pointerFirstCollision, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, shouldAttachPaste, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useAnchoredPosition, useAttachmentUrl, useAttachments, useBreadcrumbHome, useEscapeKey, useFieldRowVisible, useFileUpload, useLayer, useNowTick, useOutsideClick, usePrefersReducedMotion, useThread, wcagBadges, withMinimumArc };
+export { ATTACHMENT_ACCEPT, ATTACHMENT_LIMITS, AVATAR_TINTS, AccordionCompound as Accordion, type AccordionProps, type AccordionSectionProps, type ActivityEntry, ActivityPane, type ActivityPaneProps, type ActivityTab, AllocationSparkbar, type AllocationSparkbarProps, type AnchorAlign, type AnchorPlacement, type AnchorRect, type AnchorSide, type AnchorSize, type AnchoredPosition, type AnchoredPositionOptions, type AnyColumnConfig, AppScroll, type ArcGeometry, type ArcSegment, AreaChart, type AreaChartProps, AttachmentButton, type AttachmentButtonProps, AttachmentDropZone, type AttachmentDropZoneProps, AttachmentGif, type AttachmentGifProps, AttachmentImage, type AttachmentImageProps, AttachmentLightbox, type AttachmentLightboxProps, AttachmentPlaceholder, type AttachmentTicketLike, AttachmentTray, type AttachmentTrayProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarTint, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, type BadgeProps, type BadgeTone, type BandScale, BarChart, type BarChartDatum, type BarChartEmphasis, type BarChartMode, type BarChartOrientation, type BarChartProps, type BarChartSeries, Board, type BoardCardContext, BoardColumn, type BoardColumnProps, type BoardColumnSpec, type BoardHueKey, type BoardItemLeadContext, type BoardProps, type BoardStatusKey, BrandFacebook, BrandIcon, type BrandIconKey, type BrandIconProps, BrandInstagram, BrandLinkedIn, BrandLogoTile, type BrandLogoTileProps, type BrandLogoTileSize, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, type BulkActionBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COLUMN_DATA_TYPES, type CalcLayout, type CalcPrefill, CalculatorShell, type CalculatorShellProps, CalculatorShellV2, type CalculatorShellV2Props, Card, ChartFrame, type ChartFrameProps, type ChartFrameState, type ChartFrameView, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartSlot, type ChartTableData, type ChartTableRow, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, type CheckboxProps, ChipNav, type ChipNavItem, ChipToggleGroup, type ChipToggleGroupProps, type ChipToggleItem, Choropleth, type ChoroplethProps, CodeBlock, type CodeBlockProps, CollapsedReplies, type CollapsedRepliesProps, CollapsibleCard, type CollapsibleCardProps, type ColumnAccessor, type ColumnConfig, type ColumnDataNativeMap, type ColumnDataType, type ColumnOption, type ColumnValueMap, Combobox, type ComboboxGroup, type ComboboxMultipleProps, type ComboboxOption, type ComboboxOptionState, type ComboboxProps, type ComboboxSingleProps, type ComboboxSize, CommentActions, type CommentActionsProps, CommentBody, type CommentBodyProps, type CommentDeliveryState, CommentItem, type CommentItemProps, type CommentNode, CommentVote, type CommentVoteProps, CompletionRing, type CompletionRingProps, type ComposerAttachment, type ComposerAttachmentKind, type ComposerAttachmentState, CopyField, type CopyFieldProps, type Crumb, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, type DataGridColumn, DataGridColumnOptionsMenu, DataGridDragOverlay, type DataGridDrawerPanelProps, DataGridDropIndicator, type DataGridIcon, type DataGridProps, type DataGridRowBase, type DataGridSortState, DataGridToolbar, type DataGridToolbarProps, type DataGridToolbarRenderProps, type DateFilterOperator, type DateParts, DeltaChip, type DeltaChipProps, type DeltaDirection, type DeltaFormat, type DetailCollapse, DetailDivider, type DetailDividerProps, DetailHeader, type DetailHeaderProps, DetailMenu, type DetailMenuAction, type DetailMenuItem, type DetailMenuProps, type DetailMode, type DetailPaneSide, DetailSection, DetailSurface, type DetailSurfaceProps, DeviceFrame, type DeviceFrameProps, type DisplayAllowed, type DisplayController, type DisplayMigrations, DisplayPopover, type DisplayPopoverProps, type DisplayPopoverSectionProps, type DisplayProviderProps, type DisplaySettings, type DisplayStore, type DisplayStoreOptions, type DisplayValue, DonutChart, type DonutChartDatum, type DonutChartProps, type DonutFold, type DonutGapSurface, type DonutSlice, DragHandle, DropdownButton, type DropdownButtonItem, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, type EditingCell, type ElementType, type EmojiEntry, EmptyPlaceholder, EmptyState, type EmptyStateProps, type Extent, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, type FieldFilter, FieldList, type FieldListProps, type FieldOption, type FieldPerson, FieldRow, type FieldRowDateProps, type FieldRowPeopleProps, type FieldRowProps, type FieldRowSelectProps, type FieldRowTagsProps, type FieldRowTextProps, FieldValueButton, type FieldValueButtonProps, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, type FilterBarCountProps, type FilterBarProps, type FilterBarSearchProps, FilterChipBar, type FilterChipBarProps, type FilterDetails, FilterDropdown, type FilterDropdownProps, type FilterFieldIconRenderer, FilterMenu, type FilterMenuProps, type FilterModel, type FilterOperatorArity, type FilterOperatorDetails, type FilterOperatorDetailsShape, type FilterOperatorTarget, type FilterOperators, type FilterOption, type FilterOptionIconRenderer, type FilterTypeOperatorDetails, type FilterValues, type FiltersState, FloatingDrawer, type FloatingDrawerProps, FloatingStatusBar, type FloatingStatusBarProps, type FloatingStatusTone, FolderCard, type FolderCardProps, type FolderColorKey, type FolderTreeNode, FolderTreePicker, type FolderTreePickerProps, FrameStack, type FrameStackProps, GIF_SEARCH_DEBOUNCE_MS, type GaugeBand, GaugeRing, type GaugeRingProps, type GaugeTone, GifPicker, type GifPickerProps, type GifPickerResult, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, type HeroFormCardAdvancedProps, type HeroFormCardBannerProps, type HeroFormCardFieldProps, type HeroFormCardProps, type HeroFormCardSectionProps, type HomeCrumb, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, Input, type InputProps, type InputSize, Kbd, type KbdProps, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, type LayerHandle, type LayerKind, type LedgerCell, type LedgerProgress, type LedgerSegment, LineChart, type LineChartProps, type LineChartSeries, LineIcon, LinkPreview, type LinkPreviewProps, ListItem, ListboxOption, type ListboxOptionProps, MarkdownCode, type MarkdownEdit, type MarkdownFormat, MarkdownRenderer, type MarkdownRendererProps, type MentionSuggestionItem, type MentionTarget, type MentionTargetType, MenuButton, type MenuButtonEntry, type MenuButtonItem, type MenuButtonProps, type MenuButtonSeparator, MetaCell, type MetaCellProps, index as MetaPreviews, MetricCard, type MetricCardProps, type MetricCardTone, MicrosoftLogo, type MicrosoftLogoProps, Modal, type MultiOptionFilterOperator, MultiSortableList, type MultiSortableListProps, type MultiSortableMove, type Nullable, type NumberFilterOperator, type NumericInput, OTHER_SLOT_COLOR, type OptionBasedColumnDataType, type OptionFilterOperator, OptionRow, type OptionRowProps, OptionTile, OptionTileGroup, type OptionTileGroupProps, type OptionTileProps, type OutsideClickTarget, PASTE_ATTACHMENT_THRESHOLD, PLACEMENT_CONFIGS, POPOVER_SURFACE_STYLE, PREVIEW_SETTLE_MS, PageHeaderHost, PageHeaderSlotProvider, PageHero, type PageHeroProps, PageShell, Pagination, type PaginationProps, type PendingFile, PillButton, type PillButtonProps, type PlacementPreview, type Point, Popover, type PopoverContentProps, type PopoverFooterAction, PopoverFooterActions, type PopoverFooterActionsProps, type PopoverProps, type PopoverTriggerProps, type PreviewAdData, type PreviewConfiguration, type PreviewDevice, type PreviewPlacement, type PreviewPlatform, PS as ProfileSection, type ProfileSectionProps, ProgressBar, type ProgressBarProps, ProgressLedger, type ProgressLedgerProps, REACTION_META, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeSlider, type RangeSliderProps, RankedBars, type RankedBarsItem, type RankedBarsProps, type RankedBarsSort, ReactionBar, type ReactionBarProps, RelativeTime, type RelativeTimeProps, ResizableHandle, type ResizableHandleProps, ResizablePane, type ResizablePaneProps, type RgbTuple, type RichComposerAttachmentProps, RichThreadComposer, type RichThreadComposerProps, type RingDash, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, type ScaleFn, type ScatterSlot, SearchBar, type SearchBarProps, SectionHeading, type SectionHeadingProps, SectionLabel, SegmentedPill, type SegmentedPillItem, type SegmentedPillProps, Select, type SelectOption, type SelectProps, SelectRow, type SelectRowProps, type SelectSize, type SeriesPalette, type SeriesSlot, Shell, type ShellProps, ShellStat, type ShellStatProps, type ShellStatTone, type ShellSubCardProps, type ShellTrayBodyProps, type ShellTrayFooterProps, type ShellTrayHeaderProps, type ShellTrayProps, type SidebarIcon, SidebarNav, type SidebarNavGroupProps, type SidebarNavItemProps, type SidebarNavProps, Slider, type SliderProps, type SortableContainers, SortableDropZone, SortableItem, SortableList, SortableTable, type Column as SortableTableColumn, type SortableTableProps, Sparkline, type SparklineProps, type SparklineVariant, StatCard, type StatCardFooterLink, type StatCardProps, type StatCardSize, StatRow, type StatRowProps, type StatRowStep, StatStrip, type StatStripCell, type StatStripProps, StatsGrid, type StatsGridProps, StatusGlyph, type StatusGlyphProps, StatusRing, type StatusRingProps, StepLoader, type StepLoaderProps, type StepLoaderStep, type SuggestionListProps, type SuggestionOption, THREAD_REACTION_KEYS, type Tab, Tabs, type TabsProps, TagChipInput, type TagChipInputProps, TagRow, TaskCard, type TaskCardAvatar, type TaskCardCount, type TaskCardDate, type TaskCardDragProps, type TaskCardMedia, type TaskCardProps, type TextFilterOperator, TextInput, Textarea, TextareaInput, type TextareaProps, Thread, type ThreadAttachment, type ThreadAttachmentKind, type ThreadAuthor, type ThreadComment, ThreadComposer, type ThreadComposerProps, ThreadConnector, type ThreadConnectorProps, type ThreadEngagement, type ThreadLinkPreview, type ThreadParticipant, type ThreadProps, ThreadRail, type ThreadRailProps, type ThreadReactionCount, type ThreadReactionKey, type ThreadRenderContext, type ThreadSort, ThreadTrunkSegment, type ThreadVote, Toaster, ToggleRow, type ToggleRowProps, TokenBadge, type TokenBadgeProps, Tooltip, type TooltipProps, type TooltipTriggerProps, type UploadResult, type UseAnchoredPositionOptions, type UseAnchoredPositionResult, type UseAttachmentsOptions, type UseAttachmentsResult, type UseEscapeKeyOptions, type UseFileUploadOptions, type UseLayerOptions, type UseOutsideClickOptions, type UseThreadOptions, type UseThreadResult, ValueChip, type ValueChipProps, type VisibleReplies, type WcagBadge, applyMarkdownFormat, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, cn, computeAnchoredPosition, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatAttachmentSize, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, parseMentionHref, pastedTextFilename, pointerFirstCollision, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, shouldAttachPaste, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useAnchoredPosition, useAttachmentUrl, useAttachments, useBreadcrumbHome, useEscapeKey, useFieldRowVisible, useFileUpload, useLayer, useNowTick, useOutsideClick, usePrefersReducedMotion, useThread, wcagBadges, withMinimumArc };

package/dist/index.js

@@ -1,6 +1,6 @@
-import { cn, composeRefs, useAnchoredPosition, useLayer, useOutsideClick, POPOVER_SURFACE_STYLE, __export, Input, Popover, handleTabTrap, Button, Kbd, usePrefersReducedMotion, QUIET_ICON_BOX, QUIET_ICON, RichThreadComposer, ThreadComposer, CommentBody, tabbablesWithin, AttachmentImage, AttachmentGif } from './chunk-GP7BKVZC.js';
-export { ATTACHMENT_ACCEPT, ATTACHMENT_LIMITS, AttachmentButton, AttachmentDropZone, AttachmentGif, AttachmentImage, AttachmentLightbox, AttachmentPlaceholder, AttachmentTray, Button, CodeBlock, CommentBody, GIF_SEARCH_DEBOUNCE_MS, GifPicker, Input, Kbd, MarkdownCode, MarkdownRenderer, PASTE_ATTACHMENT_THRESHOLD, POPOVER_SURFACE_STYLE, Popover, RichThreadComposer, ThreadComposer, applyMarkdownFormat, cn, computeAnchoredPosition, formatAttachmentSize, parseMentionHref, pastedTextFilename, shouldAttachPaste, useAnchoredPosition, useAttachmentUrl, useAttachments, useEscapeKey, useLayer, useOutsideClick, usePrefersReducedMotion } from './chunk-GP7BKVZC.js';
-import React2, { forwardRef, Children, isValidElement, createContext, useContext, useId, useRef, useEffect, useMemo, useCallback, useState, useLayoutEffect, memo, useSyncExternalStore, cloneElement, Fragment as Fragment$1 } from 'react';
+import { cn, composeRefs, useAnchoredPosition, useLayer, useOutsideClick, POPOVER_SURFACE_STYLE, __export, Popover, Input, handleTabTrap, Button, Kbd, usePrefersReducedMotion, QUIET_ICON_BOX, QUIET_ICON, RichThreadComposer, ThreadComposer, CommentBody, tabbablesWithin, AttachmentImage, AttachmentGif } from './chunk-6XT32ETQ.js';
+export { ATTACHMENT_ACCEPT, ATTACHMENT_LIMITS, AttachmentButton, AttachmentDropZone, AttachmentGif, AttachmentImage, AttachmentLightbox, AttachmentPlaceholder, AttachmentTray, Button, CodeBlock, CommentBody, GIF_SEARCH_DEBOUNCE_MS, GifPicker, Input, Kbd, MarkdownCode, MarkdownRenderer, PASTE_ATTACHMENT_THRESHOLD, POPOVER_SURFACE_STYLE, Popover, RichThreadComposer, ThreadComposer, applyMarkdownFormat, cn, computeAnchoredPosition, formatAttachmentSize, parseMentionHref, pastedTextFilename, shouldAttachPaste, useAnchoredPosition, useAttachmentUrl, useAttachments, useEscapeKey, useLayer, useOutsideClick, usePrefersReducedMotion } from './chunk-6XT32ETQ.js';
+import React2, { forwardRef, Children, isValidElement, createContext, useContext, useId, useRef, useEffect, useMemo, useCallback, useState, useLayoutEffect, memo, cloneElement, useSyncExternalStore, Fragment as Fragment$1 } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Minus, Check, ChevronDown, X, Loader2, Play, VolumeX, Volume2, ChevronUp, Link2, ChevronLeft, MoreHorizontal, ThumbsUp as ThumbsUp$1, MessageCircle, Share2, Search, Plus, ChevronRight, CircleX, CircleCheck, CircleSlash, CircleDotDashed, Circle, CircleDashed, Pencil, House, GripVertical, Folder, Flag, ImageOff, ChevronsUpDown, SlidersHorizontal, Copy, FolderClosed, FolderPlus, Paperclip, Upload, Image, Code, Table as Table$1, FileText, FileType, AlertCircle, RotateCcw, ArrowRight, ListFilter, ArrowLeft, ArrowDown, ArrowUp, Info, ChartLine, Table2, Inbox, TriangleAlert, ChevronsLeft, ChevronsUp, ChevronsRight, ChevronsDown, Star, Settings2, CornerDownRight, Trash2, SmilePlus, ArrowBigUp, ArrowBigDown, ExternalLink, RotateCw, MessageSquare, Lock, PanelRight, SquareDashed, Maximize2, Archive, Printer, Repeat2, CornerUpRight } from 'lucide-react';
 import { createPortal } from 'react-dom';
@@ -1326,6 +1326,179 @@ function ChipNav({
     }
   );
 }
+var Ctx = createContext({ collapsed: false, nested: false });
+function SidebarNavRoot({ collapsed = false, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(Ctx.Provider, { value: { collapsed, nested: false }, children: /* @__PURE__ */ jsx("nav", { className: cn("flex flex-col gap-0.5", className), ...rest, children }) });
+}
+var ROW_BASE = "relative flex h-9 w-full items-center gap-3 rounded-[var(--radius-md)] px-2.5 text-left text-sm font-medium outline-none transition-colors focus-visible:[box-shadow:var(--ring-focus)]";
+var ROW_REST = "text-[rgb(var(--sidebar-text))] hover:bg-[rgb(var(--sidebar-surface-hover))] hover:text-[rgb(var(--sidebar-text-bright))]";
+var ROW_ACTIVE = "bg-[rgb(var(--sidebar-surface-active))] text-[rgb(var(--sidebar-text-bright))]";
+function ActiveBar() {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "absolute left-0 top-1/2 h-5 w-0.5 -translate-y-1/2 rounded-full bg-[rgb(var(--accent))]"
+    }
+  );
+}
+function RowIcon({ icon: Icon }) {
+  return /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" });
+}
+function RowBadge({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "rounded-full bg-[rgb(var(--accent))]/15 px-1.5 py-0.5 text-[10px] font-semibold text-[rgb(var(--accent))]", children });
+}
+function SidebarNavItem({
+  icon,
+  label,
+  active = false,
+  badge,
+  asChild,
+  className,
+  children,
+  ...rest
+}) {
+  const { collapsed, nested } = useContext(Ctx);
+  const rowClass = cn(
+    ROW_BASE,
+    active ? ROW_ACTIVE : ROW_REST,
+    collapsed && "justify-center px-0",
+    nested && !collapsed && "h-8 pl-[2.375rem] text-[13px]",
+    className
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    active && !nested && /* @__PURE__ */ jsx(ActiveBar, {}),
+    (!nested || collapsed) && /* @__PURE__ */ jsx(RowIcon, { icon }),
+    nested && !collapsed && // The connector: a dot on the group's rail, filled when active.
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "absolute left-[1.0625rem] top-1/2 h-1.5 w-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full transition-colors",
+          active ? "bg-[rgb(var(--accent))]" : "bg-[rgb(var(--sidebar-rail))]"
+        )
+      }
+    ),
+    !collapsed && /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: label }),
+    !collapsed && badge !== void 0 && badge !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(RowBadge, { children: badge })
+    ] })
+  ] });
+  const shared = {
+    className: rowClass,
+    "aria-current": active ? "page" : void 0,
+    title: collapsed ? label : void 0
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      throw new Error("SidebarNav.Item with `asChild` expects exactly one element child.");
+    }
+    const child = children;
+    return cloneElement(child, {
+      ...shared,
+      className: cn(child.props.className, rowClass),
+      children: content
+    });
+  }
+  return /* @__PURE__ */ jsx("a", { ...rest, ...shared, children: content });
+}
+function SidebarNavGroup({
+  id,
+  icon,
+  label,
+  active = false,
+  open: controlledOpen,
+  defaultOpen = false,
+  onToggle,
+  badge,
+  children
+}) {
+  const { collapsed } = useContext(Ctx);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = (next) => {
+    if (controlledOpen === void 0) setUncontrolledOpen(next);
+    onToggle?.(next);
+  };
+  const reactId = useId();
+  const bodyId = `sidebar-group-${id}-${reactId}`;
+  const labelId = `${bodyId}-label`;
+  if (collapsed) {
+    return /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          title: label,
+          className: cn(ROW_BASE, "justify-center px-0", active ? ROW_ACTIVE : ROW_REST),
+          children: [
+            active && /* @__PURE__ */ jsx(ActiveBar, {}),
+            /* @__PURE__ */ jsx(RowIcon, { icon })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Popover.Content, { side: "right", align: "start", offset: 8, "aria-label": label, className: "min-w-[13rem] p-1.5", children: /* @__PURE__ */ jsxs(Ctx.Provider, { value: { collapsed: false, nested: false }, children: [
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: labelId,
+            className: "px-2.5 pb-1 pt-1 text-[11px] font-semibold text-[rgb(var(--text-tertiary))]",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { role: "group", "aria-labelledby": labelId, className: "flex flex-col gap-0.5", children })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        "aria-expanded": open,
+        "aria-controls": bodyId,
+        id: labelId,
+        className: cn(ROW_BASE, active && !open ? ROW_ACTIVE : ROW_REST),
+        children: [
+          active && !open && /* @__PURE__ */ jsx(ActiveBar, {}),
+          /* @__PURE__ */ jsx(RowIcon, { icon }),
+          /* @__PURE__ */ jsx("span", { id: `${labelId}-text`, className: "flex-1 truncate", children: label }),
+          badge !== void 0 && badge !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx(RowBadge, { children: badge })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              "aria-hidden": "true",
+              className: "h-3.5 w-3.5 shrink-0 text-[rgb(var(--sidebar-text-dim))] transition-transform duration-150 ease-out motion-reduce:transition-none",
+              style: { transform: open ? "rotate(180deg)" : "rotate(0deg)" }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "ds-sidebar-group-body", "data-open": open ? "true" : "false", children: /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(Ctx.Provider, { value: { collapsed: false, nested: true }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: bodyId,
+        role: "group",
+        "aria-labelledby": `${labelId}-text`,
+        className: "relative flex flex-col gap-0.5 py-0.5 before:absolute before:bottom-1 before:left-[1.0625rem] before:top-1 before:w-px before:-translate-x-1/2 before:bg-[rgb(var(--sidebar-rail))]",
+        inert: !open,
+        "aria-hidden": !open,
+        children
+      }
+    ) }) }) })
+  ] });
+}
+var SidebarNav = Object.assign(SidebarNavRoot, {
+  Item: SidebarNavItem,
+  Group: SidebarNavGroup
+});
 function CompletionRing({
   percent,
   size = 30,
@@ -18322,7 +18495,7 @@ function createDisplayStore(name, defaults, allowed, migrations, options) {
     } catch {
     }
   }
-  const Ctx = createContext(null);
+  const Ctx2 = createContext(null);
   function Provider({ scope, children }) {
     const [settings, setSettings] = useState(() => read2(scope));
     const previousScope = useRef(scope);
@@ -18359,10 +18532,10 @@ function createDisplayStore(name, defaults, allowed, migrations, options) {
       }),
       [settings, set, reset]
     );
-    return /* @__PURE__ */ jsx(Ctx.Provider, { value, children });
+    return /* @__PURE__ */ jsx(Ctx2.Provider, { value, children });
   }
   function useDisplay() {
-    const ctx = useContext(Ctx);
+    const ctx = useContext(Ctx2);
     if (!ctx) {
       throw new Error(
         `[display-store] useDisplay for "${name}" must be called inside its Provider. Rendering with silent defaults would show a view the display panel is not actually editing.`
@@ -24289,7 +24462,7 @@ var QUIET = cn(
   "transition-[background-color,color] duration-[var(--dur-fast)] ease-[var(--ease-out)]",
   "motion-reduce:transition-none",
   "hover:bg-[rgb(var(--surface-overlay))] hover:text-[rgb(var(--foreground))]",
-  "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]",
+  "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]",
   "disabled:cursor-default disabled:opacity-60"
 );
 var QUIET_BOX = {
@@ -24590,7 +24763,7 @@ function CommentVote({
     "inline-flex items-center justify-center border border-transparent",
     "transition-[color,background-color,transform] duration-[var(--dur-fast)] ease-[var(--ease-out)]",
     "motion-reduce:transition-none",
-    "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]",
+    "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]",
     "active:scale-[0.96] motion-reduce:active:scale-100",
     "disabled:cursor-not-allowed disabled:opacity-60",
     active ? "text-[rgb(var(--accent-ink))]" : "text-[rgb(var(--text-tertiary))] hover:bg-[rgb(var(--surface-hover))] hover:text-[rgb(var(--foreground))]"
@@ -24835,7 +25008,7 @@ function LinkPreview({ preview, onHide, className }) {
                   onClick: () => {
                     setPlaying(true);
                   },
-                  className: "absolute inset-0 flex items-center justify-center focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]",
+                  className: "absolute inset-0 flex items-center justify-center focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]",
                   style: {
                     // diag:contrast-ok — this scrim sits on a PHOTOGRAPH, which
                     // is the one thing check-contrast says it cannot see:
@@ -24870,7 +25043,7 @@ function LinkPreview({ preview, onHide, className }) {
                     rel: "noopener noreferrer",
                     className: cn(
                       "group/link block min-w-0 flex-1 no-underline",
-                      "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]"
+                      "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]"
                     ),
                     style: { borderRadius: "var(--radius-xs)" },
                     children: [
@@ -24980,7 +25153,7 @@ function ThreadRail({ collapsed, label, onToggle }) {
               "motion-reduce:transition-none",
               "group-hover/rail:border-[rgb(var(--border-strong))] group-hover/rail:text-[rgb(var(--foreground))]",
               "group-focus-visible/rail:border-[rgb(var(--accent))] group-focus-visible/rail:text-[rgb(var(--accent-ink))]",
-              "group-focus-visible/rail:[box-shadow:var(--ring-focus)]",
+              "group-focus-visible/rail:[box-shadow:var(--ring-focus-inset)]",
               "group-active/rail:scale-[0.96] motion-reduce:group-active/rail:scale-100"
             ),
             style: {
@@ -25112,7 +25285,7 @@ function CollapsedReplies({
         "transition-[background-color,border-color,color] duration-[var(--dur-fast)] ease-[var(--ease-out)]",
         "motion-reduce:transition-none",
         "hover:border-[rgb(var(--border-strong))] hover:bg-[rgb(var(--surface-hover))] hover:text-[rgb(var(--foreground))]",
-        "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]"
+        "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]"
       ),
       style: { minBlockSize: "var(--space-6)", borderRadius: "var(--radius-sm)" },
       children: [
@@ -25229,7 +25402,7 @@ function Attachments({
               "border-[rgb(var(--border))] bg-[rgb(var(--surface-inset))] text-[rgb(var(--text-secondary))]",
               "transition-[background-color,border-color] duration-[var(--dur-fast)] ease-[var(--ease-out)] motion-reduce:transition-none",
               "enabled:hover:border-[rgb(var(--border-strong))] enabled:hover:bg-[rgb(var(--surface-hover))]",
-              "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]",
+              "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]",
               "disabled:cursor-default"
             ),
             style: { borderRadius: "var(--thread-inner-radius, var(--radius-sm))" },
@@ -25367,7 +25540,7 @@ function CommentItem({
                         className: cn(
                           "min-w-0 truncate text-[14px] font-semibold text-[rgb(var(--foreground))]",
                           "underline-offset-2 hover:underline",
-                          "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]"
+                          "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]"
                         ),
                         style: { borderRadius: "var(--radius-xs)" },
                         children: label
@@ -25910,7 +26083,7 @@ function SortPills({
               "inline-flex h-[24px] items-center px-[var(--space-2)] text-[12px] font-semibold",
               "transition-[background-color,color,border-color,box-shadow] duration-[var(--dur-fast)] ease-[var(--ease-out)]",
               "motion-reduce:transition-none",
-              "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus)]",
+              "focus-visible:outline-none focus-visible:[box-shadow:var(--ring-focus-inset)]",
               active ? "border border-[rgb(var(--accent))] bg-[rgb(var(--surface-card))] text-[rgb(var(--accent-ink))] [box-shadow:var(--shadow-sm)]" : "border border-transparent text-[rgb(var(--text-tertiary))] hover:text-[rgb(var(--foreground))]"
             ),
             style: { borderRadius: "var(--radius-xs)" },
@@ -26583,6 +26756,6 @@ function Value({ children }) {
   return /* @__PURE__ */ jsx("span", { className: "font-medium", style: { color: "rgb(var(--foreground))" }, children });
 }
 
-export { AVATAR_TINTS, AccordionCompound as Accordion, ActivityPane, AllocationSparkbar, AppScroll, AreaChart, Avatar, AvatarGroup, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, BarChart, Board, BoardColumn, BrandFacebook, BrandIcon, BrandInstagram, BrandLinkedIn, BrandLogoTile, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, ButtonGroup, COLUMN_DATA_TYPES, CalculatorShell, CalculatorShellV2, card_default as Card, ChartFrame, ChartLegend, ChartTooltip, Checkbox, ChipNav, ChipToggleGroup, Choropleth, CollapsedReplies, CollapsibleCard, Combobox2 as Combobox, CommentActions, CommentItem, CommentVote, CompletionRing, CopyField, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, DataGridColumnOptionsMenu, DataGridDragOverlay, DataGridDropIndicator, DataGridToolbar, DeltaChip, DetailDivider, DetailHeader, DetailMenu, DetailSection, DetailSurface, DeviceFrame, DisplayPopover, DonutChart, DragHandle, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyPlaceholder, EmptyState, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, FieldList, FieldRow2 as FieldRow, FieldValueButton, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, FilterChipBar, FilterDropdown, FilterMenu, FloatingDrawer, FloatingStatusBar, FolderCard, FolderTreePicker, FrameStack, GaugeRing, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, LineChart, LineIcon, LinkPreview, ListItem, ListboxOption, MenuButton, MetaCell, meta_previews_exports as MetaPreviews, MetricCard, MicrosoftLogo, modal_default as Modal, MultiSortableList, OTHER_SLOT_COLOR, OptionRow, OptionTile, OptionTileGroup, PLACEMENT_CONFIGS, PREVIEW_SETTLE_MS, PageHeaderHost, PageHeaderSlotProvider, PageHero, page_shell_default as PageShell, Pagination, PillButton, PopoverFooterActions, profile_section_default as ProfileSection, ProgressBar, ProgressLedger, REACTION_META, Radio, RadioGroup, RangeSlider, RankedBars, ReactionBar, RelativeTime, ResizableHandle, ResizablePane, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, SearchBar, SectionHeading, SectionLabel, SegmentedPill, Select2 as Select, SelectRow, Shell2 as Shell, ShellStat, Slider, SortableDropZone, SortableItem, SortableList, SortableTable, Sparkline, StatCard, StatRow, StatStrip, StatsGrid, StatusGlyph, StatusRing, StepLoader, THREAD_REACTION_KEYS, Tabs, TagChipInput, TagRow, TaskCard, TextInput, Textarea, TextareaInput, Thread, ThreadConnector, ThreadRail, ThreadTrunkSegment, Toaster, ToggleRow, TokenBadge, Tooltip, ValueChip, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials2 as initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, pointerFirstCollision, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useBreadcrumbHome, useFieldRowVisible, useFileUpload, useNowTick, useThread, wcagBadges, withMinimumArc };
+export { AVATAR_TINTS, AccordionCompound as Accordion, ActivityPane, AllocationSparkbar, AppScroll, AreaChart, Avatar, AvatarGroup, BOARD_HUE_KEYS, BOARD_STATUS_KEYS, BRAND_ICONS, Badge, BarChart, Board, BoardColumn, BrandFacebook, BrandIcon, BrandInstagram, BrandLinkedIn, BrandLogoTile, BrandMessenger, BrandMeta, BrandNextdoor, BrandPinterest, BrandSnapchat, BrandTikTok, BulkActionBar, ButtonGroup, COLUMN_DATA_TYPES, CalculatorShell, CalculatorShellV2, card_default as Card, ChartFrame, ChartLegend, ChartTooltip, Checkbox, ChipNav, ChipToggleGroup, Choropleth, CollapsedReplies, CollapsibleCard, Combobox2 as Combobox, CommentActions, CommentItem, CommentVote, CompletionRing, CopyField, DEFAULT_INDENT_CLAMP_DEPTH, DEFAULT_MAX_DEPTH, DEFAULT_OPERATORS, DEFAULT_REPLIES_VISIBLE, DETAIL_COLLAPSE_VALUES, DETAIL_MODES, DETAIL_MODE_LABELS, DETAIL_PANEL_DEFAULT_SIZE, DONUT_OTHER_KEY, DataGrid, DataGridColumnOptionsMenu, DataGridDragOverlay, DataGridDropIndicator, DataGridToolbar, DeltaChip, DetailDivider, DetailHeader, DetailMenu, DetailSection, DetailSurface, DeviceFrame, DisplayPopover, DonutChart, DragHandle, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyPlaceholder, EmptyState, FIELD_FILTERS, FIELD_FILTER_LABELS, FILTERS_SEARCH_PARAM, FILTER_OPERATOR_DETAILS, FOLDER_COLOR_KEYS, FieldList, FieldRow2 as FieldRow, FieldValueButton, FileDropZone, FilePreviewGrid, FilePreviewItem, FileThumbnail, FileUploadButton, FilterBar, FilterChipBar, FilterDropdown, FilterMenu, FloatingDrawer, FloatingStatusBar, FolderCard, FolderTreePicker, FrameStack, GaugeRing, HEADER_HEIGHT, HeroFormCardCompound as HeroFormCard, HomeCrumbLink, IconTile, IdentityLabel, IdentityValue, LINK_PREVIEW_DEFAULT_ASPECT, LISTBOX_CLASS, LineChart, LineIcon, LinkPreview, ListItem, ListboxOption, MenuButton, MetaCell, meta_previews_exports as MetaPreviews, MetricCard, MicrosoftLogo, modal_default as Modal, MultiSortableList, OTHER_SLOT_COLOR, OptionRow, OptionTile, OptionTileGroup, PLACEMENT_CONFIGS, PREVIEW_SETTLE_MS, PageHeaderHost, PageHeaderSlotProvider, PageHero, page_shell_default as PageShell, Pagination, PillButton, PopoverFooterActions, profile_section_default as ProfileSection, ProgressBar, ProgressLedger, REACTION_META, Radio, RadioGroup, RangeSlider, RankedBars, ReactionBar, RelativeTime, ResizableHandle, ResizablePane, SCATTER_SLOT_COUNT, SECTION_SCROLL_OFFSET, SERIES, SERIES_SCATTER, SERIES_SLOT_COUNT, STATUS_GLYPHS, STATUS_LABELS, SearchBar, SectionHeading, SectionLabel, SegmentedPill, Select2 as Select, SelectRow, Shell2 as Shell, ShellStat, SidebarNav, Slider, SortableDropZone, SortableItem, SortableList, SortableTable, Sparkline, StatCard, StatRow, StatStrip, StatsGrid, StatusGlyph, StatusRing, StepLoader, THREAD_REACTION_KEYS, Tabs, TagChipInput, TagRow, TaskCard, TextInput, Textarea, TextareaInput, Thread, ThreadConnector, ThreadRail, ThreadTrunkSegment, Toaster, ToggleRow, TokenBadge, Tooltip, ValueChip, arcGeometry, arcSegments, areaPath, asAvatarTint, avatarTintForKey, bandScale, bestTextOn, buildCommentTree, clampPct, clearFilters, contrastRatio, copyText, countCommentTree, countDescendants, createDisplayStore, dateFilterFn, dateFilterOperators, defineColumns, detailPaneSide, determineNewOperator, engagementScore, facetedCounts, facetedMinMax, facetedRowsFor, filterRows, foldDonutData, folderColorVar, formatAbsoluteTime, formatCurrency, formatDateDisplay, formatNumber, formatPercent, formatRatio, formatRelativeTime, getFilter, hasBrandIcon, hexToRgbTuple, hslString, hueClass, hueForKey, indexColumns, initials2 as initials, isColumnOfType, isOperatorOf, isScatterSlot, isSeriesSlot, ledgerProgress, linePath, linearScale, monthDomain, multiOptionFilterFn, multiOptionFilterOperators, negateOperator, niceTicks, normalizeToMax, numberFilterFn, numberFilterOperators, operatorDetails, operatorValueArity, operatorsForType, optionFilterFn, optionFilterOperators, paletteColor, parseDateValue, parseFilters, pointerFirstCollision, pruneFilters, relatedOperators, relativeLuminance, removeFilter, rgbCss, rgbString, ringDash, rowMatchesFilter, rowMatchesFilters, scatterColor, serializeFilters, seriesColor, setDateFilter, setFilterOperator, setMultiOptionFilter, setNumberFilter, setOptionFilter, setTextFilter, slotColor, sortCommentTree, stackFractions, stackTotals, textFilterFn, textFilterOperators, toIsoTimestamp, toggleMultiOptionValue, toggleOptionValue, tooltipPosition, upsertFilter, useBreadcrumbHome, useFieldRowVisible, useFileUpload, useNowTick, useThread, wcagBadges, withMinimumArc };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map