@expcat/tigercat-core 2.0.0-rc.2 → 2.0.4

package/dist/index.js

@@ -1048,10 +1048,10 @@ var SVG_DEFAULT_VIEWBOX_24 = "0 0 24 24";
 var SVG_DEFAULT_VIEWBOX_20 = "0 0 20 20";
 var SVG_DEFAULT_FILL = "none";
 var SVG_DEFAULT_STROKE = "currentColor";
-function getSvgDefaultAttrs(size = 24) {
+function getSvgDefaultAttrs(size2 = 24) {
   return {
     xmlns: SVG_DEFAULT_XMLNS,
-    viewBox: size === 20 ? SVG_DEFAULT_VIEWBOX_20 : SVG_DEFAULT_VIEWBOX_24,
+    viewBox: size2 === 20 ? SVG_DEFAULT_VIEWBOX_20 : SVG_DEFAULT_VIEWBOX_24,
     fill: SVG_DEFAULT_FILL
   };
 }
@@ -1317,6 +1317,8 @@ function focusFirstMenuItem(container) {
 // src/utils/overlay-utils.ts
 var bodyScrollLockCount = 0;
 var previousBodyOverflow = "";
+var escapeDismissStacks = /* @__PURE__ */ new WeakMap();
+var escapeDismissOrder = 0;
 function getComposedPath(event) {
   const eventWithPath = event;
   if (typeof eventWithPath.composedPath === "function") {
@@ -1359,7 +1361,16 @@ function getFocusableElements2(root) {
   ];
   const elements = Array.from(root.querySelectorAll(selectors.join(",")));
   return elements.filter((el) => {
-    if (el.getAttribute("aria-hidden") === "true") return false;
+    let current = el;
+    while (current) {
+      if (current.hidden || current.getAttribute("aria-hidden") === "true") return false;
+      if (current.style.display === "none" || current.style.visibility === "hidden") return false;
+      const view = current.ownerDocument.defaultView;
+      const style = view?.getComputedStyle(current);
+      if (style?.display === "none" || style?.visibility === "hidden") return false;
+      if (current === root) break;
+      current = current.parentElement;
+    }
     if (el.getAttribute("disabled") !== null) return false;
     if (el.tabIndex < 0) return false;
     return true;
@@ -1386,6 +1397,49 @@ function getFocusTrapNavigation(event, focusables, activeElement) {
   }
   return { shouldHandle: false };
 }
+function compareEscapeDismissEntries(ownerDocument, a, b) {
+  const aLayer = a.getLayer?.();
+  const bLayer = b.getLayer?.();
+  if (aLayer && bLayer && aLayer !== bLayer) {
+    if (aLayer.contains(bLayer)) return -1;
+    if (bLayer.contains(aLayer)) return 1;
+    const view = ownerDocument.defaultView;
+    const aZIndex = Number.parseFloat(view?.getComputedStyle(aLayer).zIndex ?? "");
+    const bZIndex = Number.parseFloat(view?.getComputedStyle(bLayer).zIndex ?? "");
+    if (Number.isFinite(aZIndex) && Number.isFinite(bZIndex) && aZIndex !== bZIndex) {
+      return aZIndex - bZIndex;
+    }
+    const position = aLayer.compareDocumentPosition(bLayer);
+    if (position & 4) return -1;
+    if (position & 2) return 1;
+  }
+  return a.order - b.order;
+}
+function registerEscapeDismiss(ownerDocument, dismiss, getLayer) {
+  let stack = escapeDismissStacks.get(ownerDocument);
+  if (!stack) {
+    stack = [];
+    escapeDismissStacks.set(ownerDocument, stack);
+    const entries = stack;
+    ownerDocument.addEventListener("keydown", (event) => {
+      if (event.defaultPrevented || !isEscapeKey(event)) return;
+      const topmost = entries.reduce((current, entry2) => {
+        if (!current) return entry2;
+        return compareEscapeDismissEntries(ownerDocument, current, entry2) < 0 ? entry2 : current;
+      }, void 0);
+      if (topmost) {
+        event.preventDefault();
+        topmost.dismiss();
+      }
+    });
+  }
+  const entry = { dismiss, getLayer, order: ++escapeDismissOrder };
+  stack.push(entry);
+  return () => {
+    const index = stack.lastIndexOf(entry);
+    if (index >= 0) stack.splice(index, 1);
+  };
+}
 function lockBodyScroll(targetDocument) {
   const resolvedDocument = targetDocument ?? (isBrowser() ? document : void 0);
   const body = resolvedDocument?.body;
@@ -2615,28 +2669,28 @@ function focusTimePickerOption(panel, unit, action) {
 }
 var timePickerBaseClasses = "relative inline-block w-full max-w-xs";
 var timePickerInputWrapperClasses = "relative flex items-center";
-function getTimePickerInputClasses(size, disabled, showClear = false) {
+function getTimePickerInputClasses(size2, disabled, showClear = false) {
   const baseClasses = [
-    "w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-gray-300",
+    "w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#d1d5db)]",
     "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:border-transparent",
     "transition-colors duration-200",
     // Reserve space for the clock button (right-1 + w-6/8/10 per size),
     // plus the clear button (right-10, 24px wide) only when it is visible
-    showClear ? "pr-16" : { sm: "pr-8", md: "pr-10", lg: "pr-12" }[size]
+    showClear ? "pr-16" : { sm: "pr-8", md: "pr-10", lg: "pr-12" }[size2]
   ];
   const sizeClasses3 = {
     sm: "px-2 py-1 text-sm",
     md: "px-3 py-2 text-base",
     lg: "px-4 py-3 text-lg"
   };
-  const stateClasses = disabled ? "bg-gray-100 text-gray-400 cursor-not-allowed" : "bg-white text-gray-900 cursor-pointer hover:border-gray-400";
-  return [...baseClasses, sizeClasses3[size], stateClasses].join(" ");
+  const stateClasses = disabled ? "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text-muted,#9ca3af)] cursor-not-allowed" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] cursor-pointer hover:border-[var(--tiger-text-muted,#9ca3af)]";
+  return [...baseClasses, sizeClasses3[size2], stateClasses].join(" ");
 }
-function getTimePickerIconButtonClasses(size) {
+function getTimePickerIconButtonClasses(size2) {
   const baseClasses = [
     "absolute right-1 flex items-center justify-center",
-    "text-gray-400 hover:text-gray-600",
-    "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1",
+    "text-[var(--tiger-text-muted,#9ca3af)] hover:text-[var(--tiger-text,#111827)]",
+    "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 focus:ring-offset-[var(--tiger-surface,#ffffff)]",
     "rounded transition-colors duration-200",
     "disabled:cursor-not-allowed disabled:opacity-50"
   ];
@@ -2645,34 +2699,34 @@ function getTimePickerIconButtonClasses(size) {
     md: "w-8 h-8",
     lg: "w-10 h-10"
   };
-  return [...baseClasses, sizeClasses3[size]].join(" ");
+  return [...baseClasses, sizeClasses3[size2]].join(" ");
 }
 var timePickerClearButtonClasses = [
   "absolute right-10 flex items-center justify-center",
-  "w-6 h-6 text-gray-400 hover:text-gray-600",
-  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1",
+  "w-6 h-6 text-[var(--tiger-text-muted,#9ca3af)] hover:text-[var(--tiger-text,#111827)]",
+  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 focus:ring-offset-[var(--tiger-surface,#ffffff)]",
   "rounded transition-colors duration-200"
 ].join(" ");
 var timePickerPanelClasses = [
-  "absolute z-10 mt-1 bg-white border border-gray-200 rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg",
-  "w-max max-sm:fixed max-sm:inset-x-0 max-sm:bottom-0 max-sm:z-50 max-sm:mt-0 max-sm:w-auto max-sm:rounded-t-[var(--tiger-radius-lg,0.75rem)] max-sm:rounded-b-none max-sm:p-4 max-sm:shadow-2xl max-sm:pb-[calc(1rem+env(safe-area-inset-bottom))]"
+  "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg",
+  "w-max max-sm:w-auto max-sm:rounded-t-[var(--tiger-radius-lg,0.75rem)] max-sm:rounded-b-none max-sm:p-4 max-sm:shadow-2xl max-sm:pb-[calc(1rem+env(safe-area-inset-bottom))]"
 ].join(" ");
-var timePickerPanelContentClasses = "flex divide-x divide-gray-200";
-var timePickerDesktopPanelContentClasses = "max-sm:hidden flex divide-x divide-gray-200";
+var timePickerPanelContentClasses = "flex divide-x divide-[var(--tiger-border,#e5e7eb)]";
+var timePickerDesktopPanelContentClasses = "max-sm:hidden flex divide-x divide-[var(--tiger-border,#e5e7eb)]";
 var timePickerMobileWheelClasses = "sm:hidden grid grid-cols-3 gap-2";
 var timePickerMobileWheelSelectClasses = [
-  "w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-gray-300 bg-white px-3 py-3",
-  "text-center text-base text-gray-900 focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)]"
+  "w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#d1d5db)] bg-[var(--tiger-surface,#ffffff)] px-3 py-3",
+  "text-center text-base text-[var(--tiger-text,#111827)] focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)]"
 ].join(" ");
 var timePickerRangeHeaderClasses = [
-  "px-3 py-2 border-b border-gray-200 bg-gray-50",
+  "px-3 py-2 border-b border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]",
   "flex items-center gap-2"
 ].join(" ");
 function getTimePickerRangeTabButtonClasses(isActive) {
   const baseClasses = [
     "px-3 py-1 text-xs font-medium rounded",
-    "border border-gray-300",
-    "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1",
+    "border border-[var(--tiger-border,#d1d5db)]",
+    "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 focus:ring-offset-[var(--tiger-surface,#ffffff)]",
     "transition-colors duration-150"
   ];
   if (isActive) {
@@ -2680,25 +2734,31 @@ function getTimePickerRangeTabButtonClasses(isActive) {
       " "
     );
   }
-  return [...baseClasses, "bg-white hover:bg-gray-50 text-gray-700"].join(" ");
+  return [
+    ...baseClasses,
+    "bg-[var(--tiger-surface,#ffffff)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] text-[var(--tiger-text,#374151)]"
+  ].join(" ");
 }
 var timePickerColumnClasses = "flex flex-col overflow-hidden shrink-0 w-16";
 var timePickerColumnHeaderClasses = [
-  "px-2 py-1 text-xs font-semibold text-gray-500 text-center",
-  "bg-gray-50 border-b border-gray-200"
+  "px-2 py-1 text-xs font-semibold text-[var(--tiger-text-muted,#6b7280)] text-center",
+  "bg-[var(--tiger-surface-muted,#f9fafb)] border-b border-[var(--tiger-border,#e5e7eb)]"
 ].join(" ");
 var timePickerColumnListClasses = [
-  "overflow-y-auto max-h-48 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100"
+  "overflow-y-auto max-h-48 scrollbar-thin scrollbar-thumb-[var(--tiger-border,#d1d5db)] scrollbar-track-[var(--tiger-surface-muted,#f3f4f6)]"
 ].join(" ");
 function getTimePickerItemClasses(isSelected, isDisabled) {
   const baseClasses = [
     "w-full px-3 py-1.5 text-sm text-center",
-    "hover:bg-gray-100 focus:outline-none focus:bg-gray-100",
+    "hover:bg-[var(--tiger-surface-muted,#f3f4f6)] focus:outline-none focus:bg-[var(--tiger-surface-muted,#f3f4f6)]",
     "transition-colors duration-150",
     "cursor-pointer"
   ];
   if (isDisabled) {
-    return [...baseClasses, "text-gray-300 cursor-not-allowed hover:bg-transparent"].join(" ");
+    return [
+      ...baseClasses,
+      "text-[var(--tiger-text-muted,#9ca3af)] opacity-50 cursor-not-allowed hover:bg-transparent"
+    ].join(" ");
   }
   if (isSelected) {
     return [
@@ -2708,12 +2768,12 @@ function getTimePickerItemClasses(isSelected, isDisabled) {
       "font-medium"
     ].join(" ");
   }
-  return [...baseClasses, "text-gray-700"].join(" ");
+  return [...baseClasses, "text-[var(--tiger-text,#374151)]"].join(" ");
 }
 function getTimePickerPeriodButtonClasses(isSelected) {
   const baseClasses = [
     "w-full px-3 py-2 text-sm font-medium text-center",
-    "hover:bg-gray-100 focus:outline-none focus:bg-gray-100",
+    "hover:bg-[var(--tiger-surface-muted,#f3f4f6)] focus:outline-none focus:bg-[var(--tiger-surface-muted,#f3f4f6)]",
     "transition-colors duration-150",
     "cursor-pointer"
   ];
@@ -2724,18 +2784,18 @@ function getTimePickerPeriodButtonClasses(isSelected) {
       "hover:bg-[var(--tiger-primary-hover,#1d4ed8)]"
     ].join(" ");
   }
-  return [...baseClasses, "text-gray-700"].join(" ");
+  return [...baseClasses, "text-[var(--tiger-text,#374151)]"].join(" ");
 }
 var timePickerFooterClasses = [
-  "px-3 py-2 border-t border-gray-200",
+  "px-3 py-2 border-t border-[var(--tiger-border,#e5e7eb)]",
   "flex items-center justify-between gap-2"
 ].join(" ");
 var timePickerFooterButtonClasses = [
   "px-3 py-1 text-xs font-medium rounded",
-  "border border-gray-300 hover:border-gray-400",
-  "bg-white hover:bg-gray-50",
-  "text-gray-700",
-  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1",
+  "border border-[var(--tiger-border,#d1d5db)] hover:border-[var(--tiger-text-muted,#9ca3af)]",
+  "bg-[var(--tiger-surface,#ffffff)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]",
+  "text-[var(--tiger-text,#374151)]",
+  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 focus:ring-offset-[var(--tiger-surface,#ffffff)]",
   "transition-colors duration-150"
 ].join(" ");
 
@@ -3131,7 +3191,7 @@ var tabFocusClasses = "focus:outline-none focus-visible:ring-2 focus-visible:rin
 var menuItemFocusClasses = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] focus-visible:ring-inset";
 
 // src/utils/button-utils.ts
-var buttonBaseClasses = "inline-flex items-center justify-center font-medium rounded-[var(--tiger-radius-md,0.5rem)] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]/40 active:scale-[0.98]";
+var buttonBaseClasses = "inline-flex items-center justify-center whitespace-nowrap font-medium rounded-[var(--tiger-radius-md,0.5rem)] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]/40 active:scale-[0.98]";
 var buttonSizeClasses = {
   xs: "px-2 py-1 text-xs",
   sm: "px-3 py-1.5 text-sm",
@@ -3185,11 +3245,11 @@ var INPUT_PADDING = {
   lg: { left: "pl-4", right: "pr-4", prefixLeft: "pl-12", suffixRight: "pr-12" }
 };
 function getInputClasses(options = {}) {
-  const { size = "md", status = "default", hasPrefix, hasSuffix } = options;
-  const pad = INPUT_PADDING[size];
+  const { size: size2 = "md", status = "default", hasPrefix, hasSuffix } = options;
+  const pad = INPUT_PADDING[size2];
   return classNames(
     ...BASE_INPUT_CLASSES,
-    INPUT_SIZE_CLASSES[size],
+    INPUT_SIZE_CLASSES[size2],
     STATUS_CLASSES[status],
     hasPrefix ? pad.prefixLeft : pad.left,
     hasSuffix ? pad.suffixRight : pad.right
@@ -3198,35 +3258,35 @@ function getInputClasses(options = {}) {
 function getInputWrapperClasses() {
   return "relative w-full";
 }
-function getInputAffixClasses(position, size = "md") {
+function getInputAffixClasses(position, size2 = "md") {
   const base = "absolute top-0 bottom-0 flex items-center justify-center text-gray-500";
   const posClass = position === "prefix" ? "left-0" : "right-0";
   const widthClass = {
     sm: "w-8",
     md: "w-10",
     lg: "w-12"
-  }[size];
+  }[size2];
   return classNames(base, posClass, widthClass);
 }
-function getInputErrorClasses(size = "md") {
+function getInputErrorClasses(size2 = "md") {
   return classNames(
     "absolute inset-y-0 right-0 flex items-center pointer-events-none",
-    INPUT_PADDING[size].right,
+    INPUT_PADDING[size2].right,
     "text-red-500 text-sm"
   );
 }
-function getInputClearButtonClasses(size = "md") {
+function getInputClearButtonClasses(size2 = "md") {
   return classNames(
     "absolute inset-y-0 right-0 flex items-center cursor-pointer",
     "text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-text,#111827)]",
-    INPUT_PADDING[size].right
+    INPUT_PADDING[size2].right
   );
 }
-function getInputPasswordToggleClasses(size = "md") {
+function getInputPasswordToggleClasses(size2 = "md") {
   return classNames(
     "absolute inset-y-0 right-0 flex items-center cursor-pointer",
     "text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-text,#111827)]",
-    INPUT_PADDING[size].right
+    INPUT_PADDING[size2].right
   );
 }
 function getInputCountClasses(isOverLimit = false) {
@@ -3275,22 +3335,22 @@ var WRAPPER_SIZE_CLASSES = {
   md: "h-10",
   lg: "h-12"
 };
-function getInputNumberSizeClasses(size = "md") {
-  return WRAPPER_SIZE_CLASSES[size];
+function getInputNumberSizeClasses(size2 = "md") {
+  return WRAPPER_SIZE_CLASSES[size2];
 }
 var INPUT_SIZE_CLASSES2 = {
   sm: "text-sm px-2",
   md: "text-base px-3",
   lg: "text-lg px-4"
 };
-function getInputNumberInputClasses(size = "md", hasControlsRight, hasControlsBoth) {
+function getInputNumberInputClasses(size2 = "md", hasControlsRight, hasControlsBoth) {
   return classNames(
     "w-full h-full bg-transparent border-0 outline-none",
     "text-[var(--tiger-text,#111827)]",
     "placeholder:text-[var(--tiger-text-muted,#6b7280)]",
     "disabled:text-[var(--tiger-text-muted,#6b7280)] disabled:cursor-not-allowed",
     "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-    INPUT_SIZE_CLASSES2[size],
+    INPUT_SIZE_CLASSES2[size2],
     hasControlsRight && "pr-8",
     hasControlsBoth && "px-8 text-center"
   );
@@ -3381,31 +3441,31 @@ var ERROR_MIN_HEIGHT = {
   lg: "min-h-[1.5rem]"
 };
 function getFormItemClasses(options = {}) {
-  const { size = "md", labelPosition = "right", hasError = false, disabled = false } = options;
+  const { size: size2 = "md", labelPosition = "right", hasError = false, disabled = false } = options;
   const layoutClasses = labelPosition === "top" ? "flex flex-col gap-2" : "flex items-start gap-4";
   return classNames(
     "tiger-form-item",
     "w-full",
-    `tiger-form-item--${size}`,
+    `tiger-form-item--${size2}`,
     `tiger-form-item--label-${labelPosition}`,
     layoutClasses,
-    FORM_ITEM_SPACING[size],
+    FORM_ITEM_SPACING[size2],
     hasError && "tiger-form-item--error",
     disabled && "tiger-form-item--disabled"
   );
 }
 function getFormItemLabelClasses(options = {}) {
-  const { size = "md", labelPosition = "right", isRequired = false } = options;
+  const { size: size2 = "md", labelPosition = "right", isRequired = false } = options;
   const labelAlign = options.labelAlign ?? (labelPosition === "top" ? "left" : "right");
   const alignClass = labelAlign === "right" ? "text-right" : "text-left";
   const positionClasses = labelPosition === "top" ? "w-full" : "shrink-0";
-  const paddingClass = labelPosition === "top" ? "" : LABEL_PADDING_TOP[size];
+  const paddingClass = labelPosition === "top" ? "" : LABEL_PADDING_TOP[size2];
   return classNames(
     "tiger-form-item__label",
     `tiger-form-item__label--${labelAlign}`,
     "font-medium",
     "text-[var(--tiger-text,#111827)]",
-    LABEL_TEXT_SIZE[size],
+    LABEL_TEXT_SIZE[size2],
     alignClass,
     positionClasses,
     paddingClass,
@@ -3424,12 +3484,12 @@ function getFormItemContentClasses(labelPosition = "right") {
 function getFormItemFieldClasses() {
   return classNames("tiger-form-item__field", "w-full");
 }
-function getFormItemErrorClasses(size = "md") {
+function getFormItemErrorClasses(size2 = "md") {
   return classNames(
     "tiger-form-item__error",
     "mt-1",
-    ERROR_TEXT_SIZE[size],
-    ERROR_MIN_HEIGHT[size],
+    ERROR_TEXT_SIZE[size2],
+    ERROR_MIN_HEIGHT[size2],
     "text-[var(--tiger-error,#ef4444)]",
     "transition-opacity",
     "duration-150",
@@ -3474,7 +3534,7 @@ var SELECT_TRIGGER_DISABLED_CLASSES_STRING = [
   "disabled:cursor-not-allowed",
   "disabled:border-[var(--tiger-select-trigger-border-disabled,var(--tiger-border,#e5e7eb))]"
 ].join(" ");
-var selectDropdownBaseClasses = "absolute z-50 w-full mt-1 bg-[var(--tiger-select-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-select-dropdown-border,var(--tiger-border,#e5e7eb))] rounded-[var(--tiger-radius-lg,0.75rem)] shadow-lg max-h-60 overflow-auto max-sm:fixed max-sm:inset-0 max-sm:mt-0 max-sm:w-auto max-sm:max-h-none max-sm:rounded-none max-sm:border-0 max-sm:shadow-none max-sm:pt-[env(safe-area-inset-top)] max-sm:pb-[env(safe-area-inset-bottom)]";
+var selectDropdownBaseClasses = "bg-[var(--tiger-select-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-select-dropdown-border,var(--tiger-border,#e5e7eb))] rounded-[var(--tiger-radius-lg,0.75rem)] shadow-lg max-h-60 overflow-auto max-sm:w-auto max-sm:max-h-none max-sm:rounded-none max-sm:border-0 max-sm:shadow-none max-sm:pt-[env(safe-area-inset-top)] max-sm:pb-[env(safe-area-inset-bottom)]";
 var selectOptionBaseClasses = "w-full px-3 py-2 text-left cursor-pointer transition-colors text-[var(--tiger-select-option-text,var(--tiger-text,#111827))] hover:bg-[var(--tiger-select-option-bg-hover,var(--tiger-outline-bg-hover,#eff6ff))]";
 var selectOptionSelectedClasses = "bg-[var(--tiger-select-option-bg-selected,var(--tiger-outline-bg-hover,#eff6ff))] text-[var(--tiger-select-option-text-selected,var(--tiger-primary,#2563eb))] font-medium";
 var selectOptionDisabledClasses = "opacity-50 cursor-not-allowed hover:bg-[var(--tiger-select-dropdown-bg,var(--tiger-surface,#ffffff))]";
@@ -3493,24 +3553,24 @@ var SELECT_VIRTUAL_ITEM_HEIGHT = {
   md: 40,
   lg: 48
 };
-function getSelectVirtualItemHeight(size = "md") {
-  return SELECT_VIRTUAL_ITEM_HEIGHT[size] ?? SELECT_VIRTUAL_ITEM_HEIGHT.md;
+function getSelectVirtualItemHeight(size2 = "md") {
+  return SELECT_VIRTUAL_ITEM_HEIGHT[size2] ?? SELECT_VIRTUAL_ITEM_HEIGHT.md;
 }
-function getSelectSizeClasses(size) {
-  return SELECT_SIZE_CLASSES[size];
+function getSelectSizeClasses(size2) {
+  return SELECT_SIZE_CLASSES[size2];
 }
-function getSelectTriggerClasses(size, disabled, isOpen) {
+function getSelectTriggerClasses(size2, disabled, isOpen) {
   return classNames(
     ...SELECT_TRIGGER_BASE_CLASSES,
-    getSelectSizeClasses(size),
+    getSelectSizeClasses(size2),
     disabled && SELECT_TRIGGER_DISABLED_CLASSES_STRING,
     isOpen && "ring-2 ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))] border-[var(--tiger-select-trigger-border-focus,var(--tiger-primary,#2563eb))]"
   );
 }
-function getSelectOptionClasses(isSelected, isDisabled, size) {
+function getSelectOptionClasses(isSelected, isDisabled, size2) {
   return classNames(
     selectOptionBaseClasses,
-    getSelectSizeClasses(size),
+    getSelectSizeClasses(size2),
     isSelected && selectOptionSelectedClasses,
     isDisabled && selectOptionDisabledClasses
   );
@@ -3980,29 +4040,29 @@ var radioSizeClasses = {
   }
 };
 var getRadioVisualClasses = ({
-  size,
+  size: size2,
   checked,
   disabled,
   colors
 }) => classNames(
   radioVisualBaseClasses,
   radioFocusVisibleClasses,
-  radioSizeClasses[size].radio,
+  radioSizeClasses[size2].radio,
   checked ? colors.borderChecked : colors.border,
   checked ? colors.bgChecked : colors.bg,
   disabled && colors.disabled,
   disabled && radioDisabledCursorClasses,
   !disabled && radioHoverBorderClasses
 );
-var getRadioDotClasses = ({ size, checked, colors }) => classNames(
+var getRadioDotClasses = ({ size: size2, checked, colors }) => classNames(
   radioDotBaseClasses,
-  radioSizeClasses[size].dot,
+  radioSizeClasses[size2].dot,
   colors.innerDot,
   checked ? "scale-100" : "scale-0"
 );
-var getRadioLabelClasses = ({ size, disabled, colors }) => classNames(
+var getRadioLabelClasses = ({ size: size2, disabled, colors }) => classNames(
   radioLabelBaseClasses,
-  radioSizeClasses[size].label,
+  radioSizeClasses[size2].label,
   disabled ? colors.textDisabled : "text-[var(--tiger-text,#111827)]",
   disabled && radioDisabledCursorClasses
 );
@@ -4315,15 +4375,15 @@ function getDatePickerCalendarCellState(input) {
 // src/utils/datepicker-styles.ts
 var datePickerBaseClasses = "relative inline-block w-full";
 var datePickerInputWrapperClasses = "relative w-full";
-function getDatePickerInputClasses(size = "md", disabled = false, showClear = false) {
+function getDatePickerInputClasses(size2 = "md", disabled = false, showClear = false) {
   const baseClasses = [
     "w-full",
     "rounded-[var(--tiger-radius-md,0.5rem)]",
     "border",
-    "border-gray-300",
-    "bg-white",
-    "text-gray-900",
-    "placeholder-gray-400",
+    "border-[var(--tiger-border,#d1d5db)]",
+    "bg-[var(--tiger-surface,#ffffff)]",
+    "text-[var(--tiger-text,#111827)]",
+    "placeholder:text-[var(--tiger-text-muted,#9ca3af)]",
     "focus:outline-none",
     "focus:ring-2",
     "focus:ring-[var(--tiger-primary,#2563eb)]",
@@ -4335,11 +4395,15 @@ function getDatePickerInputClasses(size = "md", disabled = false, showClear = fa
     md: "px-3 py-2 text-base",
     lg: "px-4 py-3 text-lg"
   };
-  const rightPaddingClasses = showClear ? "pr-16" : { sm: "pr-10", md: "pr-12", lg: "pr-14" }[size];
-  const disabledClasses = disabled ? ["bg-gray-100", "cursor-not-allowed", "text-gray-500"] : ["cursor-pointer"];
-  return classNames(...baseClasses, sizeClasses3[size], rightPaddingClasses, ...disabledClasses);
-}
-function getDatePickerIconButtonClasses(size = "md") {
+  const rightPaddingClasses = showClear ? "pr-16" : { sm: "pr-10", md: "pr-12", lg: "pr-14" }[size2];
+  const disabledClasses = disabled ? [
+    "bg-[var(--tiger-surface-muted,#f3f4f6)]",
+    "cursor-not-allowed",
+    "text-[var(--tiger-text-muted,#6b7280)]"
+  ] : ["cursor-pointer"];
+  return classNames(...baseClasses, sizeClasses3[size2], rightPaddingClasses, ...disabledClasses);
+}
+function getDatePickerIconButtonClasses(size2 = "md") {
   const baseClasses = [
     "absolute",
     "right-0",
@@ -4348,8 +4412,8 @@ function getDatePickerIconButtonClasses(size = "md") {
     "flex",
     "items-center",
     "justify-center",
-    "text-gray-400",
-    "hover:text-gray-600",
+    "text-[var(--tiger-text-muted,#9ca3af)]",
+    "hover:text-[var(--tiger-text,#111827)]",
     "transition-colors"
   ];
   const sizeClasses3 = {
@@ -4357,15 +4421,12 @@ function getDatePickerIconButtonClasses(size = "md") {
     md: "px-3",
     lg: "px-4"
   };
-  return classNames(...baseClasses, sizeClasses3[size]);
+  return classNames(...baseClasses, sizeClasses3[size2]);
 }
 var datePickerCalendarClasses = classNames(
-  "absolute",
-  "z-50",
-  "mt-1",
-  "bg-white",
+  "bg-[var(--tiger-surface,#ffffff)]",
   "border",
-  "border-gray-300",
+  "border-[var(--tiger-border,#d1d5db)]",
   "rounded-[var(--tiger-radius-md,0.5rem)]",
   "shadow-lg",
   "p-4",
@@ -4374,14 +4435,10 @@ var datePickerCalendarClasses = classNames(
 );
 var datePickerMobileWheelClasses = classNames(
   "sm:hidden",
-  "fixed",
-  "inset-x-0",
-  "bottom-0",
-  "z-50",
   "rounded-t-[var(--tiger-radius-lg,0.75rem)]",
   "border",
-  "border-gray-200",
-  "bg-white",
+  "border-[var(--tiger-border,#e5e7eb)]",
+  "bg-[var(--tiger-surface,#ffffff)]",
   "p-4",
   "shadow-2xl",
   "pb-[calc(1rem+env(safe-area-inset-bottom))]"
@@ -4391,13 +4448,13 @@ var datePickerMobileWheelSelectClasses = classNames(
   "w-full",
   "rounded-[var(--tiger-radius-md,0.5rem)]",
   "border",
-  "border-gray-300",
-  "bg-white",
+  "border-[var(--tiger-border,#d1d5db)]",
+  "bg-[var(--tiger-surface,#ffffff)]",
   "px-3",
   "py-3",
   "text-center",
   "text-base",
-  "text-gray-900",
+  "text-[var(--tiger-text,#111827)]",
   "focus:outline-none",
   "focus:ring-2",
   "focus:ring-[var(--tiger-primary,#2563eb)]"
@@ -4411,27 +4468,31 @@ var datePickerCalendarHeaderClasses = classNames(
 var datePickerNavButtonClasses = classNames(
   "p-2",
   "rounded-[var(--tiger-radius-md,0.5rem)]",
-  "hover:bg-gray-100",
+  "hover:bg-[var(--tiger-surface-muted,#f3f4f6)]",
   "transition-colors",
-  "text-gray-600",
-  "hover:text-gray-900",
+  "text-[var(--tiger-text-muted,#4b5563)]",
+  "hover:text-[var(--tiger-text,#111827)]",
   "focus:outline-none",
   "focus:ring-2",
   "focus:ring-[var(--tiger-primary,#2563eb)]"
 );
-var datePickerMonthYearClasses = classNames("text-base", "font-semibold", "text-gray-900");
+var datePickerMonthYearClasses = classNames(
+  "text-base",
+  "font-semibold",
+  "text-[var(--tiger-text,#111827)]"
+);
 var datePickerCalendarGridClasses = classNames("grid", "grid-cols-7", "gap-1");
 var datePickerDayNameClasses = classNames(
   "text-center",
   "text-xs",
   "font-medium",
-  "text-gray-500",
+  "text-[var(--tiger-text-muted,#6b7280)]",
   "py-2"
 );
 function getDatePickerDayCellClasses(isCurrentMonth, isSelected, isToday2, isDisabled, isInRange = false, isRangeStart = false, isRangeEnd = false) {
   const base = "w-10 h-10 flex items-center justify-center rounded-[var(--tiger-radius-md,0.5rem)] text-sm transition-colors";
   if (isDisabled) {
-    return classNames(base, "cursor-not-allowed text-gray-300");
+    return classNames(base, "cursor-not-allowed text-[var(--tiger-text-muted,#9ca3af)] opacity-50");
   }
   if (isSelected || isRangeStart || isRangeEnd) {
     return classNames(
@@ -4441,18 +4502,24 @@ function getDatePickerDayCellClasses(isCurrentMonth, isSelected, isToday2, isDis
       "hover:bg-[var(--tiger-primary-hover,#1d4ed8)] font-semibold"
     );
   }
-  const color = isCurrentMonth ? "text-gray-900" : "text-gray-400";
+  const color = isCurrentMonth ? "text-[var(--tiger-text,#111827)]" : "text-[var(--tiger-text-muted,#9ca3af)]";
   const range = isInRange ? "bg-[var(--tiger-outline-bg-hover,#eff6ff)]" : "";
   const today = isToday2 ? "border border-[var(--tiger-primary,#2563eb)] font-semibold" : "";
-  return classNames(base, "cursor-pointer hover:bg-gray-100", color, range, today);
+  return classNames(
+    base,
+    "cursor-pointer hover:bg-[var(--tiger-surface-muted,#f3f4f6)]",
+    color,
+    range,
+    today
+  );
 }
 var datePickerClearButtonClasses = classNames(
   "absolute",
   "right-10",
   "top-1/2",
   "-translate-y-1/2",
-  "text-gray-400",
-  "hover:text-gray-600",
+  "text-[var(--tiger-text-muted,#9ca3af)]",
+  "hover:text-[var(--tiger-text,#111827)]",
   "transition-colors",
   "p-1"
 );
@@ -4460,7 +4527,7 @@ var datePickerFooterClasses = classNames(
   "mt-3",
   "pt-3",
   "border-t",
-  "border-gray-200",
+  "border-[var(--tiger-border,#e5e7eb)]",
   "flex",
   "items-center",
   "justify-between",
@@ -4473,15 +4540,16 @@ var datePickerFooterButtonClasses = classNames(
   "font-medium",
   "rounded",
   "border",
-  "border-gray-300",
-  "hover:border-gray-400",
-  "bg-white",
-  "hover:bg-gray-50",
-  "text-gray-700",
+  "border-[var(--tiger-border,#d1d5db)]",
+  "hover:border-[var(--tiger-text-muted,#9ca3af)]",
+  "bg-[var(--tiger-surface,#ffffff)]",
+  "hover:bg-[var(--tiger-surface-muted,#f9fafb)]",
+  "text-[var(--tiger-text,#374151)]",
   "focus:outline-none",
   "focus:ring-2",
   "focus:ring-[var(--tiger-primary,#2563eb)]",
   "focus:ring-offset-1",
+  "focus:ring-offset-[var(--tiger-surface,#ffffff)]",
   "transition-colors",
   "duration-150"
 );
@@ -4621,9 +4689,9 @@ function formatBytes(bytes, options = {}) {
   const units = ["B", "KB", "MB", "GB", "TB"];
   const k = 1024;
   const index = Math.min(units.length - 1, Math.floor(Math.log(safeBytes) / Math.log(k)));
-  const size = safeBytes / Math.pow(k, index);
+  const size2 = safeBytes / Math.pow(k, index);
   const precision = Math.max(0, Math.floor(options.precision ?? 2));
-  const text = size.toFixed(precision);
+  const text = size2.toFixed(precision);
   return `${options.trimTrailingZeros ? text.replace(/\.0+$/, "").replace(/(\.\d*?)0+$/, "$1") : text} ${units[index]}`;
 }
 function getFileExtensionName(name, options) {
@@ -4644,9 +4712,9 @@ var uploadStatusIconColorClasses = {
   success: "text-[var(--tiger-success,#16a34a)]",
   error: "text-[var(--tiger-error,#dc2626)]"
 };
-function getUploadStatusIconClasses(status, size, options) {
+function getUploadStatusIconClasses(status, size2, options) {
   return classNames(
-    uploadStatusIconSizeClasses[size],
+    uploadStatusIconSizeClasses[size2],
     uploadStatusIconColorClasses[status],
     options?.spinning ? "animate-spin" : ""
   );
@@ -5186,18 +5254,18 @@ var ALIGN_CLASS = {
   baseline: "items-baseline",
   stretch: "items-stretch"
 };
-function getSpaceClasses({ direction = "horizontal", size = "md", align = "start", wrap = false } = {}, className) {
+function getSpaceClasses({ direction = "horizontal", size: size2 = "md", align = "start", wrap = false } = {}, className) {
   return classNames(
     "inline-flex",
     direction === "horizontal" ? "flex-row" : "flex-col",
     ALIGN_CLASS[align],
-    typeof size === "string" ? SIZE_CLASS[size] : void 0,
+    typeof size2 === "string" ? SIZE_CLASS[size2] : void 0,
     wrap && "flex-wrap",
     className
   );
 }
-function getSpaceStyle(size = "md") {
-  return typeof size === "number" ? { gap: `${size}px` } : void 0;
+function getSpaceStyle(size2 = "md") {
+  return typeof size2 === "number" ? { gap: `${size2}px` } : void 0;
 }
 
 // src/utils/table-utils.ts
@@ -5301,8 +5369,8 @@ function resolveTableColumnWidth(column, frozenWidths = {}) {
   return frozen && frozen > 0 ? `${frozen}px` : void 0;
 }
 function getTableColgroup(options) {
-  const { columns, frozenWidths = {}, size, hasSelectionColumn, expand } = options;
-  const actionWidth = TABLE_ACTION_COLUMN_WIDTH[size];
+  const { columns, frozenWidths = {}, size: size2, hasSelectionColumn, expand } = options;
+  const actionWidth = TABLE_ACTION_COLUMN_WIDTH[size2];
   const entries = [];
   if (expand === "start") {
     entries.push({ key: "__expand__", width: actionWidth });
@@ -5501,7 +5569,7 @@ function getTableHeaderClasses(stickyHeader) {
     stickyHeader && "sticky top-0 z-10"
   );
 }
-function getTableHeaderCellClasses(size, align, sortable, customClassName) {
+function getTableHeaderCellClasses(size2, align, sortable, customClassName) {
   const paddingClasses = {
     sm: "px-3 py-2",
     md: "px-4 py-3",
@@ -5514,7 +5582,7 @@ function getTableHeaderCellClasses(size, align, sortable, customClassName) {
   };
   return classNames(
     "font-medium text-[var(--tiger-text-muted,#6b7280)] text-xs uppercase tracking-wider",
-    paddingClasses[size],
+    paddingClasses[size2],
     alignClasses[align],
     sortable && "cursor-pointer select-none hover:bg-[var(--tiger-table-bg,var(--tiger-component-table-bg,var(--tiger-surface,#ffffff)))]/60 transition-colors",
     customClassName
@@ -5530,7 +5598,7 @@ function getTableRowClasses(hoverable, striped, isEven, customClassName) {
     customClassName
   );
 }
-function getTableCellClasses(size, align, customClassName) {
+function getTableCellClasses(size2, align, customClassName) {
   const paddingClasses = {
     sm: "px-3 py-2",
     md: "px-4 py-3",
@@ -5543,7 +5611,7 @@ function getTableCellClasses(size, align, customClassName) {
   };
   return classNames(
     "text-sm text-[var(--tiger-text,#111827)]",
-    paddingClasses[size],
+    paddingClasses[size2],
     alignClasses[align],
     customClassName
   );
@@ -5558,13 +5626,13 @@ var tableEmptyStateClasses = "text-center py-12 text-[var(--tiger-text-muted,#6b
 var tableLoadingOverlayClasses = classNames(
   "absolute inset-0 bg-[var(--tiger-surface,#ffffff)]/80 flex items-center justify-center z-20"
 );
-function getCheckboxCellClasses(size) {
+function getCheckboxCellClasses(size2) {
   const widthClasses = {
     sm: "w-8",
     md: "w-10",
     lg: "w-12"
   };
-  return classNames("text-center", widthClasses[size]);
+  return classNames("text-center", widthClasses[size2]);
 }
 function defaultSortFn(a, b) {
   if (a === null || a === void 0) return 1;
@@ -5665,8 +5733,8 @@ function calculatePagination(total, current, pageSize) {
     hasPrev: current > 1
   };
 }
-function getExpandIconCellClasses(size) {
-  return getCheckboxCellClasses(size);
+function getExpandIconCellClasses(size2) {
+  return getCheckboxCellClasses(size2);
 }
 function getExpandIconClasses(expanded) {
   return classNames(
@@ -5681,13 +5749,13 @@ function getExpandedRowClasses() {
     "bg-[var(--tiger-surface-muted,#f9fafb)]/30"
   );
 }
-function getExpandedRowContentClasses(size) {
+function getExpandedRowContentClasses(size2) {
   const paddingClasses = {
     sm: "px-3 py-2",
     md: "px-4 py-3",
     lg: "px-6 py-4"
   };
-  return classNames("text-sm text-[var(--tiger-text,#111827)]", paddingClasses[size]);
+  return classNames("text-sm text-[var(--tiger-text,#111827)]", paddingClasses[size2]);
 }
 function getRowKey(record, rowKey, index) {
   if (typeof rowKey === "function") {
@@ -5845,10 +5913,10 @@ var cardFooterClasses = "border-t border-[var(--tiger-border,#e5e7eb)] pt-3 mt-3
 var cardCoverClasses = "w-full h-48 object-cover";
 var cardCoverWrapperClasses = "overflow-hidden";
 var cardActionsClasses = "flex gap-2 justify-end";
-function resolveCardPadding(size, padding) {
+function resolveCardPadding(size2, padding) {
   if (padding === false) return void 0;
   if (typeof padding === "string") return padding;
-  return cardSizeClasses[size];
+  return cardSizeClasses[size2];
 }
 function getCardClasses(variant, hoverable) {
   const classes = [cardBaseClasses, cardVariantClasses[variant]];
@@ -6041,8 +6109,8 @@ function getListClasses(bordered) {
   const classes = [listBaseClasses, listBorderClasses[bordered]];
   return classes.filter(Boolean).join(" ");
 }
-function getListItemClasses(size, layout, divided, hoverable = false) {
-  const classes = [listItemBaseClasses, listItemSizeClasses[size], listItemLayoutClasses[layout]];
+function getListItemClasses(size2, layout, divided, hoverable = false) {
+  const classes = [listItemBaseClasses, listItemSizeClasses[size2], listItemLayoutClasses[layout]];
   if (divided) {
     classes.push(listItemDividedClasses);
   }
@@ -6051,8 +6119,8 @@ function getListItemClasses(size, layout, divided, hoverable = false) {
   }
   return classes.join(" ");
 }
-function getListHeaderFooterClasses(size, isFooter = false) {
-  const classes = [listHeaderFooterBaseClasses, listItemSizeClasses[size]];
+function getListHeaderFooterClasses(size2, isFooter = false) {
+  const classes = [listHeaderFooterBaseClasses, listItemSizeClasses[size2]];
   if (isFooter) {
     classes.push(listFooterClasses);
   }
@@ -6101,8 +6169,8 @@ var descriptionsVerticalWrapperClasses = "";
 var descriptionsVerticalItemClasses = "border-b border-[var(--tiger-border,#e5e7eb)] last:border-b-0";
 var descriptionsVerticalLabelClasses = "font-medium mb-1 text-[var(--tiger-text-muted,#374151)]";
 var descriptionsVerticalContentClasses = "text-[var(--tiger-text,#111827)]";
-function getDescriptionsClasses(size) {
-  return `${descriptionsBaseClasses} ${descriptionsSizeClasses[size]}`;
+function getDescriptionsClasses(size2) {
+  return `${descriptionsBaseClasses} ${descriptionsSizeClasses[size2]}`;
 }
 function getDescriptionsTableClasses(bordered) {
   const classes = [descriptionsTableClasses];
@@ -6111,28 +6179,28 @@ function getDescriptionsTableClasses(bordered) {
   }
   return classes.join(" ");
 }
-function getDescriptionsLabelClasses(bordered, size, layout) {
+function getDescriptionsLabelClasses(bordered, size2, layout) {
   if (layout === "vertical") {
-    return `${descriptionsVerticalLabelClasses} ${descriptionsCellSizeClasses[size]}`;
+    return `${descriptionsVerticalLabelClasses} ${descriptionsCellSizeClasses[size2]}`;
   }
-  const classes = [descriptionsLabelClasses, descriptionsCellSizeClasses[size]];
+  const classes = [descriptionsLabelClasses, descriptionsCellSizeClasses[size2]];
   if (bordered) {
     classes.push(descriptionsLabelBorderedClasses);
   }
   return classes.join(" ");
 }
-function getDescriptionsContentClasses(bordered, size, layout) {
+function getDescriptionsContentClasses(bordered, size2, layout) {
   if (layout === "vertical") {
-    return `${descriptionsVerticalContentClasses} ${descriptionsCellSizeClasses[size]}`;
+    return `${descriptionsVerticalContentClasses} ${descriptionsCellSizeClasses[size2]}`;
   }
-  const classes = [descriptionsContentClasses, descriptionsCellSizeClasses[size]];
+  const classes = [descriptionsContentClasses, descriptionsCellSizeClasses[size2]];
   if (bordered) {
     classes.push(descriptionsContentBorderedClasses);
   }
   return classes.join(" ");
 }
-function getDescriptionsVerticalItemClasses(size) {
-  return `${descriptionsCellSizeClasses[size]} ${descriptionsVerticalItemClasses}`;
+function getDescriptionsVerticalItemClasses(size2) {
+  return `${descriptionsCellSizeClasses[size2]} ${descriptionsVerticalItemClasses}`;
 }
 function groupItemsIntoRows(items, column) {
   const rows = [];
@@ -6666,8 +6734,8 @@ function calculateCirclePath(radius, percentage) {
     strokeDashoffset: offset2
   };
 }
-function getCircleSize(size, strokeWidth) {
-  const width = progressCircleSizeClasses[size];
+function getCircleSize(size2, strokeWidth) {
+  const width = progressCircleSizeClasses[size2];
   const height = width;
   const radius = (width - strokeWidth) / 2;
   const cx = width / 2;
@@ -6679,22 +6747,22 @@ var progressCircleTextClasses = "absolute inset-0 flex items-center justify-cent
 var progressCircleTrackStrokeClasses = "text-[color:var(--tiger-border,#e5e7eb)]";
 
 // src/utils/collapse-utils.ts
-var collapseBaseClasses = "w-full bg-white border border-gray-200 rounded overflow-hidden";
+var collapseBaseClasses = "w-full bg-[var(--tiger-surface,#fff)] border border-[var(--tiger-border,#e5e7eb)] rounded overflow-hidden";
 var collapseGhostClasses = "border-0 bg-transparent";
 var collapseBorderlessClasses = "border-0";
-var collapsePanelBaseClasses = "border-b border-gray-200 last:border-b-0";
-var collapsePanelHeaderBaseClasses = "flex items-center px-4 py-3 cursor-pointer transition-colors duration-200 hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]";
-var collapsePanelHeaderActiveClasses = "bg-gray-50";
+var collapsePanelBaseClasses = "border-b border-[var(--tiger-border,#e5e7eb)] last:border-b-0";
+var collapsePanelHeaderBaseClasses = "flex items-center px-4 py-3 cursor-pointer transition-colors duration-200 motion-reduce:transition-none hover:bg-[var(--tiger-surface-muted,#f9fafb)] focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]";
+var collapsePanelHeaderActiveClasses = "bg-[var(--tiger-surface-muted,#f9fafb)]";
 var collapsePanelHeaderDisabledClasses = "cursor-not-allowed opacity-50 hover:bg-transparent";
-var collapsePanelContentWrapperClasses = "overflow-hidden transition-[max-height,opacity] duration-300 ease-in-out";
-var collapsePanelContentBaseClasses = "px-4 py-3 bg-white text-gray-700";
-var collapseIconBaseClasses = "transition-transform duration-300 ease-in-out text-gray-500";
+var collapsePanelContentWrapperClasses = "overflow-hidden transition-[max-height,opacity] duration-300 ease-in-out motion-reduce:transition-none";
+var collapsePanelContentBaseClasses = "px-4 py-3 bg-[var(--tiger-surface,#fff)] text-[var(--tiger-text,#374151)]";
+var collapseIconBaseClasses = "transition-transform duration-300 ease-in-out motion-reduce:transition-none text-[var(--tiger-text-muted,#6b7280)]";
 var collapseIconExpandedClasses = "rotate-90";
 var collapseIconPositionClasses = {
   start: "mr-2",
   end: "ml-auto"
 };
-var collapseHeaderTextClasses = "flex-1 font-medium text-gray-900";
+var collapseHeaderTextClasses = "flex-1 font-medium text-[var(--tiger-text,#111827)]";
 function getCollapseContainerClasses(bordered, ghost, className) {
   const classes = [collapseBaseClasses];
   if (ghost) {
@@ -6867,9 +6935,9 @@ var menuCollapsedIconClasses = "flex-shrink-0";
 var submenuTitleClasses = "flex w-full items-center justify-between px-4 py-2 text-left bg-transparent border-0 cursor-pointer transition-colors duration-200 select-none appearance-none focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]/40 focus-visible:ring-inset active:opacity-90";
 var submenuExpandIconClasses = "ml-2 transition-transform duration-200";
 var submenuExpandIconExpandedClasses = "transform rotate-180";
-var submenuContentHorizontalClasses = "absolute left-0 top-full mt-0 min-w-[160px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg z-50";
-var submenuContentHorizontalNestedClasses = "absolute left-full top-0 ml-0 min-w-[160px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg z-50";
-var submenuContentPopupClasses = "absolute left-full top-0 ml-1 min-w-[180px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg z-50";
+var submenuContentHorizontalClasses = "min-w-[160px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg";
+var submenuContentHorizontalNestedClasses = "min-w-[160px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg";
+var submenuContentPopupClasses = "min-w-[180px] bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border border-[var(--tiger-border,#e5e7eb)] rounded shadow-lg";
 var submenuContentVerticalClasses = "overflow-hidden pl-2";
 var submenuContentInlineClasses = "overflow-hidden";
 var submenuHeightTransitionClasses = "overflow-hidden transition-[height,opacity] duration-200 ease-in-out";
@@ -6879,9 +6947,6 @@ var menuSearchInputClasses = "w-full rounded border border-[var(--tiger-border,#
 var menuSearchEmptyClasses = "px-4 py-6 text-sm text-center text-[var(--tiger-text-muted,#6b7280)]";
 var menuCollapsedClasses = "min-w-[64px]";
 var menuCollapsedItemClasses = "justify-center px-2";
-function getSubmenuPopupZIndex(level) {
-  return { zIndex: 50 + level * 10 };
-}
 function themeClass(theme, light, dark) {
   return theme === "dark" ? dark : light;
 }
@@ -7126,10 +7191,10 @@ var tabNavPositionClasses = {
   right: "flex-col"
 };
 var tabNavLineBorderClasses = {
-  top: "border-b border-gray-200",
-  bottom: "border-t border-gray-200",
-  left: "border-r border-gray-200",
-  right: "border-l border-gray-200"
+  top: "border-b border-[var(--tiger-border,#e5e7eb)]",
+  bottom: "border-t border-[var(--tiger-border,#e5e7eb)]",
+  left: "border-r border-[var(--tiger-border,#e5e7eb)]",
+  right: "border-l border-[var(--tiger-border,#e5e7eb)]"
 };
 var tabNavListBaseClasses = "flex gap-1";
 var tabNavListPositionClasses = {
@@ -7139,33 +7204,33 @@ var tabNavListPositionClasses = {
   right: "flex-col"
 };
 var tabNavListCenteredClasses = "justify-center";
-var tabItemBaseClasses = "relative z-10 cursor-pointer transition-all duration-200 select-none flex items-center gap-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]/40 focus-visible:ring-offset-2 active:opacity-90";
+var tabItemBaseClasses = "relative z-10 cursor-pointer transition-all duration-200 motion-reduce:transition-none select-none flex items-center gap-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]/40 focus-visible:ring-offset-2 active:opacity-90";
 var tabItemSizeClasses = {
   small: "text-sm px-3 py-1.5",
   medium: "text-base px-4 py-2",
   large: "text-lg px-5 py-2.5"
 };
-var tabItemLineClasses = "border-b-2 border-transparent hover:text-[var(--tiger-primary,#2563eb)] text-gray-600";
+var tabItemLineClasses = "border-b-2 border-transparent hover:text-[var(--tiger-primary,#2563eb)] text-[var(--tiger-text-muted,#6b7280)]";
 var tabItemLineActiveClasses = "text-[var(--tiger-primary,#2563eb)] font-medium";
-var tabIndicatorBaseClasses = "pointer-events-none absolute z-0 rounded-full bg-[var(--tiger-primary,#2563eb)] transition-transform duration-200 ease-out will-change-transform";
+var tabIndicatorBaseClasses = "pointer-events-none absolute z-0 rounded-full bg-[var(--tiger-primary,#2563eb)] transition-transform duration-200 ease-out will-change-transform motion-reduce:transition-none";
 var tabIndicatorPositionClasses = {
   top: "bottom-0 left-0 h-0.5",
   bottom: "top-0 left-0 h-0.5",
   left: "right-0 top-0 w-0.5",
   right: "left-0 top-0 w-0.5"
 };
-var tabItemCardClasses = "border border-gray-200 rounded-t bg-white hover:text-[var(--tiger-primary,#2563eb)] text-gray-600 -mb-px";
-var tabItemCardActiveClasses = "bg-white border-[var(--tiger-primary,#2563eb)] border-b-white text-[var(--tiger-primary,#2563eb)] font-medium z-10";
-var tabItemEditableCardClasses = "border border-gray-200 rounded-t bg-gray-50 hover:bg-white hover:text-[var(--tiger-primary,#2563eb)] text-gray-600 -mb-px";
-var tabItemEditableCardActiveClasses = "bg-white border-[var(--tiger-primary,#2563eb)] border-b-white text-[var(--tiger-primary,#2563eb)] font-medium z-10";
+var tabItemCardClasses = "border border-[var(--tiger-border,#e5e7eb)] rounded-t bg-[var(--tiger-surface,#fff)] hover:text-[var(--tiger-primary,#2563eb)] text-[var(--tiger-text-muted,#6b7280)] -mb-px";
+var tabItemCardActiveClasses = "bg-[var(--tiger-surface,#fff)] border-[var(--tiger-primary,#2563eb)] border-b-[var(--tiger-surface,#fff)] text-[var(--tiger-primary,#2563eb)] font-medium z-10";
+var tabItemEditableCardClasses = "border border-[var(--tiger-border,#e5e7eb)] rounded-t bg-[var(--tiger-surface-muted,#f9fafb)] hover:bg-[var(--tiger-surface,#fff)] hover:text-[var(--tiger-primary,#2563eb)] text-[var(--tiger-text-muted,#6b7280)] -mb-px";
+var tabItemEditableCardActiveClasses = "bg-[var(--tiger-surface,#fff)] border-[var(--tiger-primary,#2563eb)] border-b-[var(--tiger-surface,#fff)] text-[var(--tiger-primary,#2563eb)] font-medium z-10";
 var tabItemPillsClasses = "rounded-full bg-transparent hover:bg-[var(--tiger-primary-subtle,#eff6ff)] hover:text-[var(--tiger-primary,#2563eb)] text-[var(--tiger-text-muted,#6b7280)]";
 var tabItemPillsActiveClasses = "bg-[var(--tiger-primary,#2563eb)] text-white font-medium shadow-sm";
 var tabItemDisabledClasses = "opacity-50 cursor-not-allowed pointer-events-none";
-var tabCloseButtonClasses = "ml-2 p-0.5 rounded-[var(--tiger-radius-sm,0.375rem)] hover:bg-gray-200 transition-colors duration-150";
+var tabCloseButtonClasses = "ml-2 p-0.5 rounded-[var(--tiger-radius-sm,0.375rem)] hover:bg-[var(--tiger-surface-muted,#e5e7eb)] transition-colors duration-150 motion-reduce:transition-none";
 var tabContentBaseClasses = "w-full";
 var tabPaneBaseClasses = "w-full";
 var tabPaneHiddenClasses = "hidden";
-var tabAddButtonClasses = "px-3 py-2 border border-gray-200 rounded-t bg-gray-50 hover:bg-white hover:text-[var(--tiger-primary,#2563eb)] text-gray-600 cursor-pointer transition-colors duration-200";
+var tabAddButtonClasses = "px-3 py-2 border border-[var(--tiger-border,#e5e7eb)] rounded-t bg-[var(--tiger-surface-muted,#f9fafb)] hover:bg-[var(--tiger-surface,#fff)] hover:text-[var(--tiger-primary,#2563eb)] text-[var(--tiger-text-muted,#6b7280)] cursor-pointer transition-colors duration-200 motion-reduce:transition-none";
 function getTabsContainerClasses(position) {
   if (position === "right") return `${tabsBaseClasses} flex flex-row-reverse`;
   if (position === "left") return `${tabsBaseClasses} flex`;
@@ -7209,22 +7274,22 @@ function getTabIndicatorStyle(activeIndex, tabCount, position) {
   }
   const safeTabCount = Math.max(1, tabCount);
   const safeActiveIndex = Math.min(Math.max(0, activeIndex), safeTabCount - 1);
-  const size = `calc(100% / ${safeTabCount})`;
+  const size2 = `calc(100% / ${safeTabCount})`;
   if (position === "left" || position === "right") {
     return {
-      height: size,
+      height: size2,
       transform: `translateY(${safeActiveIndex * 100}%)`,
       opacity: "1"
     };
   }
   return {
-    width: size,
+    width: size2,
     transform: `translateX(${safeActiveIndex * 100}%)`,
     opacity: "1"
   };
 }
-function getTabItemClasses(active, disabled, type, size) {
-  let cls = `${tabItemBaseClasses} ${tabItemSizeClasses[size]}`;
+function getTabItemClasses(active, disabled, type, size2) {
+  let cls = `${tabItemBaseClasses} ${tabItemSizeClasses[size2]}`;
   if (disabled) return `${cls} ${tabItemDisabledClasses}`;
   switch (type) {
     case "line":
@@ -7270,13 +7335,16 @@ function getNextActiveKey(removedKey, currentActiveKey, allKeys) {
 var breadcrumbContainerClasses = "flex items-center flex-wrap gap-2 text-sm";
 var breadcrumbItemBaseClasses = "inline-flex items-center gap-2";
 var breadcrumbLinkClasses = classNames(
-  "text-gray-600 hover:text-[var(--tiger-primary,#2563eb)]",
-  "transition-colors duration-200",
-  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 rounded",
+  "text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-primary,#2563eb)]",
+  "transition-colors duration-200 motion-reduce:transition-none",
+  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 focus:ring-offset-[var(--tiger-surface,#fff)] rounded",
   "cursor-pointer"
 );
-var breadcrumbCurrentClasses = classNames("text-gray-900 font-medium", "cursor-default");
-var breadcrumbSeparatorBaseClasses = "text-gray-400 select-none";
+var breadcrumbCurrentClasses = classNames(
+  "text-[var(--tiger-text,#111827)] font-medium",
+  "cursor-default"
+);
+var breadcrumbSeparatorBaseClasses = "text-[var(--tiger-text-muted,#9ca3af)] select-none";
 function getBreadcrumbItemClasses(className) {
   return classNames(breadcrumbItemBaseClasses, className);
 }
@@ -7300,9 +7368,9 @@ function getBreadcrumbSeparatorClasses(className) {
   return classNames(breadcrumbSeparatorBaseClasses, className);
 }
 var breadcrumbEllipsisClasses = classNames(
-  "text-gray-600 hover:text-[var(--tiger-primary,#2563eb)]",
-  "transition-colors duration-200 cursor-pointer",
-  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 rounded",
+  "text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-primary,#2563eb)]",
+  "transition-colors duration-200 motion-reduce:transition-none cursor-pointer",
+  "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-offset-1 focus:ring-offset-[var(--tiger-surface,#fff)] rounded",
   "px-1"
 );
 function getBreadcrumbCollapsedItems(totalItems, maxItems) {
@@ -7345,9 +7413,9 @@ function getStepItemClasses(direction, isLast) {
   }
   return `${baseClasses} flex flex-col flex-1 items-center`;
 }
-function getStepIconClasses(status, size, simple, isCustomIcon) {
+function getStepIconClasses(status, size2, simple, isCustomIcon) {
   const baseClasses = "tiger-step-icon relative z-10 flex items-center justify-center rounded-full border-2";
-  const sizeClasses3 = simple ? "w-6 h-6 text-xs" : size === "small" ? "w-8 h-8 text-sm" : "w-10 h-10 text-base";
+  const sizeClasses3 = simple ? "w-6 h-6 text-xs" : size2 === "small" ? "w-8 h-8 text-sm" : "w-10 h-10 text-base";
   const iconClasses = isCustomIcon ? "" : "font-medium";
   const activeClasses = "bg-[var(--tiger-primary,#2563eb)] border-[var(--tiger-primary,#2563eb)] text-white ring-4 ring-[var(--tiger-primary,#2563eb)]/15 scale-105 shadow-sm transition-all duration-300";
   const statusClasses = {
@@ -7358,14 +7426,14 @@ function getStepIconClasses(status, size, simple, isCustomIcon) {
   };
   return `${baseClasses} ${sizeClasses3} ${iconClasses} ${statusClasses[status]}`;
 }
-function getStepTailClasses(direction, status, isLast, size, simple) {
+function getStepTailClasses(direction, status, isLast, size2, simple) {
   if (isLast) return "hidden";
   const colorClasses = status === "finish" ? "bg-[var(--tiger-primary,#2563eb)]" : "bg-[var(--tiger-border,#e5e7eb)]";
   if (direction === "vertical") {
-    const verticalClasses = simple ? "absolute left-3 top-6 w-0.5 h-full" : size === "small" ? "absolute left-4 top-8 w-0.5 h-full" : "absolute left-5 top-10 w-0.5 h-full";
+    const verticalClasses = simple ? "absolute left-3 top-6 w-0.5 h-full" : size2 === "small" ? "absolute left-4 top-8 w-0.5 h-full" : "absolute left-5 top-10 w-0.5 h-full";
     return `tiger-step-tail ${verticalClasses} ${colorClasses}`;
   }
-  const horizontalClasses = simple ? "absolute top-3 left-1/2 w-full h-0.5" : size === "small" ? "absolute top-4 left-1/2 w-full h-0.5" : "absolute top-5 left-1/2 w-full h-0.5";
+  const horizontalClasses = simple ? "absolute top-3 left-1/2 w-full h-0.5" : size2 === "small" ? "absolute top-4 left-1/2 w-full h-0.5" : "absolute top-5 left-1/2 w-full h-0.5";
   return `tiger-step-tail ${horizontalClasses} ${colorClasses}`;
 }
 function getStepContentClasses(direction) {
@@ -7375,9 +7443,9 @@ function getStepContentClasses(direction) {
   }
   return `${baseClasses} mt-2 text-center`;
 }
-function getStepTitleClasses(status, size, clickable) {
+function getStepTitleClasses(status, size2, clickable) {
   const baseClasses = "tiger-step-title font-medium";
-  const sizeClasses3 = size === "small" ? "text-sm" : "text-base";
+  const sizeClasses3 = size2 === "small" ? "text-sm" : "text-base";
   const statusClasses = {
     wait: "text-[var(--tiger-text-muted,#6b7280)] transition-colors duration-300 group-hover:text-[var(--tiger-text,#111827)]",
     process: "text-[var(--tiger-text,#111827)] font-semibold transition-colors duration-300",
@@ -7387,9 +7455,9 @@ function getStepTitleClasses(status, size, clickable) {
   const cursorClasses = clickable ? "bg-transparent border-0 p-0 cursor-pointer hover:text-[var(--tiger-primary,#2563eb)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-primary,#2563eb)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--tiger-surface,#ffffff)]" : "";
   return `${baseClasses} ${sizeClasses3} ${statusClasses[status]} ${cursorClasses}`;
 }
-function getStepDescriptionClasses(status, size) {
+function getStepDescriptionClasses(status, size2) {
   const baseClasses = "tiger-step-description mt-1";
-  const sizeClasses3 = size === "small" ? "text-xs" : "text-sm";
+  const sizeClasses3 = size2 === "small" ? "text-xs" : "text-sm";
   const statusClass = status === "error" ? "text-[var(--tiger-error,#ef4444)]" : "text-[var(--tiger-text-muted,#6b7280)]";
   return `${baseClasses} ${sizeClasses3} ${statusClass}`;
 }
@@ -7530,7 +7598,7 @@ function getPaginationContainerClasses(align = "center", className) {
   };
   return classNames("flex items-center gap-1", alignClasses[align], className);
 }
-function getPaginationButtonBaseClasses(size = "medium", active = false) {
+function getPaginationButtonBaseClasses(size2 = "medium", active = false) {
   const sizeClasses3 = {
     small: "min-w-7 h-7 text-sm px-2",
     medium: "min-w-8 h-8 text-base px-2.5",
@@ -7549,7 +7617,7 @@ function getPaginationButtonBaseClasses(size = "medium", active = false) {
     "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)]/40",
     "disabled:cursor-not-allowed disabled:opacity-50",
     colorClasses,
-    sizeClasses3[size]
+    sizeClasses3[size2]
   );
 }
 function getPaginationButtonActiveClasses() {
@@ -7560,7 +7628,7 @@ function getPaginationButtonActiveClasses() {
     "hover:border-[var(--tiger-primary-hover,#1d4ed8)] hover:bg-[var(--tiger-primary-hover,#1d4ed8)] hover:text-white"
   );
 }
-function getPaginationEllipsisClasses(size = "medium") {
+function getPaginationEllipsisClasses(size2 = "medium") {
   const sizeClasses3 = {
     small: "min-w-7 h-7 text-sm",
     medium: "min-w-8 h-8 text-base",
@@ -7569,10 +7637,10 @@ function getPaginationEllipsisClasses(size = "medium") {
   return classNames(
     "inline-flex items-center justify-center",
     "text-[var(--tiger-text-muted,#6b7280)] cursor-default",
-    sizeClasses3[size]
+    sizeClasses3[size2]
   );
 }
-function getQuickJumperInputClasses(size = "medium") {
+function getQuickJumperInputClasses(size2 = "medium") {
   const sizeClasses3 = {
     small: "w-12 h-7 text-sm",
     medium: "w-14 h-8 text-base",
@@ -7587,10 +7655,10 @@ function getQuickJumperInputClasses(size = "medium") {
     "hover:border-[var(--tiger-primary,#2563eb)]",
     "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-opacity-50",
     "disabled:cursor-not-allowed disabled:opacity-50",
-    sizeClasses3[size]
+    sizeClasses3[size2]
   );
 }
-function getPageSizeSelectorClasses(size = "medium") {
+function getPageSizeSelectorClasses(size2 = "medium") {
   const sizeClasses3 = {
     small: "h-7 text-sm",
     medium: "h-8 text-base",
@@ -7605,19 +7673,19 @@ function getPageSizeSelectorClasses(size = "medium") {
     "hover:border-[var(--tiger-primary,#2563eb)]",
     "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:ring-opacity-50",
     "disabled:cursor-not-allowed disabled:opacity-50",
-    sizeClasses3[size]
+    sizeClasses3[size2]
   );
 }
-function getSizeTextClasses(size = "medium") {
+function getSizeTextClasses(size2 = "medium") {
   const sizeClasses3 = {
     small: "text-sm",
     medium: "text-base",
     large: "text-lg"
   };
-  return sizeClasses3[size];
+  return sizeClasses3[size2];
 }
-function getTotalTextClasses(size = "medium") {
-  return classNames("text-[var(--tiger-text-muted,#6b7280)]", "mr-2", getSizeTextClasses(size));
+function getTotalTextClasses(size2 = "medium") {
+  return classNames("text-[var(--tiger-text-muted,#6b7280)]", "mr-2", getSizeTextClasses(size2));
 }
 function getBuiltInPaginationContainerClasses() {
   return classNames("px-4 py-3", "border-t border-[var(--tiger-border,#e5e7eb)]");
@@ -7723,7 +7791,7 @@ function getDrawerMaskClasses(visible) {
 function getDrawerContainerClasses() {
   return "fixed inset-0 overflow-hidden";
 }
-function getDrawerPanelClasses(placement, visible, size, fullscreenOnMobile = true) {
+function getDrawerPanelClasses(placement, visible, size2, fullscreenOnMobile = true) {
   const baseClasses = "absolute bg-[var(--tiger-surface,#ffffff)] shadow-xl transition-transform duration-300 ease-in-out pointer-events-auto";
   const mobileFullscreenClasses = "max-md:inset-0 max-md:!w-screen max-md:!h-[100dvh]";
   const sizeMap2 = {
@@ -7736,22 +7804,22 @@ function getDrawerPanelClasses(placement, visible, size, fullscreenOnMobile = tr
   const placementClasses = {
     left: classNames(
       "top-0 bottom-0 left-0",
-      sizeMap2[size].width,
+      sizeMap2[size2].width,
       visible ? "translate-x-0" : "-translate-x-full"
     ),
     right: classNames(
       "top-0 bottom-0 right-0",
-      sizeMap2[size].width,
+      sizeMap2[size2].width,
       visible ? "translate-x-0" : "translate-x-full"
     ),
     top: classNames(
       "top-0 left-0 right-0",
-      sizeMap2[size].height,
+      sizeMap2[size2].height,
       visible ? "translate-y-0" : "-translate-y-full"
     ),
     bottom: classNames(
       "bottom-0 left-0 right-0",
-      sizeMap2[size].height,
+      sizeMap2[size2].height,
       visible ? "translate-y-0" : "translate-y-full"
     )
   };
@@ -7819,10 +7887,10 @@ var modalTitleClasses = "text-lg font-semibold text-[var(--tiger-text,#111827)]"
 var modalCloseButtonClasses = "text-[var(--tiger-text-muted,#9ca3af)] hover:text-[var(--tiger-text-muted,#6b7280)] focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)]/40 rounded-[var(--tiger-radius-md,0.5rem)] p-1 transition-colors";
 var modalBodyClasses = "px-6 py-4 text-[var(--tiger-text,#374151)]";
 var modalFooterClasses = "flex items-center justify-end gap-3 px-6 py-4 border-t border-[var(--tiger-border,#e5e7eb)]";
-function getModalContentClasses(size, className, mobileSheet = false) {
+function getModalContentClasses(size2, className, mobileSheet = false) {
   return classNames(
     modalContentWrapperClasses,
-    modalSizeClasses[size],
+    modalSizeClasses[size2],
     mobileSheet && modalMobileSheetClasses,
     className
   );
@@ -8085,8 +8153,8 @@ var loadingOverlaySpinnerBaseClasses = "animate-spin h-8 w-8 text-[var(--tiger-p
 function getLoadingOverlaySpinnerClasses(customClassName) {
   return classNames(loadingOverlaySpinnerBaseClasses, customClassName);
 }
-function getLoadingClasses(variant, size, color, customColor) {
-  const sizeClass = loadingSizeClasses[size];
+function getLoadingClasses(variant, size2, color, customColor) {
+  const sizeClass = loadingSizeClasses[size2];
   const colorClass = customColor ? "" : loadingColorClasses[color];
   const baseClasses = classNames(sizeClass, colorClass);
   switch (variant) {
@@ -8195,27 +8263,27 @@ var loadingDotsWrapperBaseClasses = "flex items-center";
 var loadingBarsWrapperBaseClasses = "flex items-end";
 var loadingDotBaseClasses = "rounded-full bg-current animate-bounce-dot";
 var loadingBarBaseClasses = "rounded-sm bg-current animate-scale-bar";
-function getLoadingTextClasses(size, color, customColor) {
+function getLoadingTextClasses(size2, color, customColor) {
   return classNames(
-    loadingTextSizeClasses[size],
+    loadingTextSizeClasses[size2],
     customColor ? "" : loadingColorClasses[color],
     "font-medium"
   );
 }
-function getLoadingDotsWrapperClasses(size) {
-  const config = dotsVariantConfig[size];
+function getLoadingDotsWrapperClasses(size2) {
+  const config = dotsVariantConfig[size2];
   return classNames(loadingDotsWrapperBaseClasses, config.gap);
 }
-function getLoadingDotClasses(size, index, colorClass) {
-  const config = dotsVariantConfig[size];
+function getLoadingDotClasses(size2, index, colorClass) {
+  const config = dotsVariantConfig[size2];
   return classNames(config.dotSize, loadingDotBaseClasses, colorClass, animationDelayClasses[index]);
 }
-function getLoadingBarsWrapperClasses(size) {
-  const config = barsVariantConfig[size];
+function getLoadingBarsWrapperClasses(size2) {
+  const config = barsVariantConfig[size2];
   return classNames(loadingBarsWrapperBaseClasses, config.gap);
 }
-function getLoadingBarClasses(size, index, colorClass) {
-  const config = barsVariantConfig[size];
+function getLoadingBarClasses(size2, index, colorClass) {
+  const config = barsVariantConfig[size2];
   return classNames(
     config.barWidth,
     config.barHeight,
@@ -8559,9 +8627,9 @@ var iconSvgDefaultStrokeLinecap = "round";
 var iconSvgDefaultStrokeLinejoin = "round";
 
 // src/utils/code-utils.ts
-var codeBlockContainerClasses = "relative rounded-[var(--tiger-radius-md,0.5rem)] border border-gray-200 bg-gray-50 text-gray-800 dark:border-gray-800 dark:bg-gray-900/60 dark:text-gray-100";
+var codeBlockContainerClasses = "relative rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)] text-[var(--tiger-text,#1f2937)]";
 var codeBlockPreClasses = "m-0 overflow-auto p-4 text-sm leading-relaxed font-mono whitespace-pre";
-var codeBlockCopyButtonBaseClasses = "absolute right-3 top-0 -translate-y-1/2 inline-flex items-center rounded-[var(--tiger-radius-md,0.5rem)] border border-gray-200 bg-white/90 px-1.5 py-0.5 text-[10px] text-gray-600 shadow-sm transition-colors hover:bg-white hover:text-gray-900 dark:border-gray-700 dark:bg-gray-900/90 dark:text-gray-200 dark:hover:bg-gray-800";
+var codeBlockCopyButtonBaseClasses = "absolute right-3 top-0 -translate-y-1/2 inline-flex items-center rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#fff)] px-1.5 py-0.5 text-[10px] text-[var(--tiger-text-muted,#6b7280)] shadow-sm transition-colors hover:text-[var(--tiger-text,#111827)] motion-reduce:transition-none";
 var codeBlockCopyButtonCopiedClasses = "border-[var(--tiger-primary,#2563eb)] text-[var(--tiger-primary,#2563eb)]";
 function getCodeBlockContainerClasses(...classes) {
   return classNames(codeBlockContainerClasses, ...classes);
@@ -8860,7 +8928,7 @@ function getAlertTypeClasses(type, colors = defaultAlertThemeColors) {
 // src/utils/text-utils.ts
 function getTextClasses(props) {
   const {
-    size = "base",
+    size: size2 = "base",
     weight = "normal",
     align,
     color = "default",
@@ -8870,7 +8938,7 @@ function getTextClasses(props) {
     lineThrough
   } = props;
   return classNames(
-    textSizeClasses[size],
+    textSizeClasses[size2],
     textWeightClasses[weight],
     align && textAlignClasses[align],
     textColorClasses[color],
@@ -9371,13 +9439,13 @@ var carouselNextArrowPath = "M8.25 4.5l7.5 7.5-7.5 7.5";
 // src/utils/anchor-utils.ts
 var anchorBaseClasses = "relative";
 var anchorAffixClasses = "fixed";
-var anchorInkContainerVerticalClasses = "absolute left-0 top-0 bottom-0 w-0.5 bg-gray-200 rounded-full";
-var anchorInkContainerHorizontalClasses = "absolute left-0 right-0 bottom-0 h-0.5 bg-gray-200 rounded-full";
-var anchorInkActiveVerticalClasses = "absolute w-0.5 bg-[var(--tiger-primary,#2563eb)] rounded-full transition-[top,height] duration-200 ease-in-out";
-var anchorInkActiveHorizontalClasses = "absolute h-0.5 bg-[var(--tiger-primary,#2563eb)] rounded-full transition-[left,width] duration-200 ease-in-out";
+var anchorInkContainerVerticalClasses = "absolute left-0 top-0 bottom-0 w-0.5 bg-[var(--tiger-border,#e5e7eb)] rounded-full";
+var anchorInkContainerHorizontalClasses = "absolute left-0 right-0 bottom-0 h-0.5 bg-[var(--tiger-border,#e5e7eb)] rounded-full";
+var anchorInkActiveVerticalClasses = "absolute w-0.5 bg-[var(--tiger-primary,#2563eb)] rounded-full transition-[top,height] duration-200 ease-in-out motion-reduce:transition-none";
+var anchorInkActiveHorizontalClasses = "absolute h-0.5 bg-[var(--tiger-primary,#2563eb)] rounded-full transition-[left,width] duration-200 ease-in-out motion-reduce:transition-none";
 var anchorLinkListVerticalClasses = "pl-4 space-y-2";
 var anchorLinkListHorizontalClasses = "flex items-center space-x-4 pb-2";
-var anchorLinkBaseClasses = "block text-sm text-gray-600 hover:text-[var(--tiger-primary,#2563eb)] transition-colors duration-200 whitespace-nowrap";
+var anchorLinkBaseClasses = "block text-sm text-[var(--tiger-text-muted,#6b7280)] hover:text-[var(--tiger-primary,#2563eb)] transition-colors duration-200 motion-reduce:transition-none whitespace-nowrap";
 var anchorLinkActiveClasses = "text-[var(--tiger-primary,#2563eb)] font-medium";
 function getAnchorWrapperClasses(affix, className) {
   return [anchorBaseClasses, affix && anchorAffixClasses, className].filter(Boolean).join(" ");
@@ -10103,16 +10171,16 @@ function getBarValueLabelY(barY, barHeight, position, offset2 = 8) {
   }
   return barY - offset2;
 }
-function getScatterPointPath(style, size) {
+function getScatterPointPath(style, size2) {
   switch (style) {
     case "square":
-      return `M ${-size} ${-size} L ${size} ${-size} L ${size} ${size} L ${-size} ${size} Z`;
+      return `M ${-size2} ${-size2} L ${size2} ${-size2} L ${size2} ${size2} L ${-size2} ${size2} Z`;
     case "triangle": {
-      const h = size * 1.15;
-      return `M 0 ${-h} L ${size} ${h * 0.75} L ${-size} ${h * 0.75} Z`;
+      const h = size2 * 1.15;
+      return `M 0 ${-h} L ${size2} ${h * 0.75} L ${-size2} ${h * 0.75} Z`;
     }
     case "diamond":
-      return `M 0 ${-size * 1.2} L ${size} 0 L 0 ${size * 1.2} L ${-size} 0 Z`;
+      return `M 0 ${-size2 * 1.2} L ${size2} 0 L 0 ${size2 * 1.2} L ${-size2} 0 Z`;
   }
 }
 
@@ -11641,6 +11709,7 @@ import {
   computePosition,
   flip,
   shift,
+  size,
   offset,
   arrow,
   autoUpdate
@@ -11653,6 +11722,7 @@ function createFloatingMiddleware({
   flip: enableFlip,
   shift: enableShift,
   shiftPadding,
+  size: enableSize,
   arrowElement,
   arrowPadding
 }) {
@@ -11661,7 +11731,24 @@ function createFloatingMiddleware({
     middleware.push(flip({ padding: shiftPadding }));
   }
   if (enableShift) {
-    middleware.push(shift({ padding: shiftPadding }));
+    middleware.push(shift({ padding: shiftPadding, crossAxis: true }));
+  }
+  if (enableSize) {
+    middleware.push(
+      size({
+        padding: shiftPadding,
+        apply({ availableWidth, availableHeight, elements }) {
+          elements.floating.style.setProperty(
+            "--tiger-overlay-available-width",
+            `${Math.max(0, availableWidth)}px`
+          );
+          elements.floating.style.setProperty(
+            "--tiger-overlay-available-height",
+            `${Math.max(0, availableHeight)}px`
+          );
+        }
+      })
+    );
   }
   if (arrowElement) {
     middleware.push(arrow({ element: arrowElement, padding: arrowPadding }));
@@ -11673,11 +11760,17 @@ function getFloatingMiddlewareCacheKey({
   flip: enableFlip,
   shift: enableShift,
   shiftPadding,
+  size: enableSize,
   arrowPadding
 }) {
-  return [offsetDistance, enableFlip ? 1 : 0, enableShift ? 1 : 0, shiftPadding, arrowPadding].join(
-    "|"
-  );
+  return [
+    offsetDistance,
+    enableFlip ? 1 : 0,
+    enableShift ? 1 : 0,
+    enableSize ? 1 : 0,
+    shiftPadding,
+    arrowPadding
+  ].join("|");
 }
 function getFloatingMiddleware(options = {}) {
   const normalizedOptions = {
@@ -11685,6 +11778,7 @@ function getFloatingMiddleware(options = {}) {
     flip: options.flip ?? true,
     shift: options.shift ?? true,
     shiftPadding: options.shiftPadding ?? 8,
+    size: options.size ?? true,
     arrowElement: options.arrowElement ?? null,
     arrowPadding: options.arrowPadding ?? 8
   };
@@ -11715,6 +11809,7 @@ async function computeFloatingPosition(reference, floating, options = {}) {
     flip: enableFlip = true,
     shift: enableShift = true,
     shiftPadding = 8,
+    size: enableSize = true,
     arrowElement = null,
     arrowPadding = 8
   } = options;
@@ -11723,6 +11818,7 @@ async function computeFloatingPosition(reference, floating, options = {}) {
     flip: enableFlip,
     shift: enableShift,
     shiftPadding,
+    size: enableSize,
     arrowElement,
     arrowPadding
   });
@@ -11791,6 +11887,42 @@ function applyFloatingStyles(element, result) {
   element.style.top = `${result.y}px`;
 }
 
+// src/utils/anchored-overlay.ts
+var OVERLAY_LAYER_ATTRIBUTE = "data-tiger-overlay-layer";
+var OVERLAY_HOST_ATTRIBUTE = "data-tiger-overlay-host";
+function resolveAnchoredOverlayTarget(reference) {
+  return typeof document === "undefined" ? null : reference?.closest(`[${OVERLAY_LAYER_ATTRIBUTE}]`)?.querySelector(`:scope > [${OVERLAY_HOST_ATTRIBUTE}]`) ?? document.body;
+}
+function getAnchoredOverlayTabTarget(reference, floating, shiftKey = false) {
+  if (!reference || !floating) return null;
+  const layer = reference.closest(`[${OVERLAY_LAYER_ATTRIBUTE}]`);
+  if (!layer) return null;
+  const floatingFocusables = getFocusableElements2(floating);
+  const activeElement = floating.ownerDocument.activeElement;
+  const activeIndex = floatingFocusables.findIndex((element) => element === activeElement);
+  if (activeIndex >= 0) {
+    const boundaryIndex = shiftKey ? 0 : floatingFocusables.length - 1;
+    if (activeIndex !== boundaryIndex) return null;
+  }
+  const focusables = getFocusableElements2(layer).filter((element) => !floating.contains(element));
+  if (focusables.length === 0) return null;
+  const referenceIndex = focusables.findIndex(
+    (element) => element === reference || reference.contains(element)
+  );
+  if (referenceIndex < 0) return shiftKey ? focusables[focusables.length - 1] : focusables[0];
+  const nextIndex = shiftKey ? (referenceIndex - 1 + focusables.length) % focusables.length : (referenceIndex + 1) % focusables.length;
+  return focusables[nextIndex];
+}
+function getAnchoredOverlayLayoutClasses(layout = "anchored", matchReferenceWidth = false) {
+  const positioned = "absolute left-[var(--tiger-overlay-x)] top-[var(--tiger-overlay-y)] max-w-[var(--tiger-overlay-available-width)]! max-h-[var(--tiger-overlay-available-height)]! invisible data-[positioned=true]:visible";
+  return classNames(
+    positioned,
+    matchReferenceWidth && (layout === "anchored" ? "w-[var(--tiger-overlay-reference-width)]" : "sm:w-[var(--tiger-overlay-reference-width)]"),
+    layout === "fullscreen-sm" && "max-sm:visible max-sm:fixed max-sm:inset-0 max-sm:left-auto max-sm:top-auto max-sm:max-w-none! max-sm:max-h-none!",
+    layout === "bottom-sheet-sm" && "max-sm:visible max-sm:fixed max-sm:inset-x-0 max-sm:bottom-0 max-sm:left-auto max-sm:top-auto max-sm:max-w-none! max-sm:max-h-none!"
+  );
+}
+
 // src/utils/dev-warn.ts
 function isDevEnvironment() {
   const proc = globalThis.process;
@@ -12010,15 +12142,15 @@ var valueSize = {
   md: "text-2xl font-semibold tabular-nums",
   lg: "text-4xl font-bold tabular-nums"
 };
-function getCountdownTitleClasses(size) {
+function getCountdownTitleClasses(size2) {
   return classNames(
-    titleSize[size],
+    titleSize[size2],
     "mb-1 text-[var(--tiger-countdown-title,var(--tiger-text-muted,#6b7280))]"
   );
 }
-function getCountdownValueClasses(size) {
+function getCountdownValueClasses(size2) {
   return classNames(
-    valueSize[size],
+    valueSize[size2],
     "text-[var(--tiger-countdown-value,var(--tiger-text,#111827))]"
   );
 }
@@ -12500,7 +12632,7 @@ var CASCADER_TRIGGER_BASE_CLASSES = [
   "active:scale-[0.99]"
 ];
 var CASCADER_TRIGGER_DISABLED_CLASSES = "disabled:bg-[var(--tiger-cascader-trigger-bg-disabled,var(--tiger-surface-muted,#f3f4f6))] disabled:text-[var(--tiger-cascader-trigger-text-disabled,var(--tiger-text-muted,#6b7280))] disabled:cursor-not-allowed disabled:border-[var(--tiger-cascader-trigger-border-disabled,var(--tiger-border,#e5e7eb))]";
-var cascaderDropdownClasses = "absolute z-50 mt-1 flex bg-[var(--tiger-cascader-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-cascader-dropdown-border,var(--tiger-border,#e5e7eb))] rounded-[var(--tiger-radius-lg,0.75rem)] shadow-lg max-sm:fixed max-sm:inset-0 max-sm:mt-0 max-sm:flex-col max-sm:rounded-none max-sm:border-0 max-sm:shadow-none max-sm:pt-[env(safe-area-inset-top)] max-sm:pb-[env(safe-area-inset-bottom)]";
+var cascaderDropdownClasses = "flex bg-[var(--tiger-cascader-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-cascader-dropdown-border,var(--tiger-border,#e5e7eb))] rounded-[var(--tiger-radius-lg,0.75rem)] shadow-lg max-sm:flex-col max-sm:rounded-none max-sm:border-0 max-sm:shadow-none max-sm:pt-[env(safe-area-inset-top)] max-sm:pb-[env(safe-area-inset-bottom)]";
 var cascaderColumnClasses = "min-w-[160px] max-h-64 overflow-auto border-r border-[var(--tiger-cascader-column-border,var(--tiger-border,#e5e7eb))] last:border-r-0 max-sm:min-w-0 max-sm:flex-1 max-sm:max-h-none";
 var cascaderOptionBaseClasses = "w-full px-3 py-2 flex items-center justify-between text-left cursor-pointer transition-colors text-[var(--tiger-cascader-option-text,var(--tiger-text,#111827))] hover:bg-[var(--tiger-cascader-option-bg-hover,var(--tiger-outline-bg-hover,#eff6ff))]";
 var cascaderOptionSelectedClasses = "bg-[var(--tiger-cascader-option-bg-selected,var(--tiger-outline-bg-hover,#eff6ff))] text-[var(--tiger-cascader-option-text-selected,var(--tiger-primary,#2563eb))] font-medium";
@@ -12513,18 +12645,18 @@ var CASCADER_SIZE_CLASSES = {
   md: "text-base py-2",
   lg: "text-lg py-2.5"
 };
-function getCascaderTriggerClasses(size, disabled, isOpen) {
+function getCascaderTriggerClasses(size2, disabled, isOpen) {
   return classNames(
     ...CASCADER_TRIGGER_BASE_CLASSES,
-    CASCADER_SIZE_CLASSES[size],
+    CASCADER_SIZE_CLASSES[size2],
     disabled && CASCADER_TRIGGER_DISABLED_CLASSES,
     isOpen && "ring-2 ring-[var(--tiger-cascader-ring,var(--tiger-primary,#2563eb))] border-[var(--tiger-cascader-trigger-border-focus,var(--tiger-primary,#2563eb))]"
   );
 }
-function getCascaderOptionClasses(isSelected, isDisabled, size) {
+function getCascaderOptionClasses(isSelected, isDisabled, size2) {
   return classNames(
     cascaderOptionBaseClasses,
-    CASCADER_SIZE_CLASSES[size],
+    CASCADER_SIZE_CLASSES[size2],
     isSelected && cascaderOptionSelectedClasses,
     isDisabled && cascaderOptionDisabledClasses
   );
@@ -12616,7 +12748,7 @@ function getCascaderColumns(options, activePath) {
 
 // src/utils/auto-complete-utils.ts
 var autoCompleteBaseClasses = "relative inline-block w-full";
-var autoCompleteDropdownClasses = "absolute z-50 w-full mt-1 bg-[var(--tiger-autocomplete-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-autocomplete-dropdown-border,var(--tiger-border,#d1d5db))] rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg max-h-60 overflow-auto";
+var autoCompleteDropdownClasses = "bg-[var(--tiger-autocomplete-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-autocomplete-dropdown-border,var(--tiger-border,#d1d5db))] rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg max-h-60 overflow-auto";
 var autoCompleteOptionBaseClasses = "w-full px-3 py-2 text-left cursor-pointer transition-colors";
 var autoCompleteEmptyStateClasses = "px-3 py-4 text-center text-[var(--tiger-autocomplete-empty-text,var(--tiger-text-muted,#9ca3af))]";
 var sizeClasses = {
@@ -12629,15 +12761,15 @@ var inputPaddingClasses = {
   md: "pl-3 pr-10",
   lg: "pl-4 pr-12"
 };
-function getAutoCompleteInputClasses(size = "md", disabled = false, isOpen = false) {
+function getAutoCompleteInputClasses(size2 = "md", disabled = false, isOpen = false) {
   const base = "w-full rounded-[var(--tiger-radius-md,0.5rem)] border outline-none transition-all duration-200";
-  const sizeClass = classNames(sizeClasses[size], inputPaddingClasses[size]);
+  const sizeClass = classNames(sizeClasses[size2], inputPaddingClasses[size2]);
   const stateClass = disabled ? "bg-[var(--tiger-autocomplete-bg-disabled,var(--tiger-outline-bg-disabled,#f3f4f6))] text-[var(--tiger-autocomplete-text-disabled,var(--tiger-text-muted,#9ca3af))] border-[var(--tiger-autocomplete-border-disabled,var(--tiger-border,#d1d5db))] cursor-not-allowed" : isOpen ? "bg-[var(--tiger-autocomplete-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-autocomplete-text,var(--tiger-text,#111827))] border-[var(--tiger-autocomplete-border-focus,var(--tiger-primary,#2563eb))] ring-2 ring-[var(--tiger-autocomplete-ring,var(--tiger-primary,#2563eb))]/20" : "bg-[var(--tiger-autocomplete-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-autocomplete-text,var(--tiger-text,#111827))] border-[var(--tiger-autocomplete-border,var(--tiger-border,#d1d5db))] hover:border-[var(--tiger-autocomplete-border-hover,var(--tiger-primary,#2563eb))]";
   return classNames(base, sizeClass, stateClass);
 }
-function getAutoCompleteOptionClasses(isSelected = false, isDisabled = false, size = "md") {
+function getAutoCompleteOptionClasses(isSelected = false, isDisabled = false, size2 = "md") {
   const stateClass = isDisabled ? "text-[var(--tiger-autocomplete-option-text-disabled,var(--tiger-text-muted,#9ca3af))] cursor-not-allowed" : isSelected ? "bg-[var(--tiger-autocomplete-option-bg-selected,var(--tiger-outline-bg-active,#dbeafe))] text-[var(--tiger-autocomplete-option-text-selected,var(--tiger-primary,#2563eb))]" : "text-[var(--tiger-autocomplete-option-text,var(--tiger-text,#111827))] hover:bg-[var(--tiger-autocomplete-option-bg-hover,var(--tiger-outline-bg-hover,#eff6ff))]";
-  return classNames(autoCompleteOptionBaseClasses, sizeClasses[size], stateClass);
+  return classNames(autoCompleteOptionBaseClasses, sizeClasses[size2], stateClass);
 }
 function defaultAutoCompleteFilter(inputValue, option) {
   return option.label.toLowerCase().includes(inputValue.toLowerCase());
@@ -12893,10 +13025,10 @@ var controlSizeClasses = {
   md: "h-9 px-2.5 text-sm",
   lg: "h-10 px-3 text-base"
 };
-function getCronEditorControlClasses(size, invalid = false) {
+function getCronEditorControlClasses(size2, invalid = false) {
   return classNames(
     "min-w-0 rounded-[var(--tiger-radius-sm,0.375rem)] border font-mono outline-none transition-colors",
-    controlSizeClasses[size],
+    controlSizeClasses[size2],
     invalid ? "border-[var(--tiger-danger,#dc2626)] focus:border-[var(--tiger-danger,#dc2626)]" : "border-[var(--tiger-croneditor-control-border,var(--tiger-border,#d1d5db))] focus:border-[var(--tiger-primary,#2563eb)]",
     "bg-[var(--tiger-croneditor-control-bg,var(--tiger-surface,#ffffff))]",
     "disabled:cursor-not-allowed disabled:opacity-50"
@@ -13129,12 +13261,12 @@ function getSpotlightShortcutLabel(shortcut) {
 }
 
 // src/utils/scroll-spy-utils.ts
-var scrollSpyRootClasses = "relative text-sm text-gray-600 dark:text-gray-300";
+var scrollSpyRootClasses = "relative text-sm text-[var(--tiger-text-muted,#6b7280)]";
 var scrollSpyStickyClasses = "sticky top-0";
 var scrollSpyListVerticalClasses = "flex flex-col gap-1";
 var scrollSpyListHorizontalClasses = "flex flex-wrap items-center gap-2";
-var scrollSpyNestedListClasses = "mt-1 ml-3 flex flex-col gap-1 border-l border-gray-200 pl-3 dark:border-gray-700";
-var scrollSpyItemBaseClasses = "block rounded-md px-3 py-1.5 text-left transition-colors duration-200 hover:bg-gray-100 hover:text-[var(--tiger-primary,#2563eb)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-primary,#2563eb)] focus-visible:ring-offset-2 dark:hover:bg-gray-800";
+var scrollSpyNestedListClasses = "mt-1 ml-3 flex flex-col gap-1 border-l border-[var(--tiger-border,#e5e7eb)] pl-3";
+var scrollSpyItemBaseClasses = "block rounded-md px-3 py-1.5 text-left transition-colors duration-200 motion-reduce:transition-none hover:bg-[var(--tiger-surface-muted,#f3f4f6)] hover:text-[var(--tiger-primary,#2563eb)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-primary,#2563eb)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--tiger-surface,#fff)]";
 var scrollSpyItemActiveClasses = "bg-[var(--tiger-primary,#2563eb)]/10 font-medium text-[var(--tiger-primary,#2563eb)]";
 var scrollSpyItemDisabledClasses = "cursor-not-allowed opacity-50 hover:bg-transparent";
 function getScrollSpyKeyString(key) {
@@ -13250,14 +13382,14 @@ var checkboxSizeClasses = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-function getTransferItemClasses(isSelected, isDisabled, size = "md") {
+function getTransferItemClasses(isSelected, isDisabled, size2 = "md") {
   const base = "flex items-center gap-2 cursor-pointer transition-colors";
   const stateClass = isDisabled ? "text-[var(--tiger-transfer-text-disabled,var(--tiger-text-muted,#9ca3af))] cursor-not-allowed" : isSelected ? "bg-[var(--tiger-transfer-item-bg-selected,var(--tiger-outline-bg-active,#dbeafe))] text-[var(--tiger-transfer-item-text,var(--tiger-text,#111827))]" : "text-[var(--tiger-transfer-item-text,var(--tiger-text,#111827))] hover:bg-[var(--tiger-transfer-item-bg-hover,var(--tiger-outline-bg-hover,#eff6ff))]";
-  return classNames(base, sizeClasses2[size], itemPaddingClasses[size], stateClass);
+  return classNames(base, sizeClasses2[size2], itemPaddingClasses[size2], stateClass);
 }
-function getTransferCheckboxClasses(size = "md") {
+function getTransferCheckboxClasses(size2 = "md") {
   return classNames(
-    checkboxSizeClasses[size],
+    checkboxSizeClasses[size2],
     "rounded border border-[var(--tiger-transfer-checkbox-border,var(--tiger-border,#d1d5db))] accent-[var(--tiger-primary,#2563eb)]"
   );
 }
@@ -13308,7 +13440,7 @@ function filterTransferItems(items, query, filterFn) {
 
 // src/utils/tree-select-utils.ts
 var treeSelectBaseClasses = "relative inline-block w-full";
-var treeSelectDropdownClasses = "absolute z-50 w-full mt-1 bg-[var(--tiger-treeselect-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-treeselect-dropdown-border,var(--tiger-border,#d1d5db))] rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg max-h-60 overflow-auto";
+var treeSelectDropdownClasses = "bg-[var(--tiger-treeselect-dropdown-bg,var(--tiger-surface,#ffffff))] border border-[var(--tiger-treeselect-dropdown-border,var(--tiger-border,#d1d5db))] rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg max-h-60 overflow-auto";
 var treeSelectSearchClasses = "w-full px-3 py-1.5 border-b border-[var(--tiger-treeselect-border,var(--tiger-border,#d1d5db))] text-sm bg-[var(--tiger-treeselect-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-treeselect-text,var(--tiger-text,#111827))] outline-none placeholder:text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]";
 var treeSelectEmptyClasses = "px-3 py-4 text-center text-[var(--tiger-treeselect-empty-text,var(--tiger-text-muted,#9ca3af))]";
 var treeSelectNodeBaseClasses = "flex items-center px-2 py-1.5 cursor-pointer rounded transition-colors";
@@ -13322,14 +13454,14 @@ var nodeSizeClasses = {
   md: "text-base py-1.5",
   lg: "text-lg py-2"
 };
-function getTreeSelectTriggerClasses(size = "md", disabled = false, isOpen = false) {
+function getTreeSelectTriggerClasses(size2 = "md", disabled = false, isOpen = false) {
   const base = "w-full rounded-[var(--tiger-radius-md,0.5rem)] border outline-none transition-all duration-200 text-left flex items-center";
   const stateClass = disabled ? "bg-[var(--tiger-treeselect-bg-disabled,var(--tiger-outline-bg-disabled,#f3f4f6))] text-[var(--tiger-treeselect-text-disabled,var(--tiger-text-muted,#9ca3af))] border-[var(--tiger-treeselect-border-disabled,var(--tiger-border,#d1d5db))] cursor-not-allowed" : isOpen ? "bg-[var(--tiger-treeselect-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-treeselect-text,var(--tiger-text,#111827))] border-[var(--tiger-treeselect-border-focus,var(--tiger-primary,#2563eb))] ring-2 ring-[var(--tiger-treeselect-ring,var(--tiger-primary,#2563eb))]/20" : "bg-[var(--tiger-treeselect-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-treeselect-text,var(--tiger-text,#111827))] border-[var(--tiger-treeselect-border,var(--tiger-border,#d1d5db))] hover:border-[var(--tiger-treeselect-border-hover,var(--tiger-primary,#2563eb))] cursor-pointer";
-  return classNames(base, triggerSizeClasses[size], stateClass);
+  return classNames(base, triggerSizeClasses[size2], stateClass);
 }
-function getTreeSelectNodeClasses(isSelected = false, isDisabled = false, size = "md") {
+function getTreeSelectNodeClasses(isSelected = false, isDisabled = false, size2 = "md") {
   const stateClass = isDisabled ? "text-[var(--tiger-treeselect-node-text-disabled,var(--tiger-text-muted,#9ca3af))] cursor-not-allowed opacity-50" : isSelected ? "bg-[var(--tiger-treeselect-node-bg-selected,var(--tiger-outline-bg-active,#dbeafe))] text-[var(--tiger-treeselect-node-text-selected,var(--tiger-primary,#2563eb))]" : "text-[var(--tiger-treeselect-node-text,var(--tiger-text,#111827))] hover:bg-[var(--tiger-treeselect-node-bg-hover,var(--tiger-outline-bg-hover,#eff6ff))]";
-  return classNames(treeSelectNodeBaseClasses, nodeSizeClasses[size], stateClass);
+  return classNames(treeSelectNodeBaseClasses, nodeSizeClasses[size2], stateClass);
 }
 function findTreeSelectNode(data, key) {
   for (const node of data) {
@@ -13401,10 +13533,10 @@ var sizeText = {
   md: "text-lg leading-5",
   lg: "text-2xl leading-7"
 };
-function getRateStarClasses(size, isCharacter, disabled) {
+function getRateStarClasses(size2, isCharacter, disabled) {
   return classNames(
     "relative inline-flex items-center justify-center transition-colors select-none",
-    isCharacter ? sizeText[size] : sizePx[size],
+    isCharacter ? sizeText[size2] : sizePx[size2],
     disabled ? "cursor-default" : "cursor-pointer"
   );
 }
@@ -13415,7 +13547,7 @@ var starPathD = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.
 var starViewBox = "0 0 20 20";
 
 // src/utils/segmented-utils.ts
-function getSegmentedContainerClasses(size, block) {
+function getSegmentedContainerClasses(size2, block) {
   const sizeClasses3 = {
     sm: "p-0.5 text-xs",
     md: "p-1 text-sm",
@@ -13424,7 +13556,7 @@ function getSegmentedContainerClasses(size, block) {
   return classNames(
     "relative inline-grid overflow-hidden rounded-[var(--tiger-radius-md,0.5rem)]",
     "bg-[var(--tiger-segmented-bg,var(--tiger-fill,#f3f4f6))]",
-    sizeClasses3[size],
+    sizeClasses3[size2],
     block ? "w-full" : ""
   );
 }
@@ -13433,7 +13565,7 @@ function getSegmentedContainerStyle(optionCount) {
     gridTemplateColumns: `repeat(${Math.max(1, optionCount)}, minmax(0, 1fr))`
   };
 }
-function getSegmentedIndicatorClasses(size) {
+function getSegmentedIndicatorClasses(size2) {
   const insetClasses = {
     sm: "top-0.5 bottom-0.5",
     md: "top-1 bottom-1",
@@ -13443,10 +13575,10 @@ function getSegmentedIndicatorClasses(size) {
     "pointer-events-none absolute z-0 rounded-[var(--tiger-radius-md,0.5rem)]",
     "bg-[var(--tiger-segmented-active-bg,var(--tiger-surface,#ffffff))] shadow-sm",
     "transition-transform duration-200 ease-out will-change-transform",
-    insetClasses[size]
+    insetClasses[size2]
   );
 }
-function getSegmentedIndicatorStyle(selectedIndex, optionCount, size) {
+function getSegmentedIndicatorStyle(selectedIndex, optionCount, size2) {
   const horizontalInset = {
     sm: "0.125rem",
     md: "0.25rem",
@@ -13454,7 +13586,7 @@ function getSegmentedIndicatorStyle(selectedIndex, optionCount, size) {
   };
   const safeOptionCount = Math.max(1, optionCount);
   const safeSelectedIndex = Math.min(Math.max(0, selectedIndex), safeOptionCount - 1);
-  const inset = horizontalInset[size];
+  const inset = horizontalInset[size2];
   return {
     left: inset,
     width: `calc((100% - (${inset} * 2)) / ${safeOptionCount})`,
@@ -13462,7 +13594,7 @@ function getSegmentedIndicatorStyle(selectedIndex, optionCount, size) {
     opacity: selectedIndex >= 0 && optionCount > 0 ? "1" : "0"
   };
 }
-function getSegmentedOptionClasses(size, isSelected, isDisabled) {
+function getSegmentedOptionClasses(size2, isSelected, isDisabled) {
   const sizePad2 = {
     sm: "px-2 py-0.5",
     md: "px-3 py-1",
@@ -13470,7 +13602,7 @@ function getSegmentedOptionClasses(size, isSelected, isDisabled) {
   };
   return classNames(
     "relative z-10 inline-flex items-center justify-center rounded-[var(--tiger-radius-md,0.5rem)] font-medium transition-colors duration-200 whitespace-nowrap",
-    sizePad2[size],
+    sizePad2[size2],
     isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     isSelected ? "text-[var(--tiger-segmented-active-text,var(--tiger-text,#111827))]" : isDisabled ? "text-[var(--tiger-segmented-text,var(--tiger-text-muted,#6b7280))]" : "text-[var(--tiger-segmented-text,var(--tiger-text-muted,#6b7280))] hover:text-[var(--tiger-segmented-text-hover,var(--tiger-text,#111827))]"
   );
@@ -13488,15 +13620,15 @@ var valueSize2 = {
   md: "text-2xl font-semibold",
   lg: "text-4xl font-bold"
 };
-function getStatisticTitleClasses(size) {
+function getStatisticTitleClasses(size2) {
   return classNames(
-    titleSize2[size],
+    titleSize2[size2],
     "text-[var(--tiger-statistic-title,var(--tiger-text-muted,#6b7280))] mb-1"
   );
 }
-function getStatisticValueClasses(size) {
+function getStatisticValueClasses(size2) {
   return classNames(
-    valueSize2[size],
+    valueSize2[size2],
     "text-[var(--tiger-statistic-value,var(--tiger-text,#111827))]"
   );
 }
@@ -13565,16 +13697,16 @@ var triggerSizes = {
   md: "w-8 h-8",
   lg: "w-10 h-10"
 };
-function getColorPickerTriggerClasses(size, disabled) {
+function getColorPickerTriggerClasses(size2, disabled) {
   return classNames(
     "rounded-[var(--tiger-radius-md,0.5rem)] border transition-all overflow-hidden",
     "border-[var(--tiger-colorpicker-border,var(--tiger-border,#d1d5db))]",
-    triggerSizes[size],
+    triggerSizes[size2],
     disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:border-[var(--tiger-colorpicker-border-hover,var(--tiger-primary,#2563eb))]"
   );
 }
 var colorPickerPanelClasses = classNames(
-  "absolute z-50 mt-1 p-3 rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg",
+  "p-3 rounded-[var(--tiger-radius-md,0.5rem)] shadow-lg",
   "bg-[var(--tiger-colorpicker-panel-bg,var(--tiger-surface,#ffffff))]",
   "border border-[var(--tiger-colorpicker-panel-border,var(--tiger-border,#d1d5db))]"
 );
@@ -13710,20 +13842,20 @@ var colorSwatchSizeClasses = {
   md: "h-8 w-8",
   lg: "h-10 w-10"
 };
-function getColorSwatchButtonClasses(size, selected, disabled) {
+function getColorSwatchButtonClasses(size2, selected, disabled) {
   return classNames(
     "relative inline-flex shrink-0 items-center justify-center rounded-[var(--tiger-radius-md,0.5rem)] border transition-all outline-none",
     "border-[var(--tiger-colorswatch-border,var(--tiger-border,#d1d5db))]",
     "focus-visible:ring-2 focus-visible:ring-[var(--tiger-colorswatch-ring,var(--tiger-primary,#2563eb))] focus-visible:ring-offset-2",
-    colorSwatchSizeClasses[size],
+    colorSwatchSizeClasses[size2],
     selected ? "ring-2 ring-[var(--tiger-colorswatch-selected,var(--tiger-primary,#2563eb))] ring-offset-2" : "hover:scale-105 hover:border-[var(--tiger-colorswatch-border-hover,var(--tiger-primary,#2563eb))]",
     disabled ? "cursor-not-allowed opacity-45" : "cursor-pointer"
   );
 }
-function getColorSwatchCheckClasses(size) {
+function getColorSwatchCheckClasses(size2) {
   return classNames(
     "pointer-events-none rounded-full bg-white/90 text-[var(--tiger-primary,#2563eb)] shadow-sm",
-    size === "sm" ? "h-3 w-3 text-[8px]" : size === "md" ? "h-4 w-4 text-[10px]" : "h-5 w-5 text-xs"
+    size2 === "sm" ? "h-3 w-3 text-[8px]" : size2 === "md" ? "h-4 w-4 text-[10px]" : "h-5 w-5 text-xs"
   );
 }
 function normalizeColorSwatchGroups(groups, colors) {
@@ -13848,50 +13980,55 @@ function variableSizeStrategy(getHeight, itemCount) {
 }
 function dynamicSizeStrategy(estimatedHeight, itemCount) {
   const measuredHeights = /* @__PURE__ */ new Map();
+  const offsets = new Float64Array(itemCount + 1);
+  for (let i = 0; i < itemCount; i++) {
+    offsets[i + 1] = offsets[i] + estimatedHeight;
+  }
+  let dirtyFrom = itemCount;
   function getHeight(index) {
     return measuredHeights.get(index) ?? estimatedHeight;
   }
-  function getOffset(index) {
-    let offset2 = 0;
-    for (let i = 0; i < index; i++) {
-      offset2 += getHeight(i);
+  function rebuildOffsets() {
+    if (dirtyFrom >= itemCount) return;
+    for (let i = dirtyFrom; i < itemCount; i++) {
+      offsets[i + 1] = offsets[i] + getHeight(i);
     }
-    return offset2;
+    dirtyFrom = itemCount;
+  }
+  function getOffset(index) {
+    rebuildOffsets();
+    const safeIndex = Math.min(itemCount, Math.max(0, index));
+    return offsets[safeIndex] ?? 0;
   }
-  function getTotalHeight() {
-    let total = 0;
-    for (let i = 0; i < itemCount; i++) {
-      total += getHeight(i);
+  function binarySearchStart(scrollTop) {
+    let lo = 0;
+    let hi = itemCount - 1;
+    while (lo <= hi) {
+      const mid = lo + hi >>> 1;
+      if (offsets[mid + 1] <= scrollTop) {
+        lo = mid + 1;
+      } else {
+        hi = mid - 1;
+      }
     }
-    return total;
+    return Math.min(lo, itemCount - 1);
   }
   return {
     getRange(scrollTop, containerHeight, _itemCount, overscan) {
       if (itemCount === 0) {
         return { startIndex: 0, endIndex: -1, offsetTop: 0, totalHeight: 0 };
       }
-      let accum = 0;
-      let rawStart = 0;
-      for (let i = 0; i < itemCount; i++) {
-        const h = getHeight(i);
-        if (accum + h > scrollTop) {
-          rawStart = i;
-          break;
-        }
-        accum += h;
-        if (i === itemCount - 1) rawStart = itemCount - 1;
-      }
+      rebuildOffsets();
+      const rawStart = binarySearchStart(scrollTop);
       const startIndex = Math.max(0, rawStart - overscan);
       const viewEnd = scrollTop + containerHeight;
       let endIndex = rawStart;
-      let endAccum = accum;
-      while (endIndex < itemCount - 1 && endAccum < viewEnd) {
-        endAccum += getHeight(endIndex);
+      while (endIndex < itemCount - 1 && offsets[endIndex] < viewEnd) {
         endIndex++;
       }
       endIndex = Math.min(itemCount - 1, endIndex + overscan);
-      const offsetTop = getOffset(startIndex);
-      const totalHeight = getTotalHeight();
+      const offsetTop = offsets[startIndex] ?? 0;
+      const totalHeight = offsets[itemCount] ?? 0;
       return { startIndex, endIndex, offsetTop, totalHeight };
     },
     getItemHeight(index) {
@@ -13901,7 +14038,11 @@ function dynamicSizeStrategy(estimatedHeight, itemCount) {
       return getOffset(index);
     },
     updateItemHeight(index, measuredHeight) {
+      if (index < 0 || index >= itemCount || !Number.isFinite(measuredHeight) || measuredHeight <= 0 || getHeight(index) === measuredHeight) {
+        return;
+      }
       measuredHeights.set(index, measuredHeight);
+      dirtyFrom = Math.min(dirtyFrom, index);
     }
   };
 }
@@ -13918,20 +14059,20 @@ var btnSize = {
   md: "w-9 h-9",
   lg: "w-11 h-11"
 };
-function getStepperInputClasses(size) {
+function getStepperInputClasses(size2) {
   return classNames(
     "text-center border-y outline-none font-mono",
-    sizePad[size],
+    sizePad[size2],
     "w-14",
     "bg-[var(--tiger-stepper-bg,var(--tiger-surface,#ffffff))]",
     "text-[var(--tiger-stepper-text,var(--tiger-text,#111827))]",
     "border-[var(--tiger-stepper-border,var(--tiger-border,#d1d5db))]"
   );
 }
-function getStepperButtonClasses(size, disabled, position) {
+function getStepperButtonClasses(size2, disabled, position) {
   return classNames(
     "inline-flex items-center justify-center border transition-colors",
-    btnSize[size],
+    btnSize[size2],
     position === "left" ? "rounded-l-md" : "rounded-r-md",
     disabled ? "opacity-50 cursor-not-allowed bg-[var(--tiger-stepper-btn-bg-disabled,var(--tiger-fill,#f3f4f6))]" : "cursor-pointer bg-[var(--tiger-stepper-btn-bg,var(--tiger-fill,#f3f4f6))] hover:bg-[var(--tiger-stepper-btn-bg-hover,var(--tiger-fill-hover,#e5e7eb))]",
     "text-[var(--tiger-stepper-btn-text,var(--tiger-text,#111827))]",
@@ -14016,35 +14157,22 @@ var sizeMap = {
   md: "text-sm py-2 px-3",
   lg: "text-base py-2.5 px-4"
 };
-function getMentionsInputClasses(size, disabled) {
+function getMentionsInputClasses(size2, disabled) {
   return classNames(
     "w-full rounded-[var(--tiger-radius-md,0.5rem)] border transition-colors resize-none",
     "bg-[var(--tiger-mentions-bg,var(--tiger-surface,#ffffff))]",
     "border-[var(--tiger-mentions-border,var(--tiger-border,#d1d5db))]",
     "text-[var(--tiger-mentions-text,var(--tiger-text,#111827))]",
     "placeholder:text-[var(--tiger-mentions-placeholder,var(--tiger-text-muted,#9ca3af))]",
-    sizeMap[size],
+    sizeMap[size2],
     disabled ? "opacity-50 cursor-not-allowed" : "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-mentions-ring,var(--tiger-ring,#2563eb))]"
   );
 }
 var mentionsDropdownClasses = classNames(
-  "absolute z-50 w-48 max-h-48 overflow-auto rounded-[var(--tiger-radius-md,0.5rem)] border shadow-lg",
+  "w-48 max-h-48 overflow-auto rounded-[var(--tiger-radius-md,0.5rem)] border shadow-lg",
   "bg-[var(--tiger-mentions-dropdown-bg,var(--tiger-surface,#ffffff))]",
   "border-[var(--tiger-mentions-dropdown-border,var(--tiger-border,#d1d5db))]"
 );
-async function positionMentionsDropdown(reference, dropdown, options = {}) {
-  const { matchReferenceWidth = false, ...floatingOptions } = options;
-  if (matchReferenceWidth) {
-    dropdown.style.minWidth = `${reference.offsetWidth}px`;
-  }
-  const result = await computeFloatingPosition(reference, dropdown, {
-    placement: "bottom-start",
-    offset: 4,
-    ...floatingOptions
-  });
-  applyFloatingStyles(dropdown, result);
-  return result;
-}
 function getMentionsOptionClasses(isActive, isDisabled) {
   return classNames(
     "px-3 py-2 text-sm cursor-pointer transition-colors",
@@ -14080,15 +14208,15 @@ var qrcodeRefreshClasses = classNames(
   "text-[var(--tiger-qrcode-refresh,var(--tiger-primary,#2563eb))]",
   "hover:underline"
 );
-function generateQRMatrix(value, size = 21) {
+function generateQRMatrix(value, size2 = 21) {
   const matrix = Array.from(
-    { length: size },
-    () => Array.from({ length: size }, () => false)
+    { length: size2 },
+    () => Array.from({ length: size2 }, () => false)
   );
   const drawFinderPattern = (row, col) => {
     for (let r = 0; r < 7; r++) {
       for (let c = 0; c < 7; c++) {
-        if (row + r >= size || col + c >= size) continue;
+        if (row + r >= size2 || col + c >= size2) continue;
         const isOuter = r === 0 || r === 6 || c === 0 || c === 6;
         const isInner = r >= 2 && r <= 4 && c >= 2 && c <= 4;
         matrix[row + r][col + c] = isOuter || isInner;
@@ -14096,9 +14224,9 @@ function generateQRMatrix(value, size = 21) {
     }
   };
   drawFinderPattern(0, 0);
-  drawFinderPattern(0, size - 7);
-  drawFinderPattern(size - 7, 0);
-  for (let i = 8; i < size - 8; i++) {
+  drawFinderPattern(0, size2 - 7);
+  drawFinderPattern(size2 - 7, 0);
+  for (let i = 8; i < size2 - 8; i++) {
     matrix[6][i] = i % 2 === 0;
     matrix[i][6] = i % 2 === 0;
   }
@@ -14107,12 +14235,12 @@ function generateQRMatrix(value, size = 21) {
     hash = (hash << 5) - hash + value.charCodeAt(i) | 0;
   }
   let seed = Math.abs(hash);
-  for (let r = 0; r < size; r++) {
-    for (let c = 0; c < size; c++) {
+  for (let r = 0; r < size2; r++) {
+    for (let c = 0; c < size2; c++) {
       if (matrix[r][c]) continue;
       if (r < 8 && c < 8) continue;
-      if (r < 8 && c >= size - 8) continue;
-      if (r >= size - 8 && c < 8) continue;
+      if (r < 8 && c >= size2 - 8) continue;
+      if (r >= size2 - 8 && c < 8) continue;
       if (r === 6 || c === 6) continue;
       seed = seed * 1103515245 + 12345 & 2147483647;
       matrix[r][c] = seed % 3 === 0;
@@ -14188,13 +14316,13 @@ function groupDataByColumn(data, groupBy) {
   return groups;
 }
 var tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] [&>td]:border-b [&>td]:border-[var(--tiger-border,#e5e7eb)]";
-function getGroupHeaderCellClasses(size) {
+function getGroupHeaderCellClasses(size2) {
   const padding = {
     sm: "px-3 py-2",
     md: "px-4 py-3",
     lg: "px-6 py-4"
   };
-  return padding[size] || padding.md;
+  return padding[size2] || padding.md;
 }
 
 // src/utils/table-resize-utils.ts
@@ -14948,9 +15076,9 @@ function getSplitterGutterHandleClasses(direction) {
     direction === "horizontal" ? splitterGutterHandleHorizontalClasses : splitterGutterHandleVerticalClasses
   ].join(" ");
 }
-function parsePaneSize(size, totalSize) {
-  if (typeof size === "number") return size;
-  const trimmed = size.trim();
+function parsePaneSize(size2, totalSize) {
+  if (typeof size2 === "number") return size2;
+  const trimmed = size2.trim();
   if (trimmed.endsWith("%")) {
     const pct = parseFloat(trimmed);
     if (isNaN(pct)) return 0;
@@ -14972,8 +15100,8 @@ function calculateInitialSizes(paneCount, totalSize, gutterSize, defaultSizes) {
   const equalSize = availableSpace / paneCount;
   return Array.from({ length: paneCount }, () => equalSize);
 }
-function clampPaneSize(size, min, max) {
-  let result = Math.max(size, min);
+function clampPaneSize(size2, min, max) {
+  let result = Math.max(size2, min);
   if (max !== void 0) {
     result = Math.min(result, max);
   }
@@ -15000,10 +15128,10 @@ function resizePanes(sizes, gutterIndex, delta, mins, maxes) {
   result[rightIdx] = newRight;
   return result;
 }
-function getPaneStyle(size, direction) {
+function getPaneStyle(size2, direction) {
   const prop = direction === "horizontal" ? "width" : "height";
   return {
-    [prop]: `${size}px`,
+    [prop]: `${size2}px`,
     flexShrink: "0",
     flexGrow: "0"
   };
@@ -16839,8 +16967,8 @@ function getInputGroupClasses(compact, className) {
   if (className) classes.push(className);
   return classes.join(" ");
 }
-function getInputGroupAddonClasses(size, compact, className) {
-  const classes = [inputGroupAddonBaseClasses, inputGroupAddonSizeClasses[size]];
+function getInputGroupAddonClasses(size2, compact, className) {
+  const classes = [inputGroupAddonBaseClasses, inputGroupAddonSizeClasses[size2]];
   if (compact) {
     classes.push("first:rounded-l-md last:rounded-r-md");
   } else {
@@ -16934,8 +17062,8 @@ function getAvatarGroupClasses(...classes) {
 function getAvatarGroupItemClasses(...classes) {
   return classNames(avatarGroupItemClasses, ...classes);
 }
-function getAvatarGroupOverflowClasses(size = "md", ...classes) {
-  return classNames(avatarGroupOverflowClasses, avatarSizeClasses[size], ...classes);
+function getAvatarGroupOverflowClasses(size2 = "md", ...classes) {
+  return classNames(avatarGroupOverflowClasses, avatarSizeClasses[size2], ...classes);
 }
 function getAvatarGroupOverflowLabel(overflowCount, template = DEFAULT_AVATAR_GROUP_LABELS.overflowAriaLabel) {
   return template.replace("{count}", String(overflowCount));
@@ -17017,8 +17145,8 @@ function createChartResizeObserverController(options) {
     pendingSize = void 0;
     options.onSizeChange(nextSize);
   }
-  function schedule(size) {
-    pendingSize = size;
+  function schedule(size2) {
+    pendingSize = size2;
     if (frameHandle !== void 0) return;
     frameHandle = requestFrame(applyPending);
   }
@@ -17295,16 +17423,16 @@ var checkboxLabelSizeClasses = {
   md: "text-base",
   lg: "text-lg"
 };
-function getCheckboxClasses(size = "md", disabled = false) {
+function getCheckboxClasses(size2 = "md", disabled = false) {
   const baseClasses = "rounded border-2 transition-all duration-150 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] active:scale-95";
-  const sizeClass = checkboxSizeClasses2[size];
+  const sizeClass = checkboxSizeClasses2[size2];
   const colorClasses = "border-[var(--tiger-primary,#2563eb)] accent-[var(--tiger-primary,#2563eb)] text-white checked:bg-[var(--tiger-primary,#2563eb)] checked:border-[var(--tiger-primary,#2563eb)] indeterminate:bg-[var(--tiger-primary,#2563eb)] indeterminate:border-[var(--tiger-primary,#2563eb)]";
   const disabledClasses = disabled ? "cursor-not-allowed opacity-50 disabled:bg-[var(--tiger-surface-muted,#f3f4f6)] disabled:border-[var(--tiger-border,#e5e7eb)]" : "";
   return [baseClasses, sizeClass, colorClasses, disabledClasses].filter(Boolean).join(" ");
 }
-function getCheckboxLabelClasses(size = "md", disabled = false) {
+function getCheckboxLabelClasses(size2 = "md", disabled = false) {
   const baseClasses = "inline-flex items-center cursor-pointer select-none";
-  const sizeClass = checkboxLabelSizeClasses[size];
+  const sizeClass = checkboxLabelSizeClasses[size2];
   const disabledClasses = disabled ? "cursor-not-allowed" : "";
   return [baseClasses, sizeClass, disabledClasses].filter(Boolean).join(" ");
 }
@@ -17326,8 +17454,8 @@ var switchThumbTranslateClasses = {
   md: "translate-x-5",
   lg: "translate-x-7"
 };
-function getSwitchClasses(size = "md", checked = false, disabled = false, ...classes) {
-  const sizeClass = switchSizeClasses[size];
+function getSwitchClasses(size2 = "md", checked = false, disabled = false, ...classes) {
+  const sizeClass = switchSizeClasses[size2];
   const bgColor = checked ? "bg-[var(--tiger-primary,#2563eb)]" : "bg-[var(--tiger-border,#e5e7eb)]";
   return composeComponentClasses(
     switchBaseClasses,
@@ -17337,10 +17465,10 @@ function getSwitchClasses(size = "md", checked = false, disabled = false, ...cla
     ...classes
   );
 }
-function getSwitchThumbClasses(size = "md", checked = false) {
+function getSwitchThumbClasses(size2 = "md", checked = false) {
   const baseClasses = "inline-block rounded-full bg-[var(--tiger-surface,#ffffff)] shadow-lg transition-transform";
-  const sizeClass = switchThumbSizeClasses[size];
-  const translateClass = checked ? switchThumbTranslateClasses[size] : "translate-x-0.5";
+  const sizeClass = switchThumbSizeClasses[size2];
+  const translateClass = checked ? switchThumbTranslateClasses[size2] : "translate-x-0.5";
   return classNames(baseClasses, sizeClass, translateClass);
 }
 
@@ -17368,18 +17496,18 @@ var sliderSizeClasses = {
     tooltip: "text-base px-2.5 py-1.5"
   }
 };
-function getSliderTrackClasses(size = "md", disabled = false) {
-  const sizeClass = sliderSizeClasses[size].track;
+function getSliderTrackClasses(size2 = "md", disabled = false) {
+  const sizeClass = sliderSizeClasses[size2].track;
   const disabledClass = disabled ? sliderDisabledClasses : "";
   return [sliderTrackClasses, sizeClass, disabledClass].filter(Boolean).join(" ");
 }
-function getSliderThumbClasses(size = "md", disabled = false) {
-  const sizeClass = sliderSizeClasses[size].thumb;
+function getSliderThumbClasses(size2 = "md", disabled = false) {
+  const sizeClass = sliderSizeClasses[size2].thumb;
   const disabledClass = disabled ? sliderDisabledClasses : "";
   return [sliderThumbClasses, sizeClass, disabledClass].filter(Boolean).join(" ");
 }
-function getSliderTooltipClasses(size = "md") {
-  const sizeClass = sliderSizeClasses[size].tooltip;
+function getSliderTooltipClasses(size2 = "md") {
+  const sizeClass = sliderSizeClasses[size2].tooltip;
   return [sliderTooltipClasses, sizeClass].filter(Boolean).join(" ");
 }
 
@@ -18928,7 +19056,7 @@ var designTokens = {
 };
 
 // src/index.ts
-var version = "2.0.0-rc.2";
+var version = "2.0.0";
 export {
   ANIMATION_DURATION_FAST_MS,
   ANIMATION_DURATION_MS,
@@ -19624,6 +19752,8 @@ export {
   getAnchorLinkListClasses,
   getAnchorTargetElement,
   getAnchorWrapperClasses,
+  getAnchoredOverlayLayoutClasses,
+  getAnchoredOverlayTabTarget,
   getAreaGradientPrefix,
   getArrowStyles,
   getAutoCompleteInputClasses,
@@ -20040,7 +20170,6 @@ export {
   getStepsContainerClasses,
   getSubMenuExpandIconClasses,
   getSubMenuTitleClasses,
-  getSubmenuPopupZIndex,
   getSunburstGradientPrefix,
   getSvgDefaultAttrs,
   getSwitchClasses,
@@ -20484,7 +20613,6 @@ export {
   popconfirmQuestionIconPath,
   popconfirmSuccessIconPath,
   popconfirmWarningIconPath,
-  positionMentionsDropdown,
   prefersReducedMotion,
   prepareUploadFiles,
   prevIconPath,
@@ -20537,6 +20665,7 @@ export {
   rateInactiveColor,
   readFileAsDataUrl,
   redoFormHistory,
+  registerEscapeDismiss,
   registerImageGroupItem,
   removeCssVarsCached,
   renderMarkdownInline,
@@ -20568,6 +20697,7 @@ export {
   resizeCropRect,
   resizePanes,
   resolveAffixTarget,
+  resolveAnchoredOverlayTarget,
   resolveCardPadding,
   resolveCarouselSwipeDirection,
   resolveChartPalette,