@assure-one/design-system 1.41.2 → 1.42.0

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-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 { useFormReset, badgeVariants, DataTableBody, DataTableRow, DataTableCell, Badge, Pagination, TableBody, TableRow, TableCell, Table, TableHeader, TableHead, ToggleGroup, ToggleGroupItem } from './chunk-YMRSFVW7.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-YMRSFVW7.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, PlainLink, Combobox, CmdkCompatContext, Sheet, SheetContent, SheetTitle } from './chunk-H53VF62B.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-H53VF62B.js';
+import { withPortalContainer, Backdrop, alertDialogAnatomy, OverlaySurface, OverlayTitle, OverlayDescription, Button, slot, useDsMessages, useLinkComponent, surfaceAnatomy, stateAttributes, cardAnatomy, ModalPortal, kbdAnatomy, FieldContext, fieldAnatomy, useFieldContext, MENU_SUB_TRIGGER_CHEVRON, menuSubTriggerClasses, MENU_INSET, contextMenuAnatomy, presence, menuItemClasses, MENU_ITEM_DANGER, MENU_INDICATOR_WELL, MENU_CHECK_GLYPH, menuIndicatorItemClasses, MENU_RADIO_GLYPH, menuLabelClasses, menuSeparatorClasses, useFieldControl, useMergedRefs, joinIds, Popover, PopoverTrigger, PopoverContent, FormBridge, CONTROL_SIZE_CLASSES, dialogAnatomy, DismissButton, DEFAULT_OVERLAY_MESSAGES, DISMISS_GLYPH_CLASSES, OverlayBody, headingAnatomy, deprecate, floatingSurfaceClasses, FLOATING_PADDING, FLOATING_WIDTH, labelAnatomy, warnLegacyButtonProps, resolveButtonIcons, buttonVariants, INERT_CLASSES, DISABLED_LOOK_CLASSES, inertHandlers, INERT_ATTRIBUTES, linkButtonAnatomy, useControllableState, controlChrome, mergeRefs, numberInputAnatomy, EN_MESSAGES, phoneFieldAnatomy, Input, useFieldsetContext, 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-M2HMZ2RW.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-M2HMZ2RW.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';
@@ -2173,6 +2173,55 @@ var CopyButton = forwardRef(function CopyButton2({ value, feedbackDuration = 2e3
   );
 });
 CopyButton.displayName = "CopyButton";
+var DATE_PICKER_BOX = {
+  xs: "ds:h-(--control-height-xs) ds:text-(length:--control-font-size-xs)",
+  sm: "ds:h-(--control-height-sm) ds:text-(length:--control-font-size-sm)",
+  md: "ds:h-(--control-height-md) ds:text-(length:--control-font-size-md)",
+  lg: "ds:h-(--control-height-lg) ds:text-(length:--control-font-size-lg)",
+  xl: "ds:h-(--control-height-xl) ds:text-(length:--control-font-size-xl)"
+};
+var DATE_PICKER_OUTER_PAD_LEFT = {
+  xs: "ds:pl-2",
+  sm: "ds:pl-2.5",
+  md: "ds:pl-3",
+  lg: "ds:pl-3.5",
+  xl: "ds:pl-4"
+};
+var DATE_PICKER_OUTER_PAD_RIGHT = {
+  xs: "ds:pr-2",
+  sm: "ds:pr-2.5",
+  md: "ds:pr-3",
+  lg: "ds:pr-3.5",
+  xl: "ds:pr-4"
+};
+var DATE_PICKER_ICON_SLOT = {
+  xs: "ds:w-8",
+  sm: "ds:w-9",
+  md: "ds:w-10",
+  lg: "ds:w-11",
+  xl: "ds:w-12"
+};
+var DATE_PICKER_ICON_PAD_LEFT = {
+  xs: "ds:pl-8",
+  sm: "ds:pl-9",
+  md: "ds:pl-10",
+  lg: "ds:pl-11",
+  xl: "ds:pl-12"
+};
+var DATE_PICKER_ICON_PAD_RIGHT = {
+  xs: "ds:pr-8",
+  sm: "ds:pr-9",
+  md: "ds:pr-10",
+  lg: "ds:pr-11",
+  xl: "ds:pr-12"
+};
+var DATE_PICKER_ICON_SIZE = {
+  xs: "ds:size-(--control-icon-xs)",
+  sm: "ds:size-(--control-icon-sm)",
+  md: "ds:size-(--control-icon-md)",
+  lg: "ds:size-(--control-icon-lg)",
+  xl: "ds:size-(--control-icon-xl)"
+};
 function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus }) {
   const messages = useDsMessages("datePicker");
   const today = (/* @__PURE__ */ new Date()).getFullYear();
@@ -2286,7 +2335,8 @@ var DatePicker = forwardRef(function DatePicker2({
   formatLabel,
   iconPosition = "right",
   captionLayout = "dropdown",
-  inputClassName
+  inputClassName,
+  size
 }, ref) {
   const messages = useDsMessages("datePicker");
   const isYearMode = picker === "year";
@@ -2442,7 +2492,7 @@ var DatePicker = forwardRef(function DatePicker2({
           "aria-describedby": joinIds(wiring["aria-describedby"], error ? errorId : void 0),
           "aria-labelledby": wiring["aria-labelledby"],
           "aria-label": ariaLabel,
-          className: cn(
+          className: size == null ? 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-(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",
@@ -2457,6 +2507,22 @@ var DatePicker = forwardRef(function DatePicker2({
             "ds:aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]",
             hasCustomYearLabel && "ds:cursor-pointer",
             inputClassName
+          ) : cn(
+            "ds:rounded-input ds:bg-surface ds:text-fg ds:flex ds:w-full ds:border ds:font-mono ds:tabular-nums",
+            DATE_PICKER_BOX[size],
+            "ds:border-field-border ds:py-2",
+            iconPosition === "left" ? cn(DATE_PICKER_ICON_PAD_LEFT[size], DATE_PICKER_OUTER_PAD_RIGHT[size]) : cn(DATE_PICKER_OUTER_PAD_LEFT[size], DATE_PICKER_ICON_PAD_RIGHT[size]),
+            "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",
+            "ds:placeholder:font-body ds:placeholder:text-fg-4",
+            "ds:not-disabled:hover:border-field-border-hover",
+            "ds:focus-visible:[border-color:var(--focus-ring-border)] ds:focus-visible:outline-none",
+            "ds:focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
+            "ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled ds:disabled:cursor-not-allowed",
+            "ds:aria-[invalid=true]:border-field-border-invalid ds:aria-[invalid=true]:focus-visible:border-danger-fg",
+            "ds:aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]",
+            hasCustomYearLabel && "ds:cursor-pointer",
+            inputClassName
           )
         }
       ),
@@ -2468,7 +2534,7 @@ var DatePicker = forwardRef(function DatePicker2({
             disabled: isDisabled,
             tabIndex: -1,
             "aria-label": messages.openCalendar,
-            className: cn(
+            className: size == null ? cn(
               "ds:text-fg-3 ds:absolute ds:inset-y-0 ds:flex ds:w-10 ds:cursor-pointer ds:items-center ds:justify-center",
               iconPosition === "left" ? "ds:left-0 ds:rounded-l-input" : "ds:right-0 ds:rounded-r-input",
               "ds:transition-colors ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)]",
@@ -2476,8 +2542,17 @@ var DatePicker = forwardRef(function DatePicker2({
               "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:text-fg-disabled ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"
+            ) : cn(
+              "ds:text-fg-3 ds:absolute ds:inset-y-0 ds:flex ds:cursor-pointer ds:items-center ds:justify-center",
+              DATE_PICKER_ICON_SLOT[size],
+              iconPosition === "left" ? "ds:left-0 ds:rounded-l-input" : "ds:right-0 ds:rounded-r-input",
+              "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:text-fg-disabled ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"
             ),
-            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "ds:size-(--control-icon-md)", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx(CalendarIcon, { className: DATE_PICKER_ICON_SIZE[size ?? "md"], "aria-hidden": "true" })
           }
         ) }),
         /* @__PURE__ */ jsx(
@@ -2550,7 +2625,8 @@ var DateRangePicker = forwardRef(
     max,
     iconPosition = "right",
     "aria-label": ariaLabel,
-    captionLayout = "dropdown"
+    captionLayout = "dropdown",
+    size
   }, ref) {
     const messages = useDsMessages("dateRangePicker");
     const placeholder = placeholderProp ?? messages.placeholder;
@@ -2682,7 +2758,7 @@ var DateRangePicker = forwardRef(
                 "aria-label": ariaLabel ?? label ?? messages.name,
                 "aria-haspopup": "dialog",
                 "aria-expanded": open,
-                className: cn(
+                className: size == null ? 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-(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)]",
@@ -2693,6 +2769,18 @@ var DateRangePicker = forwardRef(
                   "ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled ds:disabled:cursor-not-allowed ds:disabled:hover:bg-bg-disabled",
                   "ds:data-[invalid=true]:border-field-border-invalid ds:data-[invalid=true]:focus-visible:border-danger-fg",
                   "ds:data-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]"
+                ) : cn(
+                  "ds:rounded-input ds:bg-surface ds:flex ds:w-full ds:cursor-pointer ds:items-center ds:border ds:font-mono ds:tabular-nums",
+                  "ds:border-field-border",
+                  CONTROL_SIZE_CLASSES[size],
+                  "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",
+                  "ds:hover:bg-surface-hover ds:not-disabled:hover:border-field-border-hover",
+                  "ds:focus-visible:[border-color:var(--focus-ring-border)] ds:focus-visible:outline-none",
+                  "ds:focus-visible:[box-shadow:var(--shadow-focus-ring-field)]",
+                  "ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled ds:disabled:cursor-not-allowed ds:disabled:hover:bg-bg-disabled",
+                  "ds:data-[invalid=true]:border-field-border-invalid ds:data-[invalid=true]:focus-visible:border-danger-fg",
+                  "ds:data-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]"
                 ),
                 children: [
                   iconPosition === "left" && iconNode,
@@ -5338,10 +5426,25 @@ function CountryFlag2({ iso }) {
     }
   );
 }
+var COUNTRY_SELECT_SIZE_ROWS = {
+  xs: "ds:h-(--control-height-xs) ds:w-[72px] ds:gap-1 ds:px-2 ds:text-xs",
+  sm: "ds:h-(--control-height-sm) ds:w-[80px] ds:gap-1 ds:px-2 ds:text-xs",
+  md: "ds:h-(--control-height-md) ds:w-[90px] ds:gap-1.5 ds:px-2.5 ds:text-sm",
+  lg: "ds:h-(--control-height-lg) ds:w-[100px] ds:gap-2 ds:px-3 ds:text-sm",
+  xl: "ds:h-(--control-height-xl) ds:w-[120px] ds:gap-2 ds:px-3.5 ds:text-base"
+};
+var COUNTRY_SELECT_ICON_SIZE = {
+  xs: "ds:size-2.5",
+  sm: "ds:size-2.5",
+  md: "ds:size-3",
+  lg: "ds:size-3.5",
+  xl: "ds:size-4"
+};
 function CountrySelect({
   value,
   onChange,
-  disabled
+  disabled,
+  size
 }) {
   const messages = useDsMessages("phoneCountryInput");
   const [open, setOpen] = useState(false);
@@ -5371,14 +5474,17 @@ function CountrySelect({
             type: "button",
             disabled,
             "aria-label": messages.selectCountry,
-            className: "ds:rounded-input ds:flex ds:h-9 ds:w-[90px] ds:shrink-0 ds:items-center ds:gap-1.5 ds:border ds:border-field-border ds:bg-surface ds:px-2.5 ds:text-sm ds:text-fg ds:transition-colors ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none ds:motion-reduce:transition-none ds:disabled:cursor-not-allowed ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled",
+            className: size == null ? "ds:rounded-input ds:flex ds:h-9 ds:w-[90px] ds:shrink-0 ds:items-center ds:gap-1.5 ds:border ds:border-field-border ds:bg-surface ds:px-2.5 ds:text-sm ds:text-fg ds:transition-colors ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none ds:motion-reduce:transition-none ds:disabled:cursor-not-allowed ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled" : cn(
+              "ds:rounded-input ds:flex ds:shrink-0 ds:items-center ds:border ds:border-field-border ds:bg-surface ds:text-fg ds:transition-colors ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:focus-visible:outline-none ds:motion-reduce:transition-none ds:disabled:cursor-not-allowed ds:disabled:bg-bg-disabled ds:disabled:text-fg-disabled",
+              COUNTRY_SELECT_SIZE_ROWS[size]
+            ),
             children: [
               /* @__PURE__ */ jsx(CountryFlag2, { iso: selected.iso }),
               /* @__PURE__ */ jsx("span", { className: "ds:text-xs ds:tabular-nums ds:text-fg-3", children: selected.dialCode }),
               /* @__PURE__ */ jsx(
                 ChevronDownIcon,
                 {
-                  className: "ds:ml-auto ds:size-3 ds:shrink-0 ds:text-fg-3",
+                  className: cn("ds:ml-auto ds:shrink-0 ds:text-fg-3", COUNTRY_SELECT_ICON_SIZE[size ?? "md"]),
                   "aria-hidden": "true"
                 }
               )
@@ -5910,7 +6016,7 @@ var SEARCH_RESET = "ds:[&::-webkit-search-cancel-button]:appearance-none ds:[&::
 var SEARCH_INPUT_SIZE_ROWS = {
   sm: "ds:h-(--control-height-sm) ds:pl-8 ds:pr-8 ds:text-(length:--control-font-size-sm)",
   md: "ds:h-(--control-height-md) ds:pl-9 ds:pr-9 ds:text-(length:--control-font-size-md)",
-  lg: "ds:h-(--search-input-height-lg) ds:pl-10 ds:pr-10 ds:text-sm",
+  lg: "ds:h-(--control-height-lg) ds:pl-10 ds:pr-10 ds:text-sm",
   compact: "ds:h-(--control-height-sm) ds:pl-8 ds:pr-8 ds:text-(length:--control-font-size-sm)",
   default: "ds:h-(--control-height-lg) ds:pl-9 ds:pr-9 ds:text-sm",
   comfortable: "ds:h-(--control-height-xl) ds:pl-10 ds:pr-10 ds:text-base"
@@ -5921,18 +6027,7 @@ function searchInputVariants({
   class: classProp,
   className
 } = {}) {
-  const LEGACY_ROWS = {
-    // `sm` is the dense control tier: h-8 + 13px, so a search box lines up
-    // pixel-for-pixel (height AND text) with Button / MultiFilterPill /
-    // FilterChip at their `sm` tier in a toolbar row.
-    sm: "ds:h-8 ds:pl-8 ds:pr-8 ds:text-[13px]",
-    md: "ds:h-9 ds:pl-9 ds:pr-9 ds:text-[13px]",
-    lg: "ds:h-11 ds:pl-10 ds:pr-10 ds:text-sm",
-    compact: "ds:h-8 ds:pl-8 ds:pr-8 ds:text-[13px]",
-    default: "ds:h-10 ds:pl-9 ds:pr-9 ds:text-sm",
-    comfortable: "ds:h-12 ds:pl-10 ds:pr-10 ds:text-base"
-  };
-  const row = size ? SEARCH_INPUT_SIZE_ROWS[size] : LEGACY_ROWS[inputSize ?? "md"];
+  const row = SEARCH_INPUT_SIZE_ROWS[size ?? inputSize ?? "md"];
   return controlChrome({
     variant: "default",
     size: null,
@@ -6121,7 +6216,8 @@ function SearchSelect({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
-  id
+  id,
+  size
 }) {
   deprecate(
     CONTRACT,
@@ -6270,6 +6366,7 @@ function SearchSelect({
   const shared = {
     options: rows,
     id,
+    size,
     "aria-label": ariaLabel ?? (ariaLabelledBy ? void 0 : placeholder),
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,