@urbicon-ui/blocks 6.43.0 → 6.44.0

package/dist/primitives/Spinner/spinner.variants.d.ts

@@ -2,13 +2,13 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const spinnerVariants: ((props?: {
     variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+    intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
     speed?: "fast" | "slow" | "normal" | undefined;
 } | undefined) => {
     base: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -16,7 +16,7 @@ export declare const spinnerVariants: ((props?: {
     svg: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -24,7 +24,7 @@ export declare const spinnerVariants: ((props?: {
     svgCircle: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -32,7 +32,7 @@ export declare const spinnerVariants: ((props?: {
     svgPath: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -40,7 +40,7 @@ export declare const spinnerVariants: ((props?: {
     dots: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -48,7 +48,7 @@ export declare const spinnerVariants: ((props?: {
     dot: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -56,7 +56,7 @@ export declare const spinnerVariants: ((props?: {
     pulse: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -64,7 +64,7 @@ export declare const spinnerVariants: ((props?: {
     pulseCenter: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -72,7 +72,7 @@ export declare const spinnerVariants: ((props?: {
     pulseRing: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -80,7 +80,7 @@ export declare const spinnerVariants: ((props?: {
     ring: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -88,7 +88,7 @@ export declare const spinnerVariants: ((props?: {
     ringElement: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -96,7 +96,7 @@ export declare const spinnerVariants: ((props?: {
     bars: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -104,7 +104,7 @@ export declare const spinnerVariants: ((props?: {
     bar: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -112,7 +112,7 @@ export declare const spinnerVariants: ((props?: {
     content: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
@@ -120,7 +120,7 @@ export declare const spinnerVariants: ((props?: {
     srOnly: (props?: ({
         variant?: "pulse" | "ring" | "default" | "bars" | "dots" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
+        intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/primitives/Stepper/stepper.variants.d.ts

@@ -4,7 +4,7 @@ export declare const stepperVariants: ((props?: {
     orientation?: "horizontal" | "vertical" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "default" | "outlined" | "minimal" | undefined;
-    stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+    stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
     clickable?: boolean | undefined;
     stepDisabled?: boolean | undefined;
     separatorComplete?: boolean | undefined;
@@ -14,7 +14,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -26,7 +26,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -38,7 +38,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -50,7 +50,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -62,7 +62,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -74,7 +74,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -86,7 +86,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -98,7 +98,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -110,7 +110,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -122,7 +122,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "complete" | "inactive" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;

package/dist/primitives/Stepper/stepper.variants.js

@@ -68,7 +68,8 @@ export const stepperVariants = tv({
                 indicator: 'size-7 text-xs',
                 step: 'gap-2',
                 label: 'text-xs',
-                description: 'text-2xs',
+                // Body-copy floor — see the same note in radioGroup.variants.ts.
+                description: 'text-xs',
                 content: 'text-sm',
                 indicatorColumn: 'w-7'
             },

package/dist/primitives/Tab/tab.variants.js

@@ -47,7 +47,10 @@ export const tabVariants = tv({
                 list: 'p-1 bg-surface-interactive',
                 trigger: [
                     'px-4 py-2 text-text-tertiary',
-                    'hover:text-text-primary hover:bg-surface-hover',
+                    // The trigger sits ON the list's `surface-interactive` fill, so its
+                    // hover is the fill's own step — `surface-hover` resolves to the same
+                    // value as the fill in light mode and was a no-op there.
+                    'hover:text-text-primary hover:bg-surface-interactive-hover',
                     'data-[state=active]:bg-surface-base data-[state=active]:text-primary',
                     'data-[state=active]:shadow-[var(--blocks-shadow-sm)]'
                 ]
@@ -57,7 +60,7 @@ export const tabVariants = tv({
                 trigger: [
                     'px-4 py-2 border border-b-0 -mb-px',
                     'text-text-tertiary border-transparent',
-                    'hover:text-text-primary hover:bg-surface-subtle',
+                    'hover:text-text-primary hover:bg-surface-hover',
                     'data-[state=active]:bg-surface-base data-[state=active]:text-primary',
                     'data-[state=active]:border-border-subtle data-[state=active]:border-b-surface-base'
                 ]

package/dist/primitives/Textarea/Textarea.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { mintRegistry } from '../..';
+  import CoreFieldMessage from '../../internal/core/CoreFieldMessage.svelte';
   import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import { useFormField, getTierContext } from '../../utils';
   import type { TextareaProps } from './index';
@@ -165,26 +166,20 @@
     <div
       class={unstyled ? (slotClasses?.footer ?? '') : styles.footer({ class: slotClasses?.footer })}
     >
-      {#if ff.errorId}
-        <div
-          id={ff.errorId}
-          class={unstyled
-            ? (slotClasses?.message ?? '')
-            : styles.message({ class: slotClasses?.message })}
-          role="alert"
-        >
+      {#if error || helper}
+        <CoreFieldMessage
           {error}
-        </div>
-      {:else if ff.helperId}
-        <div
-          id={ff.helperId}
+          {helper}
+          errorId={ff.errorId}
+          helperId={ff.helperId}
           class={unstyled
             ? (slotClasses?.message ?? '')
             : styles.message({ class: slotClasses?.message })}
-        >
-          {helper}
-        </div>
+        />
       {:else}
+        <!-- The footer is `justify-between`: without a first child the counter
+             would slide to the left edge. Unlike every other field, Textarea's
+             message shares a row, so the empty slot has to stay here. -->
         <span></span>
       {/if}
 

package/dist/primitives/Textarea/textarea.variants.js

@@ -30,10 +30,10 @@ export const textareaVariants = tv({
                 base: 'border-border-subtle'
             },
             filled: {
-                base: 'bg-surface-interactive border-transparent hover:bg-surface-hover focus-visible:bg-surface-base'
+                base: 'bg-surface-interactive border-transparent hover:bg-surface-interactive-hover focus-visible:bg-surface-base'
             },
             ghost: {
-                base: 'bg-transparent border-transparent hover:bg-surface-subtle focus-visible:bg-surface-base focus-visible:border-border-subtle'
+                base: 'bg-transparent border-transparent hover:bg-surface-hover focus-visible:bg-surface-base focus-visible:border-border-subtle'
             },
             underline: {
                 base: 'bg-transparent border-0 border-b-2 border-border-subtle rounded-none focus-visible:ring-0'

package/dist/primitives/Toast/toast.variants.d.ts

@@ -1,70 +1,70 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const toastVariants: ((props?: {
-    intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+    intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
     placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
 } | undefined) => {
     container: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     toast: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     icon: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     title: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     description: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     actions: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     actionButton: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     cancelButton: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     dismissButton: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     progress: (props?: ({
-        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/primitives/Toggle/Toggle.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { useBlocksI18n, mintRegistry } from '../..';
+  import CoreFieldMessage from '../../internal/core/CoreFieldMessage.svelte';
   import { getBlocksConfig, resolveSlotClasses } from '../../provider';
   import { getTierContext, useFormField } from '../../utils';
   import { toggleVariants, type ToggleVariants } from './toggle.variants';
@@ -152,24 +153,13 @@
     {/if}
   </label>
 
-  {#if ff.errorId}
-    <div
-      id={ff.errorId}
-      class={unstyled
-        ? (slotClasses?.message ?? '')
-        : styles.message({ class: slotClasses?.message })}
-      role="alert"
-    >
-      {error}
-    </div>
-  {:else if ff.helperId}
-    <div
-      id={ff.helperId}
-      class={unstyled
-        ? (slotClasses?.message ?? '')
-        : styles.message({ class: slotClasses?.message })}
-    >
-      {helper}
-    </div>
-  {/if}
+  <CoreFieldMessage
+    {error}
+    {helper}
+    errorId={ff.errorId}
+    helperId={ff.helperId}
+    class={unstyled
+      ? (slotClasses?.message ?? '')
+      : styles.message({ class: slotClasses?.message })}
+  />
 </div>

package/dist/primitives/Toggle/toggle.variants.js

@@ -127,13 +127,15 @@ export const toggleVariants = tv({
                 // same destination Checkbox's unchecked `outlined` box reaches, on
                 // the border the track already reserves (`border border-transparent`
                 // in the slot base, so nothing shifts).
-                // Deliberately NOT a fill step: the off track sits on
-                // `surface-interactive`, which resolves to the SAME value as
-                // `surface-hover` in light mode (both neutral-100) and as
-                // `surface-active` in dark (both neutral-700) — in the library
-                // default *and* under the docs Rooms skin. Either fill token would
-                // therefore be a silent no-op in one of the two modes; the border is
-                // the only step that reads in both.
+                //
+                // A fill step is now possible — `surface-interactive-hover` (added
+                // 2026-07-25) is the rung the filled fields use, and it reads in both
+                // modes. The border step stays anyway, for a Toggle-specific reason:
+                // the `dot` variant hides the thumb, so the track IS the control, and a
+                // boundary change reads there where a fill wash does not. (The original
+                // reason was that no fill token worked at all — `surface-interactive`
+                // resolved to `surface-hover` in light and `surface-active` in dark.
+                // That is fixed; this is now a choice, not a constraint.)
                 track: 'bg-surface-interactive group-hover:border-border-emphasis',
                 thumb: 'translate-x-0'
             }

package/dist/style/foundation.css

@@ -1,7 +1,7 @@
 @theme {
   --color-neutral-0: oklch(1 0 0);
-  --color-neutral-25: oklch(0.99 0.002 240);
-  --color-neutral-50: oklch(0.98 0.005 240);
+  --color-neutral-25: oklch(0.985 0.003 240);
+  --color-neutral-50: oklch(0.965 0.006 240);
   --color-neutral-100: oklch(0.95 0.008 240);
   --color-neutral-200: oklch(0.89 0.012 240);
   --color-neutral-300: oklch(0.83 0.014 240);
@@ -179,13 +179,23 @@
   --radius-commit: 9999px;
   --radius-modify: var(--radius-sm);
   --radius-contain: var(--radius-xs);
-  /* r-bridge — the "between" radius for adjacency cases: a floating
-     panel anchored to a commit-tier (pill) trigger reads disconnected
-     if the panel is r-contain (2 px) and over-sized if it mirrors the
-     pill at r-commit (9999 px). r-bridge sits at r-md (~6 px) to
-     visually pair pill triggers with their dropdown bodies (Menu panel
-     when its trigger Button is commit-tier). Use sparingly — most
-     surfaces should pick one of the three primary tiers above. */
+  /* r-bridge — the MIDDLE tier, at r-md (~6 px). Two cases earn it, both
+     of them "r-contain is too hard here, r-commit is too soft":
+
+       1. Adjacency. A floating panel anchored to a commit-tier (pill)
+          trigger reads disconnected at r-contain (2 px) and over-sized
+          if it mirrors the pill at r-commit. (Menu panel when its
+          trigger Button is commit-tier.)
+       2. Small tinted content surfaces. Optical radius scales with the
+          area it turns: 2 px on a 600 px Card reads as a precise edge,
+          the same 2 px on a ~200 px chat bubble reads as a rectangle.
+          A bubble is content, not architecture — it takes the middle
+          tier. (ChatMessage bubble.)
+
+     Still not a free-for-all: everything that IS a panel, dialog or
+     container belongs on one of the three primary tiers above. Reach
+     for bridge only when the surface is demonstrably too small for
+     r-contain to read as intentional. */
   --radius-bridge: var(--radius-md);
 
   /* Container Query Breakpoints */