@epilot/spark-ui 0.26.0 → 0.27.0

package/dist/lib/input-box-variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-box-variants.cjs","names":[],"sources":["../../src/lib/input-box-variants.ts"],"sourcesContent":["import { cn } from '../utils/cn'\nimport type { SparkInputColor, SparkInputStyle } from './theme-types'\n\nexport const GHOST_UNDERLINE =\n  'h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled'\n\nconst SOFT_BASE =\n  'user-invalid:bg-base-error-soft user-invalid:text-error user-invalid:not-disabled:hover:bg-red-a4 focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:ring-red-a8 disabled:bg-base-gray-soft disabled:opacity-50 aria-invalid:bg-base-error-soft aria-invalid:text-error aria-invalid:not-disabled:hover:bg-red-a4 aria-invalid:focus-visible:ring-red-a8 group-data-[invalid=true]/field:bg-base-error-soft group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:not-disabled:hover:bg-red-a4 group-data-[invalid=true]/field:focus-visible:ring-red-a8'\n\nconst BORDERED =\n  'border user-invalid:border-input-invalid user-invalid:text-error focus-visible:ring-1 user-invalid:focus-visible:border-input-invalid! user-invalid:focus-visible:ring-red-a4! disabled:border-input-disabled disabled:opacity-50 aria-invalid:border-input-invalid aria-invalid:text-error aria-invalid:focus-visible:border-input-invalid! aria-invalid:focus-visible:ring-red-a4! group-data-[invalid=true]/field:border-input-invalid group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus-visible:border-input-invalid! group-data-[invalid=true]/field:focus-visible:ring-red-a4!'\nexport const boxChrome: Record<\n  SparkInputStyle,\n  Record<SparkInputColor, string>\n> = {\n  soft: {\n    brand: cn(\n      SOFT_BASE,\n      'bg-input-base not-disabled:hover:bg-input-base-hover focus-visible:ring-input-active',\n    ),\n    gray: cn(\n      SOFT_BASE,\n      'bg-base-gray-soft not-disabled:hover:bg-gray-a4 focus-visible:ring-gray-a8',\n    ),\n  },\n  surface: {\n    brand: cn(\n      BORDERED,\n      'border-input bg-base-accent-surface focus-visible:border-input-active focus-visible:ring-spark-a4',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray bg-base-gray-surface focus-visible:border-gray-a8 focus-visible:ring-gray-a4',\n    ),\n  },\n  outlined: {\n    brand: cn(\n      BORDERED,\n      'border-input focus-visible:border-input-active focus-visible:ring-spark-a4',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray focus-visible:border-gray-a8 focus-visible:ring-gray-a4',\n    ),\n  },\n  ghost: {\n    brand: cn(GHOST_UNDERLINE, 'border-b-input'),\n    gray: cn(GHOST_UNDERLINE, 'border-b-input-gray'),\n  },\n}\n"],"mappings":";;;;AAGA,MAAa,kBACX;AAEF,MAAM,YACJ;AAEF,MAAM,WACJ;AACF,MAAa,YAGT;CACF,MAAM;EACJ,QAAA,GAAA,GAAA,IACE,WACA,sFACF;EACA,OAAA,GAAA,GAAA,IACE,WACA,4EACF;CACF;CACA,SAAS;EACP,QAAA,GAAA,GAAA,IACE,UACA,mGACF;EACA,OAAA,GAAA,GAAA,IACE,UACA,gGACF;CACF;CACA,UAAU;EACR,QAAA,GAAA,GAAA,IACE,UACA,4EACF;EACA,OAAA,GAAA,GAAA,IACE,UACA,2EACF;CACF;CACA,OAAO;EACL,QAAA,GAAA,GAAA,IAAU,iBAAiB,gBAAgB;EAC3C,OAAA,GAAA,GAAA,IAAS,iBAAiB,qBAAqB;CACjD;AACF"}
+{"version":3,"file":"input-box-variants.cjs","names":[],"sources":["../../src/lib/input-box-variants.ts"],"sourcesContent":["import { cn } from '../utils/cn'\nimport type { SparkInputColor, SparkInputStyle } from './theme-types'\n\nexport const GHOST_UNDERLINE =\n  'h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled'\n\nconst SOFT_BASE =\n  'user-invalid:bg-base-error-soft user-invalid:text-error user-invalid:not-disabled:hover:bg-red-a4 focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:ring-(--color-error-active) disabled:bg-base-gray-soft disabled:opacity-50 aria-invalid:bg-base-error-soft aria-invalid:text-error aria-invalid:not-disabled:hover:bg-red-a4 aria-invalid:focus-visible:ring-(--color-error-active) group-data-[invalid=true]/field:bg-base-error-soft group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:not-disabled:hover:bg-red-a4 group-data-[invalid=true]/field:focus-visible:ring-(--color-error-active)'\n\nconst BORDERED =\n  'border user-invalid:border-input-invalid user-invalid:text-error focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:border-input-invalid! user-invalid:focus-visible:ring-(--color-error-active)! disabled:border-input-disabled disabled:opacity-50 aria-invalid:border-input-invalid aria-invalid:text-error aria-invalid:focus-visible:border-input-invalid! aria-invalid:focus-visible:ring-(--color-error-active)! group-data-[invalid=true]/field:border-input-invalid group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus-visible:border-input-invalid! group-data-[invalid=true]/field:focus-visible:ring-(--color-error-active)!'\nexport const boxChrome: Record<\n  SparkInputStyle,\n  Record<SparkInputColor, string>\n> = {\n  soft: {\n    brand: cn(\n      SOFT_BASE,\n      'bg-input-base not-disabled:hover:bg-input-base-hover focus-visible:ring-(--color-focus-root)',\n    ),\n    gray: cn(\n      SOFT_BASE,\n      'bg-base-gray-soft not-disabled:hover:bg-gray-a4 focus-visible:ring-(--color-focus-root)',\n    ),\n  },\n  surface: {\n    brand: cn(\n      BORDERED,\n      'border-input bg-base-accent-surface focus-visible:border-input-active focus-visible:ring-(--color-focus-root)',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray bg-base-gray-surface focus-visible:border-gray-a8 focus-visible:ring-(--color-focus-root)',\n    ),\n  },\n  outlined: {\n    brand: cn(\n      BORDERED,\n      'border-input focus-visible:border-input-active focus-visible:ring-(--color-focus-root)',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray focus-visible:border-gray-a8 focus-visible:ring-(--color-focus-root)',\n    ),\n  },\n  ghost: {\n    brand: cn(GHOST_UNDERLINE, 'border-b-input'),\n    gray: cn(GHOST_UNDERLINE, 'border-b-input-gray'),\n  },\n}\n"],"mappings":";;;;AAGA,MAAa,kBACX;AAEF,MAAM,YACJ;AAEF,MAAM,WACJ;AACF,MAAa,YAGT;CACF,MAAM;EACJ,QAAA,GAAA,GAAA,IACE,WACA,8FACF;EACA,OAAA,GAAA,GAAA,IACE,WACA,yFACF;CACF;CACA,SAAS;EACP,QAAA,GAAA,GAAA,IACE,UACA,+GACF;EACA,OAAA,GAAA,GAAA,IACE,UACA,6GACF;CACF;CACA,UAAU;EACR,QAAA,GAAA,GAAA,IACE,UACA,wFACF;EACA,OAAA,GAAA,GAAA,IACE,UACA,wFACF;CACF;CACA,OAAO;EACL,QAAA,GAAA,GAAA,IAAU,iBAAiB,gBAAgB;EAC3C,OAAA,GAAA,GAAA,IAAS,iBAAiB,qBAAqB;CACjD;AACF"}

package/dist/lib/input-box-variants.d.cts

@@ -1,6 +1,6 @@
 "use client";
 
-import { a as SparkInputStyle, i as SparkInputColor } from "../theme-types-Bn5E15-P.cjs";
+import { c as SparkInputColor, l as SparkInputStyle } from "../theme-types-CKZzOmSa.cjs";
 
 //#region src/lib/input-box-variants.d.ts
 declare const GHOST_UNDERLINE = "h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled";

package/dist/lib/input-box-variants.d.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { a as SparkInputStyle, i as SparkInputColor } from "../theme-types-Bn5E15-P.js";
+import { c as SparkInputColor, l as SparkInputStyle } from "../theme-types-CKZzOmSa.js";
 
 //#region src/lib/input-box-variants.d.ts
 declare const GHOST_UNDERLINE = "h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled";

package/dist/lib/input-box-variants.js

@@ -2,20 +2,20 @@
 import { cn } from "../utils/cn.js";
 //#region src/lib/input-box-variants.ts
 const GHOST_UNDERLINE = "h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled";
-const SOFT_BASE = "user-invalid:bg-base-error-soft user-invalid:text-error user-invalid:not-disabled:hover:bg-red-a4 focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:ring-red-a8 disabled:bg-base-gray-soft disabled:opacity-50 aria-invalid:bg-base-error-soft aria-invalid:text-error aria-invalid:not-disabled:hover:bg-red-a4 aria-invalid:focus-visible:ring-red-a8 group-data-[invalid=true]/field:bg-base-error-soft group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:not-disabled:hover:bg-red-a4 group-data-[invalid=true]/field:focus-visible:ring-red-a8";
-const BORDERED = "border user-invalid:border-input-invalid user-invalid:text-error focus-visible:ring-1 user-invalid:focus-visible:border-input-invalid! user-invalid:focus-visible:ring-red-a4! disabled:border-input-disabled disabled:opacity-50 aria-invalid:border-input-invalid aria-invalid:text-error aria-invalid:focus-visible:border-input-invalid! aria-invalid:focus-visible:ring-red-a4! group-data-[invalid=true]/field:border-input-invalid group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus-visible:border-input-invalid! group-data-[invalid=true]/field:focus-visible:ring-red-a4!";
+const SOFT_BASE = "user-invalid:bg-base-error-soft user-invalid:text-error user-invalid:not-disabled:hover:bg-red-a4 focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:ring-(--color-error-active) disabled:bg-base-gray-soft disabled:opacity-50 aria-invalid:bg-base-error-soft aria-invalid:text-error aria-invalid:not-disabled:hover:bg-red-a4 aria-invalid:focus-visible:ring-(--color-error-active) group-data-[invalid=true]/field:bg-base-error-soft group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:not-disabled:hover:bg-red-a4 group-data-[invalid=true]/field:focus-visible:ring-(--color-error-active)";
+const BORDERED = "border user-invalid:border-input-invalid user-invalid:text-error focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:border-input-invalid! user-invalid:focus-visible:ring-(--color-error-active)! disabled:border-input-disabled disabled:opacity-50 aria-invalid:border-input-invalid aria-invalid:text-error aria-invalid:focus-visible:border-input-invalid! aria-invalid:focus-visible:ring-(--color-error-active)! group-data-[invalid=true]/field:border-input-invalid group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus-visible:border-input-invalid! group-data-[invalid=true]/field:focus-visible:ring-(--color-error-active)!";
 const boxChrome = {
 	soft: {
-		brand: cn(SOFT_BASE, "bg-input-base not-disabled:hover:bg-input-base-hover focus-visible:ring-input-active"),
-		gray: cn(SOFT_BASE, "bg-base-gray-soft not-disabled:hover:bg-gray-a4 focus-visible:ring-gray-a8")
+		brand: cn(SOFT_BASE, "bg-input-base not-disabled:hover:bg-input-base-hover focus-visible:ring-(--color-focus-root)"),
+		gray: cn(SOFT_BASE, "bg-base-gray-soft not-disabled:hover:bg-gray-a4 focus-visible:ring-(--color-focus-root)")
 	},
 	surface: {
-		brand: cn(BORDERED, "border-input bg-base-accent-surface focus-visible:border-input-active focus-visible:ring-spark-a4"),
-		gray: cn(BORDERED, "border-input-gray bg-base-gray-surface focus-visible:border-gray-a8 focus-visible:ring-gray-a4")
+		brand: cn(BORDERED, "border-input bg-base-accent-surface focus-visible:border-input-active focus-visible:ring-(--color-focus-root)"),
+		gray: cn(BORDERED, "border-input-gray bg-base-gray-surface focus-visible:border-gray-a8 focus-visible:ring-(--color-focus-root)")
 	},
 	outlined: {
-		brand: cn(BORDERED, "border-input focus-visible:border-input-active focus-visible:ring-spark-a4"),
-		gray: cn(BORDERED, "border-input-gray focus-visible:border-gray-a8 focus-visible:ring-gray-a4")
+		brand: cn(BORDERED, "border-input focus-visible:border-input-active focus-visible:ring-(--color-focus-root)"),
+		gray: cn(BORDERED, "border-input-gray focus-visible:border-gray-a8 focus-visible:ring-(--color-focus-root)")
 	},
 	ghost: {
 		brand: cn(GHOST_UNDERLINE, "border-b-input"),

package/dist/lib/input-box-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-box-variants.js","names":[],"sources":["../../src/lib/input-box-variants.ts"],"sourcesContent":["import { cn } from '../utils/cn'\nimport type { SparkInputColor, SparkInputStyle } from './theme-types'\n\nexport const GHOST_UNDERLINE =\n  'h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled'\n\nconst SOFT_BASE =\n  'user-invalid:bg-base-error-soft user-invalid:text-error user-invalid:not-disabled:hover:bg-red-a4 focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:ring-red-a8 disabled:bg-base-gray-soft disabled:opacity-50 aria-invalid:bg-base-error-soft aria-invalid:text-error aria-invalid:not-disabled:hover:bg-red-a4 aria-invalid:focus-visible:ring-red-a8 group-data-[invalid=true]/field:bg-base-error-soft group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:not-disabled:hover:bg-red-a4 group-data-[invalid=true]/field:focus-visible:ring-red-a8'\n\nconst BORDERED =\n  'border user-invalid:border-input-invalid user-invalid:text-error focus-visible:ring-1 user-invalid:focus-visible:border-input-invalid! user-invalid:focus-visible:ring-red-a4! disabled:border-input-disabled disabled:opacity-50 aria-invalid:border-input-invalid aria-invalid:text-error aria-invalid:focus-visible:border-input-invalid! aria-invalid:focus-visible:ring-red-a4! group-data-[invalid=true]/field:border-input-invalid group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus-visible:border-input-invalid! group-data-[invalid=true]/field:focus-visible:ring-red-a4!'\nexport const boxChrome: Record<\n  SparkInputStyle,\n  Record<SparkInputColor, string>\n> = {\n  soft: {\n    brand: cn(\n      SOFT_BASE,\n      'bg-input-base not-disabled:hover:bg-input-base-hover focus-visible:ring-input-active',\n    ),\n    gray: cn(\n      SOFT_BASE,\n      'bg-base-gray-soft not-disabled:hover:bg-gray-a4 focus-visible:ring-gray-a8',\n    ),\n  },\n  surface: {\n    brand: cn(\n      BORDERED,\n      'border-input bg-base-accent-surface focus-visible:border-input-active focus-visible:ring-spark-a4',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray bg-base-gray-surface focus-visible:border-gray-a8 focus-visible:ring-gray-a4',\n    ),\n  },\n  outlined: {\n    brand: cn(\n      BORDERED,\n      'border-input focus-visible:border-input-active focus-visible:ring-spark-a4',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray focus-visible:border-gray-a8 focus-visible:ring-gray-a4',\n    ),\n  },\n  ghost: {\n    brand: cn(GHOST_UNDERLINE, 'border-b-input'),\n    gray: cn(GHOST_UNDERLINE, 'border-b-input-gray'),\n  },\n}\n"],"mappings":";;;AAGA,MAAa,kBACX;AAEF,MAAM,YACJ;AAEF,MAAM,WACJ;AACF,MAAa,YAGT;CACF,MAAM;EACJ,OAAO,GACL,WACA,sFACF;EACA,MAAM,GACJ,WACA,4EACF;CACF;CACA,SAAS;EACP,OAAO,GACL,UACA,mGACF;EACA,MAAM,GACJ,UACA,gGACF;CACF;CACA,UAAU;EACR,OAAO,GACL,UACA,4EACF;EACA,MAAM,GACJ,UACA,2EACF;CACF;CACA,OAAO;EACL,OAAO,GAAG,iBAAiB,gBAAgB;EAC3C,MAAM,GAAG,iBAAiB,qBAAqB;CACjD;AACF"}
+{"version":3,"file":"input-box-variants.js","names":[],"sources":["../../src/lib/input-box-variants.ts"],"sourcesContent":["import { cn } from '../utils/cn'\nimport type { SparkInputColor, SparkInputStyle } from './theme-types'\n\nexport const GHOST_UNDERLINE =\n  'h-10 rounded-none border-0 border-b-2 px-0 py-2 text-base focus:border-b-input-active focus-visible:border-b-input-active user-valid:border-b-input-active user-invalid:border-b-input-invalid user-invalid:text-error user-invalid:focus:border-b-red-a8! user-invalid:focus-visible:border-b-red-a8! aria-invalid:border-b-input-invalid aria-invalid:text-error aria-invalid:focus:border-b-red-a8! aria-invalid:focus-visible:border-b-red-a8! group-data-[invalid=true]/field:border-b-input-invalid! group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus:border-b-red-a8! group-data-[invalid=true]/field:focus-visible:border-b-red-a8! disabled:border-b-input-disabled'\n\nconst SOFT_BASE =\n  'user-invalid:bg-base-error-soft user-invalid:text-error user-invalid:not-disabled:hover:bg-red-a4 focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:ring-(--color-error-active) disabled:bg-base-gray-soft disabled:opacity-50 aria-invalid:bg-base-error-soft aria-invalid:text-error aria-invalid:not-disabled:hover:bg-red-a4 aria-invalid:focus-visible:ring-(--color-error-active) group-data-[invalid=true]/field:bg-base-error-soft group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:not-disabled:hover:bg-red-a4 group-data-[invalid=true]/field:focus-visible:ring-(--color-error-active)'\n\nconst BORDERED =\n  'border user-invalid:border-input-invalid user-invalid:text-error focus-visible:ring-2 focus-visible:ring-offset-2 user-invalid:focus-visible:border-input-invalid! user-invalid:focus-visible:ring-(--color-error-active)! disabled:border-input-disabled disabled:opacity-50 aria-invalid:border-input-invalid aria-invalid:text-error aria-invalid:focus-visible:border-input-invalid! aria-invalid:focus-visible:ring-(--color-error-active)! group-data-[invalid=true]/field:border-input-invalid group-data-[invalid=true]/field:text-error group-data-[invalid=true]/field:focus-visible:border-input-invalid! group-data-[invalid=true]/field:focus-visible:ring-(--color-error-active)!'\nexport const boxChrome: Record<\n  SparkInputStyle,\n  Record<SparkInputColor, string>\n> = {\n  soft: {\n    brand: cn(\n      SOFT_BASE,\n      'bg-input-base not-disabled:hover:bg-input-base-hover focus-visible:ring-(--color-focus-root)',\n    ),\n    gray: cn(\n      SOFT_BASE,\n      'bg-base-gray-soft not-disabled:hover:bg-gray-a4 focus-visible:ring-(--color-focus-root)',\n    ),\n  },\n  surface: {\n    brand: cn(\n      BORDERED,\n      'border-input bg-base-accent-surface focus-visible:border-input-active focus-visible:ring-(--color-focus-root)',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray bg-base-gray-surface focus-visible:border-gray-a8 focus-visible:ring-(--color-focus-root)',\n    ),\n  },\n  outlined: {\n    brand: cn(\n      BORDERED,\n      'border-input focus-visible:border-input-active focus-visible:ring-(--color-focus-root)',\n    ),\n    gray: cn(\n      BORDERED,\n      'border-input-gray focus-visible:border-gray-a8 focus-visible:ring-(--color-focus-root)',\n    ),\n  },\n  ghost: {\n    brand: cn(GHOST_UNDERLINE, 'border-b-input'),\n    gray: cn(GHOST_UNDERLINE, 'border-b-input-gray'),\n  },\n}\n"],"mappings":";;;AAGA,MAAa,kBACX;AAEF,MAAM,YACJ;AAEF,MAAM,WACJ;AACF,MAAa,YAGT;CACF,MAAM;EACJ,OAAO,GACL,WACA,8FACF;EACA,MAAM,GACJ,WACA,yFACF;CACF;CACA,SAAS;EACP,OAAO,GACL,UACA,+GACF;EACA,MAAM,GACJ,UACA,6GACF;CACF;CACA,UAAU;EACR,OAAO,GACL,UACA,wFACF;EACA,MAAM,GACJ,UACA,wFACF;CACF;CACA,OAAO;EACL,OAAO,GAAG,iBAAiB,gBAAgB;EAC3C,MAAM,GAAG,iBAAiB,qBAAqB;CACjD;AACF"}

package/dist/lib/selection-list.cjs

@@ -0,0 +1,17 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/lib/selection-list.ts
+const BOXED = "overflow-hidden rounded-md border border-input-gray divide-y divide-input-gray data-[invalid=true]:border-input-invalid data-[invalid=true]:divide-input-invalid";
+/** Group chrome per `listStyle`; the group also sets `data-list-style` for its rows. */
+const selectionListClasses = {
+	soft: "group/selection-list gap-px overflow-hidden rounded-md",
+	surface: `group/selection-list gap-0 bg-base-gray-surface ${BOXED}`,
+	outlined: `group/selection-list gap-0 ${BOXED}`,
+	ghost: "group/selection-list gap-0"
+};
+const selectionRowClasses = "group-data-[list-style=soft]/selection-list:bg-base-gray-soft group-data-[list-style=soft]/selection-list:px-3 group-data-[list-style=soft]/selection-list:group-data-[invalid=true]/selection-list:bg-base-error-soft group-data-[list-style=surface]/selection-list:px-3 group-data-[list-style=outlined]/selection-list:px-3";
+//#endregion
+exports.selectionListClasses = selectionListClasses;
+exports.selectionRowClasses = selectionRowClasses;
+
+//# sourceMappingURL=selection-list.cjs.map

package/dist/lib/selection-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-list.cjs","names":[],"sources":["../../src/lib/selection-list.ts"],"sourcesContent":["import type { SparkInputStyle } from './theme-types'\n\nconst BOXED =\n  'overflow-hidden rounded-md border border-input-gray divide-y divide-input-gray data-[invalid=true]:border-input-invalid data-[invalid=true]:divide-input-invalid'\n\n/** Group chrome per `listStyle`; the group also sets `data-list-style` for its rows. */\nexport const selectionListClasses: Record<SparkInputStyle, string> = {\n  soft: 'group/selection-list gap-px overflow-hidden rounded-md',\n  surface: `group/selection-list gap-0 bg-base-gray-surface ${BOXED}`,\n  outlined: `group/selection-list gap-0 ${BOXED}`,\n  ghost: 'group/selection-list gap-0',\n}\n\nexport const selectionRowClasses =\n  'group-data-[list-style=soft]/selection-list:bg-base-gray-soft group-data-[list-style=soft]/selection-list:px-3 group-data-[list-style=soft]/selection-list:group-data-[invalid=true]/selection-list:bg-base-error-soft group-data-[list-style=surface]/selection-list:px-3 group-data-[list-style=outlined]/selection-list:px-3'\n"],"mappings":";;;AAEA,MAAM,QACJ;;AAGF,MAAa,uBAAwD;CACnE,MAAM;CACN,SAAS,mDAAmD;CAC5D,UAAU,8BAA8B;CACxC,OAAO;AACT;AAEA,MAAa,sBACX"}

package/dist/lib/selection-list.d.cts

@@ -0,0 +1,11 @@
+"use client";
+
+import { l as SparkInputStyle } from "../theme-types-CKZzOmSa.cjs";
+
+//#region src/lib/selection-list.d.ts
+/** Group chrome per `listStyle`; the group also sets `data-list-style` for its rows. */
+declare const selectionListClasses: Record<SparkInputStyle, string>;
+declare const selectionRowClasses = "group-data-[list-style=soft]/selection-list:bg-base-gray-soft group-data-[list-style=soft]/selection-list:px-3 group-data-[list-style=soft]/selection-list:group-data-[invalid=true]/selection-list:bg-base-error-soft group-data-[list-style=surface]/selection-list:px-3 group-data-[list-style=outlined]/selection-list:px-3";
+//#endregion
+export { selectionListClasses, selectionRowClasses };
+//# sourceMappingURL=selection-list.d.cts.map

package/dist/lib/selection-list.d.ts

@@ -0,0 +1,11 @@
+"use client";
+
+import { l as SparkInputStyle } from "../theme-types-CKZzOmSa.js";
+
+//#region src/lib/selection-list.d.ts
+/** Group chrome per `listStyle`; the group also sets `data-list-style` for its rows. */
+declare const selectionListClasses: Record<SparkInputStyle, string>;
+declare const selectionRowClasses = "group-data-[list-style=soft]/selection-list:bg-base-gray-soft group-data-[list-style=soft]/selection-list:px-3 group-data-[list-style=soft]/selection-list:group-data-[invalid=true]/selection-list:bg-base-error-soft group-data-[list-style=surface]/selection-list:px-3 group-data-[list-style=outlined]/selection-list:px-3";
+//#endregion
+export { selectionListClasses, selectionRowClasses };
+//# sourceMappingURL=selection-list.d.ts.map

package/dist/lib/selection-list.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/lib/selection-list.ts
+const BOXED = "overflow-hidden rounded-md border border-input-gray divide-y divide-input-gray data-[invalid=true]:border-input-invalid data-[invalid=true]:divide-input-invalid";
+/** Group chrome per `listStyle`; the group also sets `data-list-style` for its rows. */
+const selectionListClasses = {
+	soft: "group/selection-list gap-px overflow-hidden rounded-md",
+	surface: `group/selection-list gap-0 bg-base-gray-surface ${BOXED}`,
+	outlined: `group/selection-list gap-0 ${BOXED}`,
+	ghost: "group/selection-list gap-0"
+};
+const selectionRowClasses = "group-data-[list-style=soft]/selection-list:bg-base-gray-soft group-data-[list-style=soft]/selection-list:px-3 group-data-[list-style=soft]/selection-list:group-data-[invalid=true]/selection-list:bg-base-error-soft group-data-[list-style=surface]/selection-list:px-3 group-data-[list-style=outlined]/selection-list:px-3";
+//#endregion
+export { selectionListClasses, selectionRowClasses };
+
+//# sourceMappingURL=selection-list.js.map

package/dist/lib/selection-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-list.js","names":[],"sources":["../../src/lib/selection-list.ts"],"sourcesContent":["import type { SparkInputStyle } from './theme-types'\n\nconst BOXED =\n  'overflow-hidden rounded-md border border-input-gray divide-y divide-input-gray data-[invalid=true]:border-input-invalid data-[invalid=true]:divide-input-invalid'\n\n/** Group chrome per `listStyle`; the group also sets `data-list-style` for its rows. */\nexport const selectionListClasses: Record<SparkInputStyle, string> = {\n  soft: 'group/selection-list gap-px overflow-hidden rounded-md',\n  surface: `group/selection-list gap-0 bg-base-gray-surface ${BOXED}`,\n  outlined: `group/selection-list gap-0 ${BOXED}`,\n  ghost: 'group/selection-list gap-0',\n}\n\nexport const selectionRowClasses =\n  'group-data-[list-style=soft]/selection-list:bg-base-gray-soft group-data-[list-style=soft]/selection-list:px-3 group-data-[list-style=soft]/selection-list:group-data-[invalid=true]/selection-list:bg-base-error-soft group-data-[list-style=surface]/selection-list:px-3 group-data-[list-style=outlined]/selection-list:px-3'\n"],"mappings":";;AAEA,MAAM,QACJ;;AAGF,MAAa,uBAAwD;CACnE,MAAM;CACN,SAAS,mDAAmD;CAC5D,UAAU,8BAA8B;CACxC,OAAO;AACT;AAEA,MAAa,sBACX"}

package/dist/lib/theme-types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-types.cjs","names":[],"sources":["../../src/lib/theme-types.ts"],"sourcesContent":["/** The 6 curated Radix gray families — the only values `getMatchingNeutral` ever returns. */\nexport const SPARK_NEUTRAL_FAMILIES = [\n  'slate',\n  'mauve',\n  'gray',\n  'sage',\n  'olive',\n  'sand',\n] as const\nexport type SparkNeutralFamily = (typeof SPARK_NEUTRAL_FAMILIES)[number]\nexport function isSparkNeutralFamily(\n  value: string,\n): value is SparkNeutralFamily {\n  return (SPARK_NEUTRAL_FAMILIES as readonly string[]).includes(value)\n}\n\n/**\n * `'auto'` pairs a neutral automatically; one of the 6 curated families picks it by\n * name; any other string is a literal color seed (regenerated against `backgroundColor`\n * exactly like a custom family — see `resolveAutoNeutral`/`generateAccentScale`).\n */\nexport type SparkNeutral = 'auto' | SparkNeutralFamily | (string & {})\nexport type SparkRadius = 'none' | 'small' | 'medium' | 'large' | 'full'\nexport type SparkScaling = '90%' | '95%' | '100%' | '105%' | '110%'\nexport type SparkSpacing = 'dense' | 'default' | 'roomy'\nexport type SparkStyle = 'solid' | 'soft' | 'surface' | 'ghost' | 'outline'\n/**\n * Card chrome variants. `solid` pairs the neutral scale's own background/text\n * extremes (`--neutral-1` fill, `--neutral-12` ink) — the same pairing Radix\n * guarantees stays AA-compliant in both light and dark, so it needs no fixed\n * (non-appearance-tracking) override the way accent's solid ink does.\n */\nexport type SparkCardVariant = SparkStyle\n/**\n * Card container chrome palette. `neutral` (default) paints through the app\n * theme's neutral scale, so a card inherits the configured neutral colour;\n * `accent` tints the card's private mini-scale with the brand accent (chrome\n * only — never the content controls inside). Open union: grows into feedback\n * colours / custom palettes later.\n */\nexport type SparkCardColor = 'neutral' | 'accent'\nexport type SparkLabelPosition = 'outset' | 'inset'\nexport type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost'\nexport type SparkInputColor = 'brand' | 'gray'\n"],"mappings":";;;;AACA,MAAa,yBAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,qBACd,OAC6B;CAC7B,OAAQ,uBAA6C,SAAS,KAAK;AACrE"}
+{"version":3,"file":"theme-types.cjs","names":[],"sources":["../../src/lib/theme-types.ts"],"sourcesContent":["/** The 6 curated Radix gray families — the only values `getMatchingNeutral` ever returns. */\nexport const SPARK_NEUTRAL_FAMILIES = [\n  'slate',\n  'mauve',\n  'gray',\n  'sage',\n  'olive',\n  'sand',\n] as const\nexport type SparkNeutralFamily = (typeof SPARK_NEUTRAL_FAMILIES)[number]\nexport function isSparkNeutralFamily(\n  value: string,\n): value is SparkNeutralFamily {\n  return (SPARK_NEUTRAL_FAMILIES as readonly string[]).includes(value)\n}\n\n/**\n * `'auto'` pairs a neutral automatically; one of the 6 curated families picks it by\n * name; any other string is a literal color seed (regenerated against `backgroundColor`\n * exactly like a custom family — see `resolveAutoNeutral`/`generateAccentScale`).\n */\nexport type SparkNeutral = 'auto' | SparkNeutralFamily | (string & {})\nexport type SparkRadius = 'none' | 'small' | 'medium' | 'large' | 'full'\nexport type SparkScaling = '90%' | '95%' | '100%' | '105%' | '110%'\nexport type SparkSpacing = 'dense' | 'default' | 'roomy'\nexport type SparkStyle = 'solid' | 'soft' | 'surface' | 'ghost' | 'outline'\n/**\n * Card chrome variants. `solid` pairs the neutral scale's own background/text\n * extremes (`--neutral-1` fill, `--neutral-12` ink) — the same pairing Radix\n * guarantees stays AA-compliant in both light and dark, so it needs no fixed\n * (non-appearance-tracking) override the way accent's solid ink does.\n */\nexport type SparkCardVariant = SparkStyle\n/**\n * Card container chrome palette. `neutral` (default) paints through the app\n * theme's neutral scale, so a card inherits the configured neutral colour;\n * `accent` tints the card's private mini-scale with the brand accent (chrome\n * only — never the content controls inside). Open union: grows into feedback\n * colours / custom palettes later.\n */\nexport type SparkCardColor = 'neutral' | 'accent'\nexport type SparkLabelPosition = 'outset' | 'inset'\nexport type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost'\nexport type SparkInputColor = 'brand' | 'gray'\n/** Preferred: `primary` | `neutral` | `destructive`. `accent` / `danger` stay as aliases. */\nexport type SparkButtonColor =\n  | 'primary'\n  | 'accent'\n  | 'neutral'\n  | 'destructive'\n  | 'danger'\nexport type SparkButtonEmphasis = 'primary' | 'secondary' | 'tertiary'\nexport interface SparkButtonRole {\n  style?: SparkStyle\n  color?: SparkButtonColor\n}\n/** Per-emphasis `<Button>` look; a nested `<Theme>` replaces only the roles it sets. */\nexport type SparkButtonRoles = Partial<\n  Record<SparkButtonEmphasis, SparkButtonRole>\n>\n"],"mappings":";;;;AACA,MAAa,yBAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,qBACd,OAC6B;CAC7B,OAAQ,uBAA6C,SAAS,KAAK;AACrE"}

package/dist/lib/theme-types.d.cts

@@ -1,4 +1,4 @@
 "use client";
 
-import { a as SparkInputStyle, c as SparkNeutralFamily, d as SparkSpacing, f as SparkStyle, i as SparkInputColor, l as SparkRadius, n as SparkCardColor, o as SparkLabelPosition, p as isSparkNeutralFamily, r as SparkCardVariant, s as SparkNeutral, t as SPARK_NEUTRAL_FAMILIES, u as SparkScaling } from "../theme-types-Bn5E15-P.cjs";
-export { SPARK_NEUTRAL_FAMILIES, SparkCardColor, SparkCardVariant, SparkInputColor, SparkInputStyle, SparkLabelPosition, SparkNeutral, SparkNeutralFamily, SparkRadius, SparkScaling, SparkSpacing, SparkStyle, isSparkNeutralFamily };
+import { _ as isSparkNeutralFamily, a as SparkButtonRoles, c as SparkInputColor, d as SparkNeutral, f as SparkNeutralFamily, g as SparkStyle, h as SparkSpacing, i as SparkButtonRole, l as SparkInputStyle, m as SparkScaling, n as SparkButtonColor, o as SparkCardColor, p as SparkRadius, r as SparkButtonEmphasis, s as SparkCardVariant, t as SPARK_NEUTRAL_FAMILIES, u as SparkLabelPosition } from "../theme-types-CKZzOmSa.cjs";
+export { SPARK_NEUTRAL_FAMILIES, SparkButtonColor, SparkButtonEmphasis, SparkButtonRole, SparkButtonRoles, SparkCardColor, SparkCardVariant, SparkInputColor, SparkInputStyle, SparkLabelPosition, SparkNeutral, SparkNeutralFamily, SparkRadius, SparkScaling, SparkSpacing, SparkStyle, isSparkNeutralFamily };

package/dist/lib/theme-types.d.ts

@@ -1,4 +1,4 @@
 "use client";
 
-import { a as SparkInputStyle, c as SparkNeutralFamily, d as SparkSpacing, f as SparkStyle, i as SparkInputColor, l as SparkRadius, n as SparkCardColor, o as SparkLabelPosition, p as isSparkNeutralFamily, r as SparkCardVariant, s as SparkNeutral, t as SPARK_NEUTRAL_FAMILIES, u as SparkScaling } from "../theme-types-Bn5E15-P.js";
-export { SPARK_NEUTRAL_FAMILIES, SparkCardColor, SparkCardVariant, SparkInputColor, SparkInputStyle, SparkLabelPosition, SparkNeutral, SparkNeutralFamily, SparkRadius, SparkScaling, SparkSpacing, SparkStyle, isSparkNeutralFamily };
+import { _ as isSparkNeutralFamily, a as SparkButtonRoles, c as SparkInputColor, d as SparkNeutral, f as SparkNeutralFamily, g as SparkStyle, h as SparkSpacing, i as SparkButtonRole, l as SparkInputStyle, m as SparkScaling, n as SparkButtonColor, o as SparkCardColor, p as SparkRadius, r as SparkButtonEmphasis, s as SparkCardVariant, t as SPARK_NEUTRAL_FAMILIES, u as SparkLabelPosition } from "../theme-types-CKZzOmSa.js";
+export { SPARK_NEUTRAL_FAMILIES, SparkButtonColor, SparkButtonEmphasis, SparkButtonRole, SparkButtonRoles, SparkCardColor, SparkCardVariant, SparkInputColor, SparkInputStyle, SparkLabelPosition, SparkNeutral, SparkNeutralFamily, SparkRadius, SparkScaling, SparkSpacing, SparkStyle, isSparkNeutralFamily };

package/dist/lib/theme-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-types.js","names":[],"sources":["../../src/lib/theme-types.ts"],"sourcesContent":["/** The 6 curated Radix gray families — the only values `getMatchingNeutral` ever returns. */\nexport const SPARK_NEUTRAL_FAMILIES = [\n  'slate',\n  'mauve',\n  'gray',\n  'sage',\n  'olive',\n  'sand',\n] as const\nexport type SparkNeutralFamily = (typeof SPARK_NEUTRAL_FAMILIES)[number]\nexport function isSparkNeutralFamily(\n  value: string,\n): value is SparkNeutralFamily {\n  return (SPARK_NEUTRAL_FAMILIES as readonly string[]).includes(value)\n}\n\n/**\n * `'auto'` pairs a neutral automatically; one of the 6 curated families picks it by\n * name; any other string is a literal color seed (regenerated against `backgroundColor`\n * exactly like a custom family — see `resolveAutoNeutral`/`generateAccentScale`).\n */\nexport type SparkNeutral = 'auto' | SparkNeutralFamily | (string & {})\nexport type SparkRadius = 'none' | 'small' | 'medium' | 'large' | 'full'\nexport type SparkScaling = '90%' | '95%' | '100%' | '105%' | '110%'\nexport type SparkSpacing = 'dense' | 'default' | 'roomy'\nexport type SparkStyle = 'solid' | 'soft' | 'surface' | 'ghost' | 'outline'\n/**\n * Card chrome variants. `solid` pairs the neutral scale's own background/text\n * extremes (`--neutral-1` fill, `--neutral-12` ink) — the same pairing Radix\n * guarantees stays AA-compliant in both light and dark, so it needs no fixed\n * (non-appearance-tracking) override the way accent's solid ink does.\n */\nexport type SparkCardVariant = SparkStyle\n/**\n * Card container chrome palette. `neutral` (default) paints through the app\n * theme's neutral scale, so a card inherits the configured neutral colour;\n * `accent` tints the card's private mini-scale with the brand accent (chrome\n * only — never the content controls inside). Open union: grows into feedback\n * colours / custom palettes later.\n */\nexport type SparkCardColor = 'neutral' | 'accent'\nexport type SparkLabelPosition = 'outset' | 'inset'\nexport type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost'\nexport type SparkInputColor = 'brand' | 'gray'\n"],"mappings":";;;AACA,MAAa,yBAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,qBACd,OAC6B;CAC7B,OAAQ,uBAA6C,SAAS,KAAK;AACrE"}
+{"version":3,"file":"theme-types.js","names":[],"sources":["../../src/lib/theme-types.ts"],"sourcesContent":["/** The 6 curated Radix gray families — the only values `getMatchingNeutral` ever returns. */\nexport const SPARK_NEUTRAL_FAMILIES = [\n  'slate',\n  'mauve',\n  'gray',\n  'sage',\n  'olive',\n  'sand',\n] as const\nexport type SparkNeutralFamily = (typeof SPARK_NEUTRAL_FAMILIES)[number]\nexport function isSparkNeutralFamily(\n  value: string,\n): value is SparkNeutralFamily {\n  return (SPARK_NEUTRAL_FAMILIES as readonly string[]).includes(value)\n}\n\n/**\n * `'auto'` pairs a neutral automatically; one of the 6 curated families picks it by\n * name; any other string is a literal color seed (regenerated against `backgroundColor`\n * exactly like a custom family — see `resolveAutoNeutral`/`generateAccentScale`).\n */\nexport type SparkNeutral = 'auto' | SparkNeutralFamily | (string & {})\nexport type SparkRadius = 'none' | 'small' | 'medium' | 'large' | 'full'\nexport type SparkScaling = '90%' | '95%' | '100%' | '105%' | '110%'\nexport type SparkSpacing = 'dense' | 'default' | 'roomy'\nexport type SparkStyle = 'solid' | 'soft' | 'surface' | 'ghost' | 'outline'\n/**\n * Card chrome variants. `solid` pairs the neutral scale's own background/text\n * extremes (`--neutral-1` fill, `--neutral-12` ink) — the same pairing Radix\n * guarantees stays AA-compliant in both light and dark, so it needs no fixed\n * (non-appearance-tracking) override the way accent's solid ink does.\n */\nexport type SparkCardVariant = SparkStyle\n/**\n * Card container chrome palette. `neutral` (default) paints through the app\n * theme's neutral scale, so a card inherits the configured neutral colour;\n * `accent` tints the card's private mini-scale with the brand accent (chrome\n * only — never the content controls inside). Open union: grows into feedback\n * colours / custom palettes later.\n */\nexport type SparkCardColor = 'neutral' | 'accent'\nexport type SparkLabelPosition = 'outset' | 'inset'\nexport type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost'\nexport type SparkInputColor = 'brand' | 'gray'\n/** Preferred: `primary` | `neutral` | `destructive`. `accent` / `danger` stay as aliases. */\nexport type SparkButtonColor =\n  | 'primary'\n  | 'accent'\n  | 'neutral'\n  | 'destructive'\n  | 'danger'\nexport type SparkButtonEmphasis = 'primary' | 'secondary' | 'tertiary'\nexport interface SparkButtonRole {\n  style?: SparkStyle\n  color?: SparkButtonColor\n}\n/** Per-emphasis `<Button>` look; a nested `<Theme>` replaces only the roles it sets. */\nexport type SparkButtonRoles = Partial<\n  Record<SparkButtonEmphasis, SparkButtonRole>\n>\n"],"mappings":";;;AACA,MAAa,yBAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,qBACd,OAC6B;CAC7B,OAAQ,uBAA6C,SAAS,KAAK;AACrE"}

package/dist/lib/toggle-group-context.d.cts

@@ -1,6 +1,7 @@
 "use client";
 
-import { ButtonProps, SparkButtonColor } from "../components/button.cjs";
+import { n as SparkButtonColor } from "../theme-types-CKZzOmSa.cjs";
+import { ButtonProps } from "../components/button.cjs";
 import { ToggleStyle } from "../components/toggle.cjs";
 import * as React$1 from "react";
 

package/dist/lib/toggle-group-context.d.ts

@@ -1,6 +1,7 @@
 "use client";
 
-import { ButtonProps, SparkButtonColor } from "../components/button.js";
+import { n as SparkButtonColor } from "../theme-types-CKZzOmSa.js";
+import { ButtonProps } from "../components/button.js";
 import { ToggleStyle } from "../components/toggle.js";
 import * as React$1 from "react";
 

package/dist/styles/spark-default.css

@@ -852,7 +852,8 @@
 
   /*
    * Card container chrome — a CONTAINER-only knob (contract §11). Everything here
-   * writes only --spark-card-* / --spark-card-c-*, tokens read EXCLUSIVELY by <Card>;
+   * writes only --spark-card-* / --spark-card-c-*, tokens read only by <Card> and an ambient <List>
+   * (--spark-card-list-gapped is List's 0|1 row-gap switch);
    * it never touches data-style, --spark-style-*, or the --spark-* scale, so styling
    * OR colouring a card never cascades into the Buttons/Checkboxes inside it.
    *
@@ -890,6 +891,8 @@
   [data-card-variant='soft'],
   :where([data-card-variant='soft'] .spark-theme),
   :where([data-card-variant='soft'] [data-card-color]) {
+    --spark-card-focus: initial;
+    --spark-card-list-gapped: 1;
     --spark-card-px: 1rem;
     --spark-card-bg: var(--spark-card-c-soft, var(--neutral-a3));
     --spark-card-border: transparent;
@@ -902,6 +905,8 @@
   [data-card-variant='surface'],
   :where([data-card-variant='surface'] .spark-theme),
   :where([data-card-variant='surface'] [data-card-color]) {
+    --spark-card-focus: initial;
+    --spark-card-list-gapped: 0;
     --spark-card-px: 1rem;
     --spark-card-bg: var(--spark-card-c-surface, var(--neutral-2));
     --spark-card-border: var(--spark-card-c-border, var(--neutral-a6));
@@ -914,6 +919,8 @@
   [data-card-variant='outline'],
   :where([data-card-variant='outline'] .spark-theme),
   :where([data-card-variant='outline'] [data-card-color]) {
+    --spark-card-focus: initial;
+    --spark-card-list-gapped: 0;
     --spark-card-px: 1rem;
     --spark-card-bg: transparent;
     --spark-card-border: var(--spark-card-c-border, var(--neutral-a6));
@@ -926,7 +933,9 @@
   [data-card-variant='ghost'],
   :where([data-card-variant='ghost'] .spark-theme),
   :where([data-card-variant='ghost'] [data-card-color]) {
+    --spark-card-focus: initial;
     /* flush horizontally (no chrome to inset against); vertical rhythm kept by py-3 */
+    --spark-card-list-gapped: 1;
     --spark-card-px: 0px;
     --spark-card-bg: transparent;
     --spark-card-border: transparent;
@@ -942,6 +951,7 @@
     /* neutral: --neutral-1/--neutral-12 fill/ink — Radix's own bg+text pair, so
        contrast holds in both appearances with no fixed override needed. accent:
        --spark-9/--spark-contrast (AA-enforced) instead, via the accent block above. */
+    --spark-card-list-gapped: 1;
     --spark-card-px: 1rem;
     --spark-card-bg: var(--spark-card-c-solid, var(--neutral-1));
     --spark-card-border: transparent;
@@ -949,6 +959,7 @@
     --spark-card-fg: var(--spark-card-c-contrast, var(--neutral-12));
     --spark-card-fg-muted: var(--spark-card-c-contrast, var(--neutral-12));
     --spark-card-icon: var(--spark-card-c-contrast, var(--neutral-12));
+    --spark-card-focus: var(--spark-card-c-contrast, var(--neutral-12));
   }
 
   /*

package/dist/styles/theme.css

@@ -52,6 +52,104 @@
   }
 }
 
+/* Spinner comet. Dash lengths and offsets are user units on the r=9.5 circles in
+   spinner.tsx (circumference ≈ 59.69): change the radius and these stop lining up. */
+@theme {
+  --animate-spinner-turn: spark-spinner-turn 1.6s linear infinite;
+  --animate-spinner-spark: spark-spinner-spark 1.4s ease-in-out infinite;
+  --animate-spinner-band-1: spark-spinner-band-1 1.4s ease-in-out infinite;
+  --animate-spinner-band-1-end: spark-spinner-band-1-end 1.4s ease-in-out
+    infinite;
+  --animate-spinner-band-2: spark-spinner-band-2 1.4s ease-in-out infinite;
+  --animate-spinner-band-3: spark-spinner-band-3 1.4s ease-in-out infinite;
+}
+
+@keyframes spark-spinner-turn {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes spark-spinner-spark {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: 0;
+    opacity: 0.12;
+  }
+  40% {
+    stroke-dasharray: 6 200;
+    stroke-dashoffset: -7.5;
+    opacity: 0.12;
+  }
+  60% {
+    stroke-dasharray: 3 200;
+    stroke-dashoffset: -9;
+    opacity: 0.12;
+  }
+  82% {
+    stroke-dasharray: 0.01 200;
+    stroke-dashoffset: -10.5;
+    opacity: 0;
+  }
+  100% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -58;
+    opacity: 0;
+  }
+}
+@keyframes spark-spinner-band-1 {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -0.25;
+  }
+  50% {
+    stroke-dasharray: 7.5 200;
+    stroke-dashoffset: -17.5;
+  }
+  100% {
+    stroke-dasharray: 0.42 200;
+    stroke-dashoffset: -58.42;
+  }
+}
+@keyframes spark-spinner-band-1-end {
+  0% {
+    stroke-dashoffset: -0.25;
+  }
+  50% {
+    stroke-dashoffset: -17.5;
+  }
+  100% {
+    stroke-dashoffset: -58.42;
+  }
+}
+@keyframes spark-spinner-band-2 {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -0.5;
+  }
+  50% {
+    stroke-dasharray: 7.5 200;
+    stroke-dashoffset: -25;
+  }
+  100% {
+    stroke-dasharray: 0.42 200;
+    stroke-dashoffset: -58.84;
+  }
+}
+@keyframes spark-spinner-band-3 {
+  0% {
+    stroke-dasharray: 0.25 200;
+    stroke-dashoffset: -0.75;
+  }
+  50% {
+    stroke-dasharray: 7.5 200;
+    stroke-dashoffset: -32.5;
+  }
+  100% {
+    stroke-dasharray: 0.42 200;
+    stroke-dashoffset: -59.27;
+  }
+}
+
 /* `inline` so color utilities emit the underlying var() chain (bg-spark-9 →
    var(--spark-9)) and re-resolve per subtree — a mid-tree accent/neutral/style
    override reaches components instead of freezing at :root. */

package/dist/{theme-types-Bn5E15-P.d.ts → theme-types-CKZzOmSa.d.cts}

@@ -33,6 +33,15 @@ type SparkCardColor = 'neutral' | 'accent';
 type SparkLabelPosition = 'outset' | 'inset';
 type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost';
 type SparkInputColor = 'brand' | 'gray';
+/** Preferred: `primary` | `neutral` | `destructive`. `accent` / `danger` stay as aliases. */
+type SparkButtonColor = 'primary' | 'accent' | 'neutral' | 'destructive' | 'danger';
+type SparkButtonEmphasis = 'primary' | 'secondary' | 'tertiary';
+interface SparkButtonRole {
+  style?: SparkStyle;
+  color?: SparkButtonColor;
+}
+/** Per-emphasis `<Button>` look; a nested `<Theme>` replaces only the roles it sets. */
+type SparkButtonRoles = Partial<Record<SparkButtonEmphasis, SparkButtonRole>>;
 //#endregion
-export { SparkInputStyle as a, SparkNeutralFamily as c, SparkSpacing as d, SparkStyle as f, SparkInputColor as i, SparkRadius as l, SparkCardColor as n, SparkLabelPosition as o, isSparkNeutralFamily as p, SparkCardVariant as r, SparkNeutral as s, SPARK_NEUTRAL_FAMILIES as t, SparkScaling as u };
-//# sourceMappingURL=theme-types-Bn5E15-P.d.ts.map
+export { isSparkNeutralFamily as _, SparkButtonRoles as a, SparkInputColor as c, SparkNeutral as d, SparkNeutralFamily as f, SparkStyle as g, SparkSpacing as h, SparkButtonRole as i, SparkInputStyle as l, SparkScaling as m, SparkButtonColor as n, SparkCardColor as o, SparkRadius as p, SparkButtonEmphasis as r, SparkCardVariant as s, SPARK_NEUTRAL_FAMILIES as t, SparkLabelPosition as u };
+//# sourceMappingURL=theme-types-CKZzOmSa.d.cts.map

package/dist/{theme-types-Bn5E15-P.d.cts → theme-types-CKZzOmSa.d.ts}

@@ -33,6 +33,15 @@ type SparkCardColor = 'neutral' | 'accent';
 type SparkLabelPosition = 'outset' | 'inset';
 type SparkInputStyle = 'soft' | 'surface' | 'outlined' | 'ghost';
 type SparkInputColor = 'brand' | 'gray';
+/** Preferred: `primary` | `neutral` | `destructive`. `accent` / `danger` stay as aliases. */
+type SparkButtonColor = 'primary' | 'accent' | 'neutral' | 'destructive' | 'danger';
+type SparkButtonEmphasis = 'primary' | 'secondary' | 'tertiary';
+interface SparkButtonRole {
+  style?: SparkStyle;
+  color?: SparkButtonColor;
+}
+/** Per-emphasis `<Button>` look; a nested `<Theme>` replaces only the roles it sets. */
+type SparkButtonRoles = Partial<Record<SparkButtonEmphasis, SparkButtonRole>>;
 //#endregion
-export { SparkInputStyle as a, SparkNeutralFamily as c, SparkSpacing as d, SparkStyle as f, SparkInputColor as i, SparkRadius as l, SparkCardColor as n, SparkLabelPosition as o, isSparkNeutralFamily as p, SparkCardVariant as r, SparkNeutral as s, SPARK_NEUTRAL_FAMILIES as t, SparkScaling as u };
-//# sourceMappingURL=theme-types-Bn5E15-P.d.cts.map
+export { isSparkNeutralFamily as _, SparkButtonRoles as a, SparkInputColor as c, SparkNeutral as d, SparkNeutralFamily as f, SparkStyle as g, SparkSpacing as h, SparkButtonRole as i, SparkInputStyle as l, SparkScaling as m, SparkButtonColor as n, SparkCardColor as o, SparkRadius as p, SparkButtonEmphasis as r, SparkCardVariant as s, SPARK_NEUTRAL_FAMILIES as t, SparkLabelPosition as u };
+//# sourceMappingURL=theme-types-CKZzOmSa.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epilot/spark-ui",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "description": "React UI component library from Spark SDK",
   "homepage": "https://spark-ui.epilot.io/docs/ui",
   "license": "Apache-2.0",