@assure-one/design-system 1.43.0 → 1.44.0
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/{chunk-TYXT5C2B.js → chunk-4TXBY6P7.js} +20 -44
- package/dist/chunk-4TXBY6P7.js.map +1 -0
- package/dist/{chunk-TBDTXAFH.js → chunk-E2URQD5A.js} +152 -121
- package/dist/chunk-E2URQD5A.js.map +1 -0
- package/dist/{chunk-LUWPEBXZ.js → chunk-PC6M4QZ2.js} +62 -93
- package/dist/chunk-PC6M4QZ2.js.map +1 -0
- package/dist/{chunk-XJKCKBHI.js → chunk-Z7QPHPNV.js} +28 -6
- package/dist/chunk-Z7QPHPNV.js.map +1 -0
- package/dist/css/components.css +1 -1
- package/dist/icons/index.d.ts +135 -17
- package/dist/icons/index.js +1 -1
- package/dist/index.d.ts +29 -11
- package/dist/index.js +129 -210
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.js +3 -3
- package/dist/styles.css +1 -1
- package/dist/suite/index.js +3 -3
- package/docs/components.md +7 -5
- package/docs/components.registry.json +8 -4
- package/docs/for-ai-agents.md +1 -1
- package/eslint-config/index.mjs +240 -0
- package/package.json +1 -1
- package/dist/chunk-LUWPEBXZ.js.map +0 -1
- package/dist/chunk-TBDTXAFH.js.map +0 -1
- package/dist/chunk-TYXT5C2B.js.map +0 -1
- package/dist/chunk-XJKCKBHI.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { Skeleton,
|
|
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-
|
|
4
|
-
import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, Sidebar, SidebarFooter, SidebarUser, useSidebarState, SidebarSection, SidebarLinkGroup, SidebarLink, SidebarLinkLabel, SidebarLinkBadge, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-
|
|
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-
|
|
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, 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
|
|
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-
|
|
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,
|
|
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-
|
|
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__ */
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
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
|
|
979
|
-
return /* @__PURE__ */ jsx(
|
|
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(
|
|
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
|
);
|
|
@@ -3539,9 +3541,10 @@ var FormSection = forwardRef(function FormSection2({ title, description, action,
|
|
|
3539
3541
|
"<FormSection> is deprecated. Render <Fieldset> with a <FieldsetLegend>. Removed in 3.0."
|
|
3540
3542
|
);
|
|
3541
3543
|
return /* @__PURE__ */ jsxs("fieldset", { ref, className: cn("ds:min-w-0", className), ...props, children: [
|
|
3544
|
+
/* @__PURE__ */ jsx("legend", { className: "ds:sr-only", children: title }),
|
|
3542
3545
|
/* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-3", children: [
|
|
3543
3546
|
/* @__PURE__ */ jsxs("div", { className: "ds:min-w-0", children: [
|
|
3544
|
-
/* @__PURE__ */ jsx("
|
|
3547
|
+
/* @__PURE__ */ jsx("p", { "aria-hidden": "true", className: "ds:text-fg ds:text-sm ds:font-semibold", children: title }),
|
|
3545
3548
|
description && /* @__PURE__ */ jsx("p", { className: "ds:text-fg-3 ds:mt-0.5 ds:text-xs ds:leading-relaxed", children: description })
|
|
3546
3549
|
] }),
|
|
3547
3550
|
action && /* @__PURE__ */ jsx("div", { className: "ds:shrink-0", children: action })
|
|
@@ -4572,7 +4575,7 @@ function OTPInput({
|
|
|
4572
4575
|
"aria-describedby": ariaDescribedBy
|
|
4573
4576
|
});
|
|
4574
4577
|
const inputRef = React30.useRef(null);
|
|
4575
|
-
useFormReset
|
|
4578
|
+
useFormReset(inputRef, () => setValue(defaultValue ?? ""), wiring.name, form);
|
|
4576
4579
|
const errorId = `${wiring.id}-error`;
|
|
4577
4580
|
const hasError = wiring["aria-invalid"] === true;
|
|
4578
4581
|
const messages = useDsMessages("otpInput");
|
|
@@ -5585,14 +5588,6 @@ function PhoneCountryInput({
|
|
|
5585
5588
|
error && /* @__PURE__ */ jsx("p", { className: "ds:mt-1 ds:text-xs ds:text-danger-fg", children: error })
|
|
5586
5589
|
] });
|
|
5587
5590
|
}
|
|
5588
|
-
var BARS = [
|
|
5589
|
-
{ x: 1.5, y: 9, height: 5 },
|
|
5590
|
-
// bar 1 (shortest)
|
|
5591
|
-
{ x: 6.5, y: 5, height: 9 },
|
|
5592
|
-
// bar 2
|
|
5593
|
-
{ x: 11.5, y: 1, height: 13 }
|
|
5594
|
-
// bar 3 (tallest)
|
|
5595
|
-
];
|
|
5596
5591
|
var ACTIVE_BAR_COUNT = {
|
|
5597
5592
|
low: 1,
|
|
5598
5593
|
medium: 2,
|
|
@@ -5604,44 +5599,29 @@ var PRIORITY_COLOR = {
|
|
|
5604
5599
|
high: "var(--ds-color-priority-high, var(--color-priority-high))",
|
|
5605
5600
|
urgent: "var(--ds-color-priority-urgent, var(--color-priority-urgent))"
|
|
5606
5601
|
};
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
5611
|
-
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
height: bar.height,
|
|
5631
|
-
rx: "1",
|
|
5632
|
-
fill: PRIORITY_COLOR[priority],
|
|
5633
|
-
fillOpacity: i < ACTIVE_BAR_COUNT[priority] ? 1 : 0.25
|
|
5634
|
-
},
|
|
5635
|
-
i
|
|
5636
|
-
)),
|
|
5637
|
-
priority === "urgent" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5638
|
-
/* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "3", fill: "var(--ds-color-priority-urgent, var(--color-priority-urgent))" }),
|
|
5639
|
-
/* @__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))" }),
|
|
5640
|
-
/* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.25", r: "1", fill: "var(--ds-color-feedback-danger-solid-fg, var(--color-fg-on-danger))" })
|
|
5641
|
-
] })
|
|
5642
|
-
]
|
|
5643
|
-
}
|
|
5644
|
-
);
|
|
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
|
+
) });
|
|
5645
5625
|
}
|
|
5646
5626
|
var RadioGroupContext = React30.createContext({
|
|
5647
5627
|
appearance: "plain",
|
|
@@ -5681,7 +5661,7 @@ var RadioGroup2 = React30.forwardRef(function RadioGroup3({
|
|
|
5681
5661
|
});
|
|
5682
5662
|
const initialValue = React30.useRef(valueProp ?? defaultValue ?? null);
|
|
5683
5663
|
const rootRef = React30.useRef(null);
|
|
5684
|
-
|
|
5664
|
+
useFormReset2(rootRef, () => setValue(initialValue.current));
|
|
5685
5665
|
const mergedRef = useMergedRefs(ref, rootRef);
|
|
5686
5666
|
const isInvalid = wiring["aria-invalid"] === true;
|
|
5687
5667
|
const context = React30.useMemo(
|
|
@@ -6585,6 +6565,7 @@ var Slider = React30.forwardRef(
|
|
|
6585
6565
|
showValue,
|
|
6586
6566
|
size,
|
|
6587
6567
|
invalid,
|
|
6568
|
+
thumbLabels,
|
|
6588
6569
|
id,
|
|
6589
6570
|
name,
|
|
6590
6571
|
disabled,
|
|
@@ -6617,7 +6598,7 @@ var Slider = React30.forwardRef(
|
|
|
6617
6598
|
});
|
|
6618
6599
|
const initialValue = React30.useRef(valueProp ?? defaultValue);
|
|
6619
6600
|
const rootRef = React30.useRef(null);
|
|
6620
|
-
|
|
6601
|
+
useFormReset2(rootRef, () => setValue(initialValue.current), form);
|
|
6621
6602
|
const mergedRef = useMergedRefs(ref, rootRef);
|
|
6622
6603
|
const displayValue = (() => {
|
|
6623
6604
|
const v = value;
|
|
@@ -6628,6 +6609,7 @@ var Slider = React30.forwardRef(
|
|
|
6628
6609
|
const labelledBy = wiring["aria-labelledby"];
|
|
6629
6610
|
const accessibleName = labelledBy ? void 0 : ariaLabel ?? label ?? "Slider value";
|
|
6630
6611
|
const resolvedSize = size ?? "md";
|
|
6612
|
+
const thumbCount = Array.isArray(value) && value.length > 1 ? value.length : 1;
|
|
6631
6613
|
return /* @__PURE__ */ jsxs("div", { className: "ds:w-full", children: [
|
|
6632
6614
|
(label || showValue) && /* @__PURE__ */ jsxs("div", { className: "ds:mb-2 ds:flex ds:items-center ds:justify-between ds:gap-2", children: [
|
|
6633
6615
|
label ? /* @__PURE__ */ jsx(
|
|
@@ -6672,7 +6654,7 @@ var Slider = React30.forwardRef(
|
|
|
6672
6654
|
children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "ds:bg-brand ds:data-[disabled]:bg-fg-disabled ds:absolute ds:h-full" })
|
|
6673
6655
|
}
|
|
6674
6656
|
),
|
|
6675
|
-
/* @__PURE__ */ jsx(
|
|
6657
|
+
Array.from({ length: thumbCount }, (_, index) => /* @__PURE__ */ jsx(
|
|
6676
6658
|
SliderPrimitive.Thumb,
|
|
6677
6659
|
{
|
|
6678
6660
|
className: cn(
|
|
@@ -6686,12 +6668,13 @@ var Slider = React30.forwardRef(
|
|
|
6686
6668
|
"ds:data-[disabled]:pointer-events-none ds:data-[disabled]:cursor-not-allowed",
|
|
6687
6669
|
"ds:data-[disabled]:border-fg-disabled ds:data-[disabled]:bg-bg-disabled"
|
|
6688
6670
|
),
|
|
6689
|
-
"aria-label": accessibleName,
|
|
6690
|
-
"aria-labelledby": labelledBy,
|
|
6671
|
+
"aria-label": thumbLabels?.[index] ?? accessibleName,
|
|
6672
|
+
"aria-labelledby": thumbLabels?.[index] ? void 0 : labelledBy,
|
|
6691
6673
|
"aria-describedby": wiring["aria-describedby"],
|
|
6692
6674
|
"aria-invalid": ariaInvalid ?? wiring["aria-invalid"]
|
|
6693
|
-
}
|
|
6694
|
-
|
|
6675
|
+
},
|
|
6676
|
+
index
|
|
6677
|
+
))
|
|
6695
6678
|
]
|
|
6696
6679
|
}
|
|
6697
6680
|
)
|
|
@@ -7166,10 +7149,8 @@ var StarRating = forwardRef(function StarRating2({ rating, max = 5, size, sizeVa
|
|
|
7166
7149
|
);
|
|
7167
7150
|
});
|
|
7168
7151
|
StarRating.displayName = "StarRating";
|
|
7169
|
-
var CENTER =
|
|
7170
|
-
var
|
|
7171
|
-
var STROKE_WIDTH = 2;
|
|
7172
|
-
var PIE_RADIUS = 3;
|
|
7152
|
+
var CENTER = 12;
|
|
7153
|
+
var PIE_RADIUS = 5;
|
|
7173
7154
|
var MUTED = "var(--ds-color-content-muted, var(--color-fg-3))";
|
|
7174
7155
|
function resolveState(state, progress) {
|
|
7175
7156
|
if (state) return state;
|
|
@@ -7192,99 +7173,36 @@ function StatusIcon({
|
|
|
7192
7173
|
color,
|
|
7193
7174
|
size = 16,
|
|
7194
7175
|
className,
|
|
7176
|
+
style,
|
|
7195
7177
|
...props
|
|
7196
7178
|
}) {
|
|
7197
7179
|
const resolved = resolveState(state, progress);
|
|
7198
|
-
const
|
|
7199
|
-
const
|
|
7180
|
+
const muted = resolved === "backlog" || resolved === "canceled";
|
|
7181
|
+
const paint = color ?? (muted ? MUTED : "currentColor");
|
|
7200
7182
|
const fraction = progress !== void 0 && Number.isFinite(progress) ? progress : 0.5;
|
|
7201
|
-
|
|
7202
|
-
|
|
7203
|
-
|
|
7204
|
-
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7219
|
-
|
|
7220
|
-
strokeWidth: STROKE_WIDTH,
|
|
7221
|
-
strokeDasharray: "1.5 1.5"
|
|
7222
|
-
}
|
|
7223
|
-
),
|
|
7224
|
-
resolved === "unstarted" && /* @__PURE__ */ jsx(
|
|
7225
|
-
"circle",
|
|
7226
|
-
{
|
|
7227
|
-
cx: CENTER,
|
|
7228
|
-
cy: CENTER,
|
|
7229
|
-
r: RING_RADIUS,
|
|
7230
|
-
fill: "none",
|
|
7231
|
-
stroke: tint,
|
|
7232
|
-
strokeWidth: STROKE_WIDTH
|
|
7233
|
-
}
|
|
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" })
|
|
7234
7202
|
),
|
|
7235
|
-
|
|
7236
|
-
|
|
7237
|
-
|
|
7238
|
-
{
|
|
7239
|
-
cx: CENTER,
|
|
7240
|
-
cy: CENTER,
|
|
7241
|
-
r: RING_RADIUS,
|
|
7242
|
-
fill: "none",
|
|
7243
|
-
stroke: tint,
|
|
7244
|
-
strokeWidth: STROKE_WIDTH
|
|
7245
|
-
}
|
|
7246
|
-
),
|
|
7247
|
-
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
|
|
7248
|
-
] }),
|
|
7249
|
-
resolved === "completed" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
7250
|
-
/* @__PURE__ */ jsx("circle", { cx: CENTER, cy: CENTER, r: RING_RADIUS + STROKE_WIDTH / 2, fill: tint }),
|
|
7251
|
-
/* @__PURE__ */ jsx(
|
|
7252
|
-
"path",
|
|
7253
|
-
{
|
|
7254
|
-
d: "M5 8.2 7 10.2 11 5.8",
|
|
7255
|
-
fill: "none",
|
|
7256
|
-
stroke: "#fff",
|
|
7257
|
-
strokeWidth: "1.6",
|
|
7258
|
-
strokeLinecap: "round",
|
|
7259
|
-
strokeLinejoin: "round"
|
|
7260
|
-
}
|
|
7261
|
-
)
|
|
7262
|
-
] }),
|
|
7263
|
-
resolved === "canceled" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
7264
|
-
/* @__PURE__ */ jsx(
|
|
7265
|
-
"circle",
|
|
7266
|
-
{
|
|
7267
|
-
cx: CENTER,
|
|
7268
|
-
cy: CENTER,
|
|
7269
|
-
r: RING_RADIUS,
|
|
7270
|
-
fill: "none",
|
|
7271
|
-
stroke: mutedTint,
|
|
7272
|
-
strokeWidth: STROKE_WIDTH
|
|
7273
|
-
}
|
|
7274
|
-
),
|
|
7275
|
-
/* @__PURE__ */ jsx(
|
|
7276
|
-
"path",
|
|
7277
|
-
{
|
|
7278
|
-
d: "M5.75 5.75 10.25 10.25 M10.25 5.75 5.75 10.25",
|
|
7279
|
-
stroke: mutedTint,
|
|
7280
|
-
strokeWidth: "1.6",
|
|
7281
|
-
strokeLinecap: "round"
|
|
7282
|
-
}
|
|
7283
|
-
)
|
|
7284
|
-
] })
|
|
7285
|
-
]
|
|
7286
|
-
}
|
|
7287
|
-
);
|
|
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
|
+
}
|
|
7288
7206
|
}
|
|
7289
7207
|
var Stepper = forwardRef(function Stepper2({ steps, currentStep, orientation = "horizontal", className, ...props }, ref) {
|
|
7290
7208
|
const messages = useDsMessages("progress");
|
|
@@ -7753,8 +7671,8 @@ var variantConfig = {
|
|
|
7753
7671
|
spin: true
|
|
7754
7672
|
}
|
|
7755
7673
|
};
|
|
7756
|
-
var
|
|
7757
|
-
var RING_CIRCUMFERENCE = 2 * Math.PI *
|
|
7674
|
+
var RING_RADIUS = 11;
|
|
7675
|
+
var RING_CIRCUMFERENCE = 2 * Math.PI * RING_RADIUS;
|
|
7758
7676
|
var SWIPE_DISMISS_PX = 72;
|
|
7759
7677
|
function ToastItem({ toast, onClose, onExited, dismissLabel }) {
|
|
7760
7678
|
const timerRef = useRef(void 0);
|
|
@@ -7813,7 +7731,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
|
|
|
7813
7731
|
cardRef.current.style.opacity = "";
|
|
7814
7732
|
setPaused(false);
|
|
7815
7733
|
};
|
|
7816
|
-
const { chip, icon, stroke, ring, Icon, spin } = variantConfig[toast.variant ?? "default"];
|
|
7734
|
+
const { chip, icon, stroke, ring, Icon: Icon2, spin } = variantConfig[toast.variant ?? "default"];
|
|
7817
7735
|
return /* @__PURE__ */ jsx(
|
|
7818
7736
|
"div",
|
|
7819
7737
|
{
|
|
@@ -7867,7 +7785,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
|
|
|
7867
7785
|
ring
|
|
7868
7786
|
),
|
|
7869
7787
|
"aria-hidden": "true",
|
|
7870
|
-
children: /* @__PURE__ */ jsx(
|
|
7788
|
+
children: /* @__PURE__ */ jsx(Icon2, { className: cn("ds:size-5", spin && "ds:animate-spin ds:motion-reduce:animate-none") })
|
|
7871
7789
|
}
|
|
7872
7790
|
),
|
|
7873
7791
|
/* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:flex-1", children: [
|
|
@@ -7936,7 +7854,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
|
|
|
7936
7854
|
{
|
|
7937
7855
|
cx: "14",
|
|
7938
7856
|
cy: "14",
|
|
7939
|
-
r:
|
|
7857
|
+
r: RING_RADIUS,
|
|
7940
7858
|
fill: "none",
|
|
7941
7859
|
strokeWidth: "2",
|
|
7942
7860
|
className: "ds:stroke-rule"
|
|
@@ -7947,7 +7865,7 @@ function ToastItem({ toast, onClose, onExited, dismissLabel }) {
|
|
|
7947
7865
|
{
|
|
7948
7866
|
cx: "14",
|
|
7949
7867
|
cy: "14",
|
|
7950
|
-
r:
|
|
7868
|
+
r: RING_RADIUS,
|
|
7951
7869
|
fill: "none",
|
|
7952
7870
|
strokeWidth: "2",
|
|
7953
7871
|
strokeLinecap: "round",
|
|
@@ -9840,6 +9758,7 @@ var MessageComposer = forwardRef(
|
|
|
9840
9758
|
"button",
|
|
9841
9759
|
{
|
|
9842
9760
|
type: "button",
|
|
9761
|
+
disabled: isDisabled,
|
|
9843
9762
|
onClick: () => onChipPick?.(chip),
|
|
9844
9763
|
title: chip.label,
|
|
9845
9764
|
className: cn(
|