@assure-one/design-system 1.41.2 → 1.43.0

package/dist/{chunk-XN7OBLQR.js → chunk-XJKCKBHI.js}

@@ -1,4 +1,4 @@
-import { cn, LoaderIcon, ChevronDownIcon, ChevronUpIcon, CheckIcon, MinusIcon, ChevronRightIcon, CircleIcon, FileTextIcon, EyeOffIcon, EyeIcon, XIcon, AlertTriangleIcon, UploadIcon } from './chunk-AF3QYJ24.js';
+import { cn, LoaderIcon, ChevronDownIcon, ChevronUpIcon, CheckIcon, MinusIcon, ChevronRightIcon, CircleIcon, FileTextIcon, EyeOffIcon, EyeIcon, XIcon, AlertTriangleIcon, UploadIcon } from './chunk-TBDTXAFH.js';
 import * as React7 from 'react';
 import { createContext, forwardRef, useMemo, useState, useRef, useCallback, useEffect, useContext, useId as useId$1, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -140,9 +140,10 @@ var BUTTON_SIZES = {
   // scale's 14, so the glyph column is left to the base until D5.
   sm: "ds:h-(--control-height-sm) ds:px-(--control-padding-x-sm) ds:text-(length:--control-font-size-sm) ds:gap-(--control-gap-sm)",
   xl: "ds:h-(--control-height-xl) ds:px-(--control-padding-x-xl) ds:text-(length:--control-font-size-xl) ds:gap-(--control-gap-xl) ds:[&_svg]:size-(--control-icon-xl)",
-  // A1 mismatches (D5): today's pixels through the compat height tokens.
-  md: "ds:h-(--button-height-md) ds:px-4 ds:text-sm ds:gap-2",
-  lg: "ds:h-(--button-height-lg) ds:px-6 ds:text-base ds:gap-2",
+  // D5 (W2-05): md/lg now read the shared scale (36px / 40px), same as
+  // every other row, instead of the old compat tokens (40px / 48px).
+  md: "ds:h-(--control-height-md) ds:px-(--control-padding-x-md) ds:text-(length:--control-font-size-md) ds:gap-(--control-gap-md)",
+  lg: "ds:h-(--control-height-lg) ds:px-(--control-padding-x-lg) ds:text-(length:--control-font-size-lg) ds:gap-(--control-gap-lg)",
   // Icon-only sizes: square, today's pixels through the compat tokens
   // (C-BTN-SIZE-ICON). Hit target ≥ 24px (WCAG 2.5.5 floor); `icon-xs` /
   // `icon-sm` are for dense in-row action stacks where `icon` (40×40) would
@@ -920,6 +921,7 @@ var EN_MESSAGES = {
   },
   tableStates: { loading: "Loading", empty: "No results" },
   table: { region: "Scrollable table" },
+  tableDensity: { label: "Row density", comfortable: "Detailed view", compact: "Compact view" },
   stackedBarChart: { region: "Scrollable chart" },
   pdfPreview: { region: "PDF preview" },
   spreadsheetPreview: { region: "Spreadsheet preview" },
@@ -1839,14 +1841,9 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     ref,
     position,
     ...slot(selectAnatomy, "content"),
+    ...presence("floating"),
     className: cn(
       "ds:rounded-card ds:border-rule ds:bg-surface ds:text-fg ds:shadow-pop ds:relative ds:z-[var(--z-dropdown)] ds:max-h-(--radix-select-content-available-height) ds:min-w-[8rem] ds:overflow-hidden ds:border",
-      "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-      "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
-      "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
-      "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
-      "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
-      "ds:motion-reduce:transition-none",
       position === "popper" && "ds:data-[side=bottom]:translate-y-1 ds:data-[side=left]:-translate-x-1 ds:data-[side=right]:translate-x-1 ds:data-[side=top]:-translate-y-1",
       className
     ),
@@ -2179,7 +2176,7 @@ var Checkbox = React7.forwardRef(function Checkbox2({
   });
   const rootRef = useMergedRefs(ref, wiring.ref);
   const resolvedChecked = indeterminate ? "indeterminate" : checked;
-  return /* @__PURE__ */ jsxs("div", { className: "ds:inline-flex ds:items-center ds:gap-2", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "ds:inline-flex ds:items-center ds:gap-2 ds:align-middle", children: [
     /* @__PURE__ */ jsx(
       CheckboxPrimitive.Root,
       {
@@ -2204,6 +2201,10 @@ var Checkbox = React7.forwardRef(function Checkbox2({
           "ds:data-[state=checked]:border-brand ds:data-[state=checked]:bg-brand-bg",
           "ds:data-[state=indeterminate]:border-brand ds:data-[state=indeterminate]:bg-brand-bg",
           "ds:disabled:bg-bg-disabled ds:disabled:border-rule ds:disabled:text-fg-disabled ds:disabled:cursor-not-allowed",
+          // A disabled box reads disabled whatever its value: the checked /
+          // indeterminate brand edge and tint would otherwise outrank it.
+          "ds:disabled:data-[state=checked]:border-rule ds:disabled:data-[state=checked]:bg-bg-disabled",
+          "ds:disabled:data-[state=indeterminate]:border-rule ds:disabled:data-[state=indeterminate]:bg-bg-disabled",
           "ds:aria-[invalid=true]:border-danger-line",
           className
         ),
@@ -2212,7 +2213,7 @@ var Checkbox = React7.forwardRef(function Checkbox2({
           CheckboxPrimitive.Indicator,
           {
             ...slot(checkboxAnatomy, "indicator"),
-            className: "ds:flex ds:items-center ds:justify-center ds:text-current",
+            className: "ds:flex ds:items-center ds:justify-center ds:text-current ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-50 ds:duration-[var(--motion-duration-press)] ds:ease-[var(--motion-ease-enter)]",
             children: resolvedChecked === "indeterminate" ? /* @__PURE__ */ jsx(MinusIcon, { className: "ds:size-3", strokeWidth: 3, "aria-hidden": "true" }) : shape === "circle" ? /* @__PURE__ */ jsx("span", { className: "ds:size-1.5 ds:rounded-full ds:bg-current", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(CheckIcon, { className: "ds:size-3", strokeWidth: 3, "aria-hidden": "true" })
           }
         )
@@ -3178,7 +3179,7 @@ var isScaleRowSize = (size) => size === "xs" || size === "xl";
 var INPUT_SIZE_ROWS = {
   sm: "ds:h-(--control-height-sm) ds:px-2.5 ds:py-1 ds:text-xs",
   md: "ds:h-(--control-height-md) ds:px-3 ds:py-2 ds:text-(length:--control-font-size-md)",
-  lg: "ds:h-(--input-height-lg) ds:px-3.5 ds:py-2.5 ds:text-sm",
+  lg: "ds:h-(--control-height-lg) ds:px-3.5 ds:py-2.5 ds:text-sm",
   compact: "ds:h-(--control-height-sm) ds:px-2.5 ds:py-1 ds:text-(length:--control-font-size-md)",
   default: "ds:h-(--control-height-lg) ds:px-3 ds:py-2 ds:text-sm",
   comfortable: "ds:h-(--control-height-xl) ds:px-3.5 ds:py-2.5 ds:text-base"
@@ -3192,9 +3193,12 @@ function inputVariants({
 } = {}) {
   const LEGACY_ROWS = {
     // The `inputSize` rows: today's classes, byte for byte (W2-03 compat).
+    // `lg` moved with `size`'s row at D5 (h-11→h-10, 44px→40px) — the
+    // deprecation message promises "same pixels" as `size`, so the two paths
+    // must never disagree.
     sm: "ds:h-8 ds:px-2.5 ds:py-1 ds:text-xs",
     md: "ds:h-9 ds:px-3 ds:py-2 ds:text-[13px]",
-    lg: "ds:h-11 ds:px-3.5 ds:py-2.5 ds:text-sm",
+    lg: "ds:h-10 ds:px-3.5 ds:py-2.5 ds:text-sm",
     compact: "ds:h-8 ds:px-2.5 ds:py-1 ds:text-[13px]",
     default: "ds:h-10 ds:px-3 ds:py-2 ds:text-sm",
     comfortable: "ds:h-12 ds:px-3.5 ds:py-2.5 ds:text-base"
@@ -3770,5 +3774,5 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, appro
 DocumentRow.displayName = "DocumentRow";
 
 export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, toastAnatomy, useControllableState, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
-//# sourceMappingURL=chunk-XN7OBLQR.js.map
-//# sourceMappingURL=chunk-XN7OBLQR.js.map
+//# sourceMappingURL=chunk-XJKCKBHI.js.map
+//# sourceMappingURL=chunk-XJKCKBHI.js.map