@assure-one/design-system 1.41.1 → 1.41.2

package/dist/css/tokens.css

@@ -17,7 +17,7 @@
   --ds-color-content-secondary: #38383b;
   --ds-color-content-muted: #5f5f64;
   --ds-color-content-subtle: #6b6b70;
-  --ds-color-content-faint: #9a9aa0;
+  --ds-color-content-faint: #8e8e94;
   --ds-color-border: #e4e7ef;
   --ds-color-border-subtle: #eef0f5;
   --ds-color-border-strong: #d3d8e3;
@@ -95,7 +95,7 @@
   --ds-color-feedback-danger-solid-fg: #ffffff;
   --ds-color-feedback-success-solid-fg: #ffffff;
   --ds-selection-fg: var(--ds-color-action-accent-fg);
-  --ds-color-content-disabled: #a7a7ac;
+  --ds-color-content-disabled: #8b8b8f;
   --ds-color-state-disabled-bg: #f1f2f6;
   --ds-color-state-hover: rgba(16, 20, 36, 0.04);
   --ds-color-state-active: rgba(16, 20, 36, 0.07);
@@ -143,7 +143,7 @@
   --ds-color-feedback-danger-border: #ecc5c5;
   --ds-color-priority-low: #3366d6;
   --ds-color-priority-medium: #7642d6;
-  --ds-color-priority-high: #d9820a;
+  --ds-color-priority-high: #d57f0a;
   --ds-color-priority-urgent: var(--ds-color-feedback-danger-fg);
   --ds-focus-ring-color: color-mix(in srgb, var(--ds-color-action-brand-bg) 24%, transparent);
   --ds-focus-ring-border: var(--ds-ref-brand-pro-fg);
@@ -198,7 +198,7 @@
   --ds-motion-duration-spatial: var(--ds-ref-duration-slow);
   --ds-motion-duration-deliberate: var(--ds-ref-duration-slower);
   --ds-motion-ease-enter: var(--ds-ref-ease-enter);
-  --ds-motion-ease-exit: var(--ds-ref-ease-enter);
+  --ds-motion-ease-exit: var(--ds-ref-ease-exit);
   --ds-motion-ease-move: var(--ds-ref-ease-standard);
   --ds-layout-shell-sidebar-width: 200px;
   --ds-layout-shell-sidebar-rail-width: 56px;

package/dist/icons/index.d.ts

@@ -1,5 +1,5 @@
 import { C as ControlSize } from '../vocab-DornLJbW.js';
-import { i as iconSizes } from '../reference-BkDbrPIB.js';
+import { i as iconSizes } from '../reference-B5azRUoi.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import '../system-DfJIVBlJ.js';
 

package/dist/icons/index.js

@@ -1,4 +1,4 @@
-export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BoldIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, 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, PhoneIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, ReplyIcon, RotateCcwIcon, SaveIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquarePlayIcon, StarIcon, StopIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, createIcon } from '../chunk-KUSY7BLL.js';
-import '../chunk-X76J4QSJ.js';
+export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BoldIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, 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, PhoneIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, ReplyIcon, RotateCcwIcon, SaveIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquarePlayIcon, StarIcon, StopIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, createIcon } from '../chunk-AF3QYJ24.js';
+import '../chunk-YRHRVOLV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { C as ColorName, R as ReferenceTokens, c as colors, r as radii, a as reference, s as shadows, d as spacing, e as surfaces, t as typography } from './reference-BkDbrPIB.js';
+export { C as ColorName, R as ReferenceTokens, c as colors, r as radii, a as reference, s as shadows, d as spacing, e as surfaces, t as typography } from './reference-B5azRUoi.js';
 export { S as SystemTokens, s as systemTokens } from './system-DfJIVBlJ.js';
 import * as React$1 from 'react';
 import { ReactNode, InputHTMLAttributes, HTMLAttributes, RefCallback, ReactElement, FieldsetHTMLAttributes } from 'react';

package/dist/index.js

@@ -1,15 +1,15 @@
 "use client";
-import { useFormReset, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead, ToggleGroup, ToggleGroupItem } from './chunk-PTI4B2OI.js';
-export { Badge, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, EmptyValue, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, SegmentedProgress, StatusDot, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable } from './chunk-PTI4B2OI.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-XV2VSEA5.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-XV2VSEA5.js';
-import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, buttonVariants, slot, useDsMessages, Button, 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, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, radioGroupAnatomy, microInteractions, searchInputAnatomy, IconButton, codeAnatomy, Slot, textAnatomy, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, Tooltip, TooltipTrigger, TooltipContent, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useId as useId$1, partId, errorOnce, isLabelable, Spinner, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset as useFormReset$1, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-NBI7E3VT.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-NBI7E3VT.js';
-import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, AlertCircleIcon, CheckCircle2Icon, PlusIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, InfoIcon, CommandIcon } from './chunk-KUSY7BLL.js';
-export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BoldIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, 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, PhoneIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, ReplyIcon, RotateCcwIcon, SaveIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquarePlayIcon, StarIcon, StopIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, createIcon } from './chunk-KUSY7BLL.js';
+import { useFormReset, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead, ToggleGroup, ToggleGroupItem } from './chunk-UAPQ7VTS.js';
+export { Badge, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, EmptyValue, PROGRESS_LEGACY_TO_INTENT, Pagination, ProgressBar, ProgressRing, SERVICE_TONES, STATUS_DOT_TONE_TO_INTENT, SegmentedProgress, StatusDot, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, ToggleGroup, ToggleGroupItem, badgeVariants, compareSortValues, nextSortDirection, progressBarVariants, progressRingVariants, resolveBadgeAppearance, serviceToneLabel, serviceToneStyle, statusDotVariants, useDataTable } from './chunk-UAPQ7VTS.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-JKNHNNNY.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-JKNHNNNY.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, 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, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, codeAnatomy, Slot, textAnatomy, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, Tooltip, TooltipTrigger, TooltipContent, useFieldsetState, FieldsetContext, fieldsetAnatomy, useFieldsetLegend, shellAnatomy, Avatar, dataTableAnatomy, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useId as useId$1, partId, errorOnce, isLabelable, Spinner, Select, Checkbox, FIELD_PARTS, SelectRoot, SelectTrigger, SelectValue, SelectContent, SelectItem, OverlayHeader, OverlayFooter, commandAnatomy, menuShortcutClasses, useFormReset as useFormReset$1, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-XN7OBLQR.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-XN7OBLQR.js';
+import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, AlertCircleIcon, CheckCircle2Icon, PlusIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, InfoIcon, CommandIcon } from './chunk-AF3QYJ24.js';
+export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BoldIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, 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, PhoneIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, ReplyIcon, RotateCcwIcon, SaveIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquarePlayIcon, StarIcon, StopIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, createIcon } from './chunk-AF3QYJ24.js';
 export { systemTokens } from './chunk-CPOGSNXS.js';
 import './chunk-EUHGZA6Q.js';
-export { colors, radii, reference, shadows, spacing, surfaces, typography } from './chunk-X76J4QSJ.js';
+export { colors, radii, reference, shadows, spacing, surfaces, typography } from './chunk-YRHRVOLV.js';
 import * as React28 from 'react';
 import { forwardRef, useId, useRef, useState, useEffect, createContext, useCallback, useMemo, useImperativeHandle, Children, isValidElement, cloneElement, useSyncExternalStore, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -143,49 +143,33 @@ var AlertDialogDescription = React28.forwardRef((props, ref) => /* @__PURE__ */
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
 var EMPHASES = /* @__PURE__ */ new Set(["solid", "soft", "outline", "ghost", "link"]);
 var isEmphasis = (word) => EMPHASES.has(word);
-var LEGACY_ACTION_CLASSES = cn(
-  "ds:rounded-btn ds:inline-flex ds:h-10 ds:items-center ds:justify-center ds:px-4 ds:text-sm ds:font-medium ds:whitespace-nowrap",
-  "ds:bg-destructive ds:text-destructive-foreground ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
-  "ds:hover:bg-destructive/90",
-  "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
-  "ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed"
-);
-var AlertDialogAction = React28.forwardRef(({ variant, intent, className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AlertDialogPrimitive.Action,
-  {
-    ref,
-    ...slot(alertDialogAnatomy, "action"),
-    className: cn(
-      variant === void 0 && intent === void 0 ? LEGACY_ACTION_CLASSES : buttonVariants({
-        variant: variant ?? "solid",
-        // An emphasis alone keeps the action's meaning (`danger`); a
-        // legacy word alone carries its own intent (`primary` → brand).
-        intent: intent ?? (variant === void 0 || isEmphasis(variant) ? "danger" : void 0),
-        size: "md"
-      }),
-      className
-    ),
-    ...props
-  }
-));
+var LEGACY_ACTION_HOVER = "ds:hover:bg-destructive/90";
+var AlertDialogAction = React28.forwardRef(({ variant, intent, className, ...props }, ref) => {
+  const legacy = variant === void 0 && intent === void 0;
+  const resolvedIntent = intent ?? (variant === void 0 || isEmphasis(variant) ? "danger" : void 0);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, asChild: true, ...slot(alertDialogAnatomy, "action"), children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: variant ?? "solid",
+      ...resolvedIntent !== void 0 ? { intent: resolvedIntent } : {},
+      size: "md",
+      className: cn(legacy && LEGACY_ACTION_HOVER, className),
+      ...props
+    }
+  ) });
+});
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  AlertDialogPrimitive.Cancel,
+var LEGACY_CANCEL_HOVER = "ds:hover:border-rule-strong ds:hover:text-fg";
+var AlertDialogCancel = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, asChild: true, ...slot(alertDialogAnatomy, "cancel"), children: /* @__PURE__ */ jsx(
+  Button,
   {
-    ref,
-    ...slot(alertDialogAnatomy, "cancel"),
-    className: cn(
-      "ds:rounded-btn ds:border-rule-strong ds:bg-surface ds:inline-flex ds:h-10 ds:items-center ds:justify-center ds:border ds:px-4 ds:text-sm ds:font-medium ds:whitespace-nowrap",
-      "ds:text-fg-2 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
-      "ds:hover:bg-surface-hover ds:hover:text-fg",
-      "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
-      "ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed",
-      className
-    ),
+    variant: "outline",
+    size: "md",
+    className: cn(LEGACY_CANCEL_HOVER, className),
     ...props,
     children: children ?? "Cancel"
   }
-));
+) }));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var alertVariants = cva(
   cn(
@@ -358,12 +342,12 @@ var AreaChart = forwardRef(function AreaChart2({ data, height = 140, formatValue
           style: { left: `${pts[hover][0] / width * 100}%` },
           children: [
             /* @__PURE__ */ jsx("span", { className: "ds:block ds:text-xs ds:font-semibold ds:tabular-nums", children: formatValue(data[hover].value) }),
-            /* @__PURE__ */ jsx("span", { className: "ds:block ds:text-[10px] ds:opacity-70", children: data[hover].label })
+            /* @__PURE__ */ jsx("span", { className: "ds:block ds:text-(length:--text-micro) ds:opacity-70", children: data[hover].label })
           ]
         }
       )
     ] }),
-    showAxis && /* @__PURE__ */ jsx("div", { className: "ds:text-fg-4 ds:mt-1.5 ds:flex ds:justify-between ds:text-[11px] ds:tabular-nums", children: data.map((d) => /* @__PURE__ */ jsx("span", { children: d.label }, d.label)) })
+    showAxis && /* @__PURE__ */ jsx("div", { className: "ds:text-fg-4 ds:mt-1.5 ds:flex ds:justify-between ds:text-(length:--text-caption) ds:tabular-nums", children: data.map((d) => /* @__PURE__ */ jsx("span", { children: d.label }, d.label)) })
   ] });
 });
 AreaChart.displayName = "AreaChart";
@@ -387,8 +371,9 @@ var fileTypeBadgeVariants = cva(
   {
     variants: {
       size: {
+        // 9px: off-scale, no type role — left literal (VN/D1-track decision).
         sm: "ds:size-8 ds:rounded-btn ds:text-[9px]",
-        md: "ds:size-10 ds:rounded-card ds:text-[10px]"
+        md: "ds:size-10 ds:rounded-card ds:text-(length:--text-micro)"
       }
     },
     defaultVariants: {
@@ -1185,15 +1170,18 @@ function Calendar({
         root: "ds:p-3 ds:min-w-[280px]",
         months: "ds:flex ds:flex-col ds:gap-4",
         ...CALENDAR_CAPTION_CLASSNAMES,
-        month_caption: cn(CALENDAR_CAPTION_CLASSNAMES.month_caption, "ds:text-[13px]"),
+        month_caption: cn(
+          CALENDAR_CAPTION_CLASSNAMES.month_caption,
+          "ds:text-(length:--control-font-size-md)"
+        ),
         month_grid: "ds:w-full ds:border-collapse",
         weekdays: "ds:flex",
-        weekday: "ds:flex-1 ds:text-center ds:text-[11px] ds:font-medium ds:uppercase ds:tracking-wide ds:text-fg-4 ds:pb-1",
+        weekday: "ds:flex-1 ds:text-center ds:text-(length:--text-overline) ds:font-medium ds:uppercase ds:tracking-wide ds:text-fg-4 ds:pb-1",
         weeks: "",
         week: "ds:flex ds:w-full ds:mt-1",
         day: "ds:flex-1 ds:text-center ds:relative ds:p-0",
         day_button: cn(
-          "ds:inline-flex ds:size-8 ds:w-full ds:items-center ds:justify-center ds:rounded-input ds:font-mono ds:tabular-nums ds:text-[13px] ds:text-fg",
+          "ds:inline-flex ds:size-8 ds:w-full ds:items-center ds:justify-center ds:rounded-input ds:font-mono ds:tabular-nums ds:text-(length:--control-font-size-md) ds:text-fg",
           "ds:transition-colors ds:duration-[var(--duration-instant)] ds:motion-reduce:transition-none",
           "ds:hover:bg-surface-hover",
           "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
@@ -1608,7 +1596,7 @@ function CommandPalette({
           {
             className: cn(
               "ds:[&_[cmdk-group-heading]]:px-4 ds:[&_[cmdk-group-heading]]:py-1.5",
-              "ds:[&_[cmdk-group-heading]]:font-mono ds:[&_[cmdk-group-heading]]:text-[11px]",
+              "ds:[&_[cmdk-group-heading]]:font-mono ds:[&_[cmdk-group-heading]]:text-(length:--text-overline)",
               "ds:[&_[cmdk-group-heading]]:tracking-[0.14em] ds:[&_[cmdk-group-heading]]:uppercase",
               "ds:[&_[cmdk-group-heading]]:text-fg-3"
             ),
@@ -2130,7 +2118,11 @@ var ContextMenuLabel = React28.forwardRef(({ className, inset, ...props }, ref)
   {
     ref,
     ...slot(contextMenuAnatomy, "label"),
-    className: cn(menuLabelClasses(PALETTE, "ds:text-[11px]"), inset && MENU_INSET, className),
+    className: cn(
+      menuLabelClasses(PALETTE, "ds:text-(length:--text-overline)"),
+      inset && MENU_INSET,
+      className
+    ),
     ...props
   }
 ));
@@ -2145,7 +2137,13 @@ var ContextMenuSeparator = React28.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn(menuShortcutClasses(PALETTE, "ds:text-[11px]"), className), ...props });
+var ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn(menuShortcutClasses(PALETTE, "ds:text-(length:--text-code)"), className),
+    ...props
+  }
+);
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 var CopyButton = forwardRef(function CopyButton2({ value, feedbackDuration = 2e3, messages: messagesProp, className, children, ...props }, ref) {
   const messages = useDsMessages("copyButton", messagesProp);
@@ -2207,10 +2205,10 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
             "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
             "ds:disabled:text-fg-disabled ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed"
           ),
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "ds:text-fg-3 ds:size-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "ds:text-fg-3 ds:size-(--control-icon-md)", "aria-hidden": "true" })
         }
       ),
-      /* @__PURE__ */ jsxs("span", { className: "ds:font-display ds:text-fg ds:text-[13px] ds:font-medium ds:tabular-nums", children: [
+      /* @__PURE__ */ jsxs("span", { className: "ds:font-display ds:text-fg ds:text-(length:--control-font-size-md) ds:font-medium ds:tabular-nums", children: [
         startYear,
         " \u2013 ",
         startYear + 11
@@ -2229,7 +2227,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
             "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
             "ds:disabled:text-fg-disabled ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed"
           ),
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ds:text-fg-3 ds:size-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ds:text-fg-3 ds:size-(--control-icon-md)", "aria-hidden": "true" })
         }
       )
     ] }),
@@ -2248,7 +2246,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
           "aria-pressed": isSelected,
           "aria-current": isToday ? "date" : void 0,
           className: cn(
-            "ds:rounded-input ds:font-mono ds:text-[13px] ds:tabular-nums",
+            "ds:rounded-input ds:font-mono ds:text-(length:--control-font-size-md) ds:tabular-nums",
             "ds:inline-flex ds:h-10 ds:items-center ds:justify-center",
             "ds:transition-colors ds:duration-[var(--duration-instant)] ds:motion-reduce:transition-none",
             "ds:hover:bg-surface-hover",
@@ -2419,7 +2417,7 @@ var DatePicker = forwardRef(function DatePicker2({
   const minYear = min ? Number(isoToYear(min)) : void 0;
   const maxYear = max ? Number(isoToYear(max)) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: cn("ds:w-full", className), children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "ds:text-fg ds:mb-1.5 ds:block ds:text-[13px] ds:leading-none ds:font-medium", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "ds:text-fg ds:mb-1.5 ds:block ds:text-(length:--control-font-size-md) ds:leading-none ds:font-medium", children: [
       label,
       wiring.required && /* @__PURE__ */ jsx("span", { className: "ds:text-danger-fg ds:ml-0.5", "aria-hidden": "true", children: "*" })
     ] }),
@@ -2445,7 +2443,7 @@ var DatePicker = forwardRef(function DatePicker2({
           "aria-labelledby": wiring["aria-labelledby"],
           "aria-label": ariaLabel,
           className: cn(
-            "ds:rounded-input ds:bg-surface ds:text-fg ds:flex ds:h-9 ds:w-full ds:border ds:font-mono ds:text-[13px] ds:tabular-nums",
+            "ds:rounded-input ds:bg-surface ds:text-fg ds:flex ds:h-9 ds:w-full ds:border ds:font-mono ds:text-(length:--control-font-size-md) ds:tabular-nums",
             "ds:border-field-border ds:py-2",
             iconPosition === "left" ? "ds:pl-10 ds:pr-3" : "ds:pl-3 ds:pr-10",
             "ds:transition-[color,background-color,border-color,box-shadow] ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
@@ -2479,7 +2477,7 @@ var DatePicker = forwardRef(function DatePicker2({
               "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none",
               "ds:disabled:text-fg-disabled ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"
             ),
-            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "ds:size-4", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "ds:size-(--control-icon-md)", "aria-hidden": "true" })
           }
         ) }),
         /* @__PURE__ */ jsx(
@@ -2647,7 +2645,7 @@ var DateRangePicker = forwardRef(
     const iconNode = /* @__PURE__ */ jsx(
       CalendarIcon,
       {
-        className: cn("ds:size-4 ds:shrink-0", isDisabled ? "ds:text-fg-disabled" : "ds:text-fg-3"),
+        className: cn("ds:size-(--control-icon-md) ds:shrink-0", isDisabled ? "ds:text-fg-disabled" : "ds:text-fg-3"),
         "aria-hidden": "true"
       }
     );
@@ -2663,7 +2661,7 @@ var DateRangePicker = forwardRef(
             {
               id: labelId,
               htmlFor: id,
-              className: "ds:text-fg ds:mb-1.5 ds:block ds:text-[13px] ds:leading-none ds:font-medium",
+              className: "ds:text-fg ds:mb-1.5 ds:block ds:text-(length:--control-font-size-md) ds:leading-none ds:font-medium",
               children: [
                 label,
                 isRequired && /* @__PURE__ */ jsx("span", { className: "ds:text-danger-fg ds:ml-0.5", "aria-hidden": "true", children: "*" })
@@ -2685,7 +2683,7 @@ var DateRangePicker = forwardRef(
                 "aria-haspopup": "dialog",
                 "aria-expanded": open,
                 className: cn(
-                  "ds:rounded-input ds:bg-surface ds:flex ds:h-9 ds:w-full ds:cursor-pointer ds:items-center ds:border ds:font-mono ds:text-[13px] ds:tabular-nums",
+                  "ds:rounded-input ds:bg-surface ds:flex ds:h-9 ds:w-full ds:cursor-pointer ds:items-center ds:border ds:font-mono ds:text-(length:--control-font-size-md) ds:tabular-nums",
                   "ds:border-field-border ds:px-3 ds:py-2 ds:gap-2",
                   "ds:transition-[color,background-color,border-color,box-shadow] ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
                   "ds:motion-reduce:transition-none",
@@ -2913,7 +2911,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var chipVariants2 = cva(
   cn(
     "ds:inline-flex ds:items-center ds:gap-1 ds:rounded-full ds:px-2.5 ds:py-1",
-    "ds:text-[12px] ds:font-medium",
+    "ds:text-(length:--text-helper) ds:font-medium",
     "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
     "ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]"
@@ -3598,7 +3596,7 @@ function KeyboardShortcutsDialog({
         {
           className: cn(
             "ds:mb-2.5 ds:inline-flex ds:items-center ds:gap-1.5",
-            "ds:text-fg-3 ds:font-mono ds:text-[11px] ds:tracking-[0.14em] ds:uppercase"
+            "ds:text-fg-3 ds:font-mono ds:text-(length:--text-overline) ds:tracking-[0.14em] ds:uppercase"
           ),
           children: [
             section.icon,
@@ -3613,7 +3611,7 @@ function KeyboardShortcutsDialog({
           children: [
             /* @__PURE__ */ jsx("span", { className: "ds:text-fg ds:text-sm", children: shortcut.description }),
             /* @__PURE__ */ jsx("div", { className: "ds:flex ds:shrink-0 ds:items-center ds:gap-1", children: shortcut.keys.map((key, i) => /* @__PURE__ */ jsxs(React28.Fragment, { children: [
-              i > 0 && /* @__PURE__ */ jsx("span", { className: "ds:text-fg-4 ds:mx-0.5 ds:text-[11px]", children: messages.then }),
+              i > 0 && /* @__PURE__ */ jsx("span", { className: "ds:text-fg-4 ds:mx-0.5 ds:text-(length:--text-caption)", children: messages.then }),
               /* @__PURE__ */ jsx(Kbd, { children: key })
             ] }, i)) })
           ]
@@ -3621,7 +3619,7 @@ function KeyboardShortcutsDialog({
         shortcut.description
       )) })
     ] }, section.title)) }) }),
-    /* @__PURE__ */ jsx("div", { className: "ds:border-rule ds:bg-bg-2/40 ds:border-t ds:px-5 ds:py-3", children: /* @__PURE__ */ jsxs("p", { className: "ds:text-fg-3 ds:text-[11px]", children: [
+    /* @__PURE__ */ jsx("div", { className: "ds:border-rule ds:bg-bg-2/40 ds:border-t ds:px-5 ds:py-3", children: /* @__PURE__ */ jsxs("p", { className: "ds:text-fg-3 ds:text-(length:--text-caption)", children: [
       messages.hintPrefix,
       " ",
       /* @__PURE__ */ jsx(Kbd, { children: hotkey ?? "?" }),
@@ -3631,7 +3629,7 @@ function KeyboardShortcutsDialog({
   ] }) });
 }
 var labelVariants = cva(
-  "ds:text-[13px] ds:font-medium ds:leading-none ds:text-fg ds:select-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:text-fg-disabled ds:has-[+input:disabled]:text-fg-disabled"
+  "ds:text-(length:--text-label) ds:font-medium ds:leading-none ds:text-fg ds:select-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:text-fg-disabled ds:has-[+input:disabled]:text-fg-disabled"
 );
 var Label2 = React28.forwardRef(
   function Label3({ children, required, className, id, htmlFor, onClick, ...props }, ref) {
@@ -3940,9 +3938,9 @@ var MasterDetailLayout = forwardRef(
 );
 MasterDetailLayout.displayName = "MasterDetailLayout";
 var TRIGGER_SIZE = {
-  sm: "ds:h-8 ds:gap-1.5 ds:px-2.5 ds:text-[13px]",
-  md: "ds:h-9 ds:gap-2 ds:px-3 ds:text-sm",
-  lg: "ds:h-10 ds:gap-2 ds:px-3.5 ds:text-base"
+  sm: "ds:h-(--multi-filter-pill-height-sm) ds:gap-1.5 ds:px-2.5 ds:text-(length:--control-font-size-md)",
+  md: "ds:h-(--multi-filter-pill-height-md) ds:gap-2 ds:px-3 ds:text-sm",
+  lg: "ds:h-(--multi-filter-pill-height-lg) ds:gap-2 ds:px-3.5 ds:text-base"
 };
 function MultiFilterPill({
   label,
@@ -4040,7 +4038,7 @@ function MultiFilterPill({
                     "aria-selected": isSelected,
                     onClick: () => onToggle(opt.key),
                     className: cn(
-                      "ds:rounded-pill ds:flex ds:w-full ds:cursor-default ds:items-center ds:gap-2 ds:px-2 ds:py-1.5 ds:text-[13px] ds:outline-none ds:select-none",
+                      "ds:rounded-pill ds:flex ds:w-full ds:cursor-default ds:items-center ds:gap-2 ds:px-2 ds:py-1.5 ds:text-(length:--control-font-size-md) ds:outline-none ds:select-none",
                       "ds:text-fg-2 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
                       "ds:motion-reduce:transition-none",
                       "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -4080,7 +4078,7 @@ function MultiFilterPill({
                 type: "button",
                 onClick: onClear,
                 className: cn(
-                  "ds:rounded-pill ds:flex ds:w-full ds:items-center ds:justify-center ds:px-2 ds:py-1.5 ds:text-[12px] ds:outline-none",
+                  "ds:rounded-pill ds:flex ds:w-full ds:items-center ds:justify-center ds:px-2 ds:py-1.5 ds:text-(length:--text-helper) ds:outline-none",
                   "ds:text-fg-3 ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
                   "ds:motion-reduce:transition-none",
                   "ds:hover:bg-surface-hover ds:hover:text-fg",
@@ -4125,7 +4123,7 @@ function MultiSelectField({
       "div",
       {
         id: `${groupId}-label`,
-        className: "ds:text-fg ds:mb-1.5 ds:block ds:text-[13px] ds:leading-none ds:font-medium",
+        className: "ds:text-fg ds:mb-1.5 ds:block ds:text-(length:--control-font-size-md) ds:leading-none ds:font-medium",
         children: label
       }
     ),
@@ -5329,7 +5327,8 @@ PhoneInput.displayName = "PhoneInput";
 function CountryFlag2({ iso }) {
   const flags = useCountryFlags();
   const Flag = flags?.[iso];
-  if (flags !== null && !Flag) return /* @__PURE__ */ jsx("span", { className: "ds:text-[10px] ds:font-mono", children: iso });
+  if (flags !== null && !Flag)
+    return /* @__PURE__ */ jsx("span", { className: "ds:text-(length:--text-micro) ds:font-mono", children: iso });
   const Tag = Flag ?? "span";
   return /* @__PURE__ */ jsx(
     Tag,
@@ -5403,20 +5402,34 @@ function CountrySelect({
               if (e.key !== "Escape") e.stopPropagation();
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "ds:rounded-t-card ds:border-b ds:border-rule ds:px-3 ds:py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "ds:rounded-input ds:flex ds:items-center ds:gap-2 ds:border ds:border-field-border ds:bg-surface ds:px-2.5", children: [
-                /* @__PURE__ */ jsx(SearchIcon, { className: "ds:size-3.5 ds:shrink-0 ds:text-fg-3", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    ref: searchRef,
-                    value: search,
-                    onChange: (e) => setSearch(e.target.value),
-                    onKeyDown: (e) => e.stopPropagation(),
-                    placeholder: messages.searchCountries,
-                    className: "ds:h-8 ds:flex-1 ds:bg-transparent ds:text-xs ds:text-fg ds:placeholder:text-fg-3 ds:focus:outline-none"
-                  }
-                )
-              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: "ds:rounded-t-card ds:border-b ds:border-rule ds:px-3 ds:py-2.5", children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "ds:rounded-input ds:flex ds:items-center ds:gap-2 ds:border ds:border-field-border ds:bg-surface ds:px-2.5",
+                    // The visible input here suppresses its own outline
+                    // (`ds:focus:outline-none` below); this wrapper carries the
+                    // ring instead, the same `focus-within` field-halo pattern
+                    // `CONTROL_FRAME` uses in combobox.tsx — this search field had
+                    // no focus indicator at all before (W-polish-2, control-states).
+                    "ds:focus-within:[border-color:var(--focus-ring-border)] ds:focus-within:[box-shadow:var(--shadow-focus-ring-field)]"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(SearchIcon, { className: "ds:size-3.5 ds:shrink-0 ds:text-fg-3", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: searchRef,
+                        value: search,
+                        onChange: (e) => setSearch(e.target.value),
+                        onKeyDown: (e) => e.stopPropagation(),
+                        placeholder: messages.searchCountries,
+                        className: "ds:h-8 ds:flex-1 ds:bg-transparent ds:text-xs ds:text-fg ds:placeholder:text-fg-3 ds:focus:outline-none"
+                      }
+                    )
+                  ]
+                }
+              ) }),
               /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -5656,7 +5669,10 @@ var RadioGroupItem = React28.forwardRef(function RadioGroupItem2({
     {
       htmlFor: id,
       ...slot(radioGroupAnatomy, "label"),
-      className: card ? "ds:text-fg ds:group-has-[:disabled]:text-fg-disabled ds:text-label ds:leading-4 ds:cursor-pointer ds:select-none ds:after:absolute ds:after:inset-0 ds:group-has-[:disabled]:cursor-not-allowed" : "ds:text-fg ds:peer-disabled:text-fg-disabled ds:cursor-pointer ds:text-[13px] ds:leading-none ds:select-none ds:peer-disabled:cursor-not-allowed",
+      className: card ? "ds:text-fg ds:group-has-[:disabled]:text-fg-disabled ds:text-label ds:leading-4 ds:cursor-pointer ds:select-none ds:after:absolute ds:after:inset-0 ds:group-has-[:disabled]:cursor-not-allowed" : cn(
+        "ds:text-fg ds:peer-disabled:text-fg-disabled ds:cursor-pointer ds:leading-none ds:select-none ds:peer-disabled:cursor-not-allowed",
+        CONTROL_LABEL_TEXT
+      ),
       children: label
     }
   ) : null;
@@ -6080,7 +6096,7 @@ function renderSearchSelectRow(row, hasLeadingDot) {
         style: { backgroundColor: source.color },
         "aria-hidden": "true"
       }
-    ) : hasLeadingDot && /* @__PURE__ */ jsx(CheckIcon, { className: "ds:size-4 ds:shrink-0 ds:text-transparent", "aria-hidden": "true" }),
+    ) : hasLeadingDot && /* @__PURE__ */ jsx(CheckIcon, { className: "ds:size-(--control-icon-md) ds:shrink-0 ds:text-transparent", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx("span", { className: "ds:line-clamp-1", children: source.label })
   ] });
 }
@@ -6220,7 +6236,7 @@ function SearchSelect({
         type: "button",
         onClick: () => setActiveChip(chip),
         className: cn(
-          "ds:rounded-pill ds:px-2.5 ds:py-0.5 ds:text-[12px] ds:font-medium",
+          "ds:rounded-pill ds:px-2.5 ds:py-0.5 ds:text-(length:--text-helper) ds:font-medium",
           "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
           active ? "ds:bg-brand ds:text-fg-on-brand" : "ds:border-rule ds:text-fg-2 ds:hover:bg-surface-hover ds:border ds:bg-transparent"
         ),
@@ -6239,14 +6255,14 @@ function SearchSelect({
         setOpen(false);
       },
       className: cn(
-        "ds:text-brand ds:flex ds:w-full ds:shrink-0 ds:items-center ds:gap-2 ds:px-3 ds:py-2.5 ds:text-[13px] ds:font-medium",
+        "ds:text-brand ds:flex ds:w-full ds:shrink-0 ds:items-center ds:gap-2 ds:px-3 ds:py-2.5 ds:text-(length:--control-font-size-md) ds:font-medium",
         "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
         "ds:motion-reduce:transition-none",
         "ds:hover:bg-brand-bg",
         "ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none"
       ),
       children: [
-        /* @__PURE__ */ jsx(PlusIcon, { className: "ds:size-4 ds:shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(PlusIcon, { className: "ds:size-(--control-icon-md) ds:shrink-0", "aria-hidden": "true" }),
         createNewLabel
       ]
     }
@@ -6279,7 +6295,7 @@ function SearchSelect({
     renderOption: (row) => renderSearchSelectRow(row, hasLeadingDot)
   };
   const CHIP_CLASSES = cn(
-    "ds:rounded-pill ds:border-rule ds:inline-flex ds:items-center ds:gap-1 ds:border ds:px-2 ds:py-0.5 ds:text-[12px]",
+    "ds:rounded-pill ds:border-rule ds:inline-flex ds:items-center ds:gap-1 ds:border ds:px-2 ds:py-0.5 ds:text-(length:--text-helper)",
     "ds:bg-bg-2 ds:font-body ds:text-fg-2"
   );
   const CHIP_REMOVE_CLASSES = cn(
@@ -6536,11 +6552,11 @@ var Slider = React28.forwardRef(
           "label",
           {
             htmlFor: wiring.id,
-            className: "ds:text-fg ds:text-[13px] ds:leading-none ds:font-medium",
+            className: "ds:text-fg ds:text-(length:--text-label) ds:leading-none ds:font-medium",
             children: label
           }
         ) : /* @__PURE__ */ jsx("span", {}),
-        showValue && /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3 ds:font-mono ds:text-[12px]", children: displayValue })
+        showValue && /* @__PURE__ */ jsx("span", { className: "ds:text-fg-3 ds:font-mono ds:text-(length:--text-helper)", children: displayValue })
       ] }),
       /* @__PURE__ */ jsxs(
         SliderPrimitive.Root,
@@ -6621,7 +6637,7 @@ function columnLabel(index) {
 }
 var headerCell = cn(
   "ds:border-rule-soft ds:bg-bg-2 ds:text-fg-4 ds:sticky ds:border-b ds:border-r",
-  "ds:font-mono ds:text-[11px] ds:font-medium",
+  "ds:font-mono ds:text-(length:--text-code) ds:font-medium",
   "ds:select-none"
 );
 var SpreadsheetPreview = forwardRef(
@@ -6868,7 +6884,7 @@ var StackedBarChart = forwardRef(
         showYAxis && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "ds:text-fg-4 ds:relative ds:shrink-0 ds:text-[11px] ds:tabular-nums",
+            className: "ds:text-fg-4 ds:relative ds:shrink-0 ds:text-(length:--text-caption) ds:tabular-nums",
             style: { width: Y_GUTTER, height },
             "aria-hidden": true,
             children: ticks.map((t) => /* @__PURE__ */ jsx(
@@ -6962,7 +6978,7 @@ var StackedBarChart = forwardRef(
                   );
                 }) })
               ] }),
-              showXAxis && /* @__PURE__ */ jsx("div", { className: "ds:text-fg-3 ds:mt-2 ds:flex ds:gap-3 ds:text-[11px]", children: bars.map((bar, i) => /* @__PURE__ */ jsx(
+              showXAxis && /* @__PURE__ */ jsx("div", { className: "ds:text-fg-3 ds:mt-2 ds:flex ds:gap-3 ds:text-(length:--text-caption)", children: bars.map((bar, i) => /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:gap-1.5 ds:truncate ds:text-center",
@@ -6991,7 +7007,7 @@ var StackedBarChart = forwardRef(
                 ),
                 formatValue(hover.value)
               ] }),
-              /* @__PURE__ */ jsx("span", { className: "ds:block ds:text-[10px] ds:opacity-70", children: (() => {
+              /* @__PURE__ */ jsx("span", { className: "ds:block ds:text-(length:--text-micro) ds:opacity-70", children: (() => {
                 const col = bars[hover.barIndex];
                 const colLabel = col?.tooltipLabel ?? (typeof col?.label === "string" ? col.label : "");
                 return colLabel ? `${colLabel} \xB7 ${hover.label}` : hover.label;
@@ -9753,9 +9769,9 @@ var filterChipVariants = cva(
       // Control text scale shared with Button / MultiFilterPill: sm = 13px,
       // md = 14px, lg = 16px. Defaults to the dense `sm` tier (toolbar control).
       size: {
-        sm: "ds:h-8 ds:px-3 ds:text-[13px]",
-        md: "ds:h-9 ds:px-3.5 ds:text-sm",
-        lg: "ds:h-10 ds:px-4 ds:text-base"
+        sm: "ds:h-(--filter-chip-height-sm) ds:px-3 ds:text-[13px]",
+        md: "ds:h-(--filter-chip-height-md) ds:px-3.5 ds:text-sm",
+        lg: "ds:h-(--filter-chip-height-lg) ds:px-4 ds:text-base"
       }
     },
     defaultVariants: {