@vireo-ai/trellis-ui 0.1.30 → 0.1.32

package/packages/client/types/runtime/engine/request.d.ts

@@ -4,6 +4,7 @@ type RequestMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 type RequestData = FormData | URLSearchParams | HTMLFormElement | Record<string, unknown> | string | Blob | ArrayBuffer;
 type RequestExtra = Record<string, unknown> | FormData | URLSearchParams;
 type RequestSource = Element;
+type NavigationHistory = 'auto' | 'push' | 'replace';
 type RequestOptions = {
     method?: RequestMethod | Lowercase<RequestMethod>;
     cache?: RequestCache;
@@ -18,7 +19,12 @@ type RequestOptions = {
 type RequestResult = {
     requestId: string;
     response: Response | null;
-    type: 'empty' | 'redirect' | 'other' | 'aborted' | 'cancelled' | 'unavailable';
+    type: 'empty' | 'navigate' | 'redirect' | 'other' | 'aborted' | 'cancelled' | 'unavailable';
+    url: string;
+    navigation?: {
+        history: NavigationHistory;
+        url: string;
+    };
 };
 type RequestLifecycleDetail = {
     source: Element | Document;
@@ -39,5 +45,6 @@ declare const post: (url: string | URL, options?: RequestOptions) => Promise<Req
 declare const put: (url: string | URL, options?: RequestOptions) => Promise<RequestResult>;
 declare const del: (url: string | URL, options?: RequestOptions) => Promise<RequestResult>;
 declare const registerRequestRuntime: (AlpineInstance: Alpine.Alpine | StreamAlpine) => void;
-export { del, get, post, put, registerRequestRuntime, request, requestWithAlpine, };
-export type { RequestLifecycleDetail, RequestMethod, RequestOptions, RequestResult };
+declare const setNavigateResponseHandler: (handler: ((result: RequestResult) => boolean) | null) => void;
+export { del, get, post, put, registerRequestRuntime, request, requestWithAlpine, setNavigateResponseHandler, };
+export type { NavigationHistory, RequestLifecycleDetail, RequestMethod, RequestOptions, RequestResult };

package/packages/client/types/runtime/engine/stream.d.ts

@@ -14,18 +14,11 @@ type StreamEventPayload = {
     event: string;
     detail?: Record<string, unknown>;
 };
-type LocationPayload = {
-    url: string;
-    mode?: 'push' | 'replace' | 'assign';
-    requestId?: string;
-};
 type UiEffectPayload = ({
     type: 'patch';
 } & StreamPatchPayload) | ({
     type: 'dispatch';
-} & StreamEventPayload) | ({
-    type: 'location';
-} & LocationPayload);
+} & StreamEventPayload);
 type SseFrame = {
     event: string;
     data: string;
@@ -61,6 +54,5 @@ declare const connectStream: (AlpineInstance: StreamAlpine, url: string, scopes?
 declare const registerStream: (AlpineInstance: Alpine.Alpine) => void;
 declare const setEffectRequestFilter: (filter: ((requestId: string | null) => boolean) | null) => void;
 declare const setMorphExclusionFilter: (filter: ((requestId: string | null, element: Element) => boolean) | null) => void;
-declare const setLocationEffectHandler: (handler: ((payload: LocationPayload) => boolean) | null) => void;
-export { applyUiEffect, applyUiEffects, applyStreamPatch, applyStreamPatchNow, applyStreamPatches, applySseFrame, connectStream, dispatchStreamEvent, registerStream, registerStreamPatchAnimator, setEffectRequestFilter, setMorphExclusionFilter, setLocationEffectHandler, streamUrl, };
-export type { LocationPayload, PatchMode, SseFrame, StreamAlpine, StreamEventPayload, StreamPatchAnimator, StreamPatchPayload, UiEffectPayload, };
+export { applyUiEffect, applyUiEffects, applyStreamPatch, applyStreamPatchNow, applyStreamPatches, applySseFrame, connectStream, dispatchStreamEvent, registerStream, registerStreamPatchAnimator, setEffectRequestFilter, setMorphExclusionFilter, streamUrl, };
+export type { PatchMode, SseFrame, StreamAlpine, StreamEventPayload, StreamPatchAnimator, StreamPatchPayload, UiEffectPayload, };

package/packages/client/types/styles/tailwind-candidates.d.ts

@@ -0,0 +1 @@
+export declare const normalizeTailwindCandidates: (values: readonly unknown[]) => string[];

package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css

@@ -1440,9 +1440,6 @@
   .max-h-prose {
     max-height: 65ch;
   }
-  .max-h-select-listbox {
-    max-height: var(--spacing-select-listbox);
-  }
   .max-h-sm {
     max-height: var(--container-sm);
   }
@@ -8899,6 +8896,9 @@
   }
 }
 @layer components {
+  [data-ui-select-viewport] {
+    max-height: var(--ui-select-listbox-max-height, var(--spacing-select-listbox));
+  }
   [data-ui-select-sheet-heading] {
     display: none;
   }
@@ -9598,145 +9598,152 @@
   }
 }
 @layer components {
-  [data-ui-action-recipe] {
-    --ui-action-text: var(--ui-surface-ink);
-    --ui-action-text-hover: var(--ui-surface-ink);
-    --ui-action-soft: var(--color-intent-neutral-soft);
-    --ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
-    --ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
-    --ui-action-soft-ink: var(--color-intent-neutral-soft-ink);
-    --ui-action-solid: var(--color-intent-neutral-solid);
-    --ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
-    --ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
-    --ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
-    --ui-action-edge: var(--ui-surface-edge);
-    --ui-action-edge-hover: var(--ui-surface-edge-hover);
-    --ui-action-edge-strong: var(--ui-surface-edge-strong);
-    --ui-action-focus: var(--color-intent-neutral-focus);
-    --ui-action-focus-width: var(--color-intent-neutral-focus-width);
-  }
-  [data-ui-action-recipe][data-color="accent"] {
-    --ui-action-text: var(--color-intent-accent-text);
-    --ui-action-text-hover: var(--color-intent-accent-text-hover);
-    --ui-action-soft: var(--color-intent-accent-soft);
-    --ui-action-soft-hover: var(--color-intent-accent-soft-hover);
-    --ui-action-soft-pressed: var(--color-intent-accent-soft-pressed);
-    --ui-action-soft-ink: var(--color-intent-accent-soft-ink);
-    --ui-action-solid: var(--color-intent-accent-solid);
-    --ui-action-solid-hover: var(--color-intent-accent-solid-hover);
-    --ui-action-solid-pressed: var(--color-intent-accent-solid-pressed);
-    --ui-action-solid-ink: var(--color-intent-accent-solid-ink);
-    --ui-action-edge: var(--color-intent-accent-edge);
-    --ui-action-edge-hover: var(--color-intent-accent-edge-hover);
-    --ui-action-edge-strong: var(--color-intent-accent-edge-strong);
-    --ui-action-focus: var(--color-intent-accent-focus);
-    --ui-action-focus-width: var(--color-intent-accent-focus-width);
-  }
-  [data-ui-action-recipe][data-color="success"] {
-    --ui-action-text: var(--color-intent-success-text);
-    --ui-action-text-hover: var(--color-intent-success-text-hover);
-    --ui-action-soft: var(--color-intent-success-soft);
-    --ui-action-soft-hover: var(--color-intent-success-soft-hover);
-    --ui-action-soft-pressed: var(--color-intent-success-soft-pressed);
-    --ui-action-soft-ink: var(--color-intent-success-soft-ink);
-    --ui-action-solid: var(--color-intent-success-solid);
-    --ui-action-solid-hover: var(--color-intent-success-solid-hover);
-    --ui-action-solid-pressed: var(--color-intent-success-solid-pressed);
-    --ui-action-solid-ink: var(--color-intent-success-solid-ink);
-    --ui-action-edge: var(--color-intent-success-edge);
-    --ui-action-edge-hover: var(--color-intent-success-edge-hover);
-    --ui-action-edge-strong: var(--color-intent-success-edge-strong);
-    --ui-action-focus: var(--color-intent-success-focus);
-    --ui-action-focus-width: var(--color-intent-success-focus-width);
-  }
-  [data-ui-action-recipe][data-color="warning"] {
-    --ui-action-text: var(--color-intent-warning-text);
-    --ui-action-text-hover: var(--color-intent-warning-text-hover);
-    --ui-action-soft: var(--color-intent-warning-soft);
-    --ui-action-soft-hover: var(--color-intent-warning-soft-hover);
-    --ui-action-soft-pressed: var(--color-intent-warning-soft-pressed);
-    --ui-action-soft-ink: var(--color-intent-warning-soft-ink);
-    --ui-action-solid: var(--color-intent-warning-solid);
-    --ui-action-solid-hover: var(--color-intent-warning-solid-hover);
-    --ui-action-solid-pressed: var(--color-intent-warning-solid-pressed);
-    --ui-action-solid-ink: var(--color-intent-warning-solid-ink);
-    --ui-action-edge: var(--color-intent-warning-edge);
-    --ui-action-edge-hover: var(--color-intent-warning-edge-hover);
-    --ui-action-edge-strong: var(--color-intent-warning-edge-strong);
-    --ui-action-focus: var(--color-intent-warning-focus);
-    --ui-action-focus-width: var(--color-intent-warning-focus-width);
-  }
-  [data-ui-action-recipe][data-color="danger"] {
-    --ui-action-text: var(--color-intent-danger-text);
-    --ui-action-text-hover: var(--color-intent-danger-text-hover);
-    --ui-action-soft: var(--color-intent-danger-soft);
-    --ui-action-soft-hover: var(--color-intent-danger-soft-hover);
-    --ui-action-soft-pressed: var(--color-intent-danger-soft-pressed);
-    --ui-action-soft-ink: var(--color-intent-danger-soft-ink);
-    --ui-action-solid: var(--color-intent-danger-solid);
-    --ui-action-solid-hover: var(--color-intent-danger-solid-hover);
-    --ui-action-solid-pressed: var(--color-intent-danger-solid-pressed);
-    --ui-action-solid-ink: var(--color-intent-danger-solid-ink);
-    --ui-action-edge: var(--color-intent-danger-edge);
-    --ui-action-edge-hover: var(--color-intent-danger-edge-hover);
-    --ui-action-edge-strong: var(--color-intent-danger-edge-strong);
-    --ui-action-focus: var(--color-intent-danger-focus);
-    --ui-action-focus-width: var(--color-intent-danger-focus-width);
+  :is([data-ui-action-recipe], [data-ui-toast-recipe]) {
+    --ui-intent-text: var(--ui-surface-ink);
+    --ui-intent-text-hover: var(--ui-surface-ink);
+    --ui-intent-soft: var(--color-intent-neutral-soft);
+    --ui-intent-soft-hover: var(--color-intent-neutral-soft-hover);
+    --ui-intent-soft-pressed: var(--color-intent-neutral-soft-pressed);
+    --ui-intent-soft-ink: var(--color-intent-neutral-soft-ink);
+    --ui-intent-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
+    --ui-intent-solid: var(--color-intent-neutral-solid);
+    --ui-intent-solid-hover: var(--color-intent-neutral-solid-hover);
+    --ui-intent-solid-pressed: var(--color-intent-neutral-solid-pressed);
+    --ui-intent-solid-ink: var(--color-intent-neutral-solid-ink);
+    --ui-intent-edge: var(--ui-surface-edge);
+    --ui-intent-edge-hover: var(--ui-surface-edge-hover);
+    --ui-intent-edge-strong: var(--ui-surface-edge-strong);
+    --ui-intent-focus: var(--color-intent-neutral-focus);
+    --ui-intent-focus-width: var(--color-intent-neutral-focus-width);
+  }
+  :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="accent"] {
+    --ui-intent-text: var(--color-intent-accent-text);
+    --ui-intent-text-hover: var(--color-intent-accent-text-hover);
+    --ui-intent-soft: var(--color-intent-accent-soft);
+    --ui-intent-soft-hover: var(--color-intent-accent-soft-hover);
+    --ui-intent-soft-pressed: var(--color-intent-accent-soft-pressed);
+    --ui-intent-soft-ink: var(--color-intent-accent-soft-ink);
+    --ui-intent-soft-ink-muted: var(--color-intent-accent-soft-ink-muted);
+    --ui-intent-solid: var(--color-intent-accent-solid);
+    --ui-intent-solid-hover: var(--color-intent-accent-solid-hover);
+    --ui-intent-solid-pressed: var(--color-intent-accent-solid-pressed);
+    --ui-intent-solid-ink: var(--color-intent-accent-solid-ink);
+    --ui-intent-edge: var(--color-intent-accent-edge);
+    --ui-intent-edge-hover: var(--color-intent-accent-edge-hover);
+    --ui-intent-edge-strong: var(--color-intent-accent-edge-strong);
+    --ui-intent-focus: var(--color-intent-accent-focus);
+    --ui-intent-focus-width: var(--color-intent-accent-focus-width);
+  }
+  :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="success"] {
+    --ui-intent-text: var(--color-intent-success-text);
+    --ui-intent-text-hover: var(--color-intent-success-text-hover);
+    --ui-intent-soft: var(--color-intent-success-soft);
+    --ui-intent-soft-hover: var(--color-intent-success-soft-hover);
+    --ui-intent-soft-pressed: var(--color-intent-success-soft-pressed);
+    --ui-intent-soft-ink: var(--color-intent-success-soft-ink);
+    --ui-intent-soft-ink-muted: var(--color-intent-success-soft-ink-muted);
+    --ui-intent-solid: var(--color-intent-success-solid);
+    --ui-intent-solid-hover: var(--color-intent-success-solid-hover);
+    --ui-intent-solid-pressed: var(--color-intent-success-solid-pressed);
+    --ui-intent-solid-ink: var(--color-intent-success-solid-ink);
+    --ui-intent-edge: var(--color-intent-success-edge);
+    --ui-intent-edge-hover: var(--color-intent-success-edge-hover);
+    --ui-intent-edge-strong: var(--color-intent-success-edge-strong);
+    --ui-intent-focus: var(--color-intent-success-focus);
+    --ui-intent-focus-width: var(--color-intent-success-focus-width);
+  }
+  :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="warning"] {
+    --ui-intent-text: var(--color-intent-warning-text);
+    --ui-intent-text-hover: var(--color-intent-warning-text-hover);
+    --ui-intent-soft: var(--color-intent-warning-soft);
+    --ui-intent-soft-hover: var(--color-intent-warning-soft-hover);
+    --ui-intent-soft-pressed: var(--color-intent-warning-soft-pressed);
+    --ui-intent-soft-ink: var(--color-intent-warning-soft-ink);
+    --ui-intent-soft-ink-muted: var(--color-intent-warning-soft-ink-muted);
+    --ui-intent-solid: var(--color-intent-warning-solid);
+    --ui-intent-solid-hover: var(--color-intent-warning-solid-hover);
+    --ui-intent-solid-pressed: var(--color-intent-warning-solid-pressed);
+    --ui-intent-solid-ink: var(--color-intent-warning-solid-ink);
+    --ui-intent-edge: var(--color-intent-warning-edge);
+    --ui-intent-edge-hover: var(--color-intent-warning-edge-hover);
+    --ui-intent-edge-strong: var(--color-intent-warning-edge-strong);
+    --ui-intent-focus: var(--color-intent-warning-focus);
+    --ui-intent-focus-width: var(--color-intent-warning-focus-width);
+  }
+  :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="danger"] {
+    --ui-intent-text: var(--color-intent-danger-text);
+    --ui-intent-text-hover: var(--color-intent-danger-text-hover);
+    --ui-intent-soft: var(--color-intent-danger-soft);
+    --ui-intent-soft-hover: var(--color-intent-danger-soft-hover);
+    --ui-intent-soft-pressed: var(--color-intent-danger-soft-pressed);
+    --ui-intent-soft-ink: var(--color-intent-danger-soft-ink);
+    --ui-intent-soft-ink-muted: var(--color-intent-danger-soft-ink-muted);
+    --ui-intent-solid: var(--color-intent-danger-solid);
+    --ui-intent-solid-hover: var(--color-intent-danger-solid-hover);
+    --ui-intent-solid-pressed: var(--color-intent-danger-solid-pressed);
+    --ui-intent-solid-ink: var(--color-intent-danger-solid-ink);
+    --ui-intent-edge: var(--color-intent-danger-edge);
+    --ui-intent-edge-hover: var(--color-intent-danger-edge-hover);
+    --ui-intent-edge-strong: var(--color-intent-danger-edge-strong);
+    --ui-intent-focus: var(--color-intent-danger-focus);
+    --ui-intent-focus-width: var(--color-intent-danger-focus-width);
   }
+}
+@layer components {
   [data-ui-action-recipe]:where([data-variant="ghost"], [data-variant="link"]) {
-    color: var(--ui-action-text);
+    color: var(--ui-intent-text);
     background-color: transparent;
     box-shadow: none;
   }
   [data-ui-action-recipe][data-variant="soft"] {
-    color: var(--ui-action-soft-ink);
-    background-color: var(--ui-action-soft);
+    color: var(--ui-intent-soft-ink);
+    background-color: var(--ui-intent-soft);
     box-shadow: none;
   }
   [data-ui-select-chip][data-variant="soft"] {
-    background-color: var(--ui-action-soft-hover);
+    background-color: var(--ui-intent-soft-hover);
   }
   [data-ui-action-recipe][data-variant="surface"] {
-    color: var(--ui-action-text);
+    color: var(--ui-intent-text);
     background-color: var(--color-interaction-hover);
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-intent-edge);
   }
   [data-ui-action-recipe][data-variant="outline"] {
-    color: var(--ui-action-text);
+    color: var(--ui-intent-text);
     background-color: transparent;
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-intent-edge);
   }
   [data-ui-action-recipe][data-variant="solid"] {
-    color: var(--ui-action-solid-ink);
-    background-color: var(--ui-action-solid);
+    color: var(--ui-intent-solid-ink);
+    background-color: var(--ui-intent-solid);
     box-shadow: var(--shadow-elevation-1);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive]):focus-visible {
-    box-shadow: 0 0 0 var(--ui-action-focus-width) var(--ui-action-focus);
+    box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="surface"], [data-variant="outline"]):hover:not(:disabled):not([aria-disabled="true"]) {
-    color: var(--ui-action-text-hover);
+    color: var(--ui-intent-text-hover);
     background-color: var(--color-interaction-hover);
-    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge-hover);
+    box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-intent-edge-hover);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
-    color: var(--ui-action-text-hover);
+    color: var(--ui-intent-text-hover);
     background-color: var(--color-interaction-hover);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="link"]:hover:not(:disabled):not([aria-disabled="true"]) {
-    color: var(--ui-action-text-hover);
+    color: var(--ui-intent-text-hover);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:hover:not(:disabled):not([aria-disabled="true"]) {
-    background-color: var(--ui-action-soft-hover);
+    background-color: var(--ui-intent-soft-hover);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:hover:not(:disabled):not([aria-disabled="true"]) {
-    background-color: var(--ui-action-solid-hover);
+    background-color: var(--ui-intent-solid-hover);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:active:not(:disabled):not([aria-disabled="true"]) {
-    background-color: var(--ui-action-soft-pressed);
+    background-color: var(--ui-intent-soft-pressed);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:active:not(:disabled):not([aria-disabled="true"]) {
-    background-color: var(--ui-action-solid-pressed);
+    background-color: var(--ui-intent-solid-pressed);
   }
   :is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="ghost"], [data-variant="surface"], [data-variant="outline"]):active:not(:disabled):not([aria-disabled="true"]) {
     background-color: var(--color-interaction-pressed);
@@ -9751,6 +9758,9 @@
     box-shadow: 0 0 0 1px currentColor;
   }
 }
+[data-ui-toast-outlet] {
+  --ui-toast-stack-peek: 8px;
+}
 [data-ui-toast-outlet][data-stack="collapsed"] {
   display: block;
   height: var(--ui-toast-stack-height);
@@ -9790,93 +9800,35 @@
 }
 @layer components {
   [data-ui-toast-recipe] {
-    --ui-toast-text: var(--ui-surface-ink);
-    --ui-toast-soft: var(--color-intent-neutral-soft);
-    --ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
-    --ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
-    --ui-toast-solid: var(--color-intent-neutral-solid);
-    --ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
-    --ui-toast-edge: var(--ui-surface-edge);
-    --ui-toast-edge-strong: var(--ui-surface-edge-strong);
-    --ui-toast-focus: var(--color-intent-neutral-focus);
-    --ui-toast-focus-width: var(--color-intent-neutral-focus-width);
     --ui-toast-ink: var(--ui-surface-ink);
     --ui-toast-ink-muted: var(--ui-surface-ink-muted);
     color: var(--ui-toast-ink);
     background-color: var(--ui-surface-color);
   }
-  [data-ui-toast-recipe][data-color="accent"] {
-    --ui-toast-text: var(--color-intent-accent-text);
-    --ui-toast-soft: var(--color-intent-accent-soft);
-    --ui-toast-soft-ink: var(--color-intent-accent-soft-ink);
-    --ui-toast-soft-ink-muted: var(--color-intent-accent-soft-ink-muted);
-    --ui-toast-solid: var(--color-intent-accent-solid);
-    --ui-toast-solid-ink: var(--color-intent-accent-solid-ink);
-    --ui-toast-edge: var(--color-intent-accent-edge);
-    --ui-toast-edge-strong: var(--color-intent-accent-edge-strong);
-    --ui-toast-focus: var(--color-intent-accent-focus);
-    --ui-toast-focus-width: var(--color-intent-accent-focus-width);
-  }
-  [data-ui-toast-recipe][data-color="success"] {
-    --ui-toast-text: var(--color-intent-success-text);
-    --ui-toast-soft: var(--color-intent-success-soft);
-    --ui-toast-soft-ink: var(--color-intent-success-soft-ink);
-    --ui-toast-soft-ink-muted: var(--color-intent-success-soft-ink-muted);
-    --ui-toast-solid: var(--color-intent-success-solid);
-    --ui-toast-solid-ink: var(--color-intent-success-solid-ink);
-    --ui-toast-edge: var(--color-intent-success-edge);
-    --ui-toast-edge-strong: var(--color-intent-success-edge-strong);
-    --ui-toast-focus: var(--color-intent-success-focus);
-    --ui-toast-focus-width: var(--color-intent-success-focus-width);
-  }
-  [data-ui-toast-recipe][data-color="warning"] {
-    --ui-toast-text: var(--color-intent-warning-text);
-    --ui-toast-soft: var(--color-intent-warning-soft);
-    --ui-toast-soft-ink: var(--color-intent-warning-soft-ink);
-    --ui-toast-soft-ink-muted: var(--color-intent-warning-soft-ink-muted);
-    --ui-toast-solid: var(--color-intent-warning-solid);
-    --ui-toast-solid-ink: var(--color-intent-warning-solid-ink);
-    --ui-toast-edge: var(--color-intent-warning-edge);
-    --ui-toast-edge-strong: var(--color-intent-warning-edge-strong);
-    --ui-toast-focus: var(--color-intent-warning-focus);
-    --ui-toast-focus-width: var(--color-intent-warning-focus-width);
-  }
-  [data-ui-toast-recipe][data-color="danger"] {
-    --ui-toast-text: var(--color-intent-danger-text);
-    --ui-toast-soft: var(--color-intent-danger-soft);
-    --ui-toast-soft-ink: var(--color-intent-danger-soft-ink);
-    --ui-toast-soft-ink-muted: var(--color-intent-danger-soft-ink-muted);
-    --ui-toast-solid: var(--color-intent-danger-solid);
-    --ui-toast-solid-ink: var(--color-intent-danger-solid-ink);
-    --ui-toast-edge: var(--color-intent-danger-edge);
-    --ui-toast-edge-strong: var(--color-intent-danger-edge-strong);
-    --ui-toast-focus: var(--color-intent-danger-focus);
-    --ui-toast-focus-width: var(--color-intent-danger-focus-width);
-  }
   [data-ui-toast-recipe][data-variant="soft"] {
-    --ui-toast-ink: var(--ui-toast-soft-ink);
-    --ui-toast-ink-muted: var(--ui-toast-soft-ink-muted);
+    --ui-toast-ink: var(--ui-intent-soft-ink);
+    --ui-toast-ink-muted: var(--ui-intent-soft-ink-muted);
     color: var(--ui-toast-ink);
-    background-color: var(--ui-toast-soft);
+    background-color: var(--ui-intent-soft);
   }
   [data-ui-toast-recipe][data-variant="surface"] {
-    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge);
+    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-intent-edge);
   }
   [data-ui-toast-recipe][data-variant="outline"] {
-    --ui-toast-ink: var(--ui-toast-text);
-    --ui-toast-ink-muted: var(--ui-toast-text);
-    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge-strong);
+    --ui-toast-ink: var(--ui-intent-text);
+    --ui-toast-ink-muted: var(--ui-intent-text);
+    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-intent-edge-strong);
     color: var(--ui-toast-ink);
     background-color: transparent;
   }
   [data-ui-toast-recipe][data-variant="solid"] {
-    --ui-toast-ink: var(--ui-toast-solid-ink);
-    --ui-toast-ink-muted: var(--ui-toast-solid-ink);
+    --ui-toast-ink: var(--ui-intent-solid-ink);
+    --ui-toast-ink-muted: var(--ui-intent-solid-ink);
     color: var(--ui-toast-ink);
-    background-color: var(--ui-toast-solid);
+    background-color: var(--ui-intent-solid);
   }
   [data-ui-toast-marker] {
-    background-color: var(--ui-toast-solid);
+    background-color: var(--ui-intent-solid);
   }
   [data-ui-toast-title] {
     color: var(--ui-toast-ink);
@@ -9896,7 +9848,7 @@
   }
   [data-ui-toast-close]:focus-visible {
     color: var(--ui-toast-ink);
-    box-shadow: 0 0 0 var(--ui-toast-focus-width) var(--ui-toast-focus);
+    box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
   }
 }
 @layer components {
@@ -10517,10 +10469,6 @@
 }
 :root, .light, .dark {
   color-scheme: light;
-  --ui-font-weight-normal: var(--font-weight-normal);
-  --ui-font-weight-medium: var(--font-weight-medium);
-  --ui-font-weight-semibold: var(--font-weight-semibold);
-  --ui-letter-spacing: 0;
   --ui-label-ink: var(--ui-surface-ink-muted);
   @supports (color: color-mix(in lab, red, red)) {
     --ui-label-ink: color-mix(
@@ -10534,13 +10482,8 @@
   --ui-control-height-md: var(--spacing-control-md);
   --ui-control-height-lg: var(--spacing-control-lg);
   --ui-control-height-xlg: var(--spacing-control-xlg);
-  --ui-control-radius: var(--radius-control);
   --ui-popover-radius: var(--radius-overlay-sm);
   --ui-popover-padding: var(--spacing-popover-padding);
-  --ui-popover-z: var(--z-index-popover);
-  --ui-toast-stack-peek: 8px;
-  --ui-select-listbox-max-height: var(--spacing-select-listbox);
-  --ui-menu-item-height: var(--spacing-menu-item);
   --ui-icon-size-xs: var(--spacing-icon-xs);
   --ui-icon-size-sm: var(--spacing-icon-sm);
   --ui-icon-size: var(--spacing-icon);