@signalflare-ai/ui 0.5.0 → 1.0.0

package/dist/styles/theme-blue-tint.css

@@ -0,0 +1,98 @@
+/**
+ * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+ *
+ * This file is generated by the theme generator.
+ * To modify tokens, edit: scripts/theme-generator/config.ts
+ * Then run: bun run codegen:themes
+ */
+
+[data-theme="blue-tint"] {
+  --text-color-sf-default: light-dark(oklch(0.145 0 0), oklch(0.985 0 0));
+  --text-color-sf-strong: light-dark(oklch(0.556 0 0), oklch(0.65 0 0));
+  --text-color-sf-subtle: light-dark(
+    var(--color-neutral-500, oklch(55.6% 0 0)),
+    var(--color-neutral-50, oklch(98.5% 0 0))
+  );
+  --text-color-sf-inactive: light-dark(
+    var(--color-neutral-400, oklch(70.8% 0 0)),
+    var(--color-neutral-600, oklch(70.8% 0 0))
+  );
+  --text-color-sf-danger: light-dark(
+    oklch(0.577 0.245 27.325),
+    oklch(0.55 0.18 25)
+  );
+  --text-color-sf-warning: light-dark(
+    var(--color-yellow-800, oklch(47.6% 0.114 61.907)),
+    var(--color-yellow-400, oklch(85.2% 0.199 91.936))
+  );
+  --color-sf-canvas: light-dark(
+    var(--color-neutral-50, oklch(0.985 0 0)),
+    var(--color-neutral-950, oklch(0.14 0 0))
+  );
+  --color-sf-base: light-dark(oklch(1 0 0), oklch(0.21 0.005 252));
+  --color-sf-elevated: light-dark(oklch(0.99 0 0), oklch(0.24 0.005 252));
+  --color-sf-recessed: light-dark(
+    var(--color-neutral-250, oklch(0.9 0 0)),
+    var(--color-neutral-750, oklch(0.31 0 0))
+  );
+  --color-sf-overlay: light-dark(
+    var(--color-neutral-50, oklch(98.5% 0 0)),
+    var(--color-neutral-950, oklch(0.1 0 0))
+  );
+  --color-sf-contrast: light-dark(oklch(0.205 0 0), oklch(0.55 0.01 40));
+  --color-sf-control: light-dark(
+    var(--color-white, #fff),
+    var(--color-neutral-900, oklch(21% 0.006 285.885))
+  );
+  --color-sf-tint: light-dark(
+    var(--color-neutral-150, oklch(0.96 0 0)),
+    var(--color-neutral-850, oklch(0.23 0 0))
+  );
+  --color-sf-fill: light-dark(
+    var(--color-neutral-200, oklch(92.2% 0 0)),
+    var(--color-neutral-800, oklch(26.9% 0 0))
+  );
+  --color-sf-fill-hover: light-dark(
+    var(--color-neutral-200, oklch(92.2% 0 0)),
+    var(--color-neutral-700, oklch(37.1% 0 0))
+  );
+  --color-sf-brand: light-dark(
+    oklch(0.5772 0.2324 260),
+    oklch(0.5772 0.2324 260)
+  );
+  --color-sf-brand-hover: light-dark(
+    var(--color-blue-700, oklch(48.8% 0.243 264.376)),
+    var(--color-blue-700, oklch(48.8% 0.243 264.376))
+  );
+  --color-sf-line: light-dark(oklch(0.922 0 0), oklch(0.3 0.015 250));
+  --color-sf-ring: light-dark(oklch(0.708 0 0), oklch(0.465 0.015 250));
+  --color-sf-tip-shadow: light-dark(
+    var(--color-gray-200, oklch(92.8% 0.006 264.531)),
+    transparent
+  );
+  --color-sf-tip-stroke: light-dark(
+    transparent,
+    var(--color-neutral-800, oklch(26.9% 0 0))
+  );
+  --color-sf-info: light-dark(
+    var(--color-blue-500, oklch(62.3% 0.214 259.815)),
+    var(--color-blue-700, oklch(48.8% 0.243 264.376))
+  );
+  --color-sf-info-tint: light-dark(
+    var(--color-blue-300, oklch(80.9% 0.105 251.813)),
+    var(--color-blue-900, oklch(37.9% 0.146 265.522))
+  );
+  --color-sf-warning: light-dark(
+    var(--color-yellow-500, oklch(79.5% 0.184 86.047)),
+    var(--color-yellow-700, oklch(55.4% 0.135 66.442))
+  );
+  --color-sf-warning-tint: light-dark(
+    var(--color-yellow-300, oklch(90.5% 0.182 98.111)),
+    var(--color-yellow-900, oklch(42.1% 0.095 57.708))
+  );
+  --color-sf-danger: light-dark(oklch(0.577 0.245 27.325), oklch(0.55 0.18 25));
+  --color-sf-danger-tint: light-dark(
+    var(--color-red-300, oklch(80.8% 0.114 19.571)),
+    var(--color-red-900, oklch(39.6% 0.141 25.723))
+  );
+}

package/dist/styles/theme-fedramp.css

@@ -7,16 +7,7 @@
  */
 
 [data-theme="fedramp"] {
-  --color-sf-canvas: light-dark(
-    #5b697c,
-    #5b697c
-  );
-  --color-sf-base: light-dark(
-    #5b697c,
-    #5b697c
-  );
-  --color-sf-ring: light-dark(
-    #c8d4e5,
-    #c8d4e5
-  );
+  --color-sf-canvas: light-dark(#5b697c, #5b697c);
+  --color-sf-base: light-dark(#5b697c, #5b697c);
+  --color-sf-ring: light-dark(#c8d4e5, #c8d4e5);
 }

package/dist/styles/theme-minimal.css

@@ -7,114 +7,36 @@
  */
 
 [data-theme="minimal"] {
-  --text-color-sf-strong: light-dark(
-    oklch(0.50 0 0),
-    oklch(0.55 0 0)
-  );
-  --text-color-sf-subtle: light-dark(
-    oklch(0.55 0 0),
-    oklch(0.45 0 0)
-  );
-  --text-color-sf-inactive: light-dark(
-    oklch(0.65 0 0),
-    oklch(0.35 0 0)
-  );
-  --text-color-sf-danger: light-dark(
-    oklch(0.55 0.12 25),
-    oklch(0.55 0.10 25)
-  );
-  --text-color-sf-warning: light-dark(
-    oklch(0.55 0.08 66),
-    oklch(0.65 0.08 66)
-  );
-  --color-sf-canvas: light-dark(
-    oklch(0.95 0 0),
-    oklch(0.10 0 0)
-  );
-  --color-sf-base: light-dark(
-    oklch(0.97 0 0),
-    oklch(0.14 0 0)
-  );
-  --color-sf-elevated: light-dark(
-    oklch(1 0 0),
-    oklch(0.22 0 0)
-  );
-  --color-sf-recessed: light-dark(
-    oklch(0.92 0 0),
-    oklch(0.10 0 0)
-  );
-  --color-sf-overlay: light-dark(
-    oklch(0.93 0 0),
-    oklch(0.10 0 0)
-  );
-  --color-sf-contrast: light-dark(
-    oklch(0.35 0 0),
-    oklch(0.75 0 0)
-  );
-  --color-sf-control: light-dark(
-    oklch(0.95 0 0),
-    oklch(0.17 0 0)
-  );
-  --color-sf-tint: light-dark(
-    oklch(0.94 0 0),
-    oklch(0.19 0 0)
-  );
-  --color-sf-fill: light-dark(
-    oklch(0.91 0 0),
-    oklch(0.27 0 0)
-  );
-  --color-sf-fill-hover: light-dark(
-    oklch(0.88 0 0),
-    oklch(0.31 0 0)
-  );
-  --color-sf-brand: light-dark(
-    oklch(0.55 0.06 260),
-    oklch(0.55 0.06 260)
-  );
+  --text-color-sf-strong: light-dark(oklch(0.5 0 0), oklch(0.55 0 0));
+  --text-color-sf-subtle: light-dark(oklch(0.55 0 0), oklch(0.45 0 0));
+  --text-color-sf-inactive: light-dark(oklch(0.65 0 0), oklch(0.35 0 0));
+  --text-color-sf-danger: light-dark(oklch(0.55 0.12 25), oklch(0.55 0.1 25));
+  --text-color-sf-warning: light-dark(oklch(0.55 0.08 66), oklch(0.65 0.08 66));
+  --color-sf-canvas: light-dark(oklch(0.95 0 0), oklch(0.1 0 0));
+  --color-sf-base: light-dark(oklch(0.97 0 0), oklch(0.14 0 0));
+  --color-sf-elevated: light-dark(oklch(1 0 0), oklch(0.22 0 0));
+  --color-sf-recessed: light-dark(oklch(0.92 0 0), oklch(0.1 0 0));
+  --color-sf-overlay: light-dark(oklch(0.93 0 0), oklch(0.1 0 0));
+  --color-sf-contrast: light-dark(oklch(0.35 0 0), oklch(0.75 0 0));
+  --color-sf-control: light-dark(oklch(0.95 0 0), oklch(0.17 0 0));
+  --color-sf-tint: light-dark(oklch(0.94 0 0), oklch(0.19 0 0));
+  --color-sf-fill: light-dark(oklch(0.91 0 0), oklch(0.27 0 0));
+  --color-sf-fill-hover: light-dark(oklch(0.88 0 0), oklch(0.31 0 0));
+  --color-sf-brand: light-dark(oklch(0.55 0.06 260), oklch(0.55 0.06 260));
   --color-sf-brand-hover: light-dark(
     oklch(0.48 0.05 264),
     oklch(0.48 0.05 264)
   );
-  --color-sf-line: light-dark(
-    oklch(0.85 0 0 / 0.5),
-    oklch(0.25 0 0 / 0.5)
-  );
-  --color-sf-ring: light-dark(
-    oklch(0.65 0 0),
-    oklch(0.45 0 0)
-  );
-  --color-sf-tip-shadow: light-dark(
-    transparent,
-    transparent
-  );
-  --color-sf-tip-stroke: light-dark(
-    transparent,
-    transparent
-  );
-  --color-sf-info: light-dark(
-    oklch(0.55 0.06 260),
-    oklch(0.55 0.06 260)
-  );
-  --color-sf-info-tint: light-dark(
-    oklch(0.94 0.01 260),
-    oklch(0.20 0.02 260)
-  );
-  --color-sf-warning: light-dark(
-    oklch(0.55 0.08 66),
-    oklch(0.65 0.08 66)
-  );
-  --color-sf-warning-tint: light-dark(
-    oklch(0.94 0.02 60),
-    oklch(0.22 0.03 60)
-  );
-  --color-sf-danger: light-dark(
-    oklch(0.55 0.12 25),
-    oklch(0.55 0.10 25)
-  );
-  --color-sf-danger-tint: light-dark(
-    oklch(0.94 0.02 25),
-    oklch(0.20 0.04 25)
-  );
+  --color-sf-line: light-dark(oklch(0.85 0 0 / 0.5), oklch(0.25 0 0 / 0.5));
+  --color-sf-ring: light-dark(oklch(0.65 0 0), oklch(0.45 0 0));
+  --color-sf-tip-shadow: light-dark(transparent, transparent);
+  --color-sf-tip-stroke: light-dark(transparent, transparent);
+  --color-sf-info: light-dark(oklch(0.55 0.06 260), oklch(0.55 0.06 260));
+  --color-sf-info-tint: light-dark(oklch(0.94 0.01 260), oklch(0.2 0.02 260));
+  --color-sf-warning: light-dark(oklch(0.55 0.08 66), oklch(0.65 0.08 66));
+  --color-sf-warning-tint: light-dark(oklch(0.94 0.02 60), oklch(0.22 0.03 60));
+  --color-sf-danger: light-dark(oklch(0.55 0.12 25), oklch(0.55 0.1 25));
+  --color-sf-danger-tint: light-dark(oklch(0.94 0.02 25), oklch(0.2 0.04 25));
 
   /* Shadow overrides — flatten all elevation */
   --shadow-2xs: 0 0 0 0 transparent;

package/dist/styles/theme-sf.css

@@ -6,37 +6,18 @@
  * Then run: bun run codegen:themes
  */
 
-
 @theme {
-  --text-color-sf-default: light-dark(
-    var(--foreground, oklch(0.145 0 0)),
-    var(--foreground, oklch(0.985 0 0))
-  );
+  --text-color-sf-default: light-dark(oklch(0.145 0 0), oklch(0.985 0 0));
 
-  --text-color-sf-inverse: light-dark(
-    var(--primary-foreground, oklch(0.985 0 0)),
-    var(--primary-foreground, oklch(0.145 0 0))
-  );
+  --text-color-sf-inverse: light-dark(oklch(0.985 0 0), oklch(0.145 0 0));
 
-  --text-color-sf-strong: light-dark(
-    var(--muted-foreground, oklch(0.556 0 0)),
-    var(--muted-foreground, oklch(0.65 0 0))
-  );
+  --text-color-sf-strong: light-dark(oklch(0.45 0 0), oklch(0.8 0 0));
 
-  --text-color-sf-subtle: light-dark(
-    var(--color-neutral-500, oklch(55.6% 0 0)),
-    var(--color-neutral-50, oklch(98.5% 0 0))
-  );
+  --text-color-sf-subtle: light-dark(oklch(0.45 0 0), oklch(0.72 0 0));
 
-  --text-color-sf-inactive: light-dark(
-    var(--color-neutral-400, oklch(70.8% 0 0)),
-    var(--color-neutral-600, oklch(70.8% 0 0))
-  );
+  --text-color-sf-inactive: light-dark(oklch(0.55 0 0), oklch(0.6 0 0));
 
-  --text-color-sf-brand: light-dark(
-    #f6821f,
-    #f6821f
-  );
+  --text-color-sf-brand: light-dark(#f6821f, #f6821f);
 
   --text-color-sf-link: light-dark(
     var(--color-blue-800, oklch(42.4% 0.199 265.638)),
@@ -48,134 +29,124 @@
     var(--color-green-500, oklch(72.3% 0.219 149.579))
   );
 
-  --text-color-sf-danger: light-dark(
-    var(--destructive, oklch(0.577 0.245 27.325)),
-    var(--destructive, oklch(0.55 0.18 25))
-  );
-
-  --text-color-sf-warning: light-dark(
-    var(--color-yellow-800, oklch(47.6% 0.114 61.907)),
-    var(--color-yellow-400, oklch(85.2% 0.199 91.936))
-  );
+  --text-color-sf-danger: light-dark(oklch(0.5 0.15 25), oklch(0.68 0.16 25));
 
+  --text-color-sf-warning: light-dark(oklch(0.45 0.1 66), oklch(0.78 0.12 80));
 }
 
 @theme {
-  --color-sf-canvas: light-dark(
-    var(--color-neutral-50, oklch(0.985 0 0)),
-    var(--color-neutral-950, oklch(0.14 0 0))
-  );
+  --color-sf-canvas: light-dark(oklch(0.95 0 0), oklch(0.1 0 0));
 
-  --color-sf-base: light-dark(
-    var(--background, oklch(1 0 0)),
-    var(--background, oklch(0.21 0.005 252))
-  );
+  --color-sf-base: light-dark(oklch(0.97 0 0), oklch(0.14 0 0));
 
-  --color-sf-elevated: light-dark(
-    var(--color-neutral-25, oklch(0.99 0 0)),
-    var(--background, oklch(0.21 0.005 252))
-  );
+  --color-sf-elevated: light-dark(oklch(1 0 0), oklch(0.22 0 0));
 
-  --color-sf-recessed: light-dark(
-    var(--color-neutral-250, oklch(0.9 0 0)),
-    var(--color-neutral-750, oklch(0.31 0 0))
-  );
+  --color-sf-recessed: light-dark(oklch(0.92 0 0), oklch(0.1 0 0));
 
-  --color-sf-overlay: light-dark(
-    var(--color-neutral-50, oklch(98.5% 0 0)),
-    var(--color-neutral-950, oklch(0.10 0 0))
-  );
+  --color-sf-overlay: light-dark(oklch(0.93 0 0), oklch(0.1 0 0));
 
-  --color-sf-contrast: light-dark(
-    var(--primary, oklch(0.205 0 0)),
-    var(--primary, oklch(0.55 0.01 40))
-  );
+  --color-sf-contrast: light-dark(oklch(0.35 0 0), oklch(0.75 0 0));
 
-  --color-sf-control: light-dark(
-    var(--color-white, #fff),
-    var(--color-neutral-900, oklch(21% 0.006 285.885))
-  );
+  --color-sf-control: light-dark(oklch(0.95 0 0), oklch(0.17 0 0));
 
-  --color-sf-tint: light-dark(
-    var(--color-neutral-150, oklch(0.96 0 0)),
-    var(--color-neutral-850, oklch(0.23 0 0))
-  );
+  --color-sf-tint: light-dark(oklch(0.94 0 0), oklch(0.19 0 0));
 
-  --color-sf-interact: light-dark(
-    var(--border, oklch(0.922 0 0)),
-    var(--border, oklch(0.3 0.015 250))
-  );
+  --color-sf-interact: light-dark(oklch(0.8 0 0), oklch(0.38 0 0));
 
-  --color-sf-fill: light-dark(
-    var(--color-neutral-200, oklch(92.2% 0 0)),
-    var(--color-neutral-800, oklch(26.9% 0 0))
-  );
+  --color-sf-fill: light-dark(oklch(0.91 0 0), oklch(0.27 0 0));
+
+  --color-sf-fill-hover: light-dark(oklch(0.88 0 0), oklch(0.31 0 0));
+
+  --color-sf-brand: light-dark(oklch(0.55 0.06 260), oklch(0.55 0.06 260));
 
-  --color-sf-fill-hover: light-dark(
-    var(--color-neutral-200, oklch(92.2% 0 0)),
-    var(--color-neutral-700, oklch(37.1% 0 0))
+  --color-sf-brand-hover: light-dark(
+    oklch(0.48 0.05 264),
+    oklch(0.48 0.05 264)
   );
 
-  --color-sf-brand: light-dark(
-    oklch(0.5772 0.2324 260),
-    oklch(0.5772 0.2324 260)
+  --color-sf-line: light-dark(oklch(0.85 0 0 / 0.5), oklch(0.25 0 0 / 0.5));
+
+  --color-sf-ring: light-dark(oklch(0.55 0 0), oklch(0.6 0 0));
+
+  --color-sf-tip-shadow: light-dark(transparent, transparent);
+
+  --color-sf-tip-stroke: light-dark(transparent, transparent);
+
+  --color-sf-info: light-dark(oklch(0.55 0.06 260), oklch(0.55 0.06 260));
+
+  --color-sf-info-tint: light-dark(oklch(0.88 0.02 260), oklch(0.12 0.03 260));
+
+  --color-sf-warning: light-dark(oklch(0.55 0.08 66), oklch(0.65 0.08 66));
+
+  --color-sf-warning-tint: light-dark(oklch(0.94 0.02 60), oklch(0.22 0.03 60));
+
+  --color-sf-danger: light-dark(oklch(0.55 0.12 25), oklch(0.55 0.1 25));
+
+  --color-sf-danger-tint: light-dark(oklch(0.94 0.02 25), oklch(0.16 0.04 25));
+
+  --color-sf-success: light-dark(
+    oklch(0.723 0.219 149.579),
+    oklch(0.723 0.219 149.579)
   );
 
-  --color-sf-brand-hover: light-dark(
-    var(--color-blue-700, oklch(48.8% 0.243 264.376)),
-    var(--color-blue-700, oklch(48.8% 0.243 264.376))
+  --color-sf-chart-1: light-dark(
+    oklch(0.646 0.222 41.116),
+    oklch(0.646 0.222 41.116)
   );
 
-  --color-sf-line: light-dark(
-    var(--border, oklch(0.922 0 0)),
-    var(--border, oklch(0.3 0.015 250))
+  --color-sf-chart-2: light-dark(
+    oklch(0.6 0.118 184.704),
+    oklch(0.6 0.118 184.704)
   );
 
-  --color-sf-ring: light-dark(
-    var(--ring, oklch(0.708 0 0)),
-    var(--ring, oklch(0.465 0.015 250))
+  --color-sf-chart-3: light-dark(
+    oklch(0.398 0.07 227.392),
+    oklch(0.398 0.07 227.392)
   );
 
-  --color-sf-tip-shadow: light-dark(
-    var(--color-gray-200, oklch(92.8% 0.006 264.531)),
-    transparent
+  --color-sf-chart-4: light-dark(
+    oklch(0.828 0.189 84.429),
+    oklch(0.828 0.189 84.429)
   );
 
-  --color-sf-tip-stroke: light-dark(
-    transparent,
-    var(--color-neutral-800, oklch(26.9% 0 0))
+  --color-sf-chart-5: light-dark(
+    oklch(0.769 0.188 70.08),
+    oklch(0.769 0.188 70.08)
   );
 
-  --color-sf-info: light-dark(
-    var(--color-blue-500, oklch(62.3% 0.214 259.815)),
-    var(--color-blue-700, oklch(48.8% 0.243 264.376))
+  --color-sf-syntax-keyword: light-dark(
+    oklch(0.52 0.2 265),
+    oklch(0.72 0.19 255)
   );
 
-  --color-sf-info-tint: light-dark(
-    var(--color-blue-300, oklch(80.9% 0.105 251.813)),
-    var(--color-blue-900, oklch(37.9% 0.146 265.522))
+  --color-sf-syntax-identifier: light-dark(
+    oklch(0.38 0.13 150),
+    oklch(0.75 0.15 155)
   );
 
-  --color-sf-warning: light-dark(
-    var(--color-yellow-500, oklch(79.5% 0.184 86.047)),
-    var(--color-yellow-700, oklch(55.4% 0.135 66.442))
+  --color-sf-syntax-string: light-dark(
+    oklch(0.48 0.16 25),
+    oklch(0.72 0.14 60)
   );
 
-  --color-sf-warning-tint: light-dark(
-    var(--color-yellow-300, oklch(90.5% 0.182 98.111)),
-    var(--color-yellow-900, oklch(42.1% 0.095 57.708))
+  --color-sf-syntax-comment: light-dark(oklch(0.62 0 0), oklch(0.55 0 0));
+
+  --color-sf-syntax-jsxliterals: light-dark(
+    oklch(0.52 0.2 265),
+    oklch(0.72 0.19 255)
   );
 
-  --color-sf-danger: light-dark(
-    var(--destructive, oklch(0.577 0.245 27.325)),
-    var(--destructive, oklch(0.55 0.18 25))
+  --color-sf-syntax-property: light-dark(
+    oklch(0.38 0.12 220),
+    oklch(0.72 0.12 215)
   );
 
-  --color-sf-danger-tint: light-dark(
-    var(--color-red-300, oklch(80.8% 0.114 19.571)),
-    var(--color-red-900, oklch(39.6% 0.141 25.723))
+  --color-sf-syntax-entity: light-dark(
+    oklch(0.46 0.18 30),
+    oklch(0.75 0.15 55)
   );
 
+  --color-sf-syntax-sign: light-dark(oklch(0.45 0 0), oklch(0.7 0 0));
 }
 
 @theme {
@@ -188,4 +159,15 @@
   --text-base--line-height: calc(1.25 / 0.875);
   --text-lg: 16px;
   --text-lg--line-height: calc(1.25 / 1);
-}
+}
+
+:root {
+  /* Shadow overrides — flatten all elevation for the minimal-derived default */
+  --shadow-2xs: 0 0 0 0 transparent;
+  --shadow-xs: 0 0 0 0 transparent;
+  --shadow-sm: 0 0 0 0 transparent;
+  --shadow-md: 0 0 0 0 transparent;
+  --shadow-lg: 0 0 0 0 transparent;
+  --shadow-xl: 0 0 0 0 transparent;
+  --shadow-2xl: 0 0 0 0 transparent;
+}

package/dist/{table-CIMx0Oq0.js → table-Rv4JMy0B.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as cn } from "./cn-YROP2_ox.js";
-import { t as Checkbox } from "./checkbox-CPX7lBaU.js";
+import { t as Checkbox } from "./checkbox-DYhUmZNw.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/table/table.tsx
@@ -197,4 +197,4 @@ var Table = Object.assign(TableRoot, {
 //#endregion
 export { SF_TABLE_VARIANTS as n, Table as r, SF_TABLE_DEFAULT_VARIANTS as t };
 
-//# sourceMappingURL=table-CIMx0Oq0.js.map
+//# sourceMappingURL=table-Rv4JMy0B.js.map

package/dist/{table-CIMx0Oq0.js.map → table-Rv4JMy0B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-CIMx0Oq0.js","names":[],"sources":["../src/components/table/table.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { cn } from \"../../utils\";\nimport { Checkbox } from \"../checkbox\";\n\n/** Table layout and row variant definitions mapping names to their Tailwind classes. */\nexport const SF_TABLE_VARIANTS = {\n  layout: {\n    auto: {\n      classes: \"\",\n      description: \"Auto table layout - columns resize based on content\",\n    },\n    fixed: {\n      classes: \"table-fixed\",\n      description:\n        \"Fixed table layout - columns have equal width, controlled via colgroup\",\n    },\n  },\n  variant: {\n    default: {\n      classes: \"\",\n      description: \"Default row variant\",\n    },\n    selected: {\n      classes: \"bg-sf-tint\",\n      description: \"Selected row variant\",\n    },\n  },\n} as const;\n\nexport const SF_TABLE_DEFAULT_VARIANTS = {\n  layout: \"auto\",\n  variant: \"default\",\n} as const;\n\nexport type SFTableRowVariant = keyof typeof SF_TABLE_VARIANTS.variant;\nexport type SFTableLayout = keyof typeof SF_TABLE_VARIANTS.layout;\n\n/**\n * Table root — applies layout, borders, padding, and header styles.\n *\n * @example\n * ```tsx\n * <Table layout=\"fixed\">\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.Head>Name</Table.Head>\n *       <Table.Head>Status</Table.Head>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row>\n *       <Table.Cell>Worker A</Table.Cell>\n *       <Table.Cell>Active</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table>\n * ```\n */\nconst TableRoot = forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> & {\n    /**\n     * Table layout algorithm.\n     * - `\"auto\"` — columns resize based on content\n     * - `\"fixed\"` — equal-width columns, controlled via `<colgroup>`\n     * @default \"auto\"\n     */\n    layout?: SFTableLayout;\n  }\n>(({ layout = \"auto\", ...props }, ref) => {\n  const className = cn(\n    \"w-full\",\n    SF_TABLE_VARIANTS.layout[layout].classes,\n    \"[&_tr_td]:border-b [&_tr_td]:border-sf-fill [&_tr:last-child_td]:border-b-0\", // Row border\n    \"[&_tr_td]:p-3\", // Cell padding\n    \"[&_tr_th]:border-b [&_tr_th]:border-sf-fill [&_tr_th]:p-3 [&_tr_th]:font-semibold\", // Header styles\n    \"[&_tr_th]:bg-sf-base\", // Header background color\n    \"text-left text-sf-default\",\n    props.className\n  );\n\n  return <table ref={ref} {...props} className={className} />;\n});\n\nconst TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => {\n  return <thead ref={ref} {...props} />;\n});\n\nconst TableHead = forwardRef<\n  HTMLTableCellElement,\n  React.HTMLAttributes<HTMLTableCellElement>\n>((props, ref) => {\n  const className = cn(\"group relative\", props.className);\n  return <th ref={ref} {...props} className={className} />;\n});\n\nconst TableRow = forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    variant?: SFTableRowVariant;\n  }\n>(({ variant = SF_TABLE_DEFAULT_VARIANTS.variant, ...props }, ref) => {\n  const className = cn(\n    SF_TABLE_VARIANTS.variant[variant].classes,\n    props.className\n  );\n\n  return <tr ref={ref} {...props} className={className} />;\n});\n\nconst TableBody = forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => {\n  return <tbody ref={ref} {...props} />;\n});\n\nconst TableCell = forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>((props, ref) => {\n  return <td ref={ref} {...props} />;\n});\n\nconst TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => {\n  return <tfoot ref={ref} {...props} />;\n});\n\nconst TableResizeHandle = forwardRef<\n  HTMLButtonElement,\n  React.HTMLAttributes<HTMLButtonElement>\n>((props, ref) => {\n  return (\n    <button\n      ref={ref}\n      {...props}\n      type=\"button\"\n      aria-label=\"Resize column\"\n      className={cn(\n        \"invisible h-full group-hover:visible\", // Make the handle invisible by default\n        \"w-[10px]\", // Hitting area\n        \"flex items-center justify-center\", // Center the handle\n        \"cursor-col-resize touch-none select-none\", // Prevent selection and touch events\n        \"absolute top-0 right-0\", // Position the handle\n        \"m-0 bg-sf-base p-0\" // Override the stratus button styles\n      )}\n    >\n      <span className=\"h-5 w-[2px] rounded bg-sf-ring\" />\n    </button>\n  );\n});\n\n/**\n * Special cell that makes the entire cell area a hit target for the checkbox.\n */\n\nconst TableCheckCell = forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> & {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onValueChange?: (checked: boolean) => void;\n    label?: string;\n    disabled?: boolean;\n  }\n>(\n  (\n    { checked, indeterminate, onValueChange, label, disabled, ...props },\n    ref\n  ) => {\n    return (\n      <TableCell\n        ref={ref}\n        {...props}\n        className={cn(\"w-10 leading-none\", props.className)}\n      >\n        <Checkbox\n          checked={checked}\n          indeterminate={indeterminate}\n          onCheckedChange={(newChecked) => {\n            onValueChange?.(newChecked);\n          }}\n          aria-label={label ?? \"Select row\"}\n          disabled={disabled}\n          className=\"relative before:absolute before:-inset-3 before:content-['']\"\n        />\n      </TableCell>\n    );\n  }\n);\n\nconst TableCheckHead = forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> & {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onValueChange?: (checked: boolean) => void;\n    label?: string;\n    disabled?: boolean;\n  }\n>(\n  (\n    { checked, indeterminate, onValueChange, label, disabled, ...props },\n    ref\n  ) => {\n    return (\n      <TableHead\n        ref={ref}\n        {...props}\n        className={cn(\"w-10 leading-none\", props.className)}\n      >\n        <Checkbox\n          checked={checked}\n          indeterminate={indeterminate}\n          onCheckedChange={(newChecked) => {\n            onValueChange?.(newChecked);\n          }}\n          aria-label={label ?? \"Select all rows\"}\n          disabled={disabled}\n          className=\"relative before:absolute before:-inset-3 before:content-['']\"\n        />\n      </TableHead>\n    );\n  }\n);\n\nTableRoot.displayName = \"Table\";\nTableBody.displayName = \"Table.Body\";\nTableHead.displayName = \"Table.Head\";\nTableRow.displayName = \"Table.Row\";\nTableCell.displayName = \"Table.Cell\";\nTableFooter.displayName = \"Table.Footer\";\nTableHeader.displayName = \"Table.Header\";\nTableResizeHandle.displayName = \"Table.ResizeHandle\";\nTableCheckCell.displayName = \"Table.CheckCell\";\nTableCheckHead.displayName = \"Table.CheckHead\";\n\n/**\n * Table — semantic HTML table with styled rows, cells, and selection support.\n *\n * Compound component: `Table` (Root), `.Header`, `.Head`, `.Body`, `.Row`,\n * `.Cell`, `.Footer`, `.CheckCell`, `.CheckHead`, `.ResizeHandle`.\n *\n * @example\n * ```tsx\n * <Table>\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.CheckHead checked={allSelected} onValueChange={toggleAll} />\n *       <Table.Head>Name</Table.Head>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     {rows.map((row) => (\n *       <Table.Row key={row.id} variant={selected.has(row.id) ? \"selected\" : \"default\"}>\n *         <Table.CheckCell checked={selected.has(row.id)} onValueChange={() => toggle(row.id)} />\n *         <Table.Cell>{row.name}</Table.Cell>\n *       </Table.Row>\n *     ))}\n *   </Table.Body>\n * </Table>\n * ```\n */\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Head: TableHead,\n  Row: TableRow,\n  Body: TableBody,\n  Cell: TableCell,\n  CheckCell: TableCheckCell,\n  CheckHead: TableCheckHead,\n  Footer: TableFooter,\n  ResizeHandle: TableResizeHandle,\n});\n"],"mappings":";;;;;;;AAMA,IAAa,oBAAoB;CAC/B,QAAQ;EACN,MAAM;GACJ,SAAS;GACT,aAAa;GACd;EACD,OAAO;GACL,SAAS;GACT,aACE;GACH;EACF;CACD,SAAS;EACP,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACD,UAAU;GACR,SAAS;GACT,aAAa;GACd;EACF;CACF;AAED,IAAa,4BAA4B;CACvC,QAAQ;CACR,SAAS;CACV;;;;;;;;;;;;;;;;;;;;;;AA0BD,IAAM,YAAY,YAWf,EAAE,SAAS,QAAQ,GAAG,SAAS,QAAQ;CACxC,MAAM,YAAY,GAChB,UACA,kBAAkB,OAAO,QAAQ,SACjC,+EACA,iBACA,qFACA,wBACA,6BACA,MAAM,UACP;AAED,QAAO,oBAAC,SAAD;EAAY;EAAK,GAAI;EAAkB;EAAa,CAAA;EAC3D;AAEF,IAAM,cAAc,YAGjB,OAAO,QAAQ;AAChB,QAAO,oBAAC,SAAD;EAAY;EAAK,GAAI;EAAS,CAAA;EACrC;AAEF,IAAM,YAAY,YAGf,OAAO,QAAQ;CAChB,MAAM,YAAY,GAAG,kBAAkB,MAAM,UAAU;AACvD,QAAO,oBAAC,MAAD;EAAS;EAAK,GAAI;EAAkB;EAAa,CAAA;EACxD;AAEF,IAAM,WAAW,YAKd,EAAE,UAAU,0BAA0B,SAAS,GAAG,SAAS,QAAQ;CACpE,MAAM,YAAY,GAChB,kBAAkB,QAAQ,SAAS,SACnC,MAAM,UACP;AAED,QAAO,oBAAC,MAAD;EAAS;EAAK,GAAI;EAAkB;EAAa,CAAA;EACxD;AAEF,IAAM,YAAY,YAGf,OAAO,QAAQ;AAChB,QAAO,oBAAC,SAAD;EAAY;EAAK,GAAI;EAAS,CAAA;EACrC;AAEF,IAAM,YAAY,YAGf,OAAO,QAAQ;AAChB,QAAO,oBAAC,MAAD;EAAS;EAAK,GAAI;EAAS,CAAA;EAClC;AAEF,IAAM,cAAc,YAGjB,OAAO,QAAQ;AAChB,QAAO,oBAAC,SAAD;EAAY;EAAK,GAAI;EAAS,CAAA;EACrC;AAEF,IAAM,oBAAoB,YAGvB,OAAO,QAAQ;AAChB,QACE,oBAAC,UAAD;EACO;EACL,GAAI;EACJ,MAAK;EACL,cAAW;EACX,WAAW,GACT,wCACA,YACA,oCACA,4CACA,0BACA,qBACD;YAED,oBAAC,QAAD,EAAM,WAAU,kCAAmC,CAAA;EAC5C,CAAA;EAEX;;;;AAMF,IAAM,iBAAiB,YAWnB,EAAE,SAAS,eAAe,eAAe,OAAO,UAAU,GAAG,SAC7D,QACG;AACH,QACE,oBAAC,WAAD;EACO;EACL,GAAI;EACJ,WAAW,GAAG,qBAAqB,MAAM,UAAU;YAEnD,oBAAC,UAAD;GACW;GACM;GACf,kBAAkB,eAAe;AAC/B,oBAAgB,WAAW;;GAE7B,cAAY,SAAS;GACX;GACV,WAAU;GACV,CAAA;EACQ,CAAA;EAGjB;AAED,IAAM,iBAAiB,YAWnB,EAAE,SAAS,eAAe,eAAe,OAAO,UAAU,GAAG,SAC7D,QACG;AACH,QACE,oBAAC,WAAD;EACO;EACL,GAAI;EACJ,WAAW,GAAG,qBAAqB,MAAM,UAAU;YAEnD,oBAAC,UAAD;GACW;GACM;GACf,kBAAkB,eAAe;AAC/B,oBAAgB,WAAW;;GAE7B,cAAY,SAAS;GACX;GACV,WAAU;GACV,CAAA;EACQ,CAAA;EAGjB;AAED,UAAU,cAAc;AACxB,UAAU,cAAc;AACxB,UAAU,cAAc;AACxB,SAAS,cAAc;AACvB,UAAU,cAAc;AACxB,YAAY,cAAc;AAC1B,YAAY,cAAc;AAC1B,kBAAkB,cAAc;AAChC,eAAe,cAAc;AAC7B,eAAe,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4B7B,IAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,QAAQ;CACR,MAAM;CACN,KAAK;CACL,MAAM;CACN,MAAM;CACN,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf,CAAC"}
+{"version":3,"file":"table-Rv4JMy0B.js","names":[],"sources":["../src/components/table/table.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { cn } from \"../../utils\";\nimport { Checkbox } from \"../checkbox\";\n\n/** Table layout and row variant definitions mapping names to their Tailwind classes. */\nexport const SF_TABLE_VARIANTS = {\n  layout: {\n    auto: {\n      classes: \"\",\n      description: \"Auto table layout - columns resize based on content\",\n    },\n    fixed: {\n      classes: \"table-fixed\",\n      description:\n        \"Fixed table layout - columns have equal width, controlled via colgroup\",\n    },\n  },\n  variant: {\n    default: {\n      classes: \"\",\n      description: \"Default row variant\",\n    },\n    selected: {\n      classes: \"bg-sf-tint\",\n      description: \"Selected row variant\",\n    },\n  },\n} as const;\n\nexport const SF_TABLE_DEFAULT_VARIANTS = {\n  layout: \"auto\",\n  variant: \"default\",\n} as const;\n\nexport type SFTableRowVariant = keyof typeof SF_TABLE_VARIANTS.variant;\nexport type SFTableLayout = keyof typeof SF_TABLE_VARIANTS.layout;\n\n/**\n * Table root — applies layout, borders, padding, and header styles.\n *\n * @example\n * ```tsx\n * <Table layout=\"fixed\">\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.Head>Name</Table.Head>\n *       <Table.Head>Status</Table.Head>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row>\n *       <Table.Cell>Worker A</Table.Cell>\n *       <Table.Cell>Active</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table>\n * ```\n */\nconst TableRoot = forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> & {\n    /**\n     * Table layout algorithm.\n     * - `\"auto\"` — columns resize based on content\n     * - `\"fixed\"` — equal-width columns, controlled via `<colgroup>`\n     * @default \"auto\"\n     */\n    layout?: SFTableLayout;\n  }\n>(({ layout = \"auto\", ...props }, ref) => {\n  const className = cn(\n    \"w-full\",\n    SF_TABLE_VARIANTS.layout[layout].classes,\n    \"[&_tr_td]:border-b [&_tr_td]:border-sf-fill [&_tr:last-child_td]:border-b-0\", // Row border\n    \"[&_tr_td]:p-3\", // Cell padding\n    \"[&_tr_th]:border-b [&_tr_th]:border-sf-fill [&_tr_th]:p-3 [&_tr_th]:font-semibold\", // Header styles\n    \"[&_tr_th]:bg-sf-base\", // Header background color\n    \"text-left text-sf-default\",\n    props.className\n  );\n\n  return <table ref={ref} {...props} className={className} />;\n});\n\nconst TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => {\n  return <thead ref={ref} {...props} />;\n});\n\nconst TableHead = forwardRef<\n  HTMLTableCellElement,\n  React.HTMLAttributes<HTMLTableCellElement>\n>((props, ref) => {\n  const className = cn(\"group relative\", props.className);\n  return <th ref={ref} {...props} className={className} />;\n});\n\nconst TableRow = forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    variant?: SFTableRowVariant;\n  }\n>(({ variant = SF_TABLE_DEFAULT_VARIANTS.variant, ...props }, ref) => {\n  const className = cn(\n    SF_TABLE_VARIANTS.variant[variant].classes,\n    props.className\n  );\n\n  return <tr ref={ref} {...props} className={className} />;\n});\n\nconst TableBody = forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => {\n  return <tbody ref={ref} {...props} />;\n});\n\nconst TableCell = forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>((props, ref) => {\n  return <td ref={ref} {...props} />;\n});\n\nconst TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>((props, ref) => {\n  return <tfoot ref={ref} {...props} />;\n});\n\nconst TableResizeHandle = forwardRef<\n  HTMLButtonElement,\n  React.HTMLAttributes<HTMLButtonElement>\n>((props, ref) => {\n  return (\n    <button\n      ref={ref}\n      {...props}\n      type=\"button\"\n      aria-label=\"Resize column\"\n      className={cn(\n        \"invisible h-full group-hover:visible\", // Make the handle invisible by default\n        \"w-[10px]\", // Hitting area\n        \"flex items-center justify-center\", // Center the handle\n        \"cursor-col-resize touch-none select-none\", // Prevent selection and touch events\n        \"absolute top-0 right-0\", // Position the handle\n        \"m-0 bg-sf-base p-0\" // Override the stratus button styles\n      )}\n    >\n      <span className=\"h-5 w-[2px] rounded bg-sf-ring\" />\n    </button>\n  );\n});\n\n/**\n * Special cell that makes the entire cell area a hit target for the checkbox.\n */\n\nconst TableCheckCell = forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> & {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onValueChange?: (checked: boolean) => void;\n    label?: string;\n    disabled?: boolean;\n  }\n>(\n  (\n    { checked, indeterminate, onValueChange, label, disabled, ...props },\n    ref\n  ) => {\n    return (\n      <TableCell\n        ref={ref}\n        {...props}\n        className={cn(\"w-10 leading-none\", props.className)}\n      >\n        <Checkbox\n          checked={checked}\n          indeterminate={indeterminate}\n          onCheckedChange={(newChecked) => {\n            onValueChange?.(newChecked);\n          }}\n          aria-label={label ?? \"Select row\"}\n          disabled={disabled}\n          className=\"relative before:absolute before:-inset-3 before:content-['']\"\n        />\n      </TableCell>\n    );\n  }\n);\n\nconst TableCheckHead = forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> & {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onValueChange?: (checked: boolean) => void;\n    label?: string;\n    disabled?: boolean;\n  }\n>(\n  (\n    { checked, indeterminate, onValueChange, label, disabled, ...props },\n    ref\n  ) => {\n    return (\n      <TableHead\n        ref={ref}\n        {...props}\n        className={cn(\"w-10 leading-none\", props.className)}\n      >\n        <Checkbox\n          checked={checked}\n          indeterminate={indeterminate}\n          onCheckedChange={(newChecked) => {\n            onValueChange?.(newChecked);\n          }}\n          aria-label={label ?? \"Select all rows\"}\n          disabled={disabled}\n          className=\"relative before:absolute before:-inset-3 before:content-['']\"\n        />\n      </TableHead>\n    );\n  }\n);\n\nTableRoot.displayName = \"Table\";\nTableBody.displayName = \"Table.Body\";\nTableHead.displayName = \"Table.Head\";\nTableRow.displayName = \"Table.Row\";\nTableCell.displayName = \"Table.Cell\";\nTableFooter.displayName = \"Table.Footer\";\nTableHeader.displayName = \"Table.Header\";\nTableResizeHandle.displayName = \"Table.ResizeHandle\";\nTableCheckCell.displayName = \"Table.CheckCell\";\nTableCheckHead.displayName = \"Table.CheckHead\";\n\n/**\n * Table — semantic HTML table with styled rows, cells, and selection support.\n *\n * Compound component: `Table` (Root), `.Header`, `.Head`, `.Body`, `.Row`,\n * `.Cell`, `.Footer`, `.CheckCell`, `.CheckHead`, `.ResizeHandle`.\n *\n * @example\n * ```tsx\n * <Table>\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.CheckHead checked={allSelected} onValueChange={toggleAll} />\n *       <Table.Head>Name</Table.Head>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     {rows.map((row) => (\n *       <Table.Row key={row.id} variant={selected.has(row.id) ? \"selected\" : \"default\"}>\n *         <Table.CheckCell checked={selected.has(row.id)} onValueChange={() => toggle(row.id)} />\n *         <Table.Cell>{row.name}</Table.Cell>\n *       </Table.Row>\n *     ))}\n *   </Table.Body>\n * </Table>\n * ```\n */\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Head: TableHead,\n  Row: TableRow,\n  Body: TableBody,\n  Cell: TableCell,\n  CheckCell: TableCheckCell,\n  CheckHead: TableCheckHead,\n  Footer: TableFooter,\n  ResizeHandle: TableResizeHandle,\n});\n"],"mappings":"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"}