@expcat/tigercat-core 1.2.47 → 1.3.0

package/dist/index.js

@@ -636,6 +636,138 @@ var expandChevronIcon16PathD = "M6 3l5 5-5 5V3z";
 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";
 
+// src/utils/icons/registry.ts
+var stroke24 = (...paths) => ({
+  viewBox: "0 0 24 24",
+  paths,
+  mode: "stroke"
+});
+var iconRegistry = {
+  // --- Reused internal glyphs ---
+  close: stroke24(closeIconPathD),
+  success: stroke24(statusSuccessIconPath),
+  warning: stroke24(statusWarningIconPath),
+  error: stroke24(statusErrorIconPath),
+  info: stroke24(statusInfoIconPath),
+  // --- Curated outline set (Heroicons-style, 24x24) ---
+  check: stroke24("m4.5 12.75 6 6 9-13.5"),
+  "chevron-up": stroke24("m4.5 15.75 7.5-7.5 7.5 7.5"),
+  "chevron-down": stroke24("m19.5 8.25-7.5 7.5-7.5-7.5"),
+  "chevron-left": stroke24("M15.75 19.5 8.25 12l7.5-7.5"),
+  "chevron-right": stroke24("m8.25 4.5 7.5 7.5-7.5 7.5"),
+  "arrow-left": stroke24("M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"),
+  "arrow-right": stroke24("M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"),
+  "arrow-up": stroke24("M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"),
+  "arrow-down": stroke24("M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"),
+  search: stroke24(
+    "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+  ),
+  plus: stroke24("M12 4.5v15m7.5-7.5h-15"),
+  minus: stroke24("M5 12h14"),
+  edit: stroke24(
+    "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
+  ),
+  trash: stroke24(
+    "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
+  ),
+  user: stroke24(
+    "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"
+  ),
+  settings: stroke24(
+    "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.24-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.99l1.004.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.992a7.723 7.723 0 0 1 0-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281Z",
+    "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+  ),
+  eye: stroke24(
+    "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z",
+    "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+  ),
+  "eye-off": stroke24(
+    "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
+  ),
+  calendar: stroke24(
+    "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
+  ),
+  clock: stroke24("M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  menu: stroke24("M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"),
+  "more-horizontal": stroke24(
+    "M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
+  ),
+  "more-vertical": stroke24(
+    "M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"
+  ),
+  "external-link": stroke24(
+    "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+  ),
+  // --- Common application glyphs (Heroicons-style, 24x24) ---
+  home: stroke24(
+    "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
+  ),
+  bell: stroke24(
+    "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+  ),
+  mail: stroke24(
+    "M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"
+  ),
+  phone: stroke24(
+    "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"
+  ),
+  download: stroke24(
+    "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"
+  ),
+  upload: stroke24(
+    "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"
+  ),
+  filter: stroke24(
+    "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"
+  ),
+  refresh: stroke24(
+    "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
+  ),
+  logout: stroke24(
+    "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75"
+  ),
+  lock: stroke24(
+    "M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"
+  ),
+  star: stroke24(
+    "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
+  ),
+  heart: stroke24(
+    "M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"
+  ),
+  copy: stroke24(
+    "M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"
+  ),
+  link: stroke24(
+    "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"
+  ),
+  document: stroke24(
+    "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+  ),
+  folder: stroke24(
+    "M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
+  ),
+  image: stroke24(
+    "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
+  ),
+  "map-pin": stroke24(
+    "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",
+    "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
+  ),
+  "check-circle": stroke24("M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  "x-circle": stroke24("m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  users: stroke24(
+    "M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"
+  ),
+  dashboard: stroke24(
+    "M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"
+  )
+};
+var iconNames = Object.keys(iconRegistry);
+function getIconDefinition(name) {
+  return iconRegistry[name];
+}
+
 // src/utils/svg-attrs.ts
 var SVG_DEFAULT_XMLNS = "http://www.w3.org/2000/svg";
 var SVG_DEFAULT_VIEWBOX_24 = "0 0 24 24";
@@ -2008,7 +2140,8 @@ function getFormItemClasses(options = {}) {
   );
 }
 function getFormItemLabelClasses(options = {}) {
-  const { size = "md", labelPosition = "right", labelAlign = "right", isRequired = false } = options;
+  const { size = "md", labelPosition = "right", isRequired = false } = options;
+  const labelAlign = options.labelAlign ?? (labelPosition === "top" ? "left" : "right");
   const alignClass = labelAlign === "right" ? "text-right" : "text-left";
   const positionClasses = labelPosition === "top" ? "w-full" : "shrink-0";
   const paddingClass = labelPosition === "top" ? "" : LABEL_PADDING_TOP[size];
@@ -3693,13 +3826,27 @@ function getDividerStyle(orientation, color, thickness) {
 // 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 layoutHeaderVariantClasses = {
+  default: "",
+  translucent: "bg-[var(--tiger-surface,#ffffff)]/80 backdrop-blur-[var(--tiger-blur-glass,16px)] backdrop-saturate-[var(--tiger-header-saturate,1.8)] supports-[backdrop-filter]:bg-[var(--tiger-surface,#ffffff)]/70 border-[color:var(--tiger-header-border,var(--tiger-border,#e5e7eb))]",
+  blur: "bg-[var(--tiger-surface,#ffffff)]/80 backdrop-blur-[var(--tiger-blur-glass-strong,24px)] backdrop-saturate-[var(--tiger-header-saturate,1.8)] supports-[backdrop-filter]:bg-[var(--tiger-surface,#ffffff)]/70 shadow-[var(--tiger-header-shadow,0_1px_2px_0_rgb(0_0_0/0.05))] border-[color:var(--tiger-header-border,var(--tiger-border,#e5e7eb))]"
+};
+function getLayoutHeaderClasses(variant = "default") {
+  return classNames(layoutHeaderClasses, layoutHeaderVariantClasses[variant]);
+}
 var layoutSidebarClasses = "tiger-sidebar bg-[var(--tiger-surface,#ffffff)] border-r border-[var(--tiger-border,#e5e7eb)] overflow-hidden transition-all duration-300";
 var layoutSidebarCollapsedClasses = "tiger-sidebar-collapsed";
 function getSidebarStyle(collapsed, width = "256px", collapsedWidth = "64px") {
   const w = collapsed ? collapsedWidth : width;
   return { width: w, minWidth: w };
 }
-var layoutContentClasses = "tiger-content flex-1 bg-[var(--tiger-layout-content-bg,#f9fafb)] p-6";
+var layoutContentClasses = "tiger-content flex-1 bg-[var(--tiger-layout-content-bg,#f9fafb)]";
+function getLayoutContentClasses(padding = true) {
+  return classNames(
+    layoutContentClasses,
+    padding === false ? void 0 : typeof padding === "string" ? padding : "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
@@ -3774,7 +3921,13 @@ var CARD_LIST_CLASSES = {
   md: "hidden max-md:grid max-md:gap-3 max-md:p-3",
   lg: "hidden max-lg:grid max-lg:gap-3 max-lg:p-3"
 };
-var tableResponsiveCardClasses = "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-3 shadow-sm";
+var tableResponsiveCardClasses = "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm";
+function getTableResponsiveCardClasses(cardPadding) {
+  return classNames(
+    tableResponsiveCardClasses,
+    cardPadding === false ? void 0 : cardPadding ?? "p-3"
+  );
+}
 var tableResponsiveCardRowClasses = "grid grid-cols-[minmax(7rem,40%)_1fr] gap-3 border-b border-[var(--tiger-border,#e5e7eb)] py-2 last:border-b-0";
 var tableResponsiveCardLabelClasses = "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)]";
 var tableResponsiveCardValueClasses = "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words";
@@ -4163,12 +4316,18 @@ function getCardGridInfo(column, layoutItem) {
   const rowSpan = layoutItem?.rowSpan !== void 0 ? layoutItem.rowSpan : column.cardGrid?.rowSpan;
   const hideLabel = layoutItem?.hideLabel !== void 0 ? layoutItem.hideLabel : column.cardGrid?.hideLabel ?? false;
   const labelPosition = layoutItem?.labelPosition !== void 0 ? layoutItem.labelPosition : column.cardGrid?.labelPosition ?? "left";
+  const divider = layoutItem?.divider !== void 0 ? layoutItem.divider : column.cardGrid?.divider ?? false;
+  const labelClassName = layoutItem?.labelClassName !== void 0 ? layoutItem.labelClassName : column.cardGrid?.labelClassName;
+  const valueClassName = layoutItem?.valueClassName !== void 0 ? layoutItem.valueClassName : column.cardGrid?.valueClassName;
   const colClass = colSpan && COL_SPAN_CLASSES[colSpan] ? classNames("col-span-12", COL_SPAN_CLASSES[colSpan]) : "col-span-12";
   const rowClass = rowSpan && ROW_SPAN_CLASSES[rowSpan] ? ROW_SPAN_CLASSES[rowSpan] : "";
   return {
     className: classNames(colClass, rowClass, "min-w-0 break-words", layoutItem?.className),
     hideLabel,
-    labelPosition
+    labelPosition,
+    divider,
+    labelClassName,
+    valueClassName
   };
 }
 
@@ -4246,6 +4405,11 @@ var cardFooterClasses = "border-t border-[var(--tiger-border,#e5e7eb)] pt-3 mt-3
 var cardCoverClasses = "w-full h-48 object-cover";
 var cardCoverWrapperClasses = "overflow-hidden";
 var cardActionsClasses = "flex gap-2 justify-end";
+function resolveCardPadding(size, padding) {
+  if (padding === false) return void 0;
+  if (typeof padding === "string") return padding;
+  return cardSizeClasses[size];
+}
 function getCardClasses(variant, hoverable) {
   const classes = [cardBaseClasses, cardVariantClasses[variant]];
   if (hoverable) {
@@ -5111,6 +5275,7 @@ var menuItemSelectedLightClasses = "bg-[var(--tiger-outline-bg-hover,#eff6ff)] t
 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 menuCollapsedIconClasses = "flex-shrink-0";
 var submenuTitleClasses = "flex w-full items-center justify-between px-4 py-2 text-left bg-transparent border-0 cursor-pointer transition-colors duration-200 select-none appearance-none focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]/40 focus-visible:ring-inset active:opacity-90";
 var submenuExpandIconClasses = "ml-2 transition-transform duration-200";
 var submenuExpandIconExpandedClasses = "transform rotate-180";
@@ -6037,8 +6202,9 @@ function isDrawerSwipeCloseGesture(placement, gesture) {
 function getDrawerHeaderClasses() {
   return "flex items-center justify-between px-6 py-4 border-b border-[var(--tiger-border,#e5e7eb)]";
 }
-function getDrawerBodyClasses(customClass) {
-  return classNames("flex-1 overflow-y-auto px-6 py-4", customClass);
+function getDrawerBodyClasses(customClass, bodyPadding) {
+  const padding = bodyPadding === false ? void 0 : typeof bodyPadding === "string" ? bodyPadding : "px-6 py-4";
+  return classNames("flex-1 overflow-y-auto", padding, customClass);
 }
 function getDrawerFooterClasses() {
   return "px-6 py-4 border-t border-[var(--tiger-border,#e5e7eb)]";
@@ -9987,6 +10153,28 @@ function applyFloatingStyles(element, result) {
   element.style.top = `${result.y}px`;
 }
 
+// src/utils/dev-warn.ts
+function isDevEnvironment() {
+  const proc = globalThis.process;
+  return !proc?.env || proc.env.NODE_ENV !== "production";
+}
+var warnedKeys = /* @__PURE__ */ new Set();
+function devWarn(key, message) {
+  if (!isDevEnvironment() || warnedKeys.has(key)) return;
+  warnedKeys.add(key);
+  console.warn(message);
+}
+function warnUnsupportedColorProp(component, props) {
+  if (!("color" in props)) return;
+  devWarn(
+    `${component}.color`,
+    `[Tigercat] ${component} does not support color. Use variant instead.`
+  );
+}
+function resetDevWarnCache() {
+  warnedKeys.clear();
+}
+
 // src/utils/chat-window-utils.ts
 var defaultChatMessageStatusInfo = {
   sending: { text: "\u53D1\u9001\u4E2D", className: "text-[var(--tiger-text-muted,#6b7280)]" },
@@ -11214,6 +11402,9 @@ function getPickerNavigationIndex(items, current, key, isDisabled = defaultIsDis
 function getPickerOptionId(listboxId, index) {
   return `${listboxId}-option-${index}`;
 }
+function getDisclosureStateAttr(open) {
+  return { "data-state": open ? "open" : "closed" };
+}
 function getPickerComboboxAria({
   expanded,
   listboxId,
@@ -11225,7 +11416,8 @@ function getPickerComboboxAria({
     "aria-expanded": expanded,
     "aria-haspopup": "listbox",
     "aria-controls": expanded ? listboxId : void 0,
-    "aria-activedescendant": expanded ? activeOptionId ?? (activeIndex >= 0 ? getPickerOptionId(listboxId, activeIndex) : void 0) : void 0
+    "aria-activedescendant": expanded ? activeOptionId ?? (activeIndex >= 0 ? getPickerOptionId(listboxId, activeIndex) : void 0) : void 0,
+    "data-state": expanded ? "open" : "closed"
   };
 }
 function getPickerListboxAria({ id, label } = {}) {
@@ -15433,11 +15625,22 @@ var MODERN_BASE_TOKENS_LIGHT = {
   "--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-  // Glass — disabled by default (no backdrop blur, no inset highlights)
+  // Glass — inset highlights stay disabled by default (kept flat), but a
+  // sensible backdrop blur is enabled out of the box so opt-in surfaces like
+  // `Header variant="translucent"/"blur"` render glass without the consumer
+  // having to set these tokens. Override to `0px` to fully disable blur.
   "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
-  "--tiger-blur-glass": "0px",
-  "--tiger-blur-glass-strong": "0px",
+  "--tiger-blur-glass": "16px",
+  "--tiger-blur-glass-strong": "24px",
+  // Header variant tuning — all overridable without `!important`. `saturate`
+  // enriches the blurred backdrop; `--tiger-header-shadow` lets consumers
+  // swap the `blur` variant's shadow; `--tiger-header-border` scopes the
+  // header's border color (falls back to the global `--tiger-border`) so the
+  // glass header border can be tuned without touching every other border.
+  "--tiger-header-saturate": "1.8",
+  "--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "--tiger-header-border": "var(--tiger-border, #e5e7eb)",
   // Gradients — fall back to solid color via a no-op linear-gradient
   "--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
   "--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
@@ -15464,7 +15667,11 @@ var MODERN_BASE_TOKENS_DARK = {
   "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
   "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
   "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
-  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)"
+  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)",
+  // Header `blur` variant shadow — slightly deeper for dark surfaces.
+  "--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+  // Header border tracks the dark-mode global border by default.
+  "--tiger-header-border": "var(--tiger-border)"
 };
 var MODERN_OVERRIDE_TOKENS_LIGHT = {
   // Rounder corners
@@ -17336,6 +17543,7 @@ export {
   descriptionsVerticalWrapperClasses,
   descriptionsWrapperClasses,
   designTokens,
+  devWarn,
   dotSizeClasses,
   dotsVariantConfig,
   downloadChartBlob,
@@ -17589,6 +17797,7 @@ export {
   getDescriptionsLabelClasses,
   getDescriptionsTableClasses,
   getDescriptionsVerticalItemClasses,
+  getDisclosureStateAttr,
   getDividerClasses,
   getDividerStyle,
   getDragAreaClasses,
@@ -17651,6 +17860,7 @@ export {
   getGroupHeaderCellClasses,
   getGutterStyles,
   getHeatmapCellIndexAtPoint,
+  getIconDefinition,
   getImageAnnotationCenter,
   getImageAnnotationPathData,
   getImageAnnotationPointFromClient,
@@ -17688,6 +17898,8 @@ export {
   getIntlPluralCategory,
   getJustifyClasses,
   getKanbanContainerClasses,
+  getLayoutContentClasses,
+  getLayoutHeaderClasses,
   getLeafKeys,
   getLineGradientPrefix,
   getLineNumberClasses,
@@ -17894,6 +18106,7 @@ export {
   getTableHeaderCellClasses,
   getTableHeaderClasses,
   getTableLabels,
+  getTableResponsiveCardClasses,
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableRowClasses,
@@ -17993,6 +18206,8 @@ export {
   icon24PathStrokeLinejoin,
   icon24StrokeWidth,
   icon24ViewBox,
+  iconNames,
+  iconRegistry,
   iconSizeClasses,
   iconSvgBaseClasses,
   iconSvgDefaultStrokeLinecap,
@@ -18181,6 +18396,7 @@ export {
   mentionsDropdownClasses,
   menuBaseClasses,
   menuCollapsedClasses,
+  menuCollapsedIconClasses,
   menuCollapsedItemClasses,
   menuCollapsedModeClasses,
   menuDarkThemeClasses,
@@ -18359,6 +18575,7 @@ export {
   replaceKeys,
   resetAreaGradientCounter,
   resetBarGradientCounter,
+  resetDevWarnCache,
   resetFunnelGradientCounter,
   resetGaugeGradientCounter,
   resetIconPath,
@@ -18376,6 +18593,7 @@ export {
   resizeCropRect,
   resizePanes,
   resolveAffixTarget,
+  resolveCardPadding,
   resolveCarouselSwipeDirection,
   resolveChartPalette,
   resolveChartTooltipContent,
@@ -18718,6 +18936,7 @@ export {
   virtualTableRowHoverClasses,
   virtualTableRowSelectedClasses,
   virtualTableRowStripedClasses,
+  warnUnsupportedColorProp,
   watermarkDefaults,
   watermarkFontDefaults,
   watermarkWrapperClasses,

package/dist/{table-export-DOU7hPr1.d.cts → table-export-CR2in2GM.d.cts}

@@ -180,6 +180,7 @@ interface PageSizeChangeInfo {
 type TableSize = 'sm' | 'md' | 'lg';
 type TableExportFormat = 'csv' | 'excel';
 type TableResponsiveMode = 'card' | 'scroll';
+type TableCardSelectionPosition = 'controls-row' | 'title-inline';
 /**
  * Viewport breakpoint below which `responsiveMode="card"` activates.
  * Maps to Tailwind's `sm` (640px), `md` (768px), and `lg` (1024px) widths.
@@ -289,6 +290,19 @@ interface TableColumnCardGrid {
      * @default 'left'
      */
     labelPosition?: 'left' | 'top';
+    /**
+     * Whether to render a divider above this field in card mode.
+     * @default false
+     */
+    divider?: boolean;
+    /**
+     * Custom CSS class name for the field label in card mode.
+     */
+    labelClassName?: string;
+    /**
+     * Custom CSS class name for the field value in card mode.
+     */
+    valueClassName?: string;
 }
 /**
  * Table column configuration
@@ -564,6 +578,18 @@ interface TableCardLayoutItem {
      * Layout direction of the field label and value.
      */
     labelPosition?: 'left' | 'top';
+    /**
+     * Whether to render a divider above this field in card mode.
+     */
+    divider?: boolean;
+    /**
+     * Custom CSS class name for the field label in card mode.
+     */
+    labelClassName?: string;
+    /**
+     * Custom CSS class name for the field value in card mode.
+     */
+    valueClassName?: string;
     /**
      * Custom CSS class name for card item container.
      */
@@ -715,6 +741,24 @@ interface TableProps<T = Record<string, unknown>> {
      * Dedicated layout definitions for card grid mode.
      */
     cardLayout?: TableCardLayoutItem[];
+    /**
+     * Position of row selection controls in default card rendering.
+     * @default 'controls-row'
+     */
+    cardSelectionPosition?: TableCardSelectionPosition;
+    /**
+     * Padding class for default card containers. Set to false to remove the
+     * built-in padding.
+     * @default 'p-3'
+     */
+    cardPadding?: string | false;
+    /**
+     * Gap utility class applied between fields in the default `cardLayout` grid.
+     * Provide a full Tailwind gap class (e.g. `'gap-2'`, `'gap-y-4'`) since the
+     * class string must be statically present for the JIT compiler.
+     * @default 'gap-3'
+     */
+    cardFieldGap?: string;
     /**
      * Enable virtual scrolling for large datasets
      * @default false
@@ -835,4 +879,4 @@ declare function downloadTableExport(content: string, filename?: string, format?
  */
 declare const tableExportButtonClasses = "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] bg-[var(--tiger-surface,#ffffff)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors";
 
-export { type TableCardRowSpan as A, type TableColumnCardGrid as B, type ColumnAlign as C, type TableCardRenderContext as D, type ExpandableConfig as E, type FilterOption as F, type PaginationPageSizeOption as G, type PaginationPageSizeOptionItem as H, type PaginationProps as I, type PageChangeInfo as J, type PageSizeChangeInfo as K, type PaginationQuickJumperValidationOptions as P, type RowSelectionConfig as R, type SortDirection as S, type TableResponsiveMode as T, type TableCardBreakpoint as a, type TableColumn as b, type TableFixedPosition as c, type TableSize as d, type TableCardLayoutItem as e, type PaginationAlign as f, type PaginationSize as g, type TableProps as h, type PaginationConfig as i, type FilterRule as j, type ColumnFilter as k, type SortState as l, exportTableToCsv as m, exportTableToExcel as n, downloadCsv as o, downloadExcel as p, exportTableData as q, downloadTableExport as r, type TableExportFormat as s, tableExportButtonClasses as t, type TableFixedHeaderClassNameContext as u, type TableFixedCellClassNameContext as v, type TableFixedHeaderClassName as w, type TableFixedCellClassName as x, type FilterType as y, type TableCardColSpan as z };
+export { type TableCardColSpan as A, type TableCardRowSpan as B, type ColumnAlign as C, type TableColumnCardGrid as D, type ExpandableConfig as E, type FilterOption as F, type TableCardRenderContext as G, type PaginationPageSizeOption as H, type PaginationPageSizeOptionItem as I, type PaginationProps as J, type PageChangeInfo as K, type PageSizeChangeInfo as L, type PaginationQuickJumperValidationOptions as P, type RowSelectionConfig as R, type SortDirection as S, type TableResponsiveMode as T, type TableCardBreakpoint as a, type TableColumn as b, type TableFixedPosition as c, type TableSize as d, type TableCardLayoutItem as e, type PaginationAlign as f, type PaginationSize as g, type TableProps as h, type PaginationConfig as i, type FilterRule as j, type ColumnFilter as k, type SortState as l, exportTableToCsv as m, exportTableToExcel as n, downloadCsv as o, downloadExcel as p, exportTableData as q, downloadTableExport as r, type TableExportFormat as s, tableExportButtonClasses as t, type TableCardSelectionPosition as u, type TableFixedHeaderClassNameContext as v, type TableFixedCellClassNameContext as w, type TableFixedHeaderClassName as x, type TableFixedCellClassName as y, type FilterType as z };

package/dist/{table-export-3lZdCB_o.d.ts → table-export-FvrNas0f.d.ts}

@@ -180,6 +180,7 @@ interface PageSizeChangeInfo {
 type TableSize = 'sm' | 'md' | 'lg';
 type TableExportFormat = 'csv' | 'excel';
 type TableResponsiveMode = 'card' | 'scroll';
+type TableCardSelectionPosition = 'controls-row' | 'title-inline';
 /**
  * Viewport breakpoint below which `responsiveMode="card"` activates.
  * Maps to Tailwind's `sm` (640px), `md` (768px), and `lg` (1024px) widths.
@@ -289,6 +290,19 @@ interface TableColumnCardGrid {
      * @default 'left'
      */
     labelPosition?: 'left' | 'top';
+    /**
+     * Whether to render a divider above this field in card mode.
+     * @default false
+     */
+    divider?: boolean;
+    /**
+     * Custom CSS class name for the field label in card mode.
+     */
+    labelClassName?: string;
+    /**
+     * Custom CSS class name for the field value in card mode.
+     */
+    valueClassName?: string;
 }
 /**
  * Table column configuration
@@ -564,6 +578,18 @@ interface TableCardLayoutItem {
      * Layout direction of the field label and value.
      */
     labelPosition?: 'left' | 'top';
+    /**
+     * Whether to render a divider above this field in card mode.
+     */
+    divider?: boolean;
+    /**
+     * Custom CSS class name for the field label in card mode.
+     */
+    labelClassName?: string;
+    /**
+     * Custom CSS class name for the field value in card mode.
+     */
+    valueClassName?: string;
     /**
      * Custom CSS class name for card item container.
      */
@@ -715,6 +741,24 @@ interface TableProps<T = Record<string, unknown>> {
      * Dedicated layout definitions for card grid mode.
      */
     cardLayout?: TableCardLayoutItem[];
+    /**
+     * Position of row selection controls in default card rendering.
+     * @default 'controls-row'
+     */
+    cardSelectionPosition?: TableCardSelectionPosition;
+    /**
+     * Padding class for default card containers. Set to false to remove the
+     * built-in padding.
+     * @default 'p-3'
+     */
+    cardPadding?: string | false;
+    /**
+     * Gap utility class applied between fields in the default `cardLayout` grid.
+     * Provide a full Tailwind gap class (e.g. `'gap-2'`, `'gap-y-4'`) since the
+     * class string must be statically present for the JIT compiler.
+     * @default 'gap-3'
+     */
+    cardFieldGap?: string;
     /**
      * Enable virtual scrolling for large datasets
      * @default false
@@ -835,4 +879,4 @@ declare function downloadTableExport(content: string, filename?: string, format?
  */
 declare const tableExportButtonClasses = "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] bg-[var(--tiger-surface,#ffffff)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors";
 
-export { type TableCardRowSpan as A, type TableColumnCardGrid as B, type ColumnAlign as C, type TableCardRenderContext as D, type ExpandableConfig as E, type FilterOption as F, type PaginationPageSizeOption as G, type PaginationPageSizeOptionItem as H, type PaginationProps as I, type PageChangeInfo as J, type PageSizeChangeInfo as K, type PaginationQuickJumperValidationOptions as P, type RowSelectionConfig as R, type SortDirection as S, type TableResponsiveMode as T, type TableCardBreakpoint as a, type TableColumn as b, type TableFixedPosition as c, type TableSize as d, type TableCardLayoutItem as e, type PaginationAlign as f, type PaginationSize as g, type TableProps as h, type PaginationConfig as i, type FilterRule as j, type ColumnFilter as k, type SortState as l, exportTableToCsv as m, exportTableToExcel as n, downloadCsv as o, downloadExcel as p, exportTableData as q, downloadTableExport as r, type TableExportFormat as s, tableExportButtonClasses as t, type TableFixedHeaderClassNameContext as u, type TableFixedCellClassNameContext as v, type TableFixedHeaderClassName as w, type TableFixedCellClassName as x, type FilterType as y, type TableCardColSpan as z };
+export { type TableCardColSpan as A, type TableCardRowSpan as B, type ColumnAlign as C, type TableColumnCardGrid as D, type ExpandableConfig as E, type FilterOption as F, type TableCardRenderContext as G, type PaginationPageSizeOption as H, type PaginationPageSizeOptionItem as I, type PaginationProps as J, type PageChangeInfo as K, type PageSizeChangeInfo as L, type PaginationQuickJumperValidationOptions as P, type RowSelectionConfig as R, type SortDirection as S, type TableResponsiveMode as T, type TableCardBreakpoint as a, type TableColumn as b, type TableFixedPosition as c, type TableSize as d, type TableCardLayoutItem as e, type PaginationAlign as f, type PaginationSize as g, type TableProps as h, type PaginationConfig as i, type FilterRule as j, type ColumnFilter as k, type SortState as l, exportTableToCsv as m, exportTableToExcel as n, downloadCsv as o, downloadExcel as p, exportTableData as q, downloadTableExport as r, type TableExportFormat as s, tableExportButtonClasses as t, type TableCardSelectionPosition as u, type TableFixedHeaderClassNameContext as v, type TableFixedCellClassNameContext as w, type TableFixedHeaderClassName as x, type TableFixedCellClassName as y, type FilterType as z };

package/dist/tailwind/modern.cjs

@@ -98,11 +98,22 @@ var MODERN_BASE_TOKENS_LIGHT = {
   "--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-  // Glass — disabled by default (no backdrop blur, no inset highlights)
+  // Glass — inset highlights stay disabled by default (kept flat), but a
+  // sensible backdrop blur is enabled out of the box so opt-in surfaces like
+  // `Header variant="translucent"/"blur"` render glass without the consumer
+  // having to set these tokens. Override to `0px` to fully disable blur.
   "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
-  "--tiger-blur-glass": "0px",
-  "--tiger-blur-glass-strong": "0px",
+  "--tiger-blur-glass": "16px",
+  "--tiger-blur-glass-strong": "24px",
+  // Header variant tuning — all overridable without `!important`. `saturate`
+  // enriches the blurred backdrop; `--tiger-header-shadow` lets consumers
+  // swap the `blur` variant's shadow; `--tiger-header-border` scopes the
+  // header's border color (falls back to the global `--tiger-border`) so the
+  // glass header border can be tuned without touching every other border.
+  "--tiger-header-saturate": "1.8",
+  "--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "--tiger-header-border": "var(--tiger-border, #e5e7eb)",
   // Gradients — fall back to solid color via a no-op linear-gradient
   "--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
   "--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
@@ -129,7 +140,11 @@ var MODERN_BASE_TOKENS_DARK = {
   "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
   "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
   "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
-  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)"
+  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)",
+  // Header `blur` variant shadow — slightly deeper for dark surfaces.
+  "--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+  // Header border tracks the dark-mode global border by default.
+  "--tiger-header-border": "var(--tiger-border)"
 };
 var MODERN_OVERRIDE_TOKENS_LIGHT = {
   // Rounder corners

package/dist/tailwind/modern.js

@@ -62,11 +62,22 @@ var MODERN_BASE_TOKENS_LIGHT = {
   "--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-  // Glass — disabled by default (no backdrop blur, no inset highlights)
+  // Glass — inset highlights stay disabled by default (kept flat), but a
+  // sensible backdrop blur is enabled out of the box so opt-in surfaces like
+  // `Header variant="translucent"/"blur"` render glass without the consumer
+  // having to set these tokens. Override to `0px` to fully disable blur.
   "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
-  "--tiger-blur-glass": "0px",
-  "--tiger-blur-glass-strong": "0px",
+  "--tiger-blur-glass": "16px",
+  "--tiger-blur-glass-strong": "24px",
+  // Header variant tuning — all overridable without `!important`. `saturate`
+  // enriches the blurred backdrop; `--tiger-header-shadow` lets consumers
+  // swap the `blur` variant's shadow; `--tiger-header-border` scopes the
+  // header's border color (falls back to the global `--tiger-border`) so the
+  // glass header border can be tuned without touching every other border.
+  "--tiger-header-saturate": "1.8",
+  "--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "--tiger-header-border": "var(--tiger-border, #e5e7eb)",
   // Gradients — fall back to solid color via a no-op linear-gradient
   "--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
   "--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
@@ -93,7 +104,11 @@ var MODERN_BASE_TOKENS_DARK = {
   "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
   "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
   "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
-  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)"
+  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)",
+  // Header `blur` variant shadow — slightly deeper for dark surfaces.
+  "--tiger-header-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+  // Header border tracks the dark-mode global border by default.
+  "--tiger-header-border": "var(--tiger-border)"
 };
 var MODERN_OVERRIDE_TOKENS_LIGHT = {
   // Rounder corners