@almadar/ui 2.33.2 → 2.34.0

package/dist/components/index.cjs

@@ -34006,7 +34006,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 flex items-center justify-center bg-black/50 p-4 overflow-auto",
+          className: "absolute inset-0 z-50 flex items-start justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)", paddingTop: "10%" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             Box,
@@ -34015,7 +34016,8 @@ function renderContainedPortal(slot, content, onDismiss) {
               border: true,
               shadow: "lg",
               rounded: "md",
-              className: "pointer-events-auto max-w-[calc(100%-2rem)] max-h-full overflow-auto flex flex-col",
+              className: "pointer-events-auto w-full overflow-auto flex flex-col",
+              style: { minWidth: "520px", maxWidth: "700px", maxHeight: "80%" },
               onClick: (e) => e.stopPropagation(),
               children: [
                 content.props.title ? /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center justify-between p-4 border-b border-border", children: [
@@ -34040,7 +34042,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-black/50 overflow-hidden",
+          className: "absolute inset-0 z-50 overflow-hidden",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             Box,
@@ -34084,7 +34087,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-foreground/50 flex items-center justify-center overflow-auto",
+          className: "absolute inset-0 z-50 flex items-center justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "max-h-full overflow-auto", onClick: (e) => e.stopPropagation(), children: slotContent })
         }
@@ -34460,12 +34464,13 @@ function UISlotRenderer({
   const isContained = hudMode === "inline";
   const suspenseConfig = suspense === true ? { enabled: true } : suspense && typeof suspense === "object" ? suspense : { enabled: false };
   const content = /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn(
-    "ui-slot-renderer",
-    isContained && "relative",
+    "ui-slot-renderer relative min-h-full",
     className
   ), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar" }),
-    /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex min-h-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar min-w-0 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1 min-h-[200px]" })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "modal", portal: true }),
     /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "drawer", portal: true }),
     /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "overlay", portal: true }),
@@ -34476,14 +34481,14 @@ function UISlotRenderer({
         UISlotComponent,
         {
           slot: "hud-top",
-          className: isContained ? "sticky top-0 inset-x-0 z-40" : "fixed top-0 inset-x-0 z-40"
+          className: isContained ? "absolute top-0 left-0 right-0 z-40" : "fixed top-0 inset-x-0 z-40"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         UISlotComponent,
         {
           slot: "hud-bottom",
-          className: isContained ? "sticky bottom-0 inset-x-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
+          className: isContained ? "absolute bottom-0 left-0 right-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
         }
       )
     ] }),
@@ -34491,7 +34496,7 @@ function UISlotRenderer({
       UISlotComponent,
       {
         slot: "floating",
-        className: isContained ? "absolute z-50" : "fixed z-50",
+        className: isContained ? "absolute top-2 left-2 z-50" : "fixed z-50",
         draggable: true
       }
     )

package/dist/components/index.js

@@ -33976,7 +33976,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 flex items-center justify-center bg-black/50 p-4 overflow-auto",
+          className: "absolute inset-0 z-50 flex items-start justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)", paddingTop: "10%" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxs(
             Box,
@@ -33985,7 +33986,8 @@ function renderContainedPortal(slot, content, onDismiss) {
               border: true,
               shadow: "lg",
               rounded: "md",
-              className: "pointer-events-auto max-w-[calc(100%-2rem)] max-h-full overflow-auto flex flex-col",
+              className: "pointer-events-auto w-full overflow-auto flex flex-col",
+              style: { minWidth: "520px", maxWidth: "700px", maxHeight: "80%" },
               onClick: (e) => e.stopPropagation(),
               children: [
                 content.props.title ? /* @__PURE__ */ jsxs(Box, { className: "flex items-center justify-between p-4 border-b border-border", children: [
@@ -34010,7 +34012,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-black/50 overflow-hidden",
+          className: "absolute inset-0 z-50 overflow-hidden",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxs(
             Box,
@@ -34054,7 +34057,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-foreground/50 flex items-center justify-center overflow-auto",
+          className: "absolute inset-0 z-50 flex items-center justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsx(Box, { className: "max-h-full overflow-auto", onClick: (e) => e.stopPropagation(), children: slotContent })
         }
@@ -34430,12 +34434,13 @@ function UISlotRenderer({
   const isContained = hudMode === "inline";
   const suspenseConfig = suspense === true ? { enabled: true } : suspense && typeof suspense === "object" ? suspense : { enabled: false };
   const content = /* @__PURE__ */ jsxs(Box, { className: cn(
-    "ui-slot-renderer",
-    isContained && "relative",
+    "ui-slot-renderer relative min-h-full",
     className
   ), children: [
-    /* @__PURE__ */ jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar" }),
-    /* @__PURE__ */ jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1" }),
+    /* @__PURE__ */ jsxs(Box, { className: "flex min-h-full", children: [
+      /* @__PURE__ */ jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar min-w-0 shrink-0" }),
+      /* @__PURE__ */ jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1 min-h-[200px]" })
+    ] }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "modal", portal: true }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "drawer", portal: true }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "overlay", portal: true }),
@@ -34446,14 +34451,14 @@ function UISlotRenderer({
         UISlotComponent,
         {
           slot: "hud-top",
-          className: isContained ? "sticky top-0 inset-x-0 z-40" : "fixed top-0 inset-x-0 z-40"
+          className: isContained ? "absolute top-0 left-0 right-0 z-40" : "fixed top-0 inset-x-0 z-40"
         }
       ),
       /* @__PURE__ */ jsx(
         UISlotComponent,
         {
           slot: "hud-bottom",
-          className: isContained ? "sticky bottom-0 inset-x-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
+          className: isContained ? "absolute bottom-0 left-0 right-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
         }
       )
     ] }),
@@ -34461,7 +34466,7 @@ function UISlotRenderer({
       UISlotComponent,
       {
         slot: "floating",
-        className: isContained ? "absolute z-50" : "fixed z-50",
+        className: isContained ? "absolute top-2 left-2 z-50" : "fixed z-50",
         draggable: true
       }
     )

package/dist/runtime/index.cjs

@@ -31980,7 +31980,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 flex items-center justify-center bg-black/50 p-4 overflow-auto",
+          className: "absolute inset-0 z-50 flex items-start justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)", paddingTop: "10%" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             Box,
@@ -31989,7 +31990,8 @@ function renderContainedPortal(slot, content, onDismiss) {
               border: true,
               shadow: "lg",
               rounded: "md",
-              className: "pointer-events-auto max-w-[calc(100%-2rem)] max-h-full overflow-auto flex flex-col",
+              className: "pointer-events-auto w-full overflow-auto flex flex-col",
+              style: { minWidth: "520px", maxWidth: "700px", maxHeight: "80%" },
               onClick: (e) => e.stopPropagation(),
               children: [
                 content.props.title ? /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex items-center justify-between p-4 border-b border-border", children: [
@@ -32014,7 +32016,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-black/50 overflow-hidden",
+          className: "absolute inset-0 z-50 overflow-hidden",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             Box,
@@ -32058,7 +32061,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-foreground/50 flex items-center justify-center overflow-auto",
+          className: "absolute inset-0 z-50 flex items-center justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "max-h-full overflow-auto", onClick: (e) => e.stopPropagation(), children: slotContent })
         }
@@ -32434,12 +32438,13 @@ function UISlotRenderer({
   const isContained = hudMode === "inline";
   const suspenseConfig = suspense === true ? { enabled: true } : suspense && typeof suspense === "object" ? suspense : { enabled: false };
   const content = /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn(
-    "ui-slot-renderer",
-    isContained && "relative",
+    "ui-slot-renderer relative min-h-full",
     className
   ), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar" }),
-    /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "flex min-h-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar min-w-0 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1 min-h-[200px]" })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "modal", portal: true }),
     /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "drawer", portal: true }),
     /* @__PURE__ */ jsxRuntime.jsx(UISlotComponent, { slot: "overlay", portal: true }),
@@ -32450,14 +32455,14 @@ function UISlotRenderer({
         UISlotComponent,
         {
           slot: "hud-top",
-          className: isContained ? "sticky top-0 inset-x-0 z-40" : "fixed top-0 inset-x-0 z-40"
+          className: isContained ? "absolute top-0 left-0 right-0 z-40" : "fixed top-0 inset-x-0 z-40"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         UISlotComponent,
         {
           slot: "hud-bottom",
-          className: isContained ? "sticky bottom-0 inset-x-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
+          className: isContained ? "absolute bottom-0 left-0 right-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
         }
       )
     ] }),
@@ -32465,7 +32470,7 @@ function UISlotRenderer({
       UISlotComponent,
       {
         slot: "floating",
-        className: isContained ? "absolute z-50" : "fixed z-50",
+        className: isContained ? "absolute top-2 left-2 z-50" : "fixed z-50",
         draggable: true
       }
     )

package/dist/runtime/index.js

@@ -31950,7 +31950,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 flex items-center justify-center bg-black/50 p-4 overflow-auto",
+          className: "absolute inset-0 z-50 flex items-start justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)", paddingTop: "10%" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxs(
             Box,
@@ -31959,7 +31960,8 @@ function renderContainedPortal(slot, content, onDismiss) {
               border: true,
               shadow: "lg",
               rounded: "md",
-              className: "pointer-events-auto max-w-[calc(100%-2rem)] max-h-full overflow-auto flex flex-col",
+              className: "pointer-events-auto w-full overflow-auto flex flex-col",
+              style: { minWidth: "520px", maxWidth: "700px", maxHeight: "80%" },
               onClick: (e) => e.stopPropagation(),
               children: [
                 content.props.title ? /* @__PURE__ */ jsxs(Box, { className: "flex items-center justify-between p-4 border-b border-border", children: [
@@ -31984,7 +31986,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-black/50 overflow-hidden",
+          className: "absolute inset-0 z-50 overflow-hidden",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsxs(
             Box,
@@ -32028,7 +32031,8 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(
         Box,
         {
-          className: "absolute inset-0 z-50 bg-foreground/50 flex items-center justify-center overflow-auto",
+          className: "absolute inset-0 z-50 flex items-center justify-center overflow-auto",
+          style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
           onClick: onDismiss,
           children: /* @__PURE__ */ jsx(Box, { className: "max-h-full overflow-auto", onClick: (e) => e.stopPropagation(), children: slotContent })
         }
@@ -32404,12 +32408,13 @@ function UISlotRenderer({
   const isContained = hudMode === "inline";
   const suspenseConfig = suspense === true ? { enabled: true } : suspense && typeof suspense === "object" ? suspense : { enabled: false };
   const content = /* @__PURE__ */ jsxs(Box, { className: cn(
-    "ui-slot-renderer",
-    isContained && "relative",
+    "ui-slot-renderer relative min-h-full",
     className
   ), children: [
-    /* @__PURE__ */ jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar" }),
-    /* @__PURE__ */ jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1" }),
+    /* @__PURE__ */ jsxs(Box, { className: "flex min-h-full", children: [
+      /* @__PURE__ */ jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar min-w-0 shrink-0" }),
+      /* @__PURE__ */ jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1 min-h-[200px]" })
+    ] }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "modal", portal: true }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "drawer", portal: true }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "overlay", portal: true }),
@@ -32420,14 +32425,14 @@ function UISlotRenderer({
         UISlotComponent,
         {
           slot: "hud-top",
-          className: isContained ? "sticky top-0 inset-x-0 z-40" : "fixed top-0 inset-x-0 z-40"
+          className: isContained ? "absolute top-0 left-0 right-0 z-40" : "fixed top-0 inset-x-0 z-40"
         }
       ),
       /* @__PURE__ */ jsx(
         UISlotComponent,
         {
           slot: "hud-bottom",
-          className: isContained ? "sticky bottom-0 inset-x-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
+          className: isContained ? "absolute bottom-0 left-0 right-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
         }
       )
     ] }),
@@ -32435,7 +32440,7 @@ function UISlotRenderer({
       UISlotComponent,
       {
         slot: "floating",
-        className: isContained ? "absolute z-50" : "fixed z-50",
+        className: isContained ? "absolute top-2 left-2 z-50" : "fixed z-50",
         draggable: true
       }
     )

package/dist/scripts/audit-tailwind-safelist.d.ts

@@ -0,0 +1,27 @@
+#!/usr/bin/env npx tsx
+/**
+ * Tailwind Safelist Audit
+ *
+ * Scans all @almadar/ui source files for Tailwind classes that need
+ * to be in the safelist (because consuming apps can't extract them
+ * from compiled dist/ files). Compares against the current safelist
+ * in tailwind-preset.cjs and reports missing entries.
+ *
+ * Classes that need safelisting:
+ * 1. Arbitrary value classes: bg-[var(--color-X)], min-h-[200px], etc.
+ * 2. Opacity modifiers on semantic colors: bg-primary/10, text-foreground/60
+ * 3. Responsive prefixes on dynamic values: sm:grid-cols-2
+ * 4. State prefixes on CSS vars: hover:bg-[var(--color-X)]
+ *
+ * Standard utility classes (flex, p-4, rounded-lg) are fine because
+ * the shell template's tailwind.config.js includes the dist/ path in
+ * content scanning. But CSS-variable-based arbitrary classes use bracket
+ * notation that Tailwind can't extract from minified JS.
+ *
+ * Usage:
+ *   npx tsx scripts/audit-tailwind-safelist.ts
+ *   npx tsx scripts/audit-tailwind-safelist.ts --fix  (appends missing to preset)
+ *
+ * @packageDocumentation
+ */
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.33.2",
+  "version": "2.34.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -116,6 +116,7 @@
     "@almadar/core": ">=2.6.3",
     "@almadar/evaluator": ">=2.5.4",
     "@almadar/patterns": ">=2.8.7",
+    "@almadar/std": ">=3.6.0",
     "@almadar/runtime": ">=2.0.0",
     "@xyflow/react": "12.10.1",
     "clsx": "^2.1.0",
@@ -142,7 +143,6 @@
   },
   "devDependencies": {
     "@almadar/eslint-plugin": ">=2.3.0",
-    "@almadar/std": ">=3.6.0",
     "@react-three/postprocessing": "3.0.4",
     "@storybook/addon-docs": "^10.2.6",
     "@storybook/addon-links": "^10.2.6",

package/tailwind-preset.cjs

@@ -84,7 +84,176 @@ module.exports = {
   'duration-200',
   'ring-2',
   'ring-primary',
-  ],
+  
+  // Auto-added by audit-tailwind-safelist.ts (2026-03-28)
+  'active:scale-[var(--active-scale)]',
+  'animate-[combat-flash_0.2s_ease-in-out_2]',
+  'animate-[combat-heal-glow_0.8s_ease-in-out]',
+  'animate-[combat-pulse-red_0.5s_ease-in-out]',
+  'animate-[combat-shake_0.3s_ease-in-out]',
+  'animate-[shake_0.3s_ease-in-out]',
+  'aspect-[3/4]',
+  'bg-[radial-gradient(circle_at_center,rgba(34,197,94,0.2),transparent_70%)]',
+  'bg-[radial-gradient(ellipse_at_top,var(--color-primary)/0.08,transparent_60%),',
+    'radial-gradient(ellipse_at_bottom_right,var(--color-accent)/0.06,transparent_50%)]',
+  'bg-[var(--color-background)]',
+  'bg-[var(--color-card)]',
+  'bg-[var(--color-table-header)]',
+  'bg-accent/10',
+  'bg-accent/20',
+  'bg-background/80',
+  'bg-card/80',
+  'bg-error/10',
+  'bg-foreground/0',
+  'bg-foreground/50',
+  'bg-info/10',
+  'bg-muted/20',
+  'bg-muted/30',
+  'bg-muted/50',
+  'bg-muted/60',
+  'bg-primary/10',
+  'bg-primary/20',
+  'bg-primary/8',
+  'bg-success/10',
+  'bg-success/20',
+  'bg-surface/60',
+  'bg-surface/80',
+  'bg-warning/10',
+  'border-[length:2px]',
+  'border-[length:var(--border-width-thin)]',
+  'border-[length:var(--border-width)]',
+  'border-[var(--color-border)]',
+  'border-[var(--color-table-border)]',
+  'border-accent/30',
+  'border-b-[length:var(--border-width)]',
+  'border-border/40',
+  'border-error/30',
+  'border-error/50',
+  'border-info/30',
+  'border-l-[3px]',
+  'border-l-[length:var(--border-width)]',
+  'border-primary/30',
+  'border-r-[length:var(--border-width)]',
+  'border-success/30',
+  'border-t-[length:var(--border-width)]',
+  'border-warning/30',
+  'border-x-[length:var(--border-width)]',
+  'dark:bg-foreground/70',
+  'dark:hover:bg-error/20',
+  'data-[active=true]',
+  'duration-[var(--transition-fast)]',
+  'duration-[var(--transition-normal)]',
+  'focus:ring-[length:var(--focus-ring-width)]',
+  'focus:ring-offset-[length:var(--focus-ring-offset)]',
+  'font-[var(--font-weight-bold)]',
+  'font-[var(--font-weight-medium)]',
+  'from-[var(--color-primary)]',
+  'group-hover:bg-foreground/20',
+  'h-[18px]',
+  'h-[1em]',
+  'h-[80px]',
+  'hover:bg-[var(--color-card)]',
+  'hover:bg-[var(--color-surface-hover)]',
+  'hover:bg-[var(--color-table-row-hover)]',
+  'hover:bg-error/10',
+  'hover:bg-error/80',
+  'hover:bg-muted/50',
+  'hover:bg-muted/80',
+  'hover:bg-primary/10',
+  'hover:border-[var(--color-border-hover)]',
+  'hover:border-l-[var(--color-muted)]',
+  'left-[-5px]',
+  'lg:max-w-[50%]',
+  'lg:min-w-[45%]',
+  'max-h-[1000px]',
+  'max-h-[280px]',
+  'max-h-[500px]',
+  'max-h-[80vh]',
+  'max-w-[120px]',
+  'max-w-[160px]',
+  'max-w-[180px]',
+  'max-w-[200px]',
+  'max-w-[280px]',
+  'max-w-[300px]',
+  'max-w-[400px]',
+  'max-w-[60%]',
+  'max-w-[75%]',
+  'max-w-[80%]',
+  'min-h-[200px]',
+  'min-h-[240px]',
+  'min-h-[24px]',
+  'min-h-[2rem]',
+  'min-h-[400px]',
+  'min-h-[44px]',
+  'min-h-[4px]',
+  'min-h-[600px]',
+  'min-h-[60px]',
+  'min-h-[60vh]',
+  'min-h-[80px]',
+  'min-h-[80vh]',
+  'min-w-[100px]',
+  'min-w-[120px]',
+  'min-w-[130px]',
+  'min-w-[140px]',
+  'min-w-[160px]',
+  'min-w-[18px]',
+  'min-w-[2.5rem]',
+  'min-w-[200px]',
+  'min-w-[20px]',
+  'min-w-[2rem]',
+  'min-w-[300px]',
+  'min-w-[3ch]',
+  'min-w-[3rem]',
+  'min-w-[40px]',
+  'min-w-[44px]',
+  'min-w-[60px]',
+  'min-w-[65px]',
+  'min-w-[800px]',
+  'min-w-[80px]',
+  'ml-[1px]',
+  'ml-[calc(1.5rem)]',
+  'peer-focus:ring-error/20',
+  'peer-focus:ring-ring/20',
+  'placeholder:text-[var(--color-placeholder)]',
+  'ring-accent/20',
+  'ring-accent/50',
+  'ring-error/20',
+  'ring-info/20',
+  'ring-muted-foreground/20',
+  'ring-primary/30',
+  'ring-success/20',
+  'ring-warning/20',
+  'rounded-[var(--radius-md)]',
+  'scale-[1.05]',
+  'shadow-[0_-4px_6px_-1px_rgb(0,0,0,0.05)]',
+  'shadow-[0_0_10px_rgba(251,191,36,0.5)]',
+  'shadow-[0_0_6px_rgba(59,130,246,0.3)]',
+  'shadow-[0_0_8px_rgba(168,85,247,0.4)]',
+  'text-[0.65rem]',
+  'text-[10px]',
+  'text-[11px]',
+  'text-[12px]',
+  'text-[13px]',
+  'text-[14px]',
+  'text-[15px]',
+  'text-[8px]',
+  'text-[9px]',
+  'text-[var(--color-foreground)]',
+  'text-[var(--color-muted-foreground)]',
+  'text-[var(--icon-color,currentColor)]',
+  'text-foreground/30',
+  'text-foreground/60',
+  'text-foreground/70',
+  'text-foreground/80',
+  'text-muted-foreground/50',
+  'to-[var(--color-secondary)]',
+  'w-[280px]',
+  'w-[2px]',
+  'w-[480px]',
+  'w-[640px]',
+  'will-change-[opacity,transform]',
+  'z-[60]',
+],
   theme: {
     fontFamily: {
       sans: ['var(--font-family)', 'ui-sans-serif', 'system-ui', 'sans-serif'],