@assure-one/design-system 1.43.1 → 1.44.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client";
2
- import { Skeleton, ToggleGroup, ToggleGroupItem, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-5AL4W32Z.js';
3
- 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, Skeleton, SkeletonCircle, SkeletonText, 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-5AL4W32Z.js';
4
- import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-L5IQK3GV.js';
5
- 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-L5IQK3GV.js';
6
- import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, Slot, textAnatomy, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, 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, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-VK6SW34V.js';
7
- 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-VK6SW34V.js';
8
- import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, AlertCircleIcon, CheckCircle2Icon, PlusIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, InfoIcon, CommandIcon } from './chunk-TBDTXAFH.js';
9
- 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, Rows4Icon, RowsIcon, 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-TBDTXAFH.js';
2
+ import { Skeleton, ToggleGroup, ToggleGroupItem, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead } from './chunk-PC6M4QZ2.js';
3
+ 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, Skeleton, SkeletonCircle, SkeletonText, 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-PC6M4QZ2.js';
4
+ import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-4TXBY6P7.js';
5
+ 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-4TXBY6P7.js';
6
+ import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, useFormReset2, radioGroupAnatomy, microInteractions, CONTROL_LABEL_TEXT, searchInputAnatomy, IconButton, Tooltip, TooltipTrigger, TooltipContent, codeAnatomy, Slot, textAnatomy, stackAnatomy, inlineAnatomy, statusBadgeAnatomy, 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, sideDrawerAnatomy, Portal, toastAnatomy, useExitPresence, TooltipProvider, TOOLTIP_DEFAULT_DELAY_MS, DesignSystemContext, PortalContainerContext, ModalRoot, ModalOverlay, ModalContent, ModalTitle, ModalDescription } from './chunk-Z7QPHPNV.js';
7
+ 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-Z7QPHPNV.js';
8
+ import { cn, ChevronDownIcon, EyeIcon, DownloadIcon, ChevronRightIcon, CheckIcon, CircleIcon, CopyIcon, CalendarIcon, XIcon, AlertTriangleIcon, ArrowRightIcon, ArrowLeftIcon, FileTextIcon, ZoomOutIcon, ZoomInIcon, lucideIcon, SquareExclamationPointIcon, TrendingUpIcon, TrendingDownIcon, SearchIcon, TableIcon, StarIcon, RowsIcon, Rows4Icon, ListChecksIcon, CheckCircleSolidIcon, HelpCircleIcon, UserIcon, SendIcon, SettingsIcon, XCircleIcon, CheckCircle2Icon, InfoIcon, ChevronLeftIcon, FolderOpenIcon, FolderClosedIcon, MinusIcon, AlertCircleIcon, Icon, ChartNoAxesColumnIncreasingIcon, PlusIcon, CircleDashedIcon, LoaderIcon, InfoCircleSolidIcon, AlertTriangleSolidIcon, XCircleSolidIcon, RotateCcwIcon, CommandIcon } from './chunk-E2URQD5A.js';
9
+ export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AppWindowIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, ArrowUpRightIcon, AtSignIcon, BanIcon, BarChartIcon, BellIcon, BellRingIcon, BoldIcon, BookTextIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalculatorIcon, CalendarIcon, CameraIcon, ChartNoAxesColumnIncreasingIcon, ChatBubbleIcon, CheckCheckIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleDashedIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockAlertIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DecimalsArrowLeftIcon, DecimalsArrowRightIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileChartColumnIcon, FileIcon, FilePlusIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderDownIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GraduationCapIcon, Grid2x2Icon, GripHorizontalIcon, GripVerticalIcon, HelpCircleIcon, HighlighterIcon, HistoryIcon, HomeIcon, InboxIcon, InfoCircleSolidIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, MenuIcon, MessageCircleIcon, MessageCircleMoreIcon, MessageCircleWarningIcon, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointer2Icon, MoveIcon, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightCloseIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PercentIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, RepeatIcon, ReplyIcon, RotateCcwIcon, Rows4Icon, RowsIcon, SaveIcon, SearchCheckIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, SquareExclamationPointIcon, SquareFunctionIcon, SquareIcon, SquarePlayIcon, SquareSquareIcon, StampIcon, StarIcon, StopIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, TypeIcon, UnderlineIcon, Undo2Icon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, createIcon, iconCursor, iconToSvg } from './chunk-E2URQD5A.js';
10
10
  export { systemTokens } from './chunk-CPOGSNXS.js';
11
11
  import './chunk-EUHGZA6Q.js';
12
12
  export { colors, radii, reference, shadows, spacing, surfaces, typography } from './chunk-YRHRVOLV.js';
13
13
  import * as React30 from 'react';
14
- import { forwardRef, useId, useRef, useState, useLayoutEffect, createContext, useEffect, useCallback, useMemo, useImperativeHandle, Children, isValidElement, cloneElement, useSyncExternalStore, useContext } from 'react';
14
+ import { forwardRef, useId, useRef, useState, useLayoutEffect, createContext, useEffect, useCallback, useMemo, useImperativeHandle, Children, isValidElement, cloneElement, useSyncExternalStore, useContext, createElement } from 'react';
15
15
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
16
16
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
17
17
  import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
@@ -197,48 +197,10 @@ var alertVariants = cva(
197
197
  }
198
198
  );
199
199
  var variantIcons = {
200
- info: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
201
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
202
- /* @__PURE__ */ jsx("path", { d: "M8 7v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
203
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "5", r: "0.75", fill: "currentColor" })
204
- ] }),
205
- success: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
206
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
207
- /* @__PURE__ */ jsx(
208
- "path",
209
- {
210
- d: "M5.5 8l2 2 3.5-3.5",
211
- stroke: "currentColor",
212
- strokeWidth: "1.5",
213
- strokeLinecap: "round",
214
- strokeLinejoin: "round"
215
- }
216
- )
217
- ] }),
218
- warning: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
219
- /* @__PURE__ */ jsx(
220
- "path",
221
- {
222
- d: "M7.13 2.5a1 1 0 011.74 0l5.5 9.5A1 1 0 0113.5 13.5h-11a1 1 0 01-.87-1.5l5.5-9.5z",
223
- stroke: "currentColor",
224
- strokeWidth: "1.5"
225
- }
226
- ),
227
- /* @__PURE__ */ jsx("path", { d: "M8 6v3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
228
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
229
- ] }),
230
- destructive: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
231
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
232
- /* @__PURE__ */ jsx(
233
- "path",
234
- {
235
- d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
236
- stroke: "currentColor",
237
- strokeWidth: "1.5",
238
- strokeLinecap: "round"
239
- }
240
- )
241
- ] })
200
+ info: /* @__PURE__ */ jsx(InfoIcon, { size: 16 }),
201
+ success: /* @__PURE__ */ jsx(CheckCircle2Icon, { size: 16 }),
202
+ warning: /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 16 }),
203
+ destructive: /* @__PURE__ */ jsx(XCircleIcon, { size: 16 })
242
204
  };
243
205
  var Alert = forwardRef(function Alert2({ variant = "info", children, className, ...props }, ref) {
244
206
  const v = variant ?? "info";
@@ -975,8 +937,8 @@ function CalendarChevron({
975
937
  orientation,
976
938
  className
977
939
  }) {
978
- const Icon = orientation === "right" ? ChevronRightIcon : ChevronLeftIcon;
979
- return /* @__PURE__ */ jsx(Icon, { className: cn("ds:text-fg-3 ds:size-4", className), "aria-hidden": "true" });
940
+ const Icon2 = orientation === "right" ? ChevronRightIcon : ChevronLeftIcon;
941
+ return /* @__PURE__ */ jsx(Icon2, { className: cn("ds:text-fg-3 ds:size-4", className), "aria-hidden": "true" });
980
942
  }
981
943
  var CALENDAR_CAPTION_COMPONENTS = {
982
944
  Chevron: CalendarChevron,
@@ -2410,6 +2372,7 @@ var DatePicker = forwardRef(function DatePicker2({
2410
2372
  () => toDisplayFromIso(isControlled ? value : defaultValue)
2411
2373
  );
2412
2374
  const [open, setOpen] = useState(false);
2375
+ const [typedOutOfRange, setTypedOutOfRange] = useState(false);
2413
2376
  const [lastPropValue, setLastPropValue] = useState(value);
2414
2377
  if (isControlled && value !== lastPropValue) {
2415
2378
  setLastPropValue(value);
@@ -2417,6 +2380,7 @@ var DatePicker = forwardRef(function DatePicker2({
2417
2380
  setInternalIso(nextIso);
2418
2381
  if (toIsoFromDisplay(display) !== nextIso) {
2419
2382
  setDisplay(toDisplayFromIso(nextIso));
2383
+ setTypedOutOfRange(false);
2420
2384
  }
2421
2385
  }
2422
2386
  const iso = isControlled ? value ?? "" : internalIso;
@@ -2435,11 +2399,23 @@ var DatePicker = forwardRef(function DatePicker2({
2435
2399
  },
2436
2400
  [fieldName, onChange, onValueChange]
2437
2401
  );
2402
+ const isOutOfRange = useCallback(
2403
+ (nextIso) => {
2404
+ if (!nextIso) return false;
2405
+ if (isYearMode) {
2406
+ const year = isoToYear(nextIso);
2407
+ return !!min && year < isoToYear(min) || !!max && year > isoToYear(max);
2408
+ }
2409
+ return !!min && nextIso < min || !!max && nextIso > max;
2410
+ },
2411
+ [isYearMode, min, max]
2412
+ );
2438
2413
  const handleTextChange = useCallback(
2439
2414
  (e) => {
2440
2415
  const masked = maskInput(e.target.value);
2441
2416
  setDisplay(masked);
2442
2417
  const nextIso = toIsoFromDisplay(masked);
2418
+ setTypedOutOfRange(isOutOfRange(nextIso));
2443
2419
  if (nextIso !== iso) {
2444
2420
  if (!isControlled) setInternalIso(nextIso);
2445
2421
  emit(nextIso);
@@ -2448,10 +2424,11 @@ var DatePicker = forwardRef(function DatePicker2({
2448
2424
  emit("");
2449
2425
  }
2450
2426
  },
2451
- [iso, isControlled, emit, maskInput, toIsoFromDisplay]
2427
+ [iso, isControlled, emit, maskInput, toIsoFromDisplay, isOutOfRange]
2452
2428
  );
2453
2429
  const handleCalendarSelect = useCallback(
2454
2430
  (d) => {
2431
+ setTypedOutOfRange(false);
2455
2432
  const nextIso = dateToIso(d);
2456
2433
  setDisplay(isoToPattern(nextIso, pattern));
2457
2434
  if (!isControlled) setInternalIso(nextIso);
@@ -2463,6 +2440,7 @@ var DatePicker = forwardRef(function DatePicker2({
2463
2440
  );
2464
2441
  const handleYearSelect = useCallback(
2465
2442
  (year) => {
2443
+ setTypedOutOfRange(false);
2466
2444
  const nextIso = yearToIso(String(year));
2467
2445
  setDisplay(formatLabel ? formatLabel(year) : String(year));
2468
2446
  if (!isControlled) setInternalIso(nextIso);
@@ -2473,6 +2451,7 @@ var DatePicker = forwardRef(function DatePicker2({
2473
2451
  [isControlled, emit, formatLabel]
2474
2452
  );
2475
2453
  const handleReset = useCallback(() => {
2454
+ setTypedOutOfRange(false);
2476
2455
  const nextIso = defaultValue ?? "";
2477
2456
  setDisplay(toDisplayFromIso(nextIso));
2478
2457
  if (!isControlled) setInternalIso(nextIso);
@@ -2515,7 +2494,15 @@ var DatePicker = forwardRef(function DatePicker2({
2515
2494
  readOnly: hasCustomYearLabel || wiring.readOnly,
2516
2495
  onClick: hasCustomYearLabel && !isDisabled ? () => setOpen(true) : void 0,
2517
2496
  autoFocus,
2518
- "aria-invalid": wiring["aria-invalid"],
2497
+ "aria-invalid": wiring["aria-invalid"] || typedOutOfRange || void 0,
2498
+ "data-out-of-range": typedOutOfRange || void 0,
2499
+ "aria-keyshortcuts": "Alt+ArrowDown",
2500
+ onKeyDown: (event) => {
2501
+ if (event.altKey && event.key === "ArrowDown" && !isDisabled && !wiring.readOnly) {
2502
+ event.preventDefault();
2503
+ setOpen(true);
2504
+ }
2505
+ },
2519
2506
  "aria-describedby": joinIds(wiring["aria-describedby"], error ? errorId : void 0),
2520
2507
  "aria-labelledby": wiring["aria-labelledby"],
2521
2508
  "aria-label": ariaLabel,
@@ -2632,6 +2619,9 @@ var DatePicker = forwardRef(function DatePicker2({
2632
2619
  ] });
2633
2620
  });
2634
2621
  DatePicker.displayName = "DatePicker";
2622
+ function isSameDate(a, b) {
2623
+ return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
2624
+ }
2635
2625
  var DateRangePicker = forwardRef(
2636
2626
  function DateRangePicker2({
2637
2627
  value,
@@ -2706,6 +2696,15 @@ var DateRangePicker = forwardRef(
2706
2696
  );
2707
2697
  const handleCalendarSelect = useCallback(
2708
2698
  (range) => {
2699
+ if (!range && draftRange?.from && draftRange.to && isSameDate(draftRange.from, draftRange.to)) {
2700
+ const day = dateToIso(draftRange.from);
2701
+ const next = { from: day, to: day };
2702
+ if (!isControlled) setInternalValue(next);
2703
+ emit(next);
2704
+ setDraftRange(void 0);
2705
+ setOpen(false);
2706
+ return;
2707
+ }
2709
2708
  setDraftRange(range);
2710
2709
  const fromIso = range?.from ? dateToIso(range.from) : "";
2711
2710
  const toIso = range?.to ? dateToIso(range.to) : "";
@@ -2717,7 +2716,7 @@ var DateRangePicker = forwardRef(
2717
2716
  setOpen(false);
2718
2717
  }
2719
2718
  },
2720
- [isControlled, emit]
2719
+ [isControlled, emit, draftRange]
2721
2720
  );
2722
2721
  const handleOpenChange = useCallback((next) => {
2723
2722
  setOpen(next);
@@ -2748,7 +2747,10 @@ var DateRangePicker = forwardRef(
2748
2747
  const iconNode = /* @__PURE__ */ jsx(
2749
2748
  CalendarIcon,
2750
2749
  {
2751
- className: cn("ds:size-(--control-icon-md) ds:shrink-0", isDisabled ? "ds:text-fg-disabled" : "ds:text-fg-3"),
2750
+ className: cn(
2751
+ "ds:size-(--control-icon-md) ds:shrink-0",
2752
+ isDisabled ? "ds:text-fg-disabled" : "ds:text-fg-3"
2753
+ ),
2752
2754
  "aria-hidden": "true"
2753
2755
  }
2754
2756
  );
@@ -5586,14 +5588,6 @@ function PhoneCountryInput({
5586
5588
  error && /* @__PURE__ */ jsx("p", { className: "ds:mt-1 ds:text-xs ds:text-danger-fg", children: error })
5587
5589
  ] });
5588
5590
  }
5589
- var BARS = [
5590
- { x: 1.5, y: 9, height: 5 },
5591
- // bar 1 (shortest)
5592
- { x: 6.5, y: 5, height: 9 },
5593
- // bar 2
5594
- { x: 11.5, y: 1, height: 13 }
5595
- // bar 3 (tallest)
5596
- ];
5597
5591
  var ACTIVE_BAR_COUNT = {
5598
5592
  low: 1,
5599
5593
  medium: 2,
@@ -5605,44 +5599,29 @@ var PRIORITY_COLOR = {
5605
5599
  high: "var(--ds-color-priority-high, var(--color-priority-high))",
5606
5600
  urgent: "var(--ds-color-priority-urgent, var(--color-priority-urgent))"
5607
5601
  };
5608
- function PriorityIcon({ priority, size = 16, className, ...props }) {
5609
- return /* @__PURE__ */ jsxs(
5610
- "svg",
5611
- {
5612
- width: size,
5613
- height: size,
5614
- viewBox: "0 0 16 16",
5615
- fill: "none",
5616
- className: cn("ds:shrink-0", className),
5617
- "aria-hidden": "true",
5618
- ...props,
5619
- children: [
5620
- priority === "none" && /* @__PURE__ */ jsxs("g", { className: "ds:text-fg-3", fill: "currentColor", children: [
5621
- /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "12", height: "1.6", rx: "0.8", opacity: "0.9" }),
5622
- /* @__PURE__ */ jsx("rect", { x: "2", y: "7.2", width: "12", height: "1.6", rx: "0.8", opacity: "0.9" }),
5623
- /* @__PURE__ */ jsx("rect", { x: "2", y: "10.4", width: "12", height: "1.6", rx: "0.8", opacity: "0.9" })
5624
- ] }),
5625
- (priority === "low" || priority === "medium" || priority === "high") && BARS.map((bar, i) => /* @__PURE__ */ jsx(
5626
- "rect",
5627
- {
5628
- x: bar.x,
5629
- y: bar.y,
5630
- width: "3",
5631
- height: bar.height,
5632
- rx: "1",
5633
- fill: PRIORITY_COLOR[priority],
5634
- fillOpacity: i < ACTIVE_BAR_COUNT[priority] ? 1 : 0.25
5635
- },
5636
- i
5637
- )),
5638
- priority === "urgent" && /* @__PURE__ */ jsxs(Fragment, { children: [
5639
- /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "3", fill: "var(--ds-color-priority-urgent, var(--color-priority-urgent))" }),
5640
- /* @__PURE__ */ jsx("rect", { x: "7.25", y: "3.75", width: "1.5", height: "5", rx: "0.75", fill: "var(--ds-color-feedback-danger-solid-fg, var(--color-fg-on-danger))" }),
5641
- /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.25", r: "1", fill: "var(--ds-color-feedback-danger-solid-fg, var(--color-fg-on-danger))" })
5642
- ] })
5643
- ]
5644
- }
5645
- );
5602
+ var UrgentGlyph = /* @__PURE__ */ lucideIcon(
5603
+ "PriorityUrgentGlyph",
5604
+ SquareExclamationPointIcon.iconNode ?? [],
5605
+ { solid: [0] }
5606
+ );
5607
+ function PriorityIcon({ priority, size = 16, className, style, ...props }) {
5608
+ const iconProps = { ...props, size, className, style };
5609
+ if (priority === "none") {
5610
+ return /* @__PURE__ */ jsx(MinusIcon, { ...iconProps, className: cn("ds:text-fg-3", className) });
5611
+ }
5612
+ if (priority === "urgent") {
5613
+ return /* @__PURE__ */ jsx(UrgentGlyph, { ...iconProps, style: { color: PRIORITY_COLOR.urgent, ...style } });
5614
+ }
5615
+ const active = ACTIVE_BAR_COUNT[priority];
5616
+ return /* @__PURE__ */ jsx(Icon, { ...iconProps, children: (ChartNoAxesColumnIncreasingIcon.iconNode ?? []).map(
5617
+ ([tag, attributes], index) => createElement(tag, {
5618
+ key: index,
5619
+ ...attributes,
5620
+ stroke: PRIORITY_COLOR[priority],
5621
+ strokeLinecap: "round",
5622
+ strokeOpacity: index < active ? 1 : 0.25
5623
+ })
5624
+ ) });
5646
5625
  }
5647
5626
  var RadioGroupContext = React30.createContext({
5648
5627
  appearance: "plain",
@@ -7170,10 +7149,8 @@ var StarRating = forwardRef(function StarRating2({ rating, max = 5, size, sizeVa
7170
7149
  );
7171
7150
  });
7172
7151
  StarRating.displayName = "StarRating";
7173
- var CENTER = 8;
7174
- var RING_RADIUS = 6;
7175
- var STROKE_WIDTH = 2;
7176
- var PIE_RADIUS = 3;
7152
+ var CENTER = 12;
7153
+ var PIE_RADIUS = 5;
7177
7154
  var MUTED = "var(--ds-color-content-muted, var(--color-fg-3))";
7178
7155
  function resolveState(state, progress) {
7179
7156
  if (state) return state;
@@ -7196,99 +7173,36 @@ function StatusIcon({
7196
7173
  color,
7197
7174
  size = 16,
7198
7175
  className,
7176
+ style,
7199
7177
  ...props
7200
7178
  }) {
7201
7179
  const resolved = resolveState(state, progress);
7202
- const tint = color ?? "currentColor";
7203
- const mutedTint = color ?? MUTED;
7180
+ const muted = resolved === "backlog" || resolved === "canceled";
7181
+ const paint = color ?? (muted ? MUTED : "currentColor");
7204
7182
  const fraction = progress !== void 0 && Number.isFinite(progress) ? progress : 0.5;
7205
- return /* @__PURE__ */ jsxs(
7206
- "svg",
7207
- {
7208
- width: size,
7209
- height: size,
7210
- viewBox: "0 0 16 16",
7211
- fill: "none",
7212
- className: cn("ds:shrink-0", className),
7213
- "aria-hidden": "true",
7214
- ...props,
7215
- children: [
7216
- resolved === "backlog" && /* @__PURE__ */ jsx(
7217
- "circle",
7218
- {
7219
- cx: CENTER,
7220
- cy: CENTER,
7221
- r: RING_RADIUS,
7222
- fill: "none",
7223
- stroke: mutedTint,
7224
- strokeWidth: STROKE_WIDTH,
7225
- strokeDasharray: "1.5 1.5"
7226
- }
7227
- ),
7228
- resolved === "unstarted" && /* @__PURE__ */ jsx(
7229
- "circle",
7230
- {
7231
- cx: CENTER,
7232
- cy: CENTER,
7233
- r: RING_RADIUS,
7234
- fill: "none",
7235
- stroke: tint,
7236
- strokeWidth: STROKE_WIDTH
7237
- }
7183
+ const iconProps = {
7184
+ ...props,
7185
+ size,
7186
+ className,
7187
+ style: { color: paint, ...style }
7188
+ };
7189
+ switch (resolved) {
7190
+ case "backlog":
7191
+ return /* @__PURE__ */ jsx(CircleDashedIcon, { ...iconProps });
7192
+ case "unstarted":
7193
+ return /* @__PURE__ */ jsx(CircleIcon, { ...iconProps });
7194
+ case "completed":
7195
+ return /* @__PURE__ */ jsx(CheckCircleSolidIcon, { ...iconProps });
7196
+ case "canceled":
7197
+ return /* @__PURE__ */ jsx(XCircleIcon, { ...iconProps });
7198
+ case "started":
7199
+ return /* @__PURE__ */ jsxs(Icon, { ...iconProps, children: [
7200
+ (CircleIcon.iconNode ?? []).map(
7201
+ ([tag, attributes], index) => createElement(tag, { key: index, ...attributes, stroke: "currentColor" })
7238
7202
  ),
7239
- resolved === "started" && /* @__PURE__ */ jsxs(Fragment, { children: [
7240
- /* @__PURE__ */ jsx(
7241
- "circle",
7242
- {
7243
- cx: CENTER,
7244
- cy: CENTER,
7245
- r: RING_RADIUS,
7246
- fill: "none",
7247
- stroke: tint,
7248
- strokeWidth: STROKE_WIDTH
7249
- }
7250
- ),
7251
- fraction >= 1 ? /* @__PURE__ */ jsx("circle", { cx: CENTER, cy: CENTER, r: PIE_RADIUS, fill: tint }) : fraction > 0 ? /* @__PURE__ */ jsx("path", { d: wedgePath(fraction), fill: tint }) : null
7252
- ] }),
7253
- resolved === "completed" && /* @__PURE__ */ jsxs(Fragment, { children: [
7254
- /* @__PURE__ */ jsx("circle", { cx: CENTER, cy: CENTER, r: RING_RADIUS + STROKE_WIDTH / 2, fill: tint }),
7255
- /* @__PURE__ */ jsx(
7256
- "path",
7257
- {
7258
- d: "M5 8.2 7 10.2 11 5.8",
7259
- fill: "none",
7260
- stroke: "#fff",
7261
- strokeWidth: "1.6",
7262
- strokeLinecap: "round",
7263
- strokeLinejoin: "round"
7264
- }
7265
- )
7266
- ] }),
7267
- resolved === "canceled" && /* @__PURE__ */ jsxs(Fragment, { children: [
7268
- /* @__PURE__ */ jsx(
7269
- "circle",
7270
- {
7271
- cx: CENTER,
7272
- cy: CENTER,
7273
- r: RING_RADIUS,
7274
- fill: "none",
7275
- stroke: mutedTint,
7276
- strokeWidth: STROKE_WIDTH
7277
- }
7278
- ),
7279
- /* @__PURE__ */ jsx(
7280
- "path",
7281
- {
7282
- d: "M5.75 5.75 10.25 10.25 M10.25 5.75 5.75 10.25",
7283
- stroke: mutedTint,
7284
- strokeWidth: "1.6",
7285
- strokeLinecap: "round"
7286
- }
7287
- )
7288
- ] })
7289
- ]
7290
- }
7291
- );
7203
+ fraction >= 1 ? /* @__PURE__ */ jsx("circle", { cx: CENTER, cy: CENTER, r: PIE_RADIUS, fill: "currentColor" }) : fraction > 0 ? /* @__PURE__ */ jsx("path", { d: wedgePath(fraction), fill: "currentColor" }) : null
7204
+ ] });
7205
+ }
7292
7206
  }
7293
7207
  var Stepper = forwardRef(function Stepper2({ steps, currentStep, orientation = "horizontal", className, ...props }, ref) {
7294
7208
  const messages = useDsMessages("progress");
@@ -7757,8 +7671,8 @@ var variantConfig = {
7757
7671
  spin: true
7758
7672
  }
7759
7673
  };
7760
- var RING_RADIUS2 = 11;
7761
- var RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS2;
7674
+ var RING_RADIUS = 11;
7675
+ var RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
7762
7676
  var SWIPE_DISMISS_PX = 72;
7763
7677
  function ToastItem({ toast, onClose, onExited, dismissLabel }) {
7764
7678
  const timerRef = useRef(void 0);
@@ -7817,7 +7731,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
7817
7731
  cardRef.current.style.opacity = "";
7818
7732
  setPaused(false);
7819
7733
  };
7820
- const { chip, icon, stroke, ring, Icon, spin } = variantConfig[toast.variant ?? "default"];
7734
+ const { chip, icon, stroke, ring, Icon: Icon2, spin } = variantConfig[toast.variant ?? "default"];
7821
7735
  return /* @__PURE__ */ jsx(
7822
7736
  "div",
7823
7737
  {
@@ -7871,7 +7785,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
7871
7785
  ring
7872
7786
  ),
7873
7787
  "aria-hidden": "true",
7874
- children: /* @__PURE__ */ jsx(Icon, { className: cn("ds:size-5", spin && "ds:animate-spin ds:motion-reduce:animate-none") })
7788
+ children: /* @__PURE__ */ jsx(Icon2, { className: cn("ds:size-5", spin && "ds:animate-spin ds:motion-reduce:animate-none") })
7875
7789
  }
7876
7790
  ),
7877
7791
  /* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:flex-1", children: [
@@ -7940,7 +7854,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
7940
7854
  {
7941
7855
  cx: "14",
7942
7856
  cy: "14",
7943
- r: RING_RADIUS2,
7857
+ r: RING_RADIUS,
7944
7858
  fill: "none",
7945
7859
  strokeWidth: "2",
7946
7860
  className: "ds:stroke-rule"
@@ -7951,7 +7865,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
7951
7865
  {
7952
7866
  cx: "14",
7953
7867
  cy: "14",
7954
- r: RING_RADIUS2,
7868
+ r: RING_RADIUS,
7955
7869
  fill: "none",
7956
7870
  strokeWidth: "2",
7957
7871
  strokeLinecap: "round",
@@ -9524,7 +9438,7 @@ DetailSpineHeader.displayName = "DetailSpineHeader";
9524
9438
  var DetailSpineSection = forwardRef(
9525
9439
  function DetailSpineSection2({ eyebrow, children, className, ...props }, ref) {
9526
9440
  return /* @__PURE__ */ jsxs("div", { ref, className: cn("ds:border-rule-soft ds:border-t ds:pt-3", className), ...props, children: [
9527
- /* @__PURE__ */ jsx("div", { className: "ds:text-fg-4 ds:mb-2 ds:font-mono ds:text-[10.5px] ds:font-medium ds:tracking-[0.14em] ds:uppercase", children: eyebrow }),
9441
+ /* @__PURE__ */ jsx("div", { className: "ds:text-fg-4 ds:mb-2 ds:font-mono ds:text-(length:--text-overline) ds:font-medium ds:tracking-[0.14em] ds:uppercase", children: eyebrow }),
9528
9442
  children
9529
9443
  ] });
9530
9444
  }