@expcat/tigercat-core 0.1.6 → 0.2.0

package/dist/index.js

@@ -130,6 +130,345 @@ function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }
 
+// src/utils/style-values.ts
+var isRecord2 = (val) => typeof val === "object" && val !== null;
+var isStyleObject = (val) => {
+  if (!isRecord2(val)) return false;
+  for (const key of Object.keys(val)) {
+    const v = val[key];
+    if (v === void 0) continue;
+    if (typeof v !== "string" && typeof v !== "number") return false;
+  }
+  return true;
+};
+function coerceStyleValue(input) {
+  if (!input) return void 0;
+  if (typeof input === "string") return input;
+  if (Array.isArray(input)) {
+    const parts = [];
+    for (const item of input) {
+      const coerced = coerceStyleValue(item);
+      if (!coerced) continue;
+      if (Array.isArray(coerced)) {
+        parts.push(...coerced);
+      } else {
+        parts.push(coerced);
+      }
+    }
+    if (parts.length === 0) return void 0;
+    return parts;
+  }
+  if (isStyleObject(input)) return input;
+  return void 0;
+}
+function mergeStyleValues(...inputs) {
+  const parts = [];
+  for (const input of inputs) {
+    const coerced = coerceStyleValue(input);
+    if (!coerced) continue;
+    if (Array.isArray(coerced)) {
+      parts.push(...coerced);
+    } else {
+      parts.push(coerced);
+    }
+  }
+  if (parts.length === 0) return void 0;
+  if (parts.length === 1) return parts[0];
+  return parts;
+}
+
+// src/utils/copy-text.ts
+var copyTextToClipboard = async (text) => {
+  if (typeof text !== "string") return false;
+  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {
+    }
+  }
+  if (typeof document === "undefined") return false;
+  try {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.setAttribute("readonly", "");
+    textarea.style.position = "fixed";
+    textarea.style.left = "-9999px";
+    textarea.style.top = "0";
+    document.body.appendChild(textarea);
+    textarea.select();
+    textarea.setSelectionRange(0, textarea.value.length);
+    const ok = document.execCommand("copy");
+    document.body.removeChild(textarea);
+    return ok;
+  } catch {
+    return false;
+  }
+};
+
+// src/utils/animation.ts
+var ANIMATION_DURATION_MS = 300;
+var ANIMATION_DURATION_FAST_MS = 150;
+var ANIMATION_DURATION_SLOW_MS = 500;
+var DURATION_CLASS = "duration-300";
+var DURATION_FAST_CLASS = "duration-150";
+var DURATION_SLOW_CLASS = "duration-500";
+var EASING_DEFAULT = "ease-in-out";
+var EASING_ENTER = "ease-out";
+var EASING_LEAVE = "ease-in";
+var TRANSITION_BASE = `transition-all ${DURATION_CLASS} ${EASING_DEFAULT}`;
+var TRANSITION_OPACITY = `transition-opacity ${DURATION_CLASS} ${EASING_DEFAULT}`;
+var TRANSITION_TRANSFORM = `transition-transform ${DURATION_CLASS} ${EASING_DEFAULT}`;
+var SHAKE_ANIMATION_CSS = `
+@keyframes tiger-shake {
+  0%, 100% { transform: translateX(0); }
+  20% { transform: translateX(-4px); }
+  40% { transform: translateX(4px); }
+  60% { transform: translateX(-2px); }
+  80% { transform: translateX(2px); }
+}
+
+.tiger-animate-shake {
+  animation: tiger-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+}
+`;
+var isStyleInjected = false;
+function injectShakeStyle() {
+  if (typeof document === "undefined" || isStyleInjected) return;
+  const styleId = "tiger-ui-animation-styles";
+  if (document.getElementById(styleId)) {
+    isStyleInjected = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = SHAKE_ANIMATION_CSS;
+  document.head.appendChild(style);
+  isStyleInjected = true;
+}
+var SHAKE_CLASS = "tiger-animate-shake";
+function getPathLength(pathElement) {
+  return pathElement.getTotalLength();
+}
+function getPathDrawStyles(length, progress) {
+  return {
+    strokeDasharray: `${length}`,
+    strokeDashoffset: `${length * (1 - progress)}`
+  };
+}
+var SVG_PATH_ANIMATION_CSS = `
+@keyframes tiger-path-draw {
+  from {
+    stroke-dashoffset: var(--tiger-path-length);
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+
+.tiger-animate-path-draw {
+  animation: tiger-path-draw var(--tiger-path-duration, 1s) ease-out forwards;
+  stroke-dasharray: var(--tiger-path-length);
+  stroke-dashoffset: var(--tiger-path-length);
+}
+
+@keyframes tiger-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+.tiger-animate-fade-in {
+  animation: tiger-fade-in var(--tiger-fade-duration, 0.5s) ease-out forwards;
+}
+
+@keyframes tiger-scale-in {
+  from { transform: scale(0); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
+.tiger-animate-scale-in {
+  animation: tiger-scale-in var(--tiger-scale-duration, 0.3s) ease-out forwards;
+}
+
+@keyframes tiger-bar-grow {
+  from { transform: scaleY(0); }
+  to { transform: scaleY(1); }
+}
+
+.tiger-animate-bar-grow {
+  transform-origin: bottom;
+  animation: tiger-bar-grow var(--tiger-bar-duration, 0.5s) ease-out forwards;
+}
+
+@keyframes tiger-pie-draw {
+  from {
+    stroke-dashoffset: var(--tiger-circumference);
+  }
+  to {
+    stroke-dashoffset: var(--tiger-target-offset);
+  }
+}
+
+.tiger-animate-pie-draw {
+  animation: tiger-pie-draw var(--tiger-pie-duration, 0.8s) ease-out forwards;
+}
+`;
+var isSvgStyleInjected = false;
+function injectSvgAnimationStyles() {
+  if (typeof document === "undefined" || isSvgStyleInjected) return;
+  const styleId = "tiger-ui-svg-animation-styles";
+  if (document.getElementById(styleId)) {
+    isSvgStyleInjected = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = SVG_PATH_ANIMATION_CSS;
+  document.head.appendChild(style);
+  isSvgStyleInjected = true;
+}
+var SVG_ANIMATION_CLASSES = {
+  pathDraw: "tiger-animate-path-draw",
+  fadeIn: "tiger-animate-fade-in",
+  scaleIn: "tiger-animate-scale-in",
+  barGrow: "tiger-animate-bar-grow",
+  pieDraw: "tiger-animate-pie-draw"
+};
+var SVG_ANIMATION_VARS = {
+  pathLength: "--tiger-path-length",
+  pathDuration: "--tiger-path-duration",
+  fadeDuration: "--tiger-fade-duration",
+  scaleDuration: "--tiger-scale-duration",
+  barDuration: "--tiger-bar-duration",
+  pieDuration: "--tiger-pie-duration",
+  circumference: "--tiger-circumference",
+  targetOffset: "--tiger-target-offset"
+};
+function getPathDrawAnimationStyle(pathLength, durationMs = 1e3) {
+  return {
+    [SVG_ANIMATION_VARS.pathLength]: `${pathLength}`,
+    [SVG_ANIMATION_VARS.pathDuration]: `${durationMs}ms`
+  };
+}
+function getBarGrowAnimationStyle(index, durationMs = 500, staggerMs = 50) {
+  return {
+    [SVG_ANIMATION_VARS.barDuration]: `${durationMs}ms`,
+    animationDelay: `${index * staggerMs}ms`
+  };
+}
+function getPieDrawAnimationStyle(circumference, targetOffset, durationMs = 800) {
+  return {
+    [SVG_ANIMATION_VARS.circumference]: `${circumference}`,
+    [SVG_ANIMATION_VARS.targetOffset]: `${targetOffset}`,
+    [SVG_ANIMATION_VARS.pieDuration]: `${durationMs}ms`
+  };
+}
+
+// src/utils/helpers/slider-utils.ts
+function sliderNormalizeValue(value, min, max, step = 1) {
+  const clamped = Math.min(Math.max(value, min), max);
+  const stepped = Math.round((clamped - min) / step) * step + min;
+  return Math.min(stepped, max);
+}
+function sliderGetPercentage(value, min, max) {
+  if (max === min) return 0;
+  return (value - min) / (max - min) * 100;
+}
+function sliderGetValueFromPosition(position, trackWidth, min, max, step = 1) {
+  if (trackWidth === 0) return min;
+  const ratio = position / trackWidth;
+  const rawValue = ratio * (max - min) + min;
+  return sliderNormalizeValue(rawValue, min, max, step);
+}
+function sliderGetKeyboardValue(key, currentValue, min, max, step = 1, largeStep) {
+  const bigStep = largeStep ?? step * 10;
+  switch (key) {
+    case "ArrowRight":
+    case "ArrowUp":
+      return sliderNormalizeValue(currentValue + step, min, max, step);
+    case "ArrowLeft":
+    case "ArrowDown":
+      return sliderNormalizeValue(currentValue - step, min, max, step);
+    case "PageUp":
+      return sliderNormalizeValue(currentValue + bigStep, min, max, step);
+    case "PageDown":
+      return sliderNormalizeValue(currentValue - bigStep, min, max, step);
+    case "Home":
+      return min;
+    case "End":
+      return max;
+    default:
+      return null;
+  }
+}
+
+// src/utils/common-icons.ts
+var closeIconViewBox = "0 0 24 24";
+var closeIconPathD = "M6 18L18 6M6 6l12 12";
+var closeIconPathStrokeLinecap = "round";
+var closeIconPathStrokeLinejoin = "round";
+var closeIconPathStrokeWidth = 2;
+var icon24ViewBox = "0 0 24 24";
+var icon24PathStrokeLinecap = "round";
+var icon24PathStrokeLinejoin = "round";
+var icon24StrokeWidth = 2;
+var icon20ViewBox = "0 0 20 20";
+var closeSolidIcon20PathD = "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z";
+var calendarSolidIcon20PathD = "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z";
+var clockSolidIcon20PathD = "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z";
+var chevronLeftSolidIcon20PathD = "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z";
+var chevronRightSolidIcon20PathD = "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z";
+var chevronDownSolidIcon20PathD = "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z";
+var checkSolidIcon20PathD = "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z";
+var successCircleSolidIcon20PathD = "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z";
+var errorCircleSolidIcon20PathD = "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z";
+var statusSuccessIconPath = "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z";
+var statusWarningIconPath = "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z";
+var statusErrorIconPath = "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z";
+var statusInfoIconPath = "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
+var statusIconPaths = {
+  success: statusSuccessIconPath,
+  warning: statusWarningIconPath,
+  error: statusErrorIconPath,
+  info: statusInfoIconPath
+};
+var icon16ViewBox = "0 0 16 16";
+var sortAscIcon16PathD = "M8 3l4 4H4l4-4z";
+var sortDescIcon16PathD = "M8 13l-4-4h8l-4 4z";
+var sortBothIcon16PathD = "M8 3l4 4H4l4-4zM8 13l-4-4h8l-4 4z";
+var lockClosedIcon24PathD = "M17 8h-1V6a4 4 0 10-8 0v2H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V10a2 2 0 00-2-2zm-7-2a2 2 0 114 0v2h-4V6z";
+var lockOpenIcon24PathD = "M17 8h-1V6a4 4 0 00-7.75-1.41 1 1 0 101.9.62A2 2 0 0114 6v2H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V10a2 2 0 00-2-2zm0 12H7V10h10v10z";
+var CalendarIconPath = calendarSolidIcon20PathD;
+var CloseIconPath = closeSolidIcon20PathD;
+var ChevronLeftIconPath = chevronLeftSolidIcon20PathD;
+var ChevronRightIconPath = chevronRightSolidIcon20PathD;
+var ClockIconPath = clockSolidIcon20PathD;
+var TimePickerCloseIconPath = closeSolidIcon20PathD;
+
+// src/utils/svg-attrs.ts
+var SVG_DEFAULT_XMLNS = "http://www.w3.org/2000/svg";
+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) {
+  return {
+    xmlns: SVG_DEFAULT_XMLNS,
+    viewBox: size === 20 ? SVG_DEFAULT_VIEWBOX_20 : SVG_DEFAULT_VIEWBOX_24,
+    fill: SVG_DEFAULT_FILL
+  };
+}
+function normalizeSvgAttrs(svgAttrs) {
+  if ("className" in svgAttrs && !("class" in svgAttrs)) {
+    const { className, ...rest } = svgAttrs;
+    return {
+      ...rest,
+      class: className
+    };
+  }
+  return svgAttrs;
+}
+
 // src/utils/a11y-utils.ts
 function isEnterKey(event) {
   if (event.key === "Enter" || event.code === "Enter") return true;
@@ -162,6 +501,42 @@ function createAriaId(options = {}) {
   return `${prefix}${separator}${ariaIdCounter}`;
 }
 
+// src/utils/focus-utils.ts
+function isHTMLElement(value) {
+  if (typeof HTMLElement === "undefined") return false;
+  return value instanceof HTMLElement;
+}
+function getActiveElement(doc) {
+  const active = doc?.activeElement;
+  return isHTMLElement(active) ? active : null;
+}
+function captureActiveElement(doc = document) {
+  return getActiveElement(doc);
+}
+function focusElement(element, options) {
+  if (!element) return false;
+  if (typeof element.focus !== "function") return false;
+  try {
+    if (options) {
+      element.focus(options);
+    } else {
+      element.focus();
+    }
+    return true;
+  } catch {
+    return false;
+  }
+}
+function focusFirst(candidates, options) {
+  for (const el of candidates) {
+    if (focusElement(el, options)) return el ?? null;
+  }
+  return null;
+}
+function restoreFocus(previous, options) {
+  return focusElement(previous, options);
+}
+
 // src/utils/overlay-utils.ts
 function getComposedPath(event) {
   const eventWithPath = event;
@@ -230,110 +605,347 @@ function getFocusTrapNavigation(event, focusables, activeElement) {
   return { shouldHandle: false };
 }
 
-// src/utils/focus-utils.ts
-function isHTMLElement(value) {
-  if (typeof HTMLElement === "undefined") return false;
-  return value instanceof HTMLElement;
+// src/utils/locale-utils.ts
+function resolveLocaleText(fallback, ...candidates) {
+  for (const candidate of candidates) {
+    if (typeof candidate === "string" && candidate.trim().length > 0) {
+      return candidate;
+    }
+  }
+  return fallback;
 }
-function getActiveElement(doc) {
-  const active = doc?.activeElement;
-  return isHTMLElement(active) ? active : null;
+function mergeTigerLocale(base, override) {
+  if (!base && !override) return void 0;
+  return {
+    common: { ...base?.common, ...override?.common },
+    modal: { ...base?.modal, ...override?.modal },
+    drawer: { ...base?.drawer, ...override?.drawer },
+    upload: { ...base?.upload, ...override?.upload },
+    pagination: { ...base?.pagination, ...override?.pagination }
+  };
 }
-function captureActiveElement(doc = document) {
-  return getActiveElement(doc);
+var DEFAULT_PAGINATION_LABELS = {
+  totalText: "Total {total} items",
+  itemsPerPageText: "/ page",
+  jumpToText: "Go to",
+  pageText: "page",
+  prevPageAriaLabel: "Previous page",
+  nextPageAriaLabel: "Next page",
+  pageAriaLabel: "Page {page}"
+};
+var ZH_CN_PAGINATION_LABELS = {
+  totalText: "\u5171 {total} \u6761",
+  itemsPerPageText: "\u6761/\u9875",
+  jumpToText: "\u8DF3\u81F3",
+  pageText: "\u9875",
+  prevPageAriaLabel: "\u4E0A\u4E00\u9875",
+  nextPageAriaLabel: "\u4E0B\u4E00\u9875",
+  pageAriaLabel: "\u7B2C {page} \u9875"
+};
+function getPaginationLabels(locale) {
+  return {
+    totalText: locale?.pagination?.totalText ?? DEFAULT_PAGINATION_LABELS.totalText,
+    itemsPerPageText: locale?.pagination?.itemsPerPageText ?? DEFAULT_PAGINATION_LABELS.itemsPerPageText,
+    jumpToText: locale?.pagination?.jumpToText ?? DEFAULT_PAGINATION_LABELS.jumpToText,
+    pageText: locale?.pagination?.pageText ?? DEFAULT_PAGINATION_LABELS.pageText,
+    prevPageAriaLabel: locale?.pagination?.prevPageAriaLabel ?? DEFAULT_PAGINATION_LABELS.prevPageAriaLabel,
+    nextPageAriaLabel: locale?.pagination?.nextPageAriaLabel ?? DEFAULT_PAGINATION_LABELS.nextPageAriaLabel,
+    pageAriaLabel: locale?.pagination?.pageAriaLabel ?? DEFAULT_PAGINATION_LABELS.pageAriaLabel
+  };
 }
-function focusElement(element, options) {
-  if (!element) return false;
-  if (typeof element.focus !== "function") return false;
-  try {
-    if (options) {
-      element.focus(options);
-    } else {
-      element.focus();
-    }
-    return true;
-  } catch {
-    return false;
-  }
+function formatPaginationTotal(template, total, range) {
+  return template.replace("{total}", String(total)).replace("{start}", String(range[0])).replace("{end}", String(range[1]));
 }
-function focusFirst(candidates, options) {
-  for (const el of candidates) {
-    if (focusElement(el, options)) return el ?? null;
-  }
-  return null;
+function formatPageAriaLabel(template, page) {
+  return template.replace("{page}", String(page));
 }
-function restoreFocus(previous, options) {
-  return focusElement(previous, options);
+
+// src/utils/datepicker-i18n.ts
+function getDatePickerLabels(locale, overrides) {
+  const lc = (locale ?? "").toLowerCase();
+  const base = lc.startsWith("zh") ? {
+    today: "\u4ECA\u5929",
+    ok: "\u786E\u5B9A",
+    calendar: "\u65E5\u5386",
+    toggleCalendar: "\u6253\u5F00\u65E5\u5386",
+    clearDate: "\u6E05\u9664\u65E5\u671F",
+    previousMonth: "\u4E0A\u4E2A\u6708",
+    nextMonth: "\u4E0B\u4E2A\u6708"
+  } : {
+    today: "Today",
+    ok: "OK",
+    calendar: "Calendar",
+    toggleCalendar: "Toggle calendar",
+    clearDate: "Clear date",
+    previousMonth: "Previous month",
+    nextMonth: "Next month"
+  };
+  return { ...base, ...overrides ?? {} };
 }
 
-// src/utils/locale-utils.ts
-function resolveLocaleText(fallback, ...candidates) {
-  for (const candidate of candidates) {
-    if (typeof candidate === "string" && candidate.trim().length > 0) {
-      return candidate;
-    }
+// src/utils/timepicker-utils.ts
+var ZH_LABELS = {
+  hour: "\u65F6",
+  minute: "\u5206",
+  second: "\u79D2",
+  now: "\u73B0\u5728",
+  ok: "\u786E\u5B9A",
+  start: "\u5F00\u59CB",
+  end: "\u7ED3\u675F",
+  clear: "\u6E05\u9664\u65F6\u95F4",
+  toggle: "\u6253\u5F00\u65F6\u95F4\u9009\u62E9\u5668",
+  dialog: "\u65F6\u95F4\u9009\u62E9\u5668",
+  selectTime: "\u8BF7\u9009\u62E9\u65F6\u95F4",
+  selectTimeRange: "\u8BF7\u9009\u62E9\u65F6\u95F4\u8303\u56F4"
+};
+var EN_LABELS = {
+  hour: "Hour",
+  minute: "Min",
+  second: "Sec",
+  now: "Now",
+  ok: "OK",
+  start: "Start",
+  end: "End",
+  clear: "Clear time",
+  toggle: "Toggle time picker",
+  dialog: "Time picker",
+  selectTime: "Select time",
+  selectTimeRange: "Select time range"
+};
+function isZhLocale(locale) {
+  return (locale ?? "").toLowerCase().startsWith("zh");
+}
+function getTimePickerLabels(locale, overrides) {
+  const base = isZhLocale(locale) ? ZH_LABELS : EN_LABELS;
+  return { ...base, ...overrides ?? {} };
+}
+function pluralizeEn(value, singular) {
+  return value === 1 ? singular : `${singular}s`;
+}
+function getTimePickerOptionAriaLabel(value, unit, locale, labelOverrides) {
+  const labels = getTimePickerLabels(locale, labelOverrides);
+  if (isZhLocale(locale)) {
+    const suffix = unit === "hour" ? labels.hour : unit === "minute" ? labels.minute : labels.second;
+    return `${value}${suffix}`;
   }
-  return fallback;
+  const lc = (locale ?? "").toLowerCase();
+  const useEnglishPlural = lc.length === 0 ? labelOverrides == null : lc.startsWith("en");
+  if (useEnglishPlural) {
+    if (unit === "hour") return `${value} ${pluralizeEn(value, "hour")}`;
+    if (unit === "minute") return `${value} ${pluralizeEn(value, "minute")}`;
+    return `${value} ${pluralizeEn(value, "second")}`;
+  }
+  const unitLabel = unit === "hour" ? labels.hour : unit === "minute" ? labels.minute : labels.second;
+  return `${value} ${unitLabel}`;
 }
-function mergeTigerLocale(base, override) {
-  if (!base && !override) return void 0;
-  return {
-    common: { ...base?.common, ...override?.common },
-    modal: { ...base?.modal, ...override?.modal },
-    drawer: { ...base?.drawer, ...override?.drawer },
-    upload: { ...base?.upload, ...override?.upload }
+var timePickerBaseClasses = "relative inline-block w-full max-w-xs";
+var timePickerInputWrapperClasses = "relative flex items-center";
+function getTimePickerInputClasses(size, disabled) {
+  const baseClasses = [
+    "w-full rounded-md border border-gray-300",
+    "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:border-transparent",
+    "transition-colors duration-200",
+    "pr-16"
+    // Space for clear + clock buttons
+  ];
+  const sizeClasses = {
+    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, sizeClasses[size], stateClasses].join(" ");
 }
-
-// src/utils/style-values.ts
-var isRecord2 = (val) => typeof val === "object" && val !== null;
-var isStyleObject = (val) => {
-  if (!isRecord2(val)) return false;
-  for (const key of Object.keys(val)) {
-    const v = val[key];
-    if (v === void 0) continue;
-    if (typeof v !== "string" && typeof v !== "number") return false;
+function getTimePickerIconButtonClasses(size) {
+  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",
+    "rounded transition-colors duration-200",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ];
+  const sizeClasses = {
+    sm: "w-6 h-6",
+    md: "w-8 h-8",
+    lg: "w-10 h-10"
+  };
+  return [...baseClasses, sizeClasses[size]].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",
+  "rounded transition-colors duration-200"
+].join(" ");
+var timePickerPanelClasses = [
+  "absolute z-10 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg",
+  "w-max"
+].join(" ");
+var timePickerPanelContentClasses = "flex divide-x divide-gray-200";
+var timePickerRangeHeaderClasses = [
+  "px-3 py-2 border-b border-gray-200 bg-gray-50",
+  "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",
+    "transition-colors duration-150"
+  ];
+  if (isActive) {
+    return [...baseClasses, "bg-[var(--tiger-primary,#2563eb)] text-white border-transparent"].join(
+      " "
+    );
   }
-  return true;
-};
-function coerceStyleValue(input) {
-  if (!input) return void 0;
-  if (typeof input === "string") return input;
-  if (Array.isArray(input)) {
-    const parts = [];
-    for (const item of input) {
-      const coerced = coerceStyleValue(item);
-      if (!coerced) continue;
-      if (Array.isArray(coerced)) {
-        parts.push(...coerced);
-      } else {
-        parts.push(coerced);
-      }
-    }
-    if (parts.length === 0) return void 0;
-    return parts;
+  return [...baseClasses, "bg-white hover:bg-gray-50 text-gray-700"].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"
+].join(" ");
+var timePickerColumnListClasses = [
+  "overflow-y-auto max-h-48 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100"
+].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",
+    "transition-colors duration-150",
+    "cursor-pointer"
+  ];
+  if (isDisabled) {
+    return [...baseClasses, "text-gray-300 cursor-not-allowed hover:bg-transparent"].join(" ");
   }
-  if (isStyleObject(input)) return input;
-  return void 0;
+  if (isSelected) {
+    return [
+      ...baseClasses,
+      "bg-[var(--tiger-primary,#2563eb)] text-white",
+      "hover:bg-[var(--tiger-primary-hover,#1d4ed8)]",
+      "font-medium"
+    ].join(" ");
+  }
+  return [...baseClasses, "text-gray-700"].join(" ");
 }
-function mergeStyleValues(...inputs) {
-  const parts = [];
-  for (const input of inputs) {
-    const coerced = coerceStyleValue(input);
-    if (!coerced) continue;
-    if (Array.isArray(coerced)) {
-      parts.push(...coerced);
-    } else {
-      parts.push(coerced);
-    }
+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",
+    "transition-colors duration-150",
+    "cursor-pointer"
+  ];
+  if (isSelected) {
+    return [
+      ...baseClasses,
+      "bg-[var(--tiger-primary,#2563eb)] text-white",
+      "hover:bg-[var(--tiger-primary-hover,#1d4ed8)]"
+    ].join(" ");
   }
-  if (parts.length === 0) return void 0;
-  if (parts.length === 1) return parts[0];
-  return parts;
+  return [...baseClasses, "text-gray-700"].join(" ");
+}
+var timePickerFooterClasses = [
+  "px-3 py-2 border-t border-gray-200",
+  "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",
+  "transition-colors duration-150"
+].join(" ");
+
+// src/utils/upload-labels.ts
+function interpolateUploadLabel(template, params) {
+  return template.replace(/\{(\w+)\}/g, (_match, key) => {
+    const value = params[key];
+    return typeof value === "string" ? value : "";
+  });
+}
+function getUploadLabels(locale, overrides) {
+  return {
+    dragAreaAriaLabel: resolveLocaleText(
+      "Upload file by clicking or dragging",
+      overrides?.dragAreaAriaLabel,
+      locale?.upload?.dragAreaAriaLabel
+    ),
+    buttonAriaLabel: resolveLocaleText(
+      "Upload file",
+      overrides?.buttonAriaLabel,
+      locale?.upload?.buttonAriaLabel
+    ),
+    clickToUploadText: resolveLocaleText(
+      "Click to upload",
+      overrides?.clickToUploadText,
+      locale?.upload?.clickToUploadText
+    ),
+    dragAndDropText: resolveLocaleText(
+      "or drag and drop",
+      overrides?.dragAndDropText,
+      locale?.upload?.dragAndDropText
+    ),
+    acceptInfoText: resolveLocaleText(
+      "Accepted: {accept}",
+      overrides?.acceptInfoText,
+      locale?.upload?.acceptInfoText
+    ),
+    maxSizeInfoText: resolveLocaleText(
+      "Max size: {maxSize}",
+      overrides?.maxSizeInfoText,
+      locale?.upload?.maxSizeInfoText
+    ),
+    selectFileText: resolveLocaleText(
+      "Select File",
+      overrides?.selectFileText,
+      locale?.upload?.selectFileText
+    ),
+    uploadedFilesAriaLabel: resolveLocaleText(
+      "Uploaded files",
+      overrides?.uploadedFilesAriaLabel,
+      locale?.upload?.uploadedFilesAriaLabel
+    ),
+    successAriaLabel: resolveLocaleText(
+      "Success",
+      overrides?.successAriaLabel,
+      locale?.upload?.successAriaLabel
+    ),
+    errorAriaLabel: resolveLocaleText(
+      "Error",
+      overrides?.errorAriaLabel,
+      locale?.upload?.errorAriaLabel
+    ),
+    uploadingAriaLabel: resolveLocaleText(
+      "Uploading",
+      overrides?.uploadingAriaLabel,
+      locale?.upload?.uploadingAriaLabel
+    ),
+    removeFileAriaLabel: resolveLocaleText(
+      "Remove {fileName}",
+      overrides?.removeFileAriaLabel,
+      locale?.upload?.removeFileAriaLabel
+    ),
+    previewFileAriaLabel: resolveLocaleText(
+      "Preview {fileName}",
+      overrides?.previewFileAriaLabel,
+      locale?.upload?.previewFileAriaLabel
+    )
+  };
 }
 
+// src/utils/interaction-styles.ts
+var focusRingClasses = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--tiger-surface,#ffffff)]";
+var focusRingInsetClasses = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] focus-visible:ring-inset";
+var activePressClasses = "active:scale-[0.98] active:transition-transform";
+var activeOpacityClasses = "active:opacity-90";
+var interactiveClasses = `transition-all duration-150 ${focusRingClasses} ${activePressClasses}`;
+var inputFocusClasses = "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] focus:border-transparent";
+var tabFocusClasses = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] focus-visible:ring-offset-2";
+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-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2";
+var buttonBaseClasses = "inline-flex items-center justify-center font-medium rounded-md transition-all duration-150 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-[0.98]";
 var buttonSizeClasses = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-base",
@@ -341,94 +953,6 @@ var buttonSizeClasses = {
 };
 var buttonDisabledClasses = "cursor-not-allowed opacity-60";
 
-// src/utils/select-utils.ts
-var selectBaseClasses = "relative inline-block w-full";
-var SELECT_TRIGGER_BASE_CLASSES = [
-  "w-full",
-  "flex",
-  "items-center",
-  "justify-between",
-  "gap-2",
-  "px-3",
-  "py-2",
-  "bg-[var(--tiger-select-trigger-bg,var(--tiger-surface,#ffffff))]",
-  "border",
-  "border-[var(--tiger-select-trigger-border,var(--tiger-border,#d1d5db))]",
-  "text-[var(--tiger-select-trigger-text,var(--tiger-text,#111827))]",
-  "rounded-md",
-  "shadow-sm",
-  "cursor-pointer",
-  "transition-colors",
-  "focus:outline-none",
-  "focus:ring-2",
-  "focus:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
-  "focus:border-[var(--tiger-select-trigger-border-focus,var(--tiger-primary,#2563eb))]"
-];
-var SELECT_TRIGGER_DISABLED_CLASSES_STRING = [
-  "disabled:bg-[var(--tiger-select-trigger-bg-disabled,var(--tiger-surface-muted,#f3f4f6))]",
-  "disabled:text-[var(--tiger-select-trigger-text-disabled,var(--tiger-text-muted,#6b7280))]",
-  "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-md shadow-lg max-h-60 overflow-auto";
-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))]";
-var selectGroupLabelClasses = "px-3 py-2 text-xs font-semibold text-[var(--tiger-select-group-label-text,var(--tiger-text-muted,#6b7280))] uppercase bg-[var(--tiger-select-group-label-bg,var(--tiger-surface-muted,#f9fafb))]";
-var selectSearchInputClasses = "w-full px-3 py-2 bg-[var(--tiger-select-dropdown-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-select-search-text,var(--tiger-text,#111827))] placeholder:text-[var(--tiger-select-search-placeholder,var(--tiger-text-muted,#9ca3af))] border-b border-[var(--tiger-select-dropdown-border,var(--tiger-border,#e5e7eb))] focus:outline-none focus:ring-0";
-var selectEmptyStateClasses = "px-3 py-8 text-center text-[var(--tiger-select-empty-text,var(--tiger-text-muted,#6b7280))] text-sm";
-var SELECT_SIZE_CLASSES = {
-  sm: "text-sm py-1.5",
-  md: "text-base py-2",
-  lg: "text-lg py-2.5"
-};
-function getSelectSizeClasses(size) {
-  return SELECT_SIZE_CLASSES[size];
-}
-function getSelectTriggerClasses(size, disabled, isOpen) {
-  return classNames(
-    ...SELECT_TRIGGER_BASE_CLASSES,
-    getSelectSizeClasses(size),
-    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) {
-  return classNames(
-    selectOptionBaseClasses,
-    getSelectSizeClasses(size),
-    isSelected && selectOptionSelectedClasses,
-    isDisabled && selectOptionDisabledClasses
-  );
-}
-function isOptionGroup(option) {
-  return !!option && typeof option === "object" && "options" in option && Array.isArray(option.options);
-}
-function filterOptions(options, query) {
-  if (!query) {
-    return options;
-  }
-  const searchLower = query.toLowerCase();
-  return options.reduce((filtered, option) => {
-    if (isOptionGroup(option)) {
-      const filteredGroupOptions = option.options.filter(
-        (opt) => opt.label.toLowerCase().includes(searchLower)
-      );
-      if (filteredGroupOptions.length > 0) {
-        filtered.push({
-          ...option,
-          options: filteredGroupOptions
-        });
-      }
-    } else {
-      if (option.label.toLowerCase().includes(searchLower)) {
-        filtered.push(option);
-      }
-    }
-    return filtered;
-  }, []);
-}
-
 // src/utils/input-styles.ts
 var BASE_INPUT_CLASSES = [
   "w-full",
@@ -513,35 +1037,95 @@ function getInputErrorClasses(size = "md") {
   );
 }
 
-// src/utils/animation.ts
-var SHAKE_ANIMATION_CSS = `
-@keyframes tiger-shake {
-  0%, 100% { transform: translateX(0); }
-  20% { transform: translateX(-4px); }
-  40% { transform: translateX(4px); }
-  60% { transform: translateX(-2px); }
-  80% { transform: translateX(2px); }
+// src/utils/select-utils.ts
+var selectBaseClasses = "relative inline-block w-full";
+var SELECT_TRIGGER_BASE_CLASSES = [
+  "w-full",
+  "flex",
+  "items-center",
+  "justify-between",
+  "gap-2",
+  "px-3",
+  "py-2",
+  "bg-[var(--tiger-select-trigger-bg,var(--tiger-surface,#ffffff))]",
+  "border",
+  "border-[var(--tiger-select-trigger-border,var(--tiger-border,#d1d5db))]",
+  "text-[var(--tiger-select-trigger-text,var(--tiger-text,#111827))]",
+  "rounded-md",
+  "shadow-sm",
+  "cursor-pointer",
+  "transition-all",
+  "duration-150",
+  "focus:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
+  "focus-visible:border-[var(--tiger-select-trigger-border-focus,var(--tiger-primary,#2563eb))]",
+  "active:scale-[0.99]"
+];
+var SELECT_TRIGGER_DISABLED_CLASSES_STRING = [
+  "disabled:bg-[var(--tiger-select-trigger-bg-disabled,var(--tiger-surface-muted,#f3f4f6))]",
+  "disabled:text-[var(--tiger-select-trigger-text-disabled,var(--tiger-text-muted,#6b7280))]",
+  "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-md shadow-lg max-h-60 overflow-auto";
+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))]";
+var selectGroupLabelClasses = "px-3 py-2 text-xs font-semibold text-[var(--tiger-select-group-label-text,var(--tiger-text-muted,#6b7280))] uppercase bg-[var(--tiger-select-group-label-bg,var(--tiger-surface-muted,#f9fafb))]";
+var selectSearchInputClasses = "w-full px-3 py-2 bg-[var(--tiger-select-dropdown-bg,var(--tiger-surface,#ffffff))] text-[var(--tiger-select-search-text,var(--tiger-text,#111827))] placeholder:text-[var(--tiger-select-search-placeholder,var(--tiger-text-muted,#9ca3af))] border-b border-[var(--tiger-select-dropdown-border,var(--tiger-border,#e5e7eb))] focus:outline-none focus:ring-0";
+var selectEmptyStateClasses = "px-3 py-8 text-center text-[var(--tiger-select-empty-text,var(--tiger-text-muted,#6b7280))] text-sm";
+var SELECT_SIZE_CLASSES = {
+  sm: "text-sm py-1.5",
+  md: "text-base py-2",
+  lg: "text-lg py-2.5"
+};
+function getSelectSizeClasses(size) {
+  return SELECT_SIZE_CLASSES[size];
 }
-
-.tiger-animate-shake {
-  animation: tiger-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+function getSelectTriggerClasses(size, disabled, isOpen) {
+  return classNames(
+    ...SELECT_TRIGGER_BASE_CLASSES,
+    getSelectSizeClasses(size),
+    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))]"
+  );
 }
-`;
-var isStyleInjected = false;
-function injectShakeStyle() {
-  if (typeof document === "undefined" || isStyleInjected) return;
-  const styleId = "tiger-ui-animation-styles";
-  if (document.getElementById(styleId)) {
-    isStyleInjected = true;
-    return;
+function getSelectOptionClasses(isSelected, isDisabled, size) {
+  return classNames(
+    selectOptionBaseClasses,
+    getSelectSizeClasses(size),
+    isSelected && selectOptionSelectedClasses,
+    isDisabled && selectOptionDisabledClasses
+  );
+}
+function isOptionGroup(option) {
+  return !!option && typeof option === "object" && "options" in option && Array.isArray(option.options);
+}
+function filterOptions(options, query) {
+  if (!query) {
+    return options;
   }
-  const style = document.createElement("style");
-  style.id = styleId;
-  style.textContent = SHAKE_ANIMATION_CSS;
-  document.head.appendChild(style);
-  isStyleInjected = true;
+  const searchLower = query.toLowerCase();
+  return options.reduce((filtered, option) => {
+    if (isOptionGroup(option)) {
+      const filteredGroupOptions = option.options.filter(
+        (opt) => opt.label.toLowerCase().includes(searchLower)
+      );
+      if (filteredGroupOptions.length > 0) {
+        filtered.push({
+          ...option,
+          options: filteredGroupOptions
+        });
+      }
+    } else {
+      if (option.label.toLowerCase().includes(searchLower)) {
+        filtered.push(option);
+      }
+    }
+    return filtered;
+  }, []);
 }
-var SHAKE_CLASS = "tiger-animate-shake";
 
 // src/utils/textarea-auto-resize.ts
 function autoResizeTextarea(textarea, { minRows, maxRows } = {}) {
@@ -754,206 +1338,69 @@ function getErrorFields(errors) {
   return errors.map((error) => error.field);
 }
 
-// src/utils/grid.ts
-var BREAKPOINT_ORDER = ["xs", "sm", "md", "lg", "xl", "2xl"];
-var ALIGN_MAP = {
-  top: "items-start",
-  middle: "items-center",
-  bottom: "items-end",
-  stretch: "items-stretch"
-};
-var JUSTIFY_MAP = {
-  start: "justify-start",
-  end: "justify-end",
-  center: "justify-center",
-  "space-around": "justify-around",
-  "space-between": "justify-between",
-  "space-evenly": "justify-evenly"
-};
-function validateGridValue(value, fieldName) {
-  if (value < 0 || value > 24) {
-    console.warn(`Invalid ${fieldName} value: ${value}. ${fieldName} should be between 0 and 24.`);
-    return false;
-  }
-  return true;
-}
-function toPercentage(value) {
-  return (value / 24 * 100).toFixed(6).replace(/\.?0+$/, "");
-}
-var colSpanClasses = "w-[var(--tiger-col-span)] sm:w-[var(--tiger-col-span-sm,var(--tiger-col-span))] md:w-[var(--tiger-col-span-md,var(--tiger-col-span))] lg:w-[var(--tiger-col-span-lg,var(--tiger-col-span))] xl:w-[var(--tiger-col-span-xl,var(--tiger-col-span))] 2xl:w-[var(--tiger-col-span-2xl,var(--tiger-col-span))]";
-var colOffsetClasses = "ml-[var(--tiger-col-offset)] sm:ml-[var(--tiger-col-offset-sm,var(--tiger-col-offset))] md:ml-[var(--tiger-col-offset-md,var(--tiger-col-offset))] lg:ml-[var(--tiger-col-offset-lg,var(--tiger-col-offset))] xl:ml-[var(--tiger-col-offset-xl,var(--tiger-col-offset))] 2xl:ml-[var(--tiger-col-offset-2xl,var(--tiger-col-offset))]";
-var colFlexClasses = "flex-[var(--tiger-col-flex)]";
-var colOrderClasses = "order-[var(--tiger-col-order)] sm:order-[var(--tiger-col-order-sm,var(--tiger-col-order))] md:order-[var(--tiger-col-order-md,var(--tiger-col-order))] lg:order-[var(--tiger-col-order-lg,var(--tiger-col-order))] xl:order-[var(--tiger-col-order-xl,var(--tiger-col-order))] 2xl:order-[var(--tiger-col-order-2xl,var(--tiger-col-order))]";
-function hasNonZeroOffset(offset) {
-  if (typeof offset === "number") return offset !== 0;
-  return BREAKPOINT_ORDER.some((bp) => (offset[bp] ?? 0) !== 0);
-}
-function setSpanVars(vars, span) {
-  if (typeof span === "number") {
-    if (validateGridValue(span, "span")) vars["--tiger-col-span"] = `${toPercentage(span)}%`;
-    return;
-  }
-  vars["--tiger-col-span"] = "100%";
-  BREAKPOINT_ORDER.forEach((bp) => {
-    const value = span[bp];
-    if (value === void 0) return;
-    if (!validateGridValue(value, `span.${bp}`)) return;
-    const percentage = `${toPercentage(value)}%`;
-    if (bp === "xs") {
-      vars["--tiger-col-span"] = percentage;
-      return;
-    }
-    vars[`--tiger-col-span-${bp}`] = percentage;
-  });
-}
-function setOffsetVars(vars, offset) {
-  if (typeof offset === "number") {
-    if (offset === 0) return;
-    if (validateGridValue(offset, "offset")) vars["--tiger-col-offset"] = `${toPercentage(offset)}%`;
-    return;
-  }
-  vars["--tiger-col-offset"] = "0%";
-  BREAKPOINT_ORDER.forEach((bp) => {
-    const value = offset[bp];
-    if (value === void 0) return;
-    if (value === 0) return;
-    if (!validateGridValue(value, `offset.${bp}`)) return;
-    const percentage = `${toPercentage(value)}%`;
-    if (bp === "xs") {
-      vars["--tiger-col-offset"] = percentage;
-      return;
-    }
-    vars[`--tiger-col-offset-${bp}`] = percentage;
-  });
-}
-function getColStyleVars(span, offset) {
-  const vars = {};
-  if (span !== void 0 && span !== null) setSpanVars(vars, span);
-  if (offset !== void 0 && offset !== null) setOffsetVars(vars, offset);
-  return vars;
-}
-function setOrderVars(vars, order) {
-  if (typeof order === "number") {
-    vars["--tiger-col-order"] = String(order);
-    return;
-  }
-  vars["--tiger-col-order"] = "0";
-  BREAKPOINT_ORDER.forEach((bp) => {
-    const value = order[bp];
-    if (value === void 0) return;
-    if (bp === "xs") {
-      vars["--tiger-col-order"] = String(value);
-      return;
-    }
-    vars[`--tiger-col-order-${bp}`] = String(value);
-  });
-}
-function getColOrderStyleVars(order) {
-  if (order === void 0 || order === null) return {};
-  const vars = {};
-  setOrderVars(vars, order);
-  return vars;
-}
-function getAlignClasses(align) {
-  return ALIGN_MAP[align] || "items-start";
-}
-function getJustifyClasses(justify) {
-  return JUSTIFY_MAP[justify] || "justify-start";
-}
-function getGutterStyles(gutter) {
-  if (gutter === void 0 || gutter === null || gutter === 0) return {};
-  const [horizontal, vertical] = Array.isArray(gutter) ? gutter : [gutter, gutter];
-  const rowStyle = {};
-  const colStyle = {};
-  if (horizontal > 0) {
-    rowStyle.marginLeft = `-${horizontal / 2}px`;
-    rowStyle.marginRight = `-${horizontal / 2}px`;
-    colStyle.paddingLeft = `${horizontal / 2}px`;
-    colStyle.paddingRight = `${horizontal / 2}px`;
-  }
-  if (vertical > 0) {
-    rowStyle.marginTop = `-${vertical / 2}px`;
-    rowStyle.marginBottom = `-${vertical / 2}px`;
-    colStyle.paddingTop = `${vertical / 2}px`;
-    colStyle.paddingBottom = `${vertical / 2}px`;
+// src/utils/radio-utils.ts
+var radioRootBaseClasses = "inline-flex items-center";
+var radioVisualBaseClasses = "relative inline-flex items-center justify-center rounded-full border-2 cursor-pointer transition-all";
+var radioFocusVisibleClasses = "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-[var(--tiger-primary,#2563eb)] peer-focus-visible:ring-offset-[var(--tiger-surface,#ffffff)]";
+var radioDotBaseClasses = "rounded-full transition-all";
+var radioLabelBaseClasses = "ml-2 cursor-pointer select-none";
+var radioDisabledCursorClasses = "cursor-not-allowed";
+var radioHoverBorderClasses = "hover:border-[var(--tiger-primary,#2563eb)]";
+var radioSizeClasses = {
+  sm: {
+    radio: "w-4 h-4",
+    dot: "w-1.5 h-1.5",
+    label: "text-sm"
+  },
+  md: {
+    radio: "w-5 h-5",
+    dot: "w-2 h-2",
+    label: "text-base"
+  },
+  lg: {
+    radio: "w-6 h-6",
+    dot: "w-2.5 h-2.5",
+    label: "text-lg"
   }
-  return { rowStyle, colStyle };
-}
-function getSpanClasses(span) {
-  if (span === void 0 || span === null) return "w-full";
-  return colSpanClasses;
-}
-function getOffsetClasses(offset) {
-  if (offset === void 0 || offset === null) return "";
-  if (!hasNonZeroOffset(offset)) return "";
-  return colOffsetClasses;
-}
-function getOrderClasses(order) {
-  if (order === void 0) return "";
-  return colOrderClasses;
-}
-function getFlexClasses(flex) {
-  if (flex === void 0) return "";
-  return colFlexClasses;
-}
-
-// src/utils/divider.ts
-var SPACING_MAP = {
-  none: { horizontal: "", vertical: "" },
-  xs: { horizontal: "my-1", vertical: "mx-1" },
-  sm: { horizontal: "my-2", vertical: "mx-2" },
-  md: { horizontal: "my-4", vertical: "mx-4" },
-  lg: { horizontal: "my-6", vertical: "mx-6" },
-  xl: { horizontal: "my-8", vertical: "mx-8" }
-};
-var LINE_STYLE_MAP = {
-  solid: "border-solid",
-  dashed: "border-dashed",
-  dotted: "border-dotted"
-};
-var DEFAULT_BORDER_COLOR_CLASS = "border-[var(--tiger-border,#e5e7eb)]";
-function getDividerSpacingClasses(spacing, orientation) {
-  return SPACING_MAP[spacing][orientation];
-}
-function getDividerLineStyleClasses(lineStyle) {
-  return LINE_STYLE_MAP[lineStyle];
-}
-function getDividerOrientationClasses(orientation) {
-  return orientation === "horizontal" ? `w-full border-t ${DEFAULT_BORDER_COLOR_CLASS}` : `h-full border-l ${DEFAULT_BORDER_COLOR_CLASS}`;
-}
-
-// src/utils/layout-utils.ts
-var layoutRootClasses = "tiger-layout flex flex-col min-h-screen";
-var layoutHeaderClasses = "tiger-header bg-[var(--tiger-surface,#ffffff)] border-b border-[var(--tiger-border,#e5e7eb)]";
-var layoutSidebarClasses = "tiger-sidebar bg-[var(--tiger-surface,#ffffff)] border-r border-[var(--tiger-border,#e5e7eb)] transition-all duration-300";
-var layoutContentClasses = "tiger-content flex-1 bg-[var(--tiger-layout-content-bg,#f9fafb)] p-6";
-var layoutFooterClasses = "tiger-footer bg-[var(--tiger-surface,#ffffff)] border-t border-[var(--tiger-border,#e5e7eb)] p-4";
-
-// src/utils/container-utils.ts
-var containerBaseClasses = "w-full";
-var containerCenteredClasses = "mx-auto";
-var containerPaddingClasses = "px-4 sm:px-6 lg:px-8";
-var containerMaxWidthClasses = {
-  sm: "max-w-screen-sm",
-  md: "max-w-screen-md",
-  lg: "max-w-screen-lg",
-  xl: "max-w-screen-xl",
-  "2xl": "max-w-screen-2xl",
-  full: "w-full"
 };
-var getContainerClasses = ({
-  maxWidth = false,
-  center = true,
-  padding = true,
-  className
-} = {}) => classNames(
-  containerBaseClasses,
-  maxWidth !== false && containerMaxWidthClasses[maxWidth],
-  center && containerCenteredClasses,
-  padding && containerPaddingClasses,
-  className
+var getRadioVisualClasses = ({
+  size,
+  checked,
+  disabled,
+  colors
+}) => classNames(
+  radioVisualBaseClasses,
+  radioFocusVisibleClasses,
+  radioSizeClasses[size].radio,
+  checked ? colors.borderChecked : colors.border,
+  checked ? colors.bgChecked : colors.bg,
+  disabled && colors.disabled,
+  disabled && radioDisabledCursorClasses,
+  !disabled && radioHoverBorderClasses
+);
+var getRadioDotClasses = ({ size, checked, colors }) => classNames(
+  radioDotBaseClasses,
+  radioSizeClasses[size].dot,
+  colors.innerDot,
+  checked ? "scale-100" : "scale-0"
+);
+var getRadioLabelClasses = ({ size, disabled, colors }) => classNames(
+  radioLabelBaseClasses,
+  radioSizeClasses[size].label,
+  disabled ? colors.textDisabled : "text-[var(--tiger-text,#111827)]",
+  disabled && radioDisabledCursorClasses
 );
 
+// src/utils/radio-group-utils.ts
+var radioGroupDefaultClasses = "space-y-2";
+var getRadioGroupClasses = ({
+  className,
+  hasCustomClass
+} = {}) => {
+  const effectiveHasCustomClass = hasCustomClass ?? !!className;
+  return classNames(className, !effectiveHasCustomClass && radioGroupDefaultClasses);
+};
+
 // src/utils/date-utils.ts
 function isValidDate(value) {
   if (!value) return false;
@@ -1282,64 +1729,6 @@ var datePickerFooterButtonClasses = classNames(
   "duration-150"
 );
 
-// src/utils/common-icons.ts
-var closeIconViewBox = "0 0 24 24";
-var closeIconPathD = "M6 18L18 6M6 6l12 12";
-var closeIconPathStrokeLinecap = "round";
-var closeIconPathStrokeLinejoin = "round";
-var closeIconPathStrokeWidth = 2;
-var icon24ViewBox = "0 0 24 24";
-var icon24PathStrokeLinecap = "round";
-var icon24PathStrokeLinejoin = "round";
-var icon24StrokeWidth = 2;
-var icon20ViewBox = "0 0 20 20";
-var closeSolidIcon20PathD = "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z";
-var calendarSolidIcon20PathD = "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z";
-var clockSolidIcon20PathD = "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z";
-var chevronLeftSolidIcon20PathD = "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z";
-var chevronRightSolidIcon20PathD = "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z";
-var successCircleSolidIcon20PathD = "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z";
-var errorCircleSolidIcon20PathD = "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z";
-var statusSuccessIconPath = "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z";
-var statusWarningIconPath = "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z";
-var statusErrorIconPath = "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z";
-var statusInfoIconPath = "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z";
-var statusIconPaths = {
-  success: statusSuccessIconPath,
-  warning: statusWarningIconPath,
-  error: statusErrorIconPath,
-  info: statusInfoIconPath
-};
-
-// src/utils/datepicker-icons.ts
-var CalendarIconPath = calendarSolidIcon20PathD;
-var CloseIconPath = closeSolidIcon20PathD;
-var ChevronLeftIconPath = chevronLeftSolidIcon20PathD;
-var ChevronRightIconPath = chevronRightSolidIcon20PathD;
-
-// src/utils/datepicker-i18n.ts
-function getDatePickerLabels(locale, overrides) {
-  const lc = (locale ?? "").toLowerCase();
-  const base = lc.startsWith("zh") ? {
-    today: "\u4ECA\u5929",
-    ok: "\u786E\u5B9A",
-    calendar: "\u65E5\u5386",
-    toggleCalendar: "\u6253\u5F00\u65E5\u5386",
-    clearDate: "\u6E05\u9664\u65E5\u671F",
-    previousMonth: "\u4E0A\u4E2A\u6708",
-    nextMonth: "\u4E0B\u4E2A\u6708"
-  } : {
-    today: "Today",
-    ok: "OK",
-    calendar: "Calendar",
-    toggleCalendar: "Toggle calendar",
-    clearDate: "Clear date",
-    previousMonth: "Previous month",
-    nextMonth: "Next month"
-  };
-  return { ...base, ...overrides ?? {} };
-}
-
 // src/utils/time-utils.ts
 function isValidTimeValue(value, min, max) {
   return !isNaN(value) && value >= min && value <= max;
@@ -1467,191 +1856,11 @@ function generateSeconds(step = 1) {
   for (let i = 0; i < 60; i += validStep) {
     seconds.push(i);
   }
-  return seconds;
-}
-function getCurrentTime(showSeconds = false) {
-  const now = /* @__PURE__ */ new Date();
-  return formatTime(now.getHours(), now.getMinutes(), now.getSeconds(), showSeconds);
-}
-
-// src/utils/timepicker-styles.ts
-var timePickerBaseClasses = "relative inline-block w-full max-w-xs";
-var timePickerInputWrapperClasses = "relative flex items-center";
-function getTimePickerInputClasses(size, disabled) {
-  const baseClasses = [
-    "w-full rounded-md border border-gray-300",
-    "focus:outline-none focus:ring-2 focus:ring-[var(--tiger-primary,#2563eb)] focus:border-transparent",
-    "transition-colors duration-200",
-    "pr-16"
-    // Space for clear + clock buttons
-  ];
-  const sizeClasses = {
-    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, sizeClasses[size], stateClasses].join(" ");
-}
-function getTimePickerIconButtonClasses(size) {
-  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",
-    "rounded transition-colors duration-200",
-    "disabled:cursor-not-allowed disabled:opacity-50"
-  ];
-  const sizeClasses = {
-    sm: "w-6 h-6",
-    md: "w-8 h-8",
-    lg: "w-10 h-10"
-  };
-  return [...baseClasses, sizeClasses[size]].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",
-  "rounded transition-colors duration-200"
-].join(" ");
-var timePickerPanelClasses = [
-  "absolute z-10 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg",
-  "w-max"
-].join(" ");
-var timePickerPanelContentClasses = "flex divide-x divide-gray-200";
-var timePickerRangeHeaderClasses = [
-  "px-3 py-2 border-b border-gray-200 bg-gray-50",
-  "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",
-    "transition-colors duration-150"
-  ];
-  if (isActive) {
-    return [...baseClasses, "bg-[var(--tiger-primary,#2563eb)] text-white border-transparent"].join(
-      " "
-    );
-  }
-  return [...baseClasses, "bg-white hover:bg-gray-50 text-gray-700"].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"
-].join(" ");
-var timePickerColumnListClasses = [
-  "overflow-y-auto max-h-48 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100"
-].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",
-    "transition-colors duration-150",
-    "cursor-pointer"
-  ];
-  if (isDisabled) {
-    return [...baseClasses, "text-gray-300 cursor-not-allowed hover:bg-transparent"].join(" ");
-  }
-  if (isSelected) {
-    return [
-      ...baseClasses,
-      "bg-[var(--tiger-primary,#2563eb)] text-white",
-      "hover:bg-[var(--tiger-primary-hover,#1d4ed8)]",
-      "font-medium"
-    ].join(" ");
-  }
-  return [...baseClasses, "text-gray-700"].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",
-    "transition-colors duration-150",
-    "cursor-pointer"
-  ];
-  if (isSelected) {
-    return [
-      ...baseClasses,
-      "bg-[var(--tiger-primary,#2563eb)] text-white",
-      "hover:bg-[var(--tiger-primary-hover,#1d4ed8)]"
-    ].join(" ");
-  }
-  return [...baseClasses, "text-gray-700"].join(" ");
-}
-var timePickerFooterClasses = [
-  "px-3 py-2 border-t border-gray-200",
-  "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",
-  "transition-colors duration-150"
-].join(" ");
-
-// src/utils/timepicker-icons.ts
-var ClockIconPath = clockSolidIcon20PathD;
-var TimePickerCloseIconPath = closeSolidIcon20PathD;
-
-// src/utils/timepicker-labels.ts
-var ZH_LABELS = {
-  hour: "\u65F6",
-  minute: "\u5206",
-  second: "\u79D2",
-  now: "\u73B0\u5728",
-  ok: "\u786E\u5B9A",
-  start: "\u5F00\u59CB",
-  end: "\u7ED3\u675F",
-  clear: "\u6E05\u9664\u65F6\u95F4",
-  toggle: "\u6253\u5F00\u65F6\u95F4\u9009\u62E9\u5668",
-  dialog: "\u65F6\u95F4\u9009\u62E9\u5668",
-  selectTime: "\u8BF7\u9009\u62E9\u65F6\u95F4",
-  selectTimeRange: "\u8BF7\u9009\u62E9\u65F6\u95F4\u8303\u56F4"
-};
-var EN_LABELS = {
-  hour: "Hour",
-  minute: "Min",
-  second: "Sec",
-  now: "Now",
-  ok: "OK",
-  start: "Start",
-  end: "End",
-  clear: "Clear time",
-  toggle: "Toggle time picker",
-  dialog: "Time picker",
-  selectTime: "Select time",
-  selectTimeRange: "Select time range"
-};
-function isZhLocale(locale) {
-  return (locale ?? "").toLowerCase().startsWith("zh");
-}
-function getTimePickerLabels(locale, overrides) {
-  const base = isZhLocale(locale) ? ZH_LABELS : EN_LABELS;
-  return { ...base, ...overrides ?? {} };
-}
-function pluralizeEn(value, singular) {
-  return value === 1 ? singular : `${singular}s`;
-}
-function getTimePickerOptionAriaLabel(value, unit, locale, labelOverrides) {
-  const labels = getTimePickerLabels(locale, labelOverrides);
-  if (isZhLocale(locale)) {
-    const suffix = unit === "hour" ? labels.hour : unit === "minute" ? labels.minute : labels.second;
-    return `${value}${suffix}`;
-  }
-  const lc = (locale ?? "").toLowerCase();
-  const useEnglishPlural = lc.length === 0 ? labelOverrides == null : lc.startsWith("en");
-  if (useEnglishPlural) {
-    if (unit === "hour") return `${value} ${pluralizeEn(value, "hour")}`;
-    if (unit === "minute") return `${value} ${pluralizeEn(value, "minute")}`;
-    return `${value} ${pluralizeEn(value, "second")}`;
-  }
-  const unitLabel = unit === "hour" ? labels.hour : unit === "minute" ? labels.minute : labels.second;
-  return `${value} ${unitLabel}`;
+  return seconds;
+}
+function getCurrentTime(showSeconds = false) {
+  const now = /* @__PURE__ */ new Date();
+  return formatTime(now.getHours(), now.getMinutes(), now.getSeconds(), showSeconds);
 }
 
 // src/utils/upload-utils.ts
@@ -1901,84 +2110,208 @@ function getPictureCardClasses(status) {
   return classNames(...baseClasses, ...stateClasses);
 }
 
-// src/utils/upload-labels.ts
-function interpolateUploadLabel(template, params) {
-  return template.replace(/\{(\w+)\}/g, (_match, key) => {
-    const value = params[key];
-    return typeof value === "string" ? value : "";
+// src/utils/grid.ts
+var BREAKPOINT_ORDER = ["xs", "sm", "md", "lg", "xl", "2xl"];
+var ALIGN_MAP = {
+  top: "items-start",
+  middle: "items-center",
+  bottom: "items-end",
+  stretch: "items-stretch"
+};
+var JUSTIFY_MAP = {
+  start: "justify-start",
+  end: "justify-end",
+  center: "justify-center",
+  "space-around": "justify-around",
+  "space-between": "justify-between",
+  "space-evenly": "justify-evenly"
+};
+function validateGridValue(value, fieldName) {
+  if (value < 0 || value > 24) {
+    console.warn(`Invalid ${fieldName} value: ${value}. ${fieldName} should be between 0 and 24.`);
+    return false;
+  }
+  return true;
+}
+function toPercentage(value) {
+  return (value / 24 * 100).toFixed(6).replace(/\.?0+$/, "");
+}
+var colSpanClasses = "w-[var(--tiger-col-span)] sm:w-[var(--tiger-col-span-sm,var(--tiger-col-span))] md:w-[var(--tiger-col-span-md,var(--tiger-col-span))] lg:w-[var(--tiger-col-span-lg,var(--tiger-col-span))] xl:w-[var(--tiger-col-span-xl,var(--tiger-col-span))] 2xl:w-[var(--tiger-col-span-2xl,var(--tiger-col-span))]";
+var colOffsetClasses = "ml-[var(--tiger-col-offset)] sm:ml-[var(--tiger-col-offset-sm,var(--tiger-col-offset))] md:ml-[var(--tiger-col-offset-md,var(--tiger-col-offset))] lg:ml-[var(--tiger-col-offset-lg,var(--tiger-col-offset))] xl:ml-[var(--tiger-col-offset-xl,var(--tiger-col-offset))] 2xl:ml-[var(--tiger-col-offset-2xl,var(--tiger-col-offset))]";
+var colFlexClasses = "flex-[var(--tiger-col-flex)]";
+var colOrderClasses = "order-[var(--tiger-col-order)] sm:order-[var(--tiger-col-order-sm,var(--tiger-col-order))] md:order-[var(--tiger-col-order-md,var(--tiger-col-order))] lg:order-[var(--tiger-col-order-lg,var(--tiger-col-order))] xl:order-[var(--tiger-col-order-xl,var(--tiger-col-order))] 2xl:order-[var(--tiger-col-order-2xl,var(--tiger-col-order))]";
+function hasNonZeroOffset(offset2) {
+  if (typeof offset2 === "number") return offset2 !== 0;
+  return BREAKPOINT_ORDER.some((bp) => (offset2[bp] ?? 0) !== 0);
+}
+function setSpanVars(vars, span) {
+  if (typeof span === "number") {
+    if (validateGridValue(span, "span")) vars["--tiger-col-span"] = `${toPercentage(span)}%`;
+    return;
+  }
+  vars["--tiger-col-span"] = "100%";
+  BREAKPOINT_ORDER.forEach((bp) => {
+    const value = span[bp];
+    if (value === void 0) return;
+    if (!validateGridValue(value, `span.${bp}`)) return;
+    const percentage = `${toPercentage(value)}%`;
+    if (bp === "xs") {
+      vars["--tiger-col-span"] = percentage;
+      return;
+    }
+    vars[`--tiger-col-span-${bp}`] = percentage;
   });
 }
-function getUploadLabels(locale, overrides) {
-  return {
-    dragAreaAriaLabel: resolveLocaleText(
-      "Upload file by clicking or dragging",
-      overrides?.dragAreaAriaLabel,
-      locale?.upload?.dragAreaAriaLabel
-    ),
-    buttonAriaLabel: resolveLocaleText(
-      "Upload file",
-      overrides?.buttonAriaLabel,
-      locale?.upload?.buttonAriaLabel
-    ),
-    clickToUploadText: resolveLocaleText(
-      "Click to upload",
-      overrides?.clickToUploadText,
-      locale?.upload?.clickToUploadText
-    ),
-    dragAndDropText: resolveLocaleText(
-      "or drag and drop",
-      overrides?.dragAndDropText,
-      locale?.upload?.dragAndDropText
-    ),
-    acceptInfoText: resolveLocaleText(
-      "Accepted: {accept}",
-      overrides?.acceptInfoText,
-      locale?.upload?.acceptInfoText
-    ),
-    maxSizeInfoText: resolveLocaleText(
-      "Max size: {maxSize}",
-      overrides?.maxSizeInfoText,
-      locale?.upload?.maxSizeInfoText
-    ),
-    selectFileText: resolveLocaleText(
-      "Select File",
-      overrides?.selectFileText,
-      locale?.upload?.selectFileText
-    ),
-    uploadedFilesAriaLabel: resolveLocaleText(
-      "Uploaded files",
-      overrides?.uploadedFilesAriaLabel,
-      locale?.upload?.uploadedFilesAriaLabel
-    ),
-    successAriaLabel: resolveLocaleText(
-      "Success",
-      overrides?.successAriaLabel,
-      locale?.upload?.successAriaLabel
-    ),
-    errorAriaLabel: resolveLocaleText(
-      "Error",
-      overrides?.errorAriaLabel,
-      locale?.upload?.errorAriaLabel
-    ),
-    uploadingAriaLabel: resolveLocaleText(
-      "Uploading",
-      overrides?.uploadingAriaLabel,
-      locale?.upload?.uploadingAriaLabel
-    ),
-    removeFileAriaLabel: resolveLocaleText(
-      "Remove {fileName}",
-      overrides?.removeFileAriaLabel,
-      locale?.upload?.removeFileAriaLabel
-    ),
-    previewFileAriaLabel: resolveLocaleText(
-      "Preview {fileName}",
-      overrides?.previewFileAriaLabel,
-      locale?.upload?.previewFileAriaLabel
-    )
-  };
+function setOffsetVars(vars, offset2) {
+  if (typeof offset2 === "number") {
+    if (offset2 === 0) return;
+    if (validateGridValue(offset2, "offset")) vars["--tiger-col-offset"] = `${toPercentage(offset2)}%`;
+    return;
+  }
+  vars["--tiger-col-offset"] = "0%";
+  BREAKPOINT_ORDER.forEach((bp) => {
+    const value = offset2[bp];
+    if (value === void 0) return;
+    if (value === 0) return;
+    if (!validateGridValue(value, `offset.${bp}`)) return;
+    const percentage = `${toPercentage(value)}%`;
+    if (bp === "xs") {
+      vars["--tiger-col-offset"] = percentage;
+      return;
+    }
+    vars[`--tiger-col-offset-${bp}`] = percentage;
+  });
+}
+function getColStyleVars(span, offset2) {
+  const vars = {};
+  if (span !== void 0 && span !== null) setSpanVars(vars, span);
+  if (offset2 !== void 0 && offset2 !== null) setOffsetVars(vars, offset2);
+  return vars;
+}
+function setOrderVars(vars, order) {
+  if (typeof order === "number") {
+    vars["--tiger-col-order"] = String(order);
+    return;
+  }
+  vars["--tiger-col-order"] = "0";
+  BREAKPOINT_ORDER.forEach((bp) => {
+    const value = order[bp];
+    if (value === void 0) return;
+    if (bp === "xs") {
+      vars["--tiger-col-order"] = String(value);
+      return;
+    }
+    vars[`--tiger-col-order-${bp}`] = String(value);
+  });
+}
+function getColOrderStyleVars(order) {
+  if (order === void 0 || order === null) return {};
+  const vars = {};
+  setOrderVars(vars, order);
+  return vars;
+}
+function getAlignClasses(align) {
+  return ALIGN_MAP[align] || "items-start";
+}
+function getJustifyClasses(justify) {
+  return JUSTIFY_MAP[justify] || "justify-start";
+}
+function getGutterStyles(gutter) {
+  if (gutter === void 0 || gutter === null || gutter === 0) return {};
+  const [horizontal, vertical] = Array.isArray(gutter) ? gutter : [gutter, gutter];
+  const rowStyle = {};
+  const colStyle = {};
+  if (horizontal > 0) {
+    rowStyle.marginLeft = `-${horizontal / 2}px`;
+    rowStyle.marginRight = `-${horizontal / 2}px`;
+    colStyle.paddingLeft = `${horizontal / 2}px`;
+    colStyle.paddingRight = `${horizontal / 2}px`;
+  }
+  if (vertical > 0) {
+    rowStyle.marginTop = `-${vertical / 2}px`;
+    rowStyle.marginBottom = `-${vertical / 2}px`;
+    colStyle.paddingTop = `${vertical / 2}px`;
+    colStyle.paddingBottom = `${vertical / 2}px`;
+  }
+  return { rowStyle, colStyle };
+}
+function getSpanClasses(span) {
+  if (span === void 0 || span === null) return "w-full";
+  return colSpanClasses;
+}
+function getOffsetClasses(offset2) {
+  if (offset2 === void 0 || offset2 === null) return "";
+  if (!hasNonZeroOffset(offset2)) return "";
+  return colOffsetClasses;
+}
+function getOrderClasses(order) {
+  if (order === void 0) return "";
+  return colOrderClasses;
+}
+function getFlexClasses(flex) {
+  if (flex === void 0) return "";
+  return colFlexClasses;
+}
+
+// src/utils/divider.ts
+var SPACING_MAP = {
+  none: { horizontal: "", vertical: "" },
+  xs: { horizontal: "my-1", vertical: "mx-1" },
+  sm: { horizontal: "my-2", vertical: "mx-2" },
+  md: { horizontal: "my-4", vertical: "mx-4" },
+  lg: { horizontal: "my-6", vertical: "mx-6" },
+  xl: { horizontal: "my-8", vertical: "mx-8" }
+};
+var LINE_STYLE_MAP = {
+  solid: "border-solid",
+  dashed: "border-dashed",
+  dotted: "border-dotted"
+};
+var DEFAULT_BORDER_COLOR_CLASS = "border-[var(--tiger-border,#e5e7eb)]";
+function getDividerSpacingClasses(spacing, orientation) {
+  return SPACING_MAP[spacing][orientation];
+}
+function getDividerLineStyleClasses(lineStyle) {
+  return LINE_STYLE_MAP[lineStyle];
+}
+function getDividerOrientationClasses(orientation) {
+  return orientation === "horizontal" ? `w-full border-t ${DEFAULT_BORDER_COLOR_CLASS}` : `h-full border-l ${DEFAULT_BORDER_COLOR_CLASS}`;
 }
 
+// src/utils/layout-utils.ts
+var layoutRootClasses = "tiger-layout flex flex-col min-h-screen";
+var layoutHeaderClasses = "tiger-header bg-[var(--tiger-surface,#ffffff)] border-b border-[var(--tiger-border,#e5e7eb)]";
+var layoutSidebarClasses = "tiger-sidebar bg-[var(--tiger-surface,#ffffff)] border-r border-[var(--tiger-border,#e5e7eb)] transition-all duration-300";
+var layoutContentClasses = "tiger-content flex-1 bg-[var(--tiger-layout-content-bg,#f9fafb)] p-6";
+var layoutFooterClasses = "tiger-footer bg-[var(--tiger-surface,#ffffff)] border-t border-[var(--tiger-border,#e5e7eb)] p-4";
+
+// src/utils/container-utils.ts
+var containerBaseClasses = "w-full";
+var containerCenteredClasses = "mx-auto";
+var containerPaddingClasses = "px-4 sm:px-6 lg:px-8";
+var containerMaxWidthClasses = {
+  sm: "max-w-screen-sm",
+  md: "max-w-screen-md",
+  lg: "max-w-screen-lg",
+  xl: "max-w-screen-xl",
+  "2xl": "max-w-screen-2xl",
+  full: "w-full"
+};
+var getContainerClasses = ({
+  maxWidth = false,
+  center = true,
+  padding = true,
+  className
+} = {}) => classNames(
+  containerBaseClasses,
+  maxWidth !== false && containerMaxWidthClasses[maxWidth],
+  center && containerCenteredClasses,
+  padding && containerPaddingClasses,
+  className
+);
+
 // src/utils/space.ts
+var SPACE_BASE_CLASS = "inline-flex";
 function getSpaceGapSize(size = "md") {
   if (typeof size === "number") {
     return { style: `${size}px` };
@@ -2275,19 +2608,6 @@ function getCardClasses(variant, hoverable) {
   return classes.join(" ");
 }
 
-// src/utils/link-utils.ts
-var linkBaseClasses = "inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer no-underline";
-var linkSizeClasses = {
-  sm: "text-sm",
-  md: "text-base",
-  lg: "text-lg"
-};
-var linkDisabledClasses = "cursor-not-allowed opacity-60 pointer-events-none";
-function getSecureRel(target, rel) {
-  if (target === "_blank" && !rel) return "noopener noreferrer";
-  return rel;
-}
-
 // src/utils/avatar-utils.ts
 var avatarBaseClasses = "inline-flex items-center justify-center overflow-hidden shrink-0 select-none";
 var avatarSizeClasses = {
@@ -2310,7 +2630,7 @@ function getInitials(name) {
   if (words.length === 0) return "";
   if (words.length === 1) {
     const firstWord = words[0];
-    const hasNonASCII = /[^\u0000-\u007F]/.test(firstWord);
+    const hasNonASCII = /[^\x20-\x7E]/.test(firstWord);
     return hasNonASCII ? firstWord.slice(0, 2).toUpperCase() : firstWord.charAt(0).toUpperCase();
   }
   return (words[0].charAt(0) + words[1].charAt(0)).toUpperCase();
@@ -2340,16 +2660,6 @@ function generateAvatarColor(str) {
   return colors[index];
 }
 
-// src/utils/icon-utils.ts
-var iconWrapperClasses = "inline-flex align-middle";
-var iconSvgBaseClasses = "inline-block";
-var iconSizeClasses = {
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6",
-  xl: "w-8 h-8"
-};
-
 // src/utils/list-utils.ts
 var listBaseClasses = "bg-[var(--tiger-surface,#ffffff)] rounded-lg overflow-hidden";
 var listWrapperClasses = "w-full";
@@ -3022,11 +3332,11 @@ function clampPercentage(percentage) {
 }
 function calculateCirclePath(radius, strokeWidth, percentage) {
   const circumference = 2 * Math.PI * radius;
-  const offset = circumference - percentage / 100 * circumference;
+  const offset2 = circumference - percentage / 100 * circumference;
   return {
     circumference,
     strokeDasharray: `${circumference}`,
-    strokeDashoffset: offset
+    strokeDashoffset: offset2
   };
 }
 function getCircleSize(size, strokeWidth) {
@@ -3050,14 +3360,14 @@ var menuModeClasses = {
 };
 var menuLightThemeClasses = "[--tiger-surface:#ffffff] [--tiger-text:#111827] [--tiger-text-muted:#6b7280] [--tiger-border:#e5e7eb] [--tiger-surface-muted:#f9fafb]";
 var menuDarkThemeClasses = "[--tiger-surface:#111827] [--tiger-text:#f9fafb] [--tiger-text-muted:#9ca3af] [--tiger-border:#374151] [--tiger-surface-muted:#1f2937] [--tiger-outline-bg-hover:#2563eb1a] [--tiger-ghost-bg-hover:#2563eb1a]";
-var menuItemBaseClasses = "flex w-full items-center px-4 py-2 text-left bg-transparent border-0 cursor-pointer transition-colors duration-200 select-none appearance-none";
+var menuItemBaseClasses = "flex w-full items-center 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))] focus-visible:ring-inset active:opacity-90";
 var menuItemHoverLightClasses = "hover:bg-[var(--tiger-surface-muted,#f9fafb)]";
 var menuItemHoverDarkClasses = "hover:bg-[var(--tiger-surface-muted,#1f2937)]";
 var menuItemSelectedLightClasses = "bg-[var(--tiger-outline-bg-hover,#eff6ff)] text-[var(--tiger-primary,#2563eb)] font-medium";
 var menuItemSelectedDarkClasses = "bg-[var(--tiger-outline-bg-hover,#2563eb1a)] text-[var(--tiger-primary,#60a5fa)] font-medium";
 var menuItemDisabledClasses = "opacity-50 cursor-not-allowed pointer-events-none";
 var menuItemIconClasses = "mr-2 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";
+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))] 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";
@@ -3153,7 +3463,7 @@ var tabNavListPositionClasses = {
   right: "flex-col"
 };
 var tabNavListCenteredClasses = "justify-center";
-var tabItemBaseClasses = "relative px-4 py-2 cursor-pointer transition-all duration-200 select-none flex items-center gap-2";
+var tabItemBaseClasses = "relative px-4 py-2 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))] 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",
@@ -3501,6 +3811,43 @@ function getTotalTextClasses(size = "medium") {
   };
   return classNames("text-[var(--tiger-text-muted,#6b7280)]", "mr-2", sizeClasses[size]);
 }
+function getSimplePaginationContainerClasses() {
+  return classNames(
+    "flex items-center justify-between",
+    "px-4 py-3",
+    "border-t border-[var(--tiger-border,#e5e7eb)]"
+  );
+}
+function getSimplePaginationTotalClasses() {
+  return "text-sm text-[var(--tiger-text,#111827)]";
+}
+function getSimplePaginationControlsClasses() {
+  return "flex items-center gap-2";
+}
+function getSimplePaginationSelectClasses() {
+  return classNames(
+    "px-3 py-1",
+    "border border-[var(--tiger-border,#e5e7eb)] rounded",
+    "text-sm",
+    "bg-[var(--tiger-surface,#ffffff)]",
+    "text-[var(--tiger-text,#111827)]"
+  );
+}
+function getSimplePaginationButtonClasses(disabled) {
+  return classNames(
+    "px-3 py-1",
+    "border border-[var(--tiger-border,#e5e7eb)] rounded",
+    "text-sm",
+    "bg-[var(--tiger-surface,#ffffff)]",
+    disabled ? "text-[var(--tiger-text-muted,#6b7280)] cursor-not-allowed" : "hover:bg-[var(--tiger-surface-muted,#f9fafb)] text-[var(--tiger-text,#111827)]"
+  );
+}
+function getSimplePaginationPageIndicatorClasses() {
+  return "px-3 py-1 text-sm text-[var(--tiger-text,#111827)]";
+}
+function getSimplePaginationButtonsWrapperClasses() {
+  return "flex gap-1";
+}
 
 // src/utils/dropdown-utils.ts
 function getDropdownContainerClasses() {
@@ -4078,18 +4425,6 @@ function injectLoadingAnimationStyles() {
   }
 }
 
-// src/utils/svg-attrs.ts
-function normalizeSvgAttrs(svgAttrs) {
-  if ("className" in svgAttrs && !("class" in svgAttrs)) {
-    const { className, ...rest } = svgAttrs;
-    return {
-      ...rest,
-      class: className
-    };
-  }
-  return svgAttrs;
-}
-
 // src/utils/popconfirm-utils.ts
 function getPopconfirmContainerClasses() {
   return classNames("tiger-popconfirm", "relative", "inline-block", "w-fit", "justify-self-start");
@@ -4319,67 +4654,27 @@ function getTooltipContentClasses() {
   );
 }
 
-// src/utils/radio-utils.ts
-var radioRootBaseClasses = "inline-flex items-center";
-var radioVisualBaseClasses = "relative inline-flex items-center justify-center rounded-full border-2 cursor-pointer transition-all";
-var radioFocusVisibleClasses = "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-[var(--tiger-primary,#2563eb)] peer-focus-visible:ring-offset-[var(--tiger-surface,#ffffff)]";
-var radioDotBaseClasses = "rounded-full transition-all";
-var radioLabelBaseClasses = "ml-2 cursor-pointer select-none";
-var radioDisabledCursorClasses = "cursor-not-allowed";
-var radioHoverBorderClasses = "hover:border-[var(--tiger-primary,#2563eb)]";
-var radioSizeClasses = {
-  sm: {
-    radio: "w-4 h-4",
-    dot: "w-1.5 h-1.5",
-    label: "text-sm"
-  },
-  md: {
-    radio: "w-5 h-5",
-    dot: "w-2 h-2",
-    label: "text-base"
-  },
-  lg: {
-    radio: "w-6 h-6",
-    dot: "w-2.5 h-2.5",
-    label: "text-lg"
-  }
+// src/utils/link-utils.ts
+var linkBaseClasses = "inline-flex items-center transition-all duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))] cursor-pointer no-underline active:opacity-80";
+var linkSizeClasses = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
 };
-var getRadioVisualClasses = ({
-  size,
-  checked,
-  disabled,
-  colors
-}) => classNames(
-  radioVisualBaseClasses,
-  radioFocusVisibleClasses,
-  radioSizeClasses[size].radio,
-  checked ? colors.borderChecked : colors.border,
-  checked ? colors.bgChecked : colors.bg,
-  disabled && colors.disabled,
-  disabled && radioDisabledCursorClasses,
-  !disabled && radioHoverBorderClasses
-);
-var getRadioDotClasses = ({ size, checked, colors }) => classNames(
-  radioDotBaseClasses,
-  radioSizeClasses[size].dot,
-  colors.innerDot,
-  checked ? "scale-100" : "scale-0"
-);
-var getRadioLabelClasses = ({ size, disabled, colors }) => classNames(
-  radioLabelBaseClasses,
-  radioSizeClasses[size].label,
-  disabled ? colors.textDisabled : "text-[var(--tiger-text,#111827)]",
-  disabled && radioDisabledCursorClasses
-);
+var linkDisabledClasses = "cursor-not-allowed opacity-60 pointer-events-none";
+function getSecureRel(target, rel) {
+  if (target === "_blank" && !rel) return "noopener noreferrer";
+  return rel;
+}
 
-// src/utils/radio-group-utils.ts
-var radioGroupDefaultClasses = "space-y-2";
-var getRadioGroupClasses = ({
-  className,
-  hasCustomClass
-} = {}) => {
-  const effectiveHasCustomClass = hasCustomClass ?? !!className;
-  return classNames(className, !effectiveHasCustomClass && radioGroupDefaultClasses);
+// src/utils/icon-utils.ts
+var iconWrapperClasses = "inline-flex align-middle";
+var iconSvgBaseClasses = "inline-block";
+var iconSizeClasses = {
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-8 h-8"
 };
 
 // src/utils/code-utils.ts
@@ -4388,34 +4683,622 @@ var codeBlockPreClasses = "m-0 overflow-auto p-4 text-sm leading-relaxed font-mo
 var codeBlockCopyButtonBaseClasses = "absolute right-3 top-0 -translate-y-1/2 inline-flex items-center rounded-md 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 codeBlockCopyButtonCopiedClasses = "border-[var(--tiger-primary,#2563eb)] text-[var(--tiger-primary,#2563eb)]";
 
-// src/utils/copy-text.ts
-var copyTextToClipboard = async (text) => {
-  if (typeof text !== "string") return false;
-  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-    try {
-      await navigator.clipboard.writeText(text);
-      return true;
-    } catch {
+// src/utils/chart-utils.ts
+var chartCanvasBaseClasses = "block";
+var chartAxisLineClasses = "stroke-[color:var(--tiger-border,#e5e7eb)]";
+var chartAxisTickLineClasses = "stroke-[color:var(--tiger-border,#e5e7eb)]";
+var chartAxisTickTextClasses = "fill-[color:var(--tiger-text-secondary,#6b7280)] text-xs";
+var chartAxisLabelClasses = "fill-[color:var(--tiger-text,#374151)] text-xs font-medium";
+var chartGridLineClasses = "stroke-[color:var(--tiger-border,#e5e7eb)]";
+var DEFAULT_CHART_COLORS = [
+  "var(--tiger-chart-1,#2563eb)",
+  "var(--tiger-chart-2,#22c55e)",
+  "var(--tiger-chart-3,#f97316)",
+  "var(--tiger-chart-4,#a855f7)",
+  "var(--tiger-chart-5,#0ea5e9)",
+  "var(--tiger-chart-6,#ef4444)"
+];
+var clampNumber = (value, min, max) => Math.min(max, Math.max(min, value));
+function normalizeChartPadding(padding) {
+  if (typeof padding === "number") {
+    return {
+      top: padding,
+      right: padding,
+      bottom: padding,
+      left: padding
+    };
+  }
+  return {
+    top: padding?.top ?? 0,
+    right: padding?.right ?? 0,
+    bottom: padding?.bottom ?? 0,
+    left: padding?.left ?? 0
+  };
+}
+function getChartInnerRect(width, height, padding) {
+  const resolvedPadding = normalizeChartPadding(padding);
+  const innerWidth = Math.max(0, width - resolvedPadding.left - resolvedPadding.right);
+  const innerHeight = Math.max(0, height - resolvedPadding.top - resolvedPadding.bottom);
+  return {
+    x: resolvedPadding.left,
+    y: resolvedPadding.top,
+    width: innerWidth,
+    height: innerHeight
+  };
+}
+function createLinearScale(domain, range) {
+  const [d0, d1] = domain;
+  const [r0, r1] = range;
+  const span = d1 - d0;
+  return {
+    type: "linear",
+    domain: [d0, d1],
+    range: [r0, r1],
+    map: (value) => {
+      const numeric = typeof value === "number" ? value : Number(value);
+      if (span === 0) return (r0 + r1) / 2;
+      return r0 + (numeric - d0) / span * (r1 - r0);
+    }
+  };
+}
+function createPointScale(domain, range, options = {}) {
+  const padding = clampNumber(options.padding ?? 0.5, 0, 1);
+  const [rangeStart, rangeEnd] = range;
+  const span = rangeEnd - rangeStart;
+  const length = Math.abs(span);
+  const direction = span >= 0 ? 1 : -1;
+  const n = domain.length;
+  const step = n > 1 ? length / Math.max(1, n - 1 + padding * 2) : 0;
+  const offset2 = n <= 1 ? length / 2 : step * padding;
+  const indexMap = new Map(domain.map((value, index) => [value, index]));
+  return {
+    type: "point",
+    domain,
+    range: [rangeStart, rangeEnd],
+    step,
+    map: (value) => {
+      const key = String(value);
+      const index = indexMap.get(key) ?? 0;
+      return rangeStart + direction * (offset2 + step * index);
+    }
+  };
+}
+function createBandScale(domain, range, options = {}) {
+  const paddingInner = clampNumber(options.paddingInner ?? 0.1, 0, 1);
+  const paddingOuter = clampNumber(options.paddingOuter ?? 0.1, 0, 1);
+  const align = clampNumber(options.align ?? 0.5, 0, 1);
+  const [rangeStart, rangeEnd] = range;
+  const span = rangeEnd - rangeStart;
+  const length = Math.abs(span);
+  const direction = span >= 0 ? 1 : -1;
+  const n = domain.length;
+  const step = n > 0 ? length / Math.max(1, n - paddingInner + paddingOuter * 2) : 0;
+  const bandwidth = step * (1 - paddingInner);
+  const offset2 = (length - step * (n - paddingInner)) * align;
+  const indexMap = new Map(domain.map((value, index) => [value, index]));
+  return {
+    type: "band",
+    domain,
+    range: [rangeStart, rangeEnd],
+    step,
+    bandwidth,
+    map: (value) => {
+      const key = String(value);
+      const index = indexMap.get(key) ?? 0;
+      return rangeStart + direction * (offset2 + step * index);
     }
+  };
+}
+function getChartAxisTicks(scale, options = {}) {
+  const { tickCount = 5, tickValues, tickFormat } = options;
+  const format = tickFormat ?? ((value) => `${value}`);
+  const resolvedTickValues = tickValues ?? (scale.type === "linear" ? getLinearTicks(scale.domain, tickCount) : scale.domain);
+  return resolvedTickValues.map((value) => {
+    const basePosition = scale.map(value);
+    const position = scale.type === "band" && typeof scale.bandwidth === "number" ? basePosition + scale.bandwidth / 2 : basePosition;
+    return {
+      value,
+      position,
+      label: format(value)
+    };
+  });
+}
+function getLinearTicks(domain, count) {
+  const min = Math.min(domain[0], domain[1]);
+  const max = Math.max(domain[0], domain[1]);
+  if (min === max || !Number.isFinite(min) || !Number.isFinite(max)) {
+    return [min];
+  }
+  const step = getNiceStep((max - min) / Math.max(1, count));
+  const start = Math.ceil(min / step) * step;
+  const end = Math.floor(max / step) * step;
+  const ticks = [];
+  for (let value = start; value <= end + step / 2; value += step) {
+    ticks.push(roundTick(value, step));
+  }
+  return ticks;
+}
+function getNiceStep(step) {
+  if (!Number.isFinite(step) || step <= 0) return 1;
+  const exponent = Math.floor(Math.log10(step));
+  const fraction = step / Math.pow(10, exponent);
+  const niceFraction = fraction >= 5 ? 5 : fraction >= 2 ? 2 : fraction >= 1 ? 1 : 0.5;
+  return niceFraction * Math.pow(10, exponent);
+}
+function roundTick(value, step) {
+  const precision = Math.max(0, -Math.floor(Math.log10(step)) + 1);
+  return Number(value.toFixed(precision));
+}
+function getChartGridLineDasharray(lineStyle) {
+  if (lineStyle === "dashed") return "4 4";
+  if (lineStyle === "dotted") return "1 4";
+  return void 0;
+}
+function getNumberExtent(values, options = {}) {
+  const fallback = options.fallback ?? [0, 1];
+  if (values.length === 0) return fallback;
+  let min = Math.min(...values);
+  let max = Math.max(...values);
+  if (options.includeZero) {
+    min = Math.min(min, 0);
+    max = Math.max(max, 0);
+  }
+  if (min === max) {
+    const pad = Math.abs(min) * 0.1 || 1;
+    return [min - pad, max + pad];
+  }
+  const padding = options.padding ?? 0;
+  if (padding > 0) {
+    const span = max - min;
+    min -= span * padding;
+    max += span * padding;
+  }
+  return [min, max];
+}
+function getPieArcs(data, options = {}) {
+  const startAngle = options.startAngle ?? 0;
+  const endAngle = options.endAngle ?? Math.PI * 2;
+  const padAngle = Math.max(0, options.padAngle ?? 0);
+  const values = data.map((item) => Math.max(0, item.value));
+  const total = values.reduce((sum, value) => sum + value, 0);
+  if (total <= 0) return [];
+  const totalAngle = endAngle - startAngle;
+  const totalPadding = padAngle * data.length;
+  const availableAngle = Math.max(0, totalAngle - totalPadding);
+  let current = startAngle;
+  return data.map((item, index) => {
+    const value = values[index];
+    const sliceAngle = availableAngle * (value / total);
+    const sliceStart = current;
+    const sliceEnd = sliceStart + sliceAngle;
+    current = sliceEnd + padAngle;
+    return {
+      data: item,
+      value,
+      startAngle: sliceStart,
+      endAngle: sliceEnd,
+      padAngle,
+      index
+    };
+  });
+}
+function polarToCartesian(cx, cy, radius, angle) {
+  return {
+    x: cx + radius * Math.cos(angle),
+    y: cy + radius * Math.sin(angle)
+  };
+}
+function createPieArcPath(options) {
+  const { cx, cy, outerRadius } = options;
+  const innerRadius = Math.max(0, options.innerRadius ?? 0);
+  let startAngle = options.startAngle;
+  let endAngle = options.endAngle;
+  const fullCircle = Math.PI * 2;
+  if (endAngle - startAngle >= fullCircle) {
+    endAngle = startAngle + fullCircle - 1e-4;
+  }
+  if (endAngle <= startAngle) return "";
+  const startOuter = polarToCartesian(cx, cy, outerRadius, startAngle);
+  const endOuter = polarToCartesian(cx, cy, outerRadius, endAngle);
+  const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+  if (innerRadius <= 0) {
+    return [
+      `M ${cx} ${cy}`,
+      `L ${startOuter.x} ${startOuter.y}`,
+      `A ${outerRadius} ${outerRadius} 0 ${largeArcFlag} 1 ${endOuter.x} ${endOuter.y}`,
+      "Z"
+    ].join(" ");
   }
-  if (typeof document === "undefined") return false;
-  try {
-    const textarea = document.createElement("textarea");
-    textarea.value = text;
-    textarea.setAttribute("readonly", "");
-    textarea.style.position = "fixed";
-    textarea.style.left = "-9999px";
-    textarea.style.top = "0";
-    document.body.appendChild(textarea);
-    textarea.select();
-    textarea.setSelectionRange(0, textarea.value.length);
-    const ok = document.execCommand("copy");
-    document.body.removeChild(textarea);
-    return ok;
-  } catch {
-    return false;
+  const startInner = polarToCartesian(cx, cy, innerRadius, startAngle);
+  const endInner = polarToCartesian(cx, cy, innerRadius, endAngle);
+  return [
+    `M ${startOuter.x} ${startOuter.y}`,
+    `A ${outerRadius} ${outerRadius} 0 ${largeArcFlag} 1 ${endOuter.x} ${endOuter.y}`,
+    `L ${endInner.x} ${endInner.y}`,
+    `A ${innerRadius} ${innerRadius} 0 ${largeArcFlag} 0 ${startInner.x} ${startInner.y}`,
+    "Z"
+  ].join(" ");
+}
+function getRadarAngles(count, startAngle = -Math.PI / 2) {
+  if (count <= 0) return [];
+  const step = Math.PI * 2 / count;
+  return Array.from({ length: count }, (_, index) => startAngle + step * index);
+}
+function getRadarPoints(data, options) {
+  if (data.length === 0) return [];
+  const startAngle = options.startAngle ?? -Math.PI / 2;
+  const maxValue = Math.max(0, options.maxValue ?? Math.max(...data.map((datum) => datum.value)));
+  const resolvedMax = maxValue > 0 ? maxValue : 1;
+  const step = Math.PI * 2 / data.length;
+  return data.map((datum, index) => {
+    const value = Math.max(0, datum.value);
+    const ratio = value / resolvedMax;
+    const radius = options.radius * ratio;
+    const angle = startAngle + step * index;
+    const point = polarToCartesian(options.cx, options.cy, radius, angle);
+    return {
+      data: datum,
+      value,
+      angle,
+      radius,
+      x: point.x,
+      y: point.y,
+      index
+    };
+  });
+}
+function createPolygonPath(points) {
+  if (points.length === 0) return "";
+  const [first, ...rest] = points;
+  return [`M ${first.x} ${first.y}`, ...rest.map((point) => `L ${point.x} ${point.y}`), "Z"].join(
+    " "
+  );
+}
+function createLinePath(points, curve = "linear") {
+  if (points.length === 0) return "";
+  if (points.length === 1) return `M ${points[0].x} ${points[0].y}`;
+  switch (curve) {
+    case "step":
+      return createStepPath(points, 0.5);
+    case "stepBefore":
+      return createStepPath(points, 0);
+    case "stepAfter":
+      return createStepPath(points, 1);
+    case "monotone":
+      return createMonotonePath(points);
+    case "natural":
+      return createNaturalPath(points);
+    case "linear":
+    default:
+      return createLinearPath(points);
+  }
+}
+function createAreaPath(points, baseline, curve = "linear") {
+  if (points.length === 0) return "";
+  const linePath = createLinePath(points, curve);
+  if (!linePath) return "";
+  const lastPoint = points[points.length - 1];
+  const firstPoint = points[0];
+  return `${linePath} L ${lastPoint.x} ${baseline} L ${firstPoint.x} ${baseline} Z`;
+}
+function createLinearPath(points) {
+  const [first, ...rest] = points;
+  return [`M ${first.x} ${first.y}`, ...rest.map((p) => `L ${p.x} ${p.y}`)].join(" ");
+}
+function createStepPath(points, t) {
+  const [first, ...rest] = points;
+  const commands = [`M ${first.x} ${first.y}`];
+  let prev = first;
+  for (const point of rest) {
+    if (t === 0) {
+      commands.push(`V ${point.y}`, `H ${point.x}`);
+    } else if (t === 1) {
+      commands.push(`H ${point.x}`, `V ${point.y}`);
+    } else {
+      const midX = prev.x + (point.x - prev.x) * t;
+      commands.push(`H ${midX}`, `V ${point.y}`, `H ${point.x}`);
+    }
+    prev = point;
+  }
+  return commands.join(" ");
+}
+function createMonotonePath(points) {
+  if (points.length < 2) return createLinearPath(points);
+  const n = points.length;
+  const tangents = [];
+  for (let i = 0; i < n; i++) {
+    if (i === 0) {
+      tangents.push((points[1].y - points[0].y) / (points[1].x - points[0].x));
+    } else if (i === n - 1) {
+      tangents.push((points[n - 1].y - points[n - 2].y) / (points[n - 1].x - points[n - 2].x));
+    } else {
+      const d0 = (points[i].y - points[i - 1].y) / (points[i].x - points[i - 1].x);
+      const d1 = (points[i + 1].y - points[i].y) / (points[i + 1].x - points[i].x);
+      if (d0 * d1 <= 0) {
+        tangents.push(0);
+      } else {
+        tangents.push(3 * (d0 + d1) / (2 / d0 + 2 / d1 + 2 / ((d0 + d1) / 2)));
+      }
+    }
+  }
+  for (let i = 0; i < n - 1; i++) {
+    const d = (points[i + 1].y - points[i].y) / (points[i + 1].x - points[i].x);
+    if (Math.abs(d) < 1e-10) {
+      tangents[i] = 0;
+      tangents[i + 1] = 0;
+    } else {
+      const alpha = tangents[i] / d;
+      const beta = tangents[i + 1] / d;
+      const s = alpha * alpha + beta * beta;
+      if (s > 9) {
+        const t = 3 / Math.sqrt(s);
+        tangents[i] = t * alpha * d;
+        tangents[i + 1] = t * beta * d;
+      }
+    }
+  }
+  const commands = [`M ${points[0].x} ${points[0].y}`];
+  for (let i = 0; i < n - 1; i++) {
+    const p0 = points[i];
+    const p1 = points[i + 1];
+    const dx = p1.x - p0.x;
+    const cp1x = p0.x + dx / 3;
+    const cp1y = p0.y + tangents[i] * dx / 3;
+    const cp2x = p1.x - dx / 3;
+    const cp2y = p1.y - tangents[i + 1] * dx / 3;
+    commands.push(`C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p1.x} ${p1.y}`);
+  }
+  return commands.join(" ");
+}
+function createNaturalPath(points) {
+  if (points.length < 2) return createLinearPath(points);
+  if (points.length === 2) return createLinearPath(points);
+  const n = points.length - 1;
+  const a = new Array(n + 1).fill(0);
+  const b = new Array(n + 1).fill(0);
+  const c = new Array(n + 1).fill(0);
+  const d = new Array(n + 1).fill(0);
+  b[0] = 1;
+  b[n] = 1;
+  for (let i = 1; i < n; i++) {
+    const h0 = points[i].x - points[i - 1].x;
+    const h1 = points[i + 1].x - points[i].x;
+    a[i] = h0;
+    b[i] = 2 * (h0 + h1);
+    c[i] = h1;
+    d[i] = 3 * (points[i + 1].y - points[i].y) / h1 - 3 * (points[i].y - points[i - 1].y) / h0;
+  }
+  const m = new Array(n + 1).fill(0);
+  const z = new Array(n + 1).fill(0);
+  for (let i = 1; i <= n; i++) {
+    const l = b[i] - a[i] * m[i - 1];
+    m[i] = c[i] / l;
+    z[i] = (d[i] - a[i] * z[i - 1]) / l;
+  }
+  const M = new Array(n + 1).fill(0);
+  for (let i = n - 1; i >= 0; i--) {
+    M[i] = z[i] - m[i] * M[i + 1];
+  }
+  const commands = [`M ${points[0].x} ${points[0].y}`];
+  for (let i = 0; i < n; i++) {
+    const h = points[i + 1].x - points[i].x;
+    const p0 = points[i];
+    const p1 = points[i + 1];
+    const cp1x = p0.x + h / 3;
+    const cp1y = p0.y + h / 3 * ((p1.y - p0.y) / h - h * (M[i + 1] + 2 * M[i]) / 6);
+    const cp2x = p1.x - h / 3;
+    const cp2y = p1.y - h / 3 * ((p1.y - p0.y) / h + h * (2 * M[i + 1] + M[i]) / 6);
+    commands.push(`C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p1.x} ${p1.y}`);
+  }
+  return commands.join(" ");
+}
+function stackSeriesData(seriesData) {
+  if (seriesData.length === 0) return [];
+  const result = [];
+  const stackedValues = /* @__PURE__ */ new Map();
+  for (const series of seriesData) {
+    const stackedSeries = [];
+    for (const datum of series) {
+      const prevY = stackedValues.get(datum.x) ?? 0;
+      const y0 = prevY;
+      const y1 = prevY + datum.y;
+      stackedSeries.push({ original: datum, y0, y1 });
+      stackedValues.set(datum.x, y1);
+    }
+    result.push(stackedSeries);
+  }
+  return result;
+}
+
+// src/utils/chart-interaction.ts
+function createChartInteractionHandlers(data, state, options) {
+  const { hoverable, selectable, onHoverChange, onSelectChange, onItemClick } = options;
+  const handleMouseEnter = (index, datum) => {
+    if (!hoverable) return;
+    if (options.hoveredIndex !== void 0) {
+      onHoverChange?.(index, datum);
+    } else {
+      state.hoveredIndex = index;
+    }
+  };
+  const handleMouseLeave = () => {
+    if (!hoverable) return;
+    if (options.hoveredIndex !== void 0) {
+      onHoverChange?.(null, null);
+    } else {
+      state.hoveredIndex = null;
+    }
+  };
+  const handleClick = (index, datum) => {
+    onItemClick?.(index, datum);
+    if (!selectable) return;
+    const nextIndex = state.selectedIndex === index ? null : index;
+    const nextDatum = nextIndex !== null ? data[nextIndex] : null;
+    if (options.selectedIndex !== void 0) {
+      onSelectChange?.(nextIndex, nextDatum);
+    } else {
+      state.selectedIndex = nextIndex;
+      onSelectChange?.(nextIndex, nextDatum);
+    }
+  };
+  const handleKeyDown = (event, index, datum) => {
+    if (!selectable) return;
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    handleClick(index, datum);
+  };
+  return {
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown
+  };
+}
+function getActiveIndex(hoveredIndex, selectedIndex, controlledHovered, controlledSelected) {
+  if (controlledSelected !== void 0 && controlledSelected !== null) {
+    return controlledSelected;
   }
+  if (selectedIndex !== null) {
+    return selectedIndex;
+  }
+  if (controlledHovered !== void 0 && controlledHovered !== null) {
+    return controlledHovered;
+  }
+  return hoveredIndex;
+}
+function getChartElementOpacity(index, activeIndex, options = {}) {
+  const { activeOpacity = 1, inactiveOpacity = 0.25, defaultOpacity } = options;
+  if (activeIndex === null) {
+    return defaultOpacity;
+  }
+  return index === activeIndex ? activeOpacity : inactiveOpacity;
+}
+function defaultTooltipFormatter(label, value, seriesName, index) {
+  const displayLabel = label ?? (index !== void 0 ? `#${index + 1}` : "");
+  const prefix = seriesName ? `${seriesName} \xB7 ` : "";
+  return `${prefix}${displayLabel}: ${value}`;
+}
+var chartInteractiveClasses = {
+  hoverable: "cursor-pointer transition-opacity duration-150",
+  selectable: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1",
+  active: "ring-2 ring-[color:var(--tiger-primary,#2563eb)] ring-offset-1"
 };
+function getChartAnimationStyle(config, index = 0) {
+  if (!config.animated) return "";
+  const duration = config.duration ?? 300;
+  const easing = config.easing ?? "ease-out";
+  const stagger = config.stagger ?? 50;
+  const delay = index * stagger;
+  return `transition: all ${duration}ms ${easing} ${delay}ms`;
+}
+function getChartEntranceTransform(type, progress, options = {}) {
+  const { originX = 0, originY = 0 } = options;
+  switch (type) {
+    case "scale":
+      return `translate(${originX * (1 - progress)}, ${originY * (1 - progress)}) scale(${progress})`;
+    case "slide-up":
+      return `translate(0, ${20 * (1 - progress)})`;
+    case "slide-left":
+      return `translate(${20 * (1 - progress)}, 0)`;
+    case "fade":
+    default:
+      return "";
+  }
+}
+
+// src/utils/floating.ts
+import {
+  computePosition,
+  flip,
+  shift,
+  offset,
+  arrow,
+  autoUpdate
+} from "@floating-ui/dom";
+async function computeFloatingPosition(reference, floating, options = {}) {
+  const {
+    placement = "bottom",
+    offset: offsetDistance = 8,
+    flip: enableFlip = true,
+    shift: enableShift = true,
+    shiftPadding = 8,
+    arrowElement = null,
+    arrowPadding = 8
+  } = options;
+  const middleware = [offset(offsetDistance)];
+  if (enableFlip) {
+    middleware.push(flip({ padding: shiftPadding }));
+  }
+  if (enableShift) {
+    middleware.push(shift({ padding: shiftPadding }));
+  }
+  if (arrowElement) {
+    middleware.push(arrow({ element: arrowElement, padding: arrowPadding }));
+  }
+  const result = await computePosition(reference, floating, {
+    placement,
+    middleware
+  });
+  return {
+    x: result.x,
+    y: result.y,
+    placement: result.placement,
+    arrow: result.middlewareData.arrow,
+    middlewareData: result.middlewareData
+  };
+}
+function autoUpdateFloating(reference, floating, update) {
+  return autoUpdate(reference, floating, update, {
+    ancestorScroll: true,
+    ancestorResize: true,
+    elementResize: true,
+    layoutShift: true
+  });
+}
+function getTransformOrigin(placement) {
+  const origins = {
+    top: "bottom center",
+    "top-start": "bottom left",
+    "top-end": "bottom right",
+    bottom: "top center",
+    "bottom-start": "top left",
+    "bottom-end": "top right",
+    left: "right center",
+    "left-start": "right top",
+    "left-end": "right bottom",
+    right: "left center",
+    "right-start": "left top",
+    "right-end": "left bottom"
+  };
+  return origins[placement] || "center center";
+}
+function getPlacementSide(placement) {
+  return placement.split("-")[0];
+}
+function getArrowStyles(placement, arrowData) {
+  const side = getPlacementSide(placement);
+  const staticSide = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+  };
+  const styles = {
+    position: "absolute",
+    [staticSide[side]]: "-4px"
+  };
+  if (arrowData?.x != null) {
+    styles.left = `${arrowData.x}px`;
+  }
+  if (arrowData?.y != null) {
+    styles.top = `${arrowData.y}px`;
+  }
+  return styles;
+}
+function applyFloatingStyles(element, result) {
+  element.style.left = `${result.x}px`;
+  element.style.top = `${result.y}px`;
+}
 
 // src/theme/colors.ts
 var defaultThemeColors = {
@@ -4728,7 +5611,7 @@ var checkboxLabelSizeClasses = {
   lg: "text-lg"
 };
 function getCheckboxClasses(size = "md", disabled = false) {
-  const baseClasses = "rounded border-2 transition-colors cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2";
+  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 = checkboxSizeClasses[size];
   const colorClasses = [
     "border-[var(--tiger-primary,#2563eb)]",
@@ -4751,7 +5634,7 @@ function getCheckboxLabelClasses(size = "md", disabled = false) {
 }
 
 // src/theme/switch.ts
-var switchBaseClasses = "relative inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[var(--tiger-primary,#2563eb)]";
+var switchBaseClasses = "relative inline-flex items-center rounded-full transition-all duration-150 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-[0.98]";
 var switchSizeClasses = {
   sm: "h-5 w-9",
   md: "h-6 w-11",
@@ -4825,14 +5708,22 @@ function getSliderTooltipClasses(size = "md") {
 
 // src/theme/index.ts
 var THEME_CSS_VARS = {
+  // Primary colors
   primary: "--tiger-primary",
   primaryHover: "--tiger-primary-hover",
+  primaryActive: "--tiger-primary-active",
   primaryDisabled: "--tiger-primary-disabled",
+  // Secondary colors
   secondary: "--tiger-secondary",
   secondaryHover: "--tiger-secondary-hover",
+  secondaryActive: "--tiger-secondary-active",
   secondaryDisabled: "--tiger-secondary-disabled",
+  // Background hover states
   outlineBgHover: "--tiger-outline-bg-hover",
-  ghostBgHover: "--tiger-ghost-bg-hover"
+  ghostBgHover: "--tiger-ghost-bg-hover",
+  // Interaction states (0.2.0+)
+  focusRing: "--tiger-focus-ring",
+  surface: "--tiger-surface"
 };
 function setThemeColors(colors, element) {
   const target = element || (typeof document !== "undefined" ? document.documentElement : null);
@@ -4892,16 +5783,42 @@ var tigercatPlugin = (0, import_plugin.default)(function({ addBase }) {
 });
 
 // src/index.ts
-var version = "0.0.1";
+var version = "0.2.0";
 export {
+  ANIMATION_DURATION_FAST_MS,
+  ANIMATION_DURATION_MS,
+  ANIMATION_DURATION_SLOW_MS,
   CalendarIconPath,
   ChevronLeftIconPath,
   ChevronRightIconPath,
   ClockIconPath,
   CloseIconPath,
+  DEFAULT_CHART_COLORS,
+  DEFAULT_PAGINATION_LABELS,
+  DURATION_CLASS,
+  DURATION_FAST_CLASS,
+  DURATION_SLOW_CLASS,
+  EASING_DEFAULT,
+  EASING_ENTER,
+  EASING_LEAVE,
   SHAKE_CLASS,
+  SPACE_BASE_CLASS,
+  SVG_ANIMATION_CLASSES,
+  SVG_ANIMATION_VARS,
+  SVG_DEFAULT_FILL,
+  SVG_DEFAULT_STROKE,
+  SVG_DEFAULT_VIEWBOX_20,
+  SVG_DEFAULT_VIEWBOX_24,
+  SVG_DEFAULT_XMLNS,
+  SVG_PATH_ANIMATION_CSS,
   THEME_CSS_VARS,
+  TRANSITION_BASE,
+  TRANSITION_OPACITY,
+  TRANSITION_TRANSFORM,
   TimePickerCloseIconPath,
+  ZH_CN_PAGINATION_LABELS,
+  activeOpacityClasses,
+  activePressClasses,
   alertBaseClasses,
   alertCloseButtonBaseClasses,
   alertCloseIconPath,
@@ -4917,7 +5834,9 @@ export {
   alertWarningIconPath,
   animationDelayClasses,
   animationDelayStyles,
+  applyFloatingStyles,
   autoResizeTextarea,
+  autoUpdateFloating,
   avatarBaseClasses,
   avatarDefaultBgColor,
   avatarDefaultTextColor,
@@ -4954,8 +5873,17 @@ export {
   cardHoverClasses,
   cardSizeClasses,
   cardVariantClasses,
+  chartAxisLabelClasses,
+  chartAxisLineClasses,
+  chartAxisTickLineClasses,
+  chartAxisTickTextClasses,
+  chartCanvasBaseClasses,
+  chartGridLineClasses,
+  chartInteractiveClasses,
+  checkSolidIcon20PathD,
   checkboxLabelSizeClasses,
   checkboxSizeClasses,
+  chevronDownSolidIcon20PathD,
   chevronLeftSolidIcon20PathD,
   chevronRightSolidIcon20PathD,
   clampPercentage,
@@ -4974,12 +5902,21 @@ export {
   codeBlockPreClasses,
   coerceClassValue,
   coerceStyleValue,
+  computeFloatingPosition,
   containerBaseClasses,
   containerCenteredClasses,
   containerMaxWidthClasses,
   containerPaddingClasses,
   copyTextToClipboard,
+  createAreaPath,
   createAriaId,
+  createBandScale,
+  createChartInteractionHandlers,
+  createLinePath,
+  createLinearScale,
+  createPieArcPath,
+  createPointScale,
+  createPolygonPath,
   datePickerBaseClasses,
   datePickerCalendarClasses,
   datePickerCalendarGridClasses,
@@ -5003,6 +5940,7 @@ export {
   defaultSortFn,
   defaultTagThemeColors,
   defaultThemeColors,
+  defaultTooltipFormatter,
   defaultTotalText,
   descriptionsBaseClasses,
   descriptionsCellSizeClasses,
@@ -5033,10 +5971,14 @@ export {
   flattenTree,
   focusElement,
   focusFirst,
+  focusRingClasses,
+  focusRingInsetClasses,
   formatBadgeContent,
   formatDate,
   formatFileSize,
   formatMonthYear,
+  formatPageAriaLabel,
+  formatPaginationTotal,
   formatProgressText,
   formatTime,
   formatTimeDisplay,
@@ -5047,18 +5989,27 @@ export {
   generateMinutes,
   generateSeconds,
   getActiveElement,
+  getActiveIndex,
   getAlertIconPath,
   getAlertTypeClasses,
   getAlignClasses,
   getAllKeys,
+  getArrowStyles,
   getAutoExpandKeys,
   getBadgeVariantClasses,
+  getBarGrowAnimationStyle,
   getBreadcrumbItemClasses,
   getBreadcrumbLinkClasses,
   getBreadcrumbSeparatorClasses,
   getButtonVariantClasses,
   getCalendarDays,
   getCardClasses,
+  getChartAnimationStyle,
+  getChartAxisTicks,
+  getChartElementOpacity,
+  getChartEntranceTransform,
+  getChartGridLineDasharray,
+  getChartInnerRect,
   getCheckboxCellClasses,
   getCheckboxClasses,
   getCheckboxLabelClasses,
@@ -5136,6 +6087,7 @@ export {
   getNextActiveKey,
   getNotificationIconPath,
   getNotificationTypeClasses,
+  getNumberExtent,
   getOffsetClasses,
   getOrderClasses,
   getPageNumbers,
@@ -5145,10 +6097,17 @@ export {
   getPaginationButtonBaseClasses,
   getPaginationContainerClasses,
   getPaginationEllipsisClasses,
+  getPaginationLabels,
   getParagraphRowWidth,
   getParentKeys,
+  getPathDrawAnimationStyle,
+  getPathDrawStyles,
+  getPathLength,
   getPendingDotClasses,
   getPictureCardClasses,
+  getPieArcs,
+  getPieDrawAnimationStyle,
+  getPlacementSide,
   getPopconfirmArrowClasses,
   getPopconfirmButtonBaseClasses,
   getPopconfirmButtonsClasses,
@@ -5169,6 +6128,8 @@ export {
   getProgressTextColorClasses,
   getProgressVariantClasses,
   getQuickJumperInputClasses,
+  getRadarAngles,
+  getRadarPoints,
   getRadioColorClasses,
   getRadioDotClasses,
   getRadioGroupClasses,
@@ -5182,6 +6143,13 @@ export {
   getSeparatorContent,
   getShortDayNames,
   getShortMonthNames,
+  getSimplePaginationButtonClasses,
+  getSimplePaginationButtonsWrapperClasses,
+  getSimplePaginationContainerClasses,
+  getSimplePaginationControlsClasses,
+  getSimplePaginationPageIndicatorClasses,
+  getSimplePaginationSelectClasses,
+  getSimplePaginationTotalClasses,
   getSkeletonClasses,
   getSkeletonDimensions,
   getSliderThumbClasses,
@@ -5203,6 +6171,7 @@ export {
   getStepsContainerClasses,
   getSubMenuExpandIconClasses,
   getSubMenuTitleClasses,
+  getSvgDefaultAttrs,
   getSwitchClasses,
   getSwitchThumbClasses,
   getTabItemClasses,
@@ -5236,6 +6205,7 @@ export {
   getTooltipTriggerClasses,
   getTotalPages,
   getTotalTextClasses,
+  getTransformOrigin,
   getTreeNodeClasses,
   getTreeNodeExpandIconClasses,
   getUploadButtonClasses,
@@ -5246,6 +6216,7 @@ export {
   groupItemsIntoRows,
   handleNodeCheck,
   hasErrors,
+  icon16ViewBox,
   icon20ViewBox,
   icon24PathStrokeLinecap,
   icon24PathStrokeLinejoin,
@@ -5256,6 +6227,9 @@ export {
   iconWrapperClasses,
   injectLoadingAnimationStyles,
   injectShakeStyle,
+  injectSvgAnimationStyles,
+  inputFocusClasses,
+  interactiveClasses,
   interpolateUploadLabel,
   isActivationKey,
   isBrowser,
@@ -5313,12 +6287,15 @@ export {
   loadingSizeClasses,
   loadingSpinnerBaseClasses,
   loadingTextSizeClasses,
+  lockClosedIcon24PathD,
+  lockOpenIcon24PathD,
   menuBaseClasses,
   menuCollapsedClasses,
   menuCollapsedItemClasses,
   menuDarkThemeClasses,
   menuItemBaseClasses,
   menuItemDisabledClasses,
+  menuItemFocusClasses,
   menuItemGroupTitleClasses,
   menuItemHoverDarkClasses,
   menuItemHoverLightClasses,
@@ -5351,6 +6328,7 @@ export {
   modalSizeClasses,
   modalTitleClasses,
   modalWrapperClasses,
+  normalizeChartPadding,
   normalizeDate,
   normalizeSvgAttrs,
   notificationBaseClasses,
@@ -5368,6 +6346,7 @@ export {
   parseDate,
   parseTime,
   parseWidthToPx,
+  polarToCartesian,
   popconfirmErrorIconPath,
   popconfirmIconPathStrokeLinecap,
   popconfirmIconPathStrokeLinejoin,
@@ -5418,12 +6397,20 @@ export {
   skeletonVariantDefaults,
   sliderBaseClasses,
   sliderDisabledClasses,
+  sliderGetKeyboardValue,
+  sliderGetPercentage,
+  sliderGetValueFromPosition,
+  sliderNormalizeValue,
   sliderRangeClasses,
   sliderSizeClasses,
   sliderThumbClasses,
   sliderTooltipClasses,
   sliderTrackClasses,
+  sortAscIcon16PathD,
+  sortBothIcon16PathD,
   sortData,
+  sortDescIcon16PathD,
+  stackSeriesData,
   statusErrorIconPath,
   statusIconPaths,
   statusInfoIconPath,
@@ -5450,6 +6437,7 @@ export {
   tabAddButtonClasses,
   tabCloseButtonClasses,
   tabContentBaseClasses,
+  tabFocusClasses,
   tabItemBaseClasses,
   tabItemCardActiveClasses,
   tabItemCardClasses,