@assure-one/design-system 1.41.0 → 1.41.2

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

@@ -1,4 +1,4 @@
-import { cn, LoaderIcon, ChevronDownIcon, ChevronUpIcon, CheckIcon, MinusIcon, ChevronRightIcon, CircleIcon, FileTextIcon, EyeOffIcon, EyeIcon, XIcon, AlertTriangleIcon, UploadIcon } from './chunk-KUSY7BLL.js';
+import { cn, LoaderIcon, ChevronDownIcon, ChevronUpIcon, CheckIcon, MinusIcon, ChevronRightIcon, CircleIcon, FileTextIcon, EyeOffIcon, EyeIcon, XIcon, AlertTriangleIcon, UploadIcon } from './chunk-AF3QYJ24.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';
@@ -157,6 +157,15 @@ var buttonBase = cva(
     microInteractions.pressable,
     "ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "ds:disabled:pointer-events-none ds:[&:disabled:not([data-loading=true])]:bg-bg-disabled ds:[&:disabled:not([data-loading=true])]:text-fg-disabled",
+    // `pointer-events-none` alone leaves the cursor showing whatever's
+    // beneath (or the inherited pointer), which reads as clickable in a
+    // screenshot or with assistive tooling that bypasses pointer-events.
+    // Every other control in the family (Checkbox, RadioGroup, Switch,
+    // Tabs, ToggleGroup) already pairs its disabled state with
+    // `cursor-not-allowed`; Button/IconButton/Chip share this recipe, so
+    // this one line brings all three in line. Excluded while loading,
+    // which already gets its own `cursor-wait` below.
+    "ds:[&:disabled:not([data-loading=true])]:cursor-not-allowed",
     "ds:data-[loading=true]:cursor-wait",
     "ds:[&_svg]:size-4 ds:[&_svg]:shrink-0"
   ),
@@ -196,194 +205,6 @@ function resolveButtonIcons({ iconStart, iconEnd, iconLeft, iconRight }, compone
   }
   return { start: iconStart ?? iconLeft, end: iconEnd ?? iconRight };
 }
-
-// src/foundation/messages/en.ts
-var EN_MESSAGES = {
-  select: { clear: "Clear selection", placeholder: "Select..." },
-  searchInput: { clear: "Clear search", placeholder: "Search..." },
-  combobox: {
-    empty: "No results",
-    loading: "Loading\u2026",
-    create: (query) => `Create \u201C${query}\u201D`,
-    clear: "Clear",
-    toggle: "Show options",
-    remove: (label) => `Remove ${label}`
-  },
-  field: { optional: "optional" },
-  fileUpload: {
-    prompt: "Click to upload",
-    dragHint: " or drag and drop",
-    accepted: (accept) => `Accepted: ${accept}`,
-    maxSize: (size) => `Max size: ${size}`
-  },
-  confirm: {
-    confirm: "Confirm",
-    cancel: "Cancel",
-    failed: "Something went wrong. Please try again."
-  },
-  overlay: { close: "Close" },
-  toast: { region: "Notifications", dismiss: "Dismiss" },
-  commandPalette: {
-    name: "Command palette",
-    instructions: "Search and run commands",
-    search: "Type a command or search...",
-    empty: "No results found.",
-    navigate: "Navigate",
-    select: "Select",
-    close: "Close",
-    escapeKey: "esc"
-  },
-  keyboardShortcuts: {
-    name: "Keyboard Shortcuts",
-    general: "General",
-    commandPalette: "Command palette",
-    focusSearch: "Focus search",
-    keyboardShortcuts: "Keyboard shortcuts",
-    closeOrBack: "Close / go back",
-    then: "then",
-    hintPrefix: "Press",
-    hintSuffix: "anytime to toggle this dialog"
-  },
-  pagination: {
-    region: (page, total) => `Pagination, page ${page} of ${total}`,
-    range: (start, end, total) => `${start}\u2013${end} of ${total}`,
-    page: (page, total) => `Page ${page} of ${total}`,
-    previous: "Previous page",
-    next: "Next page",
-    rowsPerPage: "Rows per page"
-  },
-  copyButton: { copy: "Copy to clipboard", copied: "Copied" },
-  loadingRows: { loading: "Loading" },
-  progress: { progress: "Progress" },
-  segmentedProgress: { step: (filled, steps) => `Step ${filled} of ${steps}` },
-  breadcrumb: { region: "Breadcrumb" },
-  input: { showPassword: "Show password", hidePassword: "Hide password" },
-  avatar: {
-    image: "Avatar",
-    unknownUser: "Unknown user",
-    status: (status) => `${status} status`
-  },
-  avatarGroup: {
-    overflow: (count) => `+${count}`,
-    overflowLabel: (count) => `${count} more`
-  },
-  otpInput: { name: "One-time password" },
-  datePicker: {
-    openCalendar: "Open calendar",
-    pickYear: "Pick a year",
-    previousDecade: "Previous decade",
-    nextDecade: "Next decade"
-  },
-  dateRangePicker: { name: "Date range", placeholder: "Select date range" },
-  dismissibleChip: {
-    remove: "Remove filter",
-    removeNamed: (label) => `Remove ${label} filter`
-  },
-  multiFilterPill: {
-    clear: (label) => `Clear ${label} filter`,
-    clearSelection: "Clear selection"
-  },
-  searchSelect: {
-    placeholder: "Search...",
-    createNew: "Create new",
-    all: "All",
-    remove: (label) => `Remove ${label}`,
-    empty: "No results found.",
-    noOptions: "No options available.",
-    clear: "Clear",
-    clearNamed: (label) => `Clear ${label}`,
-    toggle: "Show options",
-    changeNamed: (label) => `Change ${label}`
-  },
-  phoneField: {
-    country: "Country",
-    searchCountries: "Search countries",
-    noCountries: "No countries found"
-  },
-  phoneCountryInput: {
-    selectCountry: "Select country code",
-    searchCountries: "Search country or code...",
-    noCountries: "No countries found"
-  },
-  starRating: {
-    rating: (rating, max) => `${rating} out of ${max} stars`,
-    half: "half"
-  },
-  fileTypeBadge: { file: (code) => `${code} file` },
-  attachmentChip: {
-    view: (name) => `View ${name}`,
-    download: (name) => `Download ${name}`
-  },
-  masterDetailLayout: { back: "Back" },
-  sidebar: {
-    collapse: "Collapse sidebar",
-    expand: "Expand sidebar",
-    pin: "Pin sidebar",
-    unpin: "Unpin sidebar",
-    collapseSection: "Collapse section",
-    expandSection: "Expand section",
-    navigation: "Navigation"
-  },
-  shell: { content: "Page content" },
-  bottomNav: { region: "Primary" },
-  dashGrid: { reorder: "Reorder widget" },
-  folderTree: {
-    collapse: (name) => `Collapse ${name}`,
-    expand: (name) => `Expand ${name}`
-  },
-  appHeader: { search: "Search\u2026" },
-  bulkActionBar: { clearSelection: "Clear selection" },
-  errorState: {
-    title: "Something went wrong",
-    retry: "Try again",
-    showDetails: "Show details",
-    hideDetails: "Hide details"
-  },
-  dataTable: {
-    search: "Search\u2026",
-    of: "of",
-    searchLabel: "Search",
-    columns: "Columns",
-    filterAll: "All",
-    selectAll: "Select all rows",
-    selectRow: "Select row"
-  },
-  tableStates: { loading: "Loading", empty: "No results" },
-  table: { region: "Scrollable table" },
-  stackedBarChart: { region: "Scrollable chart" },
-  pdfPreview: { region: "PDF preview" },
-  spreadsheetPreview: { region: "Spreadsheet preview" },
-  peoplePicker: { assignToMe: "Assign to me" },
-  comingSoon: { eyebrow: "Coming soon", badge: "In Development" }
-};
-
-// src/foundation/provider/context.tsx
-var DesignSystemContext = createContext(null);
-function useDsMessages(namespace, override) {
-  const provided = useContext(DesignSystemContext)?.messages?.[namespace];
-  return useMemo(
-    () => ({ ...EN_MESSAGES[namespace], ...stripUndefined(provided), ...stripUndefined(override) }),
-    [namespace, provided, override]
-  );
-}
-function stripUndefined(value) {
-  if (!value) return {};
-  const out = {};
-  for (const key of Object.keys(value)) {
-    if (value[key] !== void 0) out[key] = value[key];
-  }
-  return out;
-}
-function useLinkComponent() {
-  return useContext(DesignSystemContext)?.linkComponent;
-}
-function useImageComponent() {
-  return useContext(DesignSystemContext)?.imageComponent;
-}
-var TOOLTIP_DEFAULT_DELAY_MS = 300;
-function useSharedTooltipProvider() {
-  return useContext(DesignSystemContext)?.sharedTooltipProvider ?? false;
-}
 var SPINNER_TONE_TO_INTENT = {
   current: void 0,
   muted: "neutral",
@@ -821,7 +642,7 @@ function warnLegacyButtonProps(component, { variant, size, iconLeft, iconRight }
 // src/primitives/behavior/inert.ts
 var INERT_ATTRIBUTES = { "aria-disabled": true, tabIndex: -1 };
 var INERT_CLASSES = "ds:pointer-events-none";
-var DISABLED_LOOK_CLASSES = "ds:bg-bg-disabled ds:text-fg-disabled";
+var DISABLED_LOOK_CLASSES = "ds:bg-bg-disabled ds:text-fg-disabled ds:cursor-not-allowed";
 var isActivationKey = (key) => key === "Enter" || key === " ";
 function inertHandlers(inert, handlers) {
   return {
@@ -946,6 +767,194 @@ var Button = forwardRef(function Button2({
 });
 Button.displayName = "Button";
 
+// src/foundation/messages/en.ts
+var EN_MESSAGES = {
+  select: { clear: "Clear selection", placeholder: "Select..." },
+  searchInput: { clear: "Clear search", placeholder: "Search..." },
+  combobox: {
+    empty: "No results",
+    loading: "Loading\u2026",
+    create: (query) => `Create \u201C${query}\u201D`,
+    clear: "Clear",
+    toggle: "Show options",
+    remove: (label) => `Remove ${label}`
+  },
+  field: { optional: "optional" },
+  fileUpload: {
+    prompt: "Click to upload",
+    dragHint: " or drag and drop",
+    accepted: (accept) => `Accepted: ${accept}`,
+    maxSize: (size) => `Max size: ${size}`
+  },
+  confirm: {
+    confirm: "Confirm",
+    cancel: "Cancel",
+    failed: "Something went wrong. Please try again."
+  },
+  overlay: { close: "Close" },
+  toast: { region: "Notifications", dismiss: "Dismiss" },
+  commandPalette: {
+    name: "Command palette",
+    instructions: "Search and run commands",
+    search: "Type a command or search...",
+    empty: "No results found.",
+    navigate: "Navigate",
+    select: "Select",
+    close: "Close",
+    escapeKey: "esc"
+  },
+  keyboardShortcuts: {
+    name: "Keyboard Shortcuts",
+    general: "General",
+    commandPalette: "Command palette",
+    focusSearch: "Focus search",
+    keyboardShortcuts: "Keyboard shortcuts",
+    closeOrBack: "Close / go back",
+    then: "then",
+    hintPrefix: "Press",
+    hintSuffix: "anytime to toggle this dialog"
+  },
+  pagination: {
+    region: (page, total) => `Pagination, page ${page} of ${total}`,
+    range: (start, end, total) => `${start}\u2013${end} of ${total}`,
+    page: (page, total) => `Page ${page} of ${total}`,
+    previous: "Previous page",
+    next: "Next page",
+    rowsPerPage: "Rows per page"
+  },
+  copyButton: { copy: "Copy to clipboard", copied: "Copied" },
+  loadingRows: { loading: "Loading" },
+  progress: { progress: "Progress" },
+  segmentedProgress: { step: (filled, steps) => `Step ${filled} of ${steps}` },
+  breadcrumb: { region: "Breadcrumb" },
+  input: { showPassword: "Show password", hidePassword: "Hide password" },
+  avatar: {
+    image: "Avatar",
+    unknownUser: "Unknown user",
+    status: (status) => `${status} status`
+  },
+  avatarGroup: {
+    overflow: (count) => `+${count}`,
+    overflowLabel: (count) => `${count} more`
+  },
+  otpInput: { name: "One-time password" },
+  datePicker: {
+    openCalendar: "Open calendar",
+    pickYear: "Pick a year",
+    previousDecade: "Previous decade",
+    nextDecade: "Next decade"
+  },
+  dateRangePicker: { name: "Date range", placeholder: "Select date range" },
+  dismissibleChip: {
+    remove: "Remove filter",
+    removeNamed: (label) => `Remove ${label} filter`
+  },
+  multiFilterPill: {
+    clear: (label) => `Clear ${label} filter`,
+    clearSelection: "Clear selection"
+  },
+  searchSelect: {
+    placeholder: "Search...",
+    createNew: "Create new",
+    all: "All",
+    remove: (label) => `Remove ${label}`,
+    empty: "No results found.",
+    noOptions: "No options available.",
+    clear: "Clear",
+    clearNamed: (label) => `Clear ${label}`,
+    toggle: "Show options",
+    changeNamed: (label) => `Change ${label}`
+  },
+  phoneField: {
+    country: "Country",
+    searchCountries: "Search countries",
+    noCountries: "No countries found"
+  },
+  phoneCountryInput: {
+    selectCountry: "Select country code",
+    searchCountries: "Search country or code...",
+    noCountries: "No countries found"
+  },
+  starRating: {
+    rating: (rating, max) => `${rating} out of ${max} stars`,
+    half: "half"
+  },
+  fileTypeBadge: { file: (code) => `${code} file` },
+  attachmentChip: {
+    view: (name) => `View ${name}`,
+    download: (name) => `Download ${name}`
+  },
+  masterDetailLayout: { back: "Back" },
+  sidebar: {
+    collapse: "Collapse sidebar",
+    expand: "Expand sidebar",
+    pin: "Pin sidebar",
+    unpin: "Unpin sidebar",
+    collapseSection: "Collapse section",
+    expandSection: "Expand section",
+    navigation: "Navigation"
+  },
+  shell: { content: "Page content" },
+  bottomNav: { region: "Primary" },
+  dashGrid: { reorder: "Reorder widget" },
+  folderTree: {
+    collapse: (name) => `Collapse ${name}`,
+    expand: (name) => `Expand ${name}`
+  },
+  appHeader: { search: "Search\u2026" },
+  bulkActionBar: { clearSelection: "Clear selection" },
+  errorState: {
+    title: "Something went wrong",
+    retry: "Try again",
+    showDetails: "Show details",
+    hideDetails: "Hide details"
+  },
+  dataTable: {
+    search: "Search\u2026",
+    of: "of",
+    searchLabel: "Search",
+    columns: "Columns",
+    filterAll: "All",
+    selectAll: "Select all rows",
+    selectRow: "Select row"
+  },
+  tableStates: { loading: "Loading", empty: "No results" },
+  table: { region: "Scrollable table" },
+  stackedBarChart: { region: "Scrollable chart" },
+  pdfPreview: { region: "PDF preview" },
+  spreadsheetPreview: { region: "Spreadsheet preview" },
+  peoplePicker: { assignToMe: "Assign to me" },
+  comingSoon: { eyebrow: "Coming soon", badge: "In Development" }
+};
+
+// src/foundation/provider/context.tsx
+var DesignSystemContext = createContext(null);
+function useDsMessages(namespace, override) {
+  const provided = useContext(DesignSystemContext)?.messages?.[namespace];
+  return useMemo(
+    () => ({ ...EN_MESSAGES[namespace], ...stripUndefined(provided), ...stripUndefined(override) }),
+    [namespace, provided, override]
+  );
+}
+function stripUndefined(value) {
+  if (!value) return {};
+  const out = {};
+  for (const key of Object.keys(value)) {
+    if (value[key] !== void 0) out[key] = value[key];
+  }
+  return out;
+}
+function useLinkComponent() {
+  return useContext(DesignSystemContext)?.linkComponent;
+}
+function useImageComponent() {
+  return useContext(DesignSystemContext)?.imageComponent;
+}
+var TOOLTIP_DEFAULT_DELAY_MS = 300;
+function useSharedTooltipProvider() {
+  return useContext(DesignSystemContext)?.sharedTooltipProvider ?? false;
+}
+
 // src/foundation/anatomy/class-names.ts
 function slotClassName(classNames, part) {
   return classNames?.[part];
@@ -958,9 +967,10 @@ var avatarVariants = cva(
   {
     variants: {
       size: {
+        // 9px: off-scale, no type role — deliberately left literal (see file comment above).
         xs: "ds:size-(--avatar-size-xs) ds:text-[9px]",
-        sm: "ds:size-(--avatar-size-sm) ds:text-[10px]",
-        md: "ds:size-(--avatar-size-md) ds:text-[11px]",
+        sm: "ds:size-(--avatar-size-sm) ds:text-(length:--text-micro)",
+        md: "ds:size-(--avatar-size-md) ds:text-(length:--text-caption)",
         lg: "ds:size-(--avatar-size-lg) ds:text-sm",
         xl: "ds:size-(--avatar-size-xl) ds:text-base"
       },
@@ -1355,7 +1365,7 @@ var TooltipContent = React7.forwardRef(({ className, sideOffset = 6, maxWidth =
     ...slot(tooltipAnatomy, "content"),
     ...presence("floating"),
     className: cn(
-      "ds:rounded-input ds:border-rule-strong ds:bg-surface ds:z-[var(--z-tooltip)]",
+      "ds:rounded-card ds:border-rule ds:bg-surface ds:z-[var(--z-tooltip)]",
       TOOLTIP_MAX_WIDTH[maxWidth],
       "ds:border ds:px-2.5 ds:py-1.5",
       "ds:font-body ds:text-fg ds:shadow-pop ds:text-xs ds:leading-tight",
@@ -1783,7 +1793,7 @@ var SelectTrigger = React7.forwardRef(({ className, children, tabIndex, size, cl
           {
             ...slot(selectAnatomy, "icon"),
             className: cn(
-              "ds:text-fg-3 ds:size-4 ds:shrink-0 ds:translate-y-px ds:transition-transform ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:data-[state=open]:rotate-180 ds:motion-reduce:transition-none",
+              "ds:text-fg-3 ds:size-(--control-icon-md) ds:shrink-0 ds:translate-y-px ds:transition-transform ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:data-[state=open]:rotate-180 ds:motion-reduce:transition-none",
               classNames?.icon
             ),
             "aria-hidden": "true"
@@ -1804,7 +1814,7 @@ var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "ds:size-4", "aria-hidden": "true" })
+    children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "ds:size-(--control-icon-md)", "aria-hidden": "true" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -1818,7 +1828,7 @@ var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "ds:size-4", "aria-hidden": "true" })
+    children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "ds:size-(--control-icon-md)", "aria-hidden": "true" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -1866,7 +1876,7 @@ var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ref,
     ...slot(selectAnatomy, "label"),
     className: cn(
-      groupHeadingClasses({ palette: "neutral", labelSize: "ds:text-[11px]" }),
+      groupHeadingClasses({ palette: "neutral", labelSize: "ds:text-(length:--text-caption)" }),
       className
     ),
     ...props
@@ -2097,6 +2107,9 @@ function mergeRefs(...refs) {
 function useMergedRefs(...refs) {
   return useMemo(() => mergeRefs(...refs), refs);
 }
+
+// src/primitives/behavior/control-label.ts
+var CONTROL_LABEL_TEXT = "ds:text-(length:--control-font-size-md)";
 var FieldsetContext = createContext(null);
 function useFieldsetContext() {
   return useContext(FieldsetContext);
@@ -2184,7 +2197,7 @@ var Checkbox = React7.forwardRef(function Checkbox2({
         ...slot(checkboxAnatomy, "root"),
         className: cn(
           "ds:peer ds:border-rule-strong ds:bg-surface ds:text-brand ds:flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center ds:border",
-          shape === "circle" ? "ds:rounded-full" : "ds:rounded-[4px]",
+          shape === "circle" ? "ds:rounded-full" : "ds:rounded-badge",
           microInteractions.selection,
           "ds:hover:border-fg-4",
           "ds:focus-visible:[border-color:var(--focus-ring-border)] ds:focus-visible:[box-shadow:var(--shadow-focus-ring-field)] ds:focus-visible:outline-none",
@@ -2210,7 +2223,10 @@ var Checkbox = React7.forwardRef(function Checkbox2({
       {
         htmlFor: wiring.id,
         ...slot(checkboxAnatomy, "label"),
-        className: "ds:text-fg ds:peer-disabled:text-fg-disabled ds:cursor-pointer ds:text-[13px] ds:leading-none ds:select-none ds:peer-disabled:cursor-not-allowed",
+        className: cn(
+          "ds:text-fg ds:peer-disabled:text-fg-disabled ds:cursor-pointer ds:leading-none ds:select-none ds:peer-disabled:cursor-not-allowed",
+          CONTROL_LABEL_TEXT
+        ),
         children: label
       }
     )
@@ -2300,7 +2316,7 @@ var Pressable = forwardRef(function Pressable2({
   );
 });
 Pressable.displayName = "Pressable";
-var PRESSABLE_CLASSES = "ds:cursor-pointer ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:data-[disabled]:pointer-events-none";
+var PRESSABLE_CLASSES = "ds:cursor-pointer ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:data-[disabled]:pointer-events-none ds:data-[disabled]:cursor-not-allowed";
 function isNativeButton(element) {
   if (element.tagName === "BUTTON") return true;
   if (element.tagName !== "INPUT") return false;
@@ -2784,7 +2800,7 @@ var DropdownMenuSubContent = React7.forwardRef(({ className, ...props }, ref) =>
       ...slot(dropdownMenuAnatomy, "sub-content"),
       ...presence("floating"),
       className: cn(
-        "ds:rounded-card ds:border-menu-border ds:bg-menu-bg ds:text-menu-fg ds:shadow-pop ds:z-[var(--z-dropdown)] ds:min-w-[8rem] ds:overflow-hidden ds:border ds:p-1",
+        "ds:rounded-card ds:border-rule ds:bg-menu-bg ds:text-menu-fg ds:shadow-pop ds:z-[var(--z-dropdown)] ds:min-w-[8rem] ds:overflow-hidden ds:border ds:p-1",
         className
       ),
       ...props
@@ -2801,7 +2817,7 @@ var DropdownMenuContent = React7.forwardRef(({ className, sideOffset = 6, align
     sideOffset,
     align,
     className: cn(
-      "ds:rounded-card ds:border-menu-border ds:bg-menu-bg ds:text-menu-fg ds:shadow-pop ds:z-[var(--z-dropdown)] ds:min-w-[10rem] ds:overflow-hidden ds:border ds:p-1",
+      "ds:rounded-card ds:border-rule ds:bg-menu-bg ds:text-menu-fg ds:shadow-pop ds:z-[var(--z-dropdown)] ds:min-w-[10rem] ds:overflow-hidden ds:border ds:p-1",
       DROPDOWN_MENU_WIDTH[width],
       className
     ),
@@ -2857,7 +2873,11 @@ var DropdownMenuLabel = React7.forwardRef(({ className, inset, ...props }, ref)
   {
     ref,
     ...slot(dropdownMenuAnatomy, "label"),
-    className: cn(menuLabelClasses(PALETTE, "ds:text-[11px]"), inset && MENU_INSET, className),
+    className: cn(
+      menuLabelClasses(PALETTE, "ds:text-(length:--text-overline)"),
+      inset && MENU_INSET,
+      className
+    ),
     ...props
   }
 ));
@@ -2876,7 +2896,7 @@ var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "span",
   {
     ...slot(dropdownMenuAnatomy, "shortcut"),
-    className: cn(menuShortcutClasses(PALETTE, "ds:text-[11px]"), className),
+    className: cn(menuShortcutClasses(PALETTE, "ds:text-(length:--text-code)"), className),
     ...props
   }
 );
@@ -3018,8 +3038,8 @@ function FileUpload({
       /* @__PURE__ */ jsx("span", { className: "ds:text-fg ds:font-medium", children: messages.prompt }),
       messages.dragHint
     ] }),
-    accept && /* @__PURE__ */ jsx("p", { className: "ds:text-fg-4 ds:font-mono ds:text-[10.5px]", children: messages.accepted(accept) }),
-    maxSize && /* @__PURE__ */ jsx("p", { className: "ds:text-fg-4 ds:font-mono ds:text-[10.5px]", children: messages.maxSize(formatBytes(maxSize)) })
+    accept && /* @__PURE__ */ jsx("p", { className: "ds:text-fg-4 ds:font-mono ds:text-(length:--text-code)", children: messages.accepted(accept) }),
+    maxSize && /* @__PURE__ */ jsx("p", { className: "ds:text-fg-4 ds:font-mono ds:text-(length:--text-code)", children: messages.maxSize(formatBytes(maxSize)) })
   ] });
   return /* @__PURE__ */ jsxs(
     "div",
@@ -3190,9 +3210,9 @@ function inputVariants({
 }
 var floatingLabelSize = {
   sm: "ds:text-xs",
-  md: "ds:text-[13px]",
+  md: "ds:text-(length:--control-font-size-md)",
   lg: "ds:text-sm",
-  compact: "ds:text-[13px]",
+  compact: "ds:text-(length:--control-font-size-md)",
   default: "ds:text-sm",
   comfortable: "ds:text-base",
   xs: "ds:text-(length:--control-font-size-xs)",
@@ -3269,7 +3289,7 @@ var Input = forwardRef(function Input2({
         id: partId(id, "label"),
         ...slot(inputAnatomy, "label"),
         className: cn(
-          "ds:text-fg ds:mb-1.5 ds:block ds:text-[13px] ds:leading-none ds:font-medium",
+          "ds:text-fg ds:mb-1.5 ds:block ds:text-(length:--control-font-size-md) ds:leading-none ds:font-medium",
           classNames?.label
         ),
         children: label
@@ -3484,7 +3504,7 @@ var Textarea = forwardRef(function Textarea2({
         id: partId(id, "label"),
         ...slot(textareaAnatomy, "label"),
         className: cn(
-          "ds:text-fg ds:mb-1.5 ds:block ds:text-[13px] ds:leading-none ds:font-medium",
+          "ds:text-fg ds:mb-1.5 ds:block ds:text-(length:--control-font-size-md) ds:leading-none ds:font-medium",
           classNames?.label
         ),
         children: label
@@ -3544,7 +3564,7 @@ var Textarea = forwardRef(function Textarea2({
         {
           ...slot(textareaAnatomy, "count"),
           className: cn(
-            "ds:text-fg-4 ds:ml-auto ds:font-mono ds:text-[11px]",
+            "ds:text-fg-4 ds:ml-auto ds:font-mono ds:text-(length:--text-caption)",
             classNames?.count
           ),
           children: [
@@ -3749,6 +3769,6 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, appro
 });
 DocumentRow.displayName = "DocumentRow";
 
-export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, 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-NBI7E3VT.js.map
-//# sourceMappingURL=chunk-NBI7E3VT.js.map
+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