@vireo-ai/trellis-ui 0.1.47 → 0.1.49

package/packages/client/types/components/virtualizer/contract.d.ts

@@ -1,29 +1 @@
-import { type SchemaToProps } from '../../runtime';
-declare const VIRTUALIZER_AXES: readonly ["vertical"];
-type VirtualizerAxis = typeof VIRTUALIZER_AXES[number];
-declare const virtualizerSchema: {
-    fetchUrl: import("../../runtime/codecs").StringCodec;
-    totalItems: import("../../runtime/codecs").NumberCodec;
-    itemSize: import("../../runtime/codecs").NumberCodec;
-    bufferSize: import("../../runtime/codecs").NumberCodec;
-    overscan: import("../../runtime/codecs").NumberCodec;
-    axis: import("../../runtime/codecs").OneOfCodec<"vertical">;
-    initialIndex: import("../../runtime/codecs").NumberCodec;
-    startParam: import("../../runtime/codecs").StringCodec;
-    countParam: import("../../runtime/codecs").StringCodec;
-    totalParam: import("../../runtime/codecs").StringCodec;
-    windowParam: import("../../runtime/codecs").StringCodec;
-    totalHeader: import("../../runtime/codecs").StringCodec;
-    assetsHeader: import("../../runtime/codecs").StringCodec;
-    metaSelector: import("../../runtime/codecs").StringCodec;
-    scrollArea: import("../../runtime/codecs").BoolCodec;
-    fill: import("../../runtime/codecs").BoolCodec;
-    class: import("../../runtime/codecs").StringCodec;
-    scrollAreaClass: import("../../runtime/codecs").StringCodec;
-    viewportClass: import("../../runtime/codecs").StringCodec;
-    spacerClass: import("../../runtime/codecs").StringCodec;
-    blockClass: import("../../runtime/codecs").StringCodec;
-};
-type VirtualizerProps = SchemaToProps<typeof virtualizerSchema>;
-export { VIRTUALIZER_AXES, virtualizerSchema };
-export type { VirtualizerAxis, VirtualizerProps };
+export { VIRTUALIZER_AXES, virtualizerSchema, type VirtualizerAxis, type VirtualizerProps, } from '../../runtime/virtualizer-schema';

package/packages/client/types/components/virtualizer/cursor.d.ts

@@ -0,0 +1 @@
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, } from '../../runtime/cursor-data-source';

package/packages/client/types/components/virtualizer/index.d.ts

@@ -1,31 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type PropState, type TrellisAlpineComponent, type VirtualScrollAlign } from '../../runtime';
-import { virtualizerSchema } from './contract';
-type ResetOptions = {
-    scrollTop?: number;
-};
-type SetUrlOptions = {
-    reset?: boolean;
-};
-/** Public Alpine API for `ui.virtualizer`. @public */
-interface UiVirtualizerApi {
-    /** Scrolls a logical item into the requested vertical alignment. */
-    scrollToIndex(index: number, align?: VirtualScrollAlign): void;
-    /** Replaces the known logical item count and reloads mounted ranges. */
-    setTotalItems(count: number): void;
-    /** Replaces the fragment endpoint and optionally resets to the top. */
-    setUrl(url: string, options?: SetUrlOptions): void;
-    /** Invalidates all blocks and reloads them around a scroll position. */
-    reset(options?: ResetOptions): void;
-    /** Reloads all blocks without changing the fragment endpoint. */
-    reload(options?: ResetOptions): void;
-}
-type VirtualizerData = UiVirtualizerApi & {
-    props: PropState<typeof virtualizerSchema>;
-    init(): void;
-    destroy(): void;
-};
-declare const UiVirtualizer: (AlpineInstance: Alpine.Alpine) => TrellisAlpineComponent<VirtualizerData>;
+import { UiVirtualizer } from '../../runtime/virtualizer';
 declare const registerVirtualizer: (AlpineInstance: Alpine.Alpine) => void;
 export { registerVirtualizer, UiVirtualizer };
-export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerData, VirtualScrollAlign, };
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualizerData, VirtualScrollAlign, } from '../../runtime/virtualizer';

package/packages/client/types/motion/flip.d.ts

@@ -2,13 +2,13 @@ import { type MotionHandle } from './animate';
 import { type MotionRoleName, type MotionTransition } from './recipe';
 import { type MotionSubject } from './subject';
 type FlipOptions = Readonly<{
-    target?: Element | string;
+    target?: Element | string | readonly (Element | string)[];
     update(): void;
     role?: MotionRoleName;
     transition?: MotionTransition;
     signal?: AbortSignal | null;
 }>;
-/** Commit final geometry, then animate a dedicated visual from its inverse frame using transform only. */
+/** Commit final geometry once, then animate every visual from its inverse frame using transform only. */
 declare const flip: (subject: MotionSubject, options: FlipOptions) => MotionHandle;
 export { flip };
 export type { FlipOptions };

package/packages/client/types/runtime/cursor-data-source.d.ts

@@ -0,0 +1,45 @@
+type CursorPage<Content> = {
+    content: Content;
+    startCursor: string | null;
+    endCursor: string | null;
+    hasNext: boolean;
+    hasPrevious: boolean;
+    startIndex?: number;
+};
+type CursorRenderPayload = {
+    html: string;
+    assets: Array<{
+        id: string;
+        src: string;
+        preloads?: string[];
+    }>;
+    totalItems: number | null;
+};
+type SoughtCursorPage<Content> = CursorPage<Content> & {
+    startIndex: number;
+};
+type CursorFirstArgs<Query> = {
+    limit: number;
+    query: Query;
+    signal: AbortSignal;
+};
+type CursorMoveArgs<Query> = CursorFirstArgs<Query> & {
+    cursor: string;
+};
+type CursorSeekArgs<Query> = CursorFirstArgs<Query> & {
+    index: number;
+};
+type CursorDataSource<Query, Content> = {
+    first(args: CursorFirstArgs<Query>): Promise<CursorPage<Content>>;
+    next(args: CursorMoveArgs<Query>): Promise<CursorPage<Content>>;
+    previous(args: CursorMoveArgs<Query>): Promise<CursorPage<Content>>;
+    seek?(args: CursorSeekArgs<Query>): Promise<SoughtCursorPage<Content>>;
+};
+type CursorResponseAdapter<Content> = (content: Content, page: CursorPage<Content>) => CursorRenderPayload | Promise<CursorRenderPayload>;
+type CursorVirtualizerOptions<Query, Content> = {
+    dataSource: CursorDataSource<Query, Content>;
+    query: Query;
+    responseAdapter: CursorResponseAdapter<Content>;
+    seekDebounce?: number;
+};
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, };

package/packages/client/types/runtime/focus-handoff.d.ts

@@ -0,0 +1,11 @@
+type FocusHandoffState = {
+    pointerDown: boolean;
+    pointerFocused: HTMLElement | null;
+    shortcut: boolean;
+    shortcutReset: number | undefined;
+};
+declare const ensureFocusHandoff: (document: Document) => FocusHandoffState;
+declare const beginShortcutFocusHandoff: (document: Document) => void;
+declare const isShortcutFocusHandoff: (document: Document) => boolean;
+declare const focusWithoutIndicator: (element: HTMLElement) => void;
+export { beginShortcutFocusHandoff, ensureFocusHandoff, focusWithoutIndicator, isShortcutFocusHandoff, };

package/packages/client/types/runtime/virtualizer-schema.d.ts

@@ -0,0 +1,29 @@
+import { type SchemaToProps } from './codecs';
+declare const VIRTUALIZER_AXES: readonly ["vertical"];
+type VirtualizerAxis = typeof VIRTUALIZER_AXES[number];
+declare const virtualizerSchema: {
+    fetchUrl: import("./codecs").StringCodec;
+    totalItems: import("./codecs").NumberCodec;
+    itemSize: import("./codecs").NumberCodec;
+    bufferSize: import("./codecs").NumberCodec;
+    overscan: import("./codecs").NumberCodec;
+    axis: import("./codecs").OneOfCodec<"vertical">;
+    initialIndex: import("./codecs").NumberCodec;
+    startParam: import("./codecs").StringCodec;
+    countParam: import("./codecs").StringCodec;
+    totalParam: import("./codecs").StringCodec;
+    windowParam: import("./codecs").StringCodec;
+    totalHeader: import("./codecs").StringCodec;
+    assetsHeader: import("./codecs").StringCodec;
+    metaSelector: import("./codecs").StringCodec;
+    scrollArea: import("./codecs").BoolCodec;
+    fill: import("./codecs").BoolCodec;
+    class: import("./codecs").StringCodec;
+    scrollAreaClass: import("./codecs").StringCodec;
+    viewportClass: import("./codecs").StringCodec;
+    spacerClass: import("./codecs").StringCodec;
+    blockClass: import("./codecs").StringCodec;
+};
+type VirtualizerProps = SchemaToProps<typeof virtualizerSchema>;
+export { VIRTUALIZER_AXES, virtualizerSchema };
+export type { VirtualizerAxis, VirtualizerProps };

package/packages/client/types/runtime/virtualizer.d.ts

@@ -0,0 +1,41 @@
+import type Alpine from 'alpinejs';
+import { type PropState } from './codecs';
+import type { TrellisAlpineComponent } from './index';
+import { type VirtualScrollAlign } from './virtual-window';
+import { virtualizerSchema } from './virtualizer-schema';
+import type { CursorVirtualizerOptions } from './cursor-data-source';
+type ResetOptions = {
+    scrollTop?: number;
+};
+type SetUrlOptions = {
+    reset?: boolean;
+};
+/** Public Alpine API for `ui.virtualizer`. @public */
+interface UiVirtualizerApi<Query = unknown> {
+    /** Whether the configured cursor data source supports arbitrary index seeks. */
+    readonly supportsSeek: boolean;
+    /** Scrolls a logical item into the requested vertical alignment. */
+    scrollToIndex(index: number, align?: VirtualScrollAlign): void;
+    /** Replaces the known logical item count and reloads mounted ranges. */
+    setTotalItems(count: number): void;
+    /** Replaces the fragment endpoint and optionally resets to the top. */
+    setUrl(url: string, options?: SetUrlOptions): void;
+    /** Replaces cursor-mode query state and resets to the first cursor. */
+    setQuery(query: Query): void;
+    /** Invalidates all blocks and reloads them around a scroll position. */
+    reset(options?: ResetOptions): void;
+    /** Reloads all blocks without changing the fragment endpoint. */
+    reload(options?: ResetOptions): void;
+}
+type VirtualizerData<Query = unknown> = UiVirtualizerApi<Query> & {
+    props: PropState<typeof virtualizerSchema>;
+    init(): void;
+    destroy(): void;
+};
+type VirtualizerOptions<Query, Content> = {
+    cursor?: CursorVirtualizerOptions<Query, Content>;
+};
+declare const UiVirtualizer: <Query = unknown, Content = unknown>(AlpineInstance: Alpine.Alpine, options?: VirtualizerOptions<Query, Content>) => TrellisAlpineComponent<VirtualizerData<Query>>;
+export { UiVirtualizer };
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, } from './cursor-data-source';
+export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualizerData, VirtualScrollAlign, };

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

@@ -1807,9 +1807,6 @@
   .cursor-default {
     cursor: default;
   }
-  .cursor-pointer {
-    cursor: pointer;
-  }
   .cursor-row-resize {
     cursor: row-resize;
   }
@@ -6270,109 +6267,109 @@
   --color-surface-workspace-0: oklch(98.510365% 0 none / 1);
   --color-surface-workspace-0-ink: oklch(20.93472% 0 none / 1);
   --color-surface-workspace-0-ink-muted: oklch(55.779494% 0 none / 1);
-  --color-surface-workspace-0-edge: oklch(95.51204% 0.001003 48.821037 / 1);
+  --color-surface-workspace-0-edge: oklch(95.012328% 0.001177 48.833534 / 1);
   --color-surface-workspace-0-edge-hover: oklch(94.010893% 0.000706 226.904518 / 1);
   --color-surface-workspace-0-edge-strong: oklch(92.510344% 0 none / 1);
   --color-surface-workspace-1: oklch(99.110365% 0 none / 1);
   --color-surface-workspace-1-ink: oklch(21.693184% 0 none / 1);
   --color-surface-workspace-1-ink-muted: oklch(56.194798% 0 none / 1);
-  --color-surface-workspace-1-edge: oklch(96.111969% 0.000982 48.819123 / 1);
+  --color-surface-workspace-1-edge: oklch(95.612259% 0.001152 48.831271 / 1);
   --color-surface-workspace-1-edge-hover: oklch(94.610885% 0.000692 226.905723 / 1);
   --color-surface-workspace-1-edge-strong: oklch(93.110343% 0 none / 1);
   --color-surface-workspace-2: oklch(100% 0 none / 1);
   --color-surface-workspace-2-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-2-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-2-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-2-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-2-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-2-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-workspace-3: oklch(100% 0 none / 1);
   --color-surface-workspace-3-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-3-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-3-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-3-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-3-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-3-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-workspace-4: oklch(100% 0 none / 1);
   --color-surface-workspace-4-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-4-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-4-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-4-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-4-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-4-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-workspace-5: oklch(100% 0 none / 1);
   --color-surface-workspace-5-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-5-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-5-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-5-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-5-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-5-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-workspace-6: oklch(100% 0 none / 1);
   --color-surface-workspace-6-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-6-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-6-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-6-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-6-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-6-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-workspace-7: oklch(100% 0 none / 1);
   --color-surface-workspace-7-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-7-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-7-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-7-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-7-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-7-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-workspace-8: oklch(100% 0 none / 1);
   --color-surface-workspace-8-ink: oklch(22.74366% 0 none / 1);
   --color-surface-workspace-8-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-workspace-8-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-workspace-8-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-workspace-8-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-workspace-8-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-0: oklch(96.010365% 0 none / 1);
   --color-surface-chrome-0-ink: oklch(17.101275% 0 none / 1);
   --color-surface-chrome-0-ink-muted: oklch(54.036418% 0 none / 1);
-  --color-surface-chrome-0-edge: oklch(93.012377% 0.0011 48.82982 / 1);
+  --color-surface-chrome-0-edge: oklch(92.51274% 0.001291 48.84392 / 1);
   --color-surface-chrome-0-edge-hover: oklch(91.511% 0.000765 226.899059 / 1);
   --color-surface-chrome-0-edge-strong: oklch(90.010356% 0 none / 1);
   --color-surface-chrome-1: oklch(96.610365% 0 none / 1);
   --color-surface-chrome-1-ink: oklch(18.154498% 0 none / 1);
   --color-surface-chrome-1-ink-muted: oklch(54.456699% 0 none / 1);
-  --color-surface-chrome-1-edge: oklch(93.61229% 0.001076 48.827585 / 1);
+  --color-surface-chrome-1-edge: oklch(93.112638% 0.001262 48.841277 / 1);
   --color-surface-chrome-1-edge-hover: oklch(92.11098% 0.00075 226.900438 / 1);
   --color-surface-chrome-1-edge-strong: oklch(90.610362% 0 none / 1);
   --color-surface-chrome-2: oklch(100% 0 none / 1);
   --color-surface-chrome-2-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-2-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-2-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-2-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-2-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-2-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-3: oklch(100% 0 none / 1);
   --color-surface-chrome-3-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-3-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-3-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-3-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-3-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-3-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-4: oklch(100% 0 none / 1);
   --color-surface-chrome-4-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-4-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-4-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-4-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-4-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-4-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-5: oklch(100% 0 none / 1);
   --color-surface-chrome-5-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-5-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-5-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-5-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-5-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-5-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-6: oklch(100% 0 none / 1);
   --color-surface-chrome-6-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-6-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-6-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-6-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-6-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-6-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-7: oklch(100% 0 none / 1);
   --color-surface-chrome-7-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-7-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-7-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-7-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-7-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-7-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-chrome-8: oklch(100% 0 none / 1);
   --color-surface-chrome-8-ink: oklch(22.74366% 0 none / 1);
   --color-surface-chrome-8-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-surface-chrome-8-edge: oklch(97.001505% 0.000951 48.81641 / 1);
+  --color-surface-chrome-8-edge: oklch(96.501777% 0.001116 48.828064 / 1);
   --color-surface-chrome-8-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
   --color-surface-chrome-8-edge-strong: oklch(93.999998% 0 none / 1);
   --color-surface-0: oklch(98.510365% 0 none / 1);
@@ -6402,12 +6399,12 @@
   --color-surface-8: oklch(100% 0 none / 1);
   --color-surface-8-ink: oklch(22.74366% 0 none / 1);
   --color-surface-8-ink-muted: oklch(56.808564% 0 none / 1);
-  --color-intent-accent-focus-width: 2px;
-  --color-intent-danger-focus-width: 3px;
-  --color-intent-information-focus-width: 3px;
-  --color-intent-neutral-focus-width: 3px;
-  --color-intent-success-focus-width: 3px;
-  --color-intent-warning-focus-width: 3px;
+  --color-intent-accent-focus-width: 1px;
+  --color-intent-danger-focus-width: 1px;
+  --color-intent-information-focus-width: 1px;
+  --color-intent-neutral-focus-width: 1px;
+  --color-intent-success-focus-width: 1px;
+  --color-intent-warning-focus-width: 1px;
   --background-interaction-selection-accent: oklch(50.756307% 0.185449 257.696372 / 0.118811);
   --background-interaction-selection-accent-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
   --background-interaction-selection-danger: oklch(50.734487% 0.20819 29.23388 / 0.120444);
@@ -6569,109 +6566,109 @@
   --color-surface-workspace-0: oklch(20.462653% 0 none / 1);
   --color-surface-workspace-0-ink: oklch(92.184718% 0 none / 1);
   --color-surface-workspace-0-ink-muted: oklch(76.561054% 0 none / 1);
-  --color-surface-workspace-0-edge: oklch(23.462529% 0.000305 197.137169 / 1);
+  --color-surface-workspace-0-edge: oklch(23.962493% 0.000349 197.134607 / 1);
   --color-surface-workspace-0-edge-hover: oklch(24.962499% 0.000387 197.133078 / 1);
   --color-surface-workspace-0-edge-strong: oklch(26.462687% 0.000189 none / 1);
   --color-surface-workspace-1: oklch(22.962653% 0 none / 1);
   --color-surface-workspace-1-ink: oklch(92.501588% 0 none / 1);
   --color-surface-workspace-1-ink-muted: oklch(76.93548% 0 none / 1);
-  --color-surface-workspace-1-edge: oklch(25.962493% 0.000318 197.138375 / 1);
+  --color-surface-workspace-1-edge: oklch(26.462469% 0.000365 197.135878 / 1);
   --color-surface-workspace-1-edge-hover: oklch(27.462498% 0.000404 197.134346 / 1);
   --color-surface-workspace-1-edge-strong: oklch(28.962633% 0.000197 none / 1);
   --color-surface-workspace-2: oklch(25.462653% 0.000386 251.779887 / 1);
   --color-surface-workspace-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
   --color-surface-workspace-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
-  --color-surface-workspace-2-edge: oklch(28.462523% 0.000556 222.391942 / 1);
+  --color-surface-workspace-2-edge: oklch(28.962508% 0.00059 219.703785 / 1);
   --color-surface-workspace-2-edge-hover: oklch(29.962519% 0.00061 217.143283 / 1);
   --color-surface-workspace-2-edge-strong: oklch(31.462634% 0.000388 226.187054 / 1);
   --color-surface-workspace-3: oklch(28.262653% 0.000579 251.779887 / 1);
   --color-surface-workspace-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
   --color-surface-workspace-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
-  --color-surface-workspace-3-edge: oklch(31.26252% 0.000707 227.458527 / 1);
+  --color-surface-workspace-3-edge: oklch(31.762502% 0.000736 224.710405 / 1);
   --color-surface-workspace-3-edge-hover: oklch(32.7625% 0.000745 222.113099 / 1);
   --color-surface-workspace-3-edge-strong: oklch(34.262654% 0.000508 231.447284 / 1);
   --color-surface-workspace-4: oklch(31.262653% 0.000965 251.779887 / 1);
   --color-surface-workspace-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
   --color-surface-workspace-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
-  --color-surface-workspace-4-edge: oklch(34.262495% 0.001001 233.303998 / 1);
+  --color-surface-workspace-4-edge: oklch(34.762473% 0.001017 230.725454 / 1);
   --color-surface-workspace-4-edge-hover: oklch(35.76248% 0.001005 228.347129 / 1);
   --color-surface-workspace-4-edge-strong: oklch(37.262601% 0.000744 237.136646 / 1);
   --color-surface-workspace-5: oklch(34.462653% 0.001351 251.779887 / 1);
   --color-surface-workspace-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
   --color-surface-workspace-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
-  --color-surface-workspace-5-edge: oklch(37.462422% 0.001296 235.782492 / 1);
+  --color-surface-workspace-5-edge: oklch(37.962393% 0.001299 233.299247 / 1);
   --color-surface-workspace-5-edge-hover: oklch(38.962419% 0.001266 231.218628 / 1);
   --color-surface-workspace-5-edge-strong: oklch(40.462488% 0.000975 239.703581 / 1);
   --color-surface-workspace-6: oklch(37.862653% 0.001737 251.779887 / 1);
   --color-surface-workspace-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
   --color-surface-workspace-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
-  --color-surface-workspace-6-edge: oklch(40.862272% 0.001573 236.149111 / 1);
+  --color-surface-workspace-6-edge: oklch(41.362226% 0.001561 233.527095 / 1);
   --color-surface-workspace-6-edge-hover: oklch(42.362252% 0.001507 231.763263 / 1);
   --color-surface-workspace-6-edge-strong: oklch(43.862347% 0.00118 240.680589 / 1);
   --color-surface-workspace-7: oklch(41.462653% 0.002316 251.779887 / 1);
   --color-surface-workspace-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
   --color-surface-workspace-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
-  --color-surface-workspace-7-edge: oklch(44.461748% 0.001909 234.987041 / 1);
+  --color-surface-workspace-7-edge: oklch(44.961626% 0.001866 231.821819 / 1);
   --color-surface-workspace-7-edge-hover: oklch(45.961728% 0.001786 230.699768 / 1);
   --color-surface-workspace-7-edge-strong: oklch(47.461907% 0.001423 241.125315 / 1);
   --color-surface-workspace-8: oklch(45.262653% 0.002896 251.779887 / 1);
   --color-surface-workspace-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
   --color-surface-workspace-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
-  --color-surface-workspace-8-edge: oklch(48.259319% 0.001997 225.532443 / 1);
+  --color-surface-workspace-8-edge: oklch(48.762653% 0.002747 251.779887 / 1);
   --color-surface-workspace-8-edge-hover: oklch(49.759858% 0.001852 221.880992 / 1);
   --color-surface-workspace-8-edge-strong: oklch(51.26084% 0.001491 239.070665 / 1);
   --color-surface-chrome-0: oklch(22.462653% 0 none / 1);
   --color-surface-chrome-0-ink: oklch(92.431093% 0 none / 1);
   --color-surface-chrome-0-ink-muted: oklch(76.852224% 0 none / 1);
-  --color-surface-chrome-0-edge: oklch(25.462509% 0.000315 197.138165 / 1);
+  --color-surface-chrome-0-edge: oklch(25.962476% 0.000361 197.135656 / 1);
   --color-surface-chrome-0-edge-hover: oklch(26.962476% 0.000401 197.134123 / 1);
   --color-surface-chrome-0-edge-strong: oklch(28.462668% 0.000195 none / 1);
   --color-surface-chrome-1: oklch(24.962653% 0 none / 1);
   --color-surface-chrome-1-ink: oklch(92.819977% 0 none / 1);
   --color-surface-chrome-1-ink-muted: oklch(77.311197% 0 none / 1);
-  --color-surface-chrome-1-edge: oklch(27.962487% 0.000331 197.139076 / 1);
+  --color-surface-chrome-1-edge: oklch(28.462474% 0.00038 197.136612 / 1);
   --color-surface-chrome-1-edge-hover: oklch(29.462476% 0.00042 197.135101 / 1);
   --color-surface-chrome-1-edge-strong: oklch(30.96262% 0.000204 none / 1);
   --color-surface-chrome-2: oklch(27.462653% 0.000386 251.779887 / 1);
   --color-surface-chrome-2-ink: oklch(93.302555% 0.000077 251.779887 / 1);
   --color-surface-chrome-2-ink-muted: oklch(77.879753% 0.000077 251.779887 / 1);
-  --color-surface-chrome-2-edge: oklch(30.462513% 0.000571 221.77183 / 1);
+  --color-surface-chrome-2-edge: oklch(30.962479% 0.000607 219.086041 / 1);
   --color-surface-chrome-2-edge-hover: oklch(31.962502% 0.000628 216.618278 / 1);
   --color-surface-chrome-2-edge-strong: oklch(33.462647% 0.000397 225.793124 / 1);
   --color-surface-chrome-3: oklch(30.262653% 0.000579 251.779887 / 1);
   --color-surface-chrome-3-ink: oklch(93.964672% 0.000116 251.779887 / 1);
   --color-surface-chrome-3-ink-muted: oklch(78.657981% 0.000116 251.779887 / 1);
-  --color-surface-chrome-3-edge: oklch(33.262492% 0.000723 226.594365 / 1);
+  --color-surface-chrome-3-edge: oklch(33.762476% 0.000755 223.806415 / 1);
   --color-surface-chrome-3-edge-hover: oklch(34.762482% 0.000766 221.2992 / 1);
   --color-surface-chrome-3-edge-strong: oklch(36.262627% 0.000517 230.883702 / 1);
   --color-surface-chrome-4: oklch(33.262653% 0.000965 251.779887 / 1);
   --color-surface-chrome-4-ink: oklch(94.876877% 0.000193 251.779887 / 1);
   --color-surface-chrome-4-ink-muted: oklch(79.72682% 0.000193 251.779887 / 1);
-  --color-surface-chrome-4-edge: oklch(36.26246% 0.001017 232.202687 / 1);
+  --color-surface-chrome-4-edge: oklch(36.762434% 0.001035 229.50762 / 1);
   --color-surface-chrome-4-edge-hover: oklch(37.762464% 0.001024 227.196654 / 1);
   --color-surface-chrome-4-edge-strong: oklch(39.262572% 0.000749 236.454555 / 1);
   --color-surface-chrome-5: oklch(36.462653% 0.001351 251.779887 / 1);
   --color-surface-chrome-5-ink: oklch(96.050221% 0.00027 251.779887 / 1);
   --color-surface-chrome-5-ink-muted: oklch(81.096153% 0.00027 251.779887 / 1);
-  --color-surface-chrome-5-edge: oklch(39.462383% 0.001307 234.298071 / 1);
+  --color-surface-chrome-5-edge: oklch(39.962341% 0.001312 231.605166 / 1);
   --color-surface-chrome-5-edge-hover: oklch(40.962375% 0.001279 229.607436 / 1);
   --color-surface-chrome-5-edge-strong: oklch(42.462487% 0.00097 238.845262 / 1);
   --color-surface-chrome-6: oklch(39.862653% 0.001737 251.779887 / 1);
   --color-surface-chrome-6-ink: oklch(97.412147% 0.000347 251.779887 / 1);
   --color-surface-chrome-6-ink-muted: oklch(82.678213% 0.000347 251.779887 / 1);
-  --color-surface-chrome-6-edge: oklch(42.862164% 0.001571 233.821318 / 1);
+  --color-surface-chrome-6-edge: oklch(43.362099% 0.001562 230.809286 / 1);
   --color-surface-chrome-6-edge-hover: oklch(44.362153% 0.001508 229.256581 / 1);
   --color-surface-chrome-6-edge-strong: oklch(45.862305% 0.001155 239.47996 / 1);
   --color-surface-chrome-7: oklch(43.462653% 0.002316 251.779887 / 1);
   --color-surface-chrome-7-ink: oklch(98.977631% 0.000463 251.779887 / 1);
   --color-surface-chrome-7-ink-muted: oklch(84.487538% 0.000463 251.779887 / 1);
-  --color-surface-chrome-7-edge: oklch(46.461298% 0.001854 230.212094 / 1);
+  --color-surface-chrome-7-edge: oklch(46.961102% 0.001814 226.0527 / 1);
   --color-surface-chrome-7-edge-hover: oklch(47.961383% 0.001739 225.859971 / 1);
   --color-surface-chrome-7-edge-strong: oklch(49.461752% 0.001348 239.206648 / 1);
   --color-surface-chrome-8: oklch(47.262653% 0.002896 251.779887 / 1);
   --color-surface-chrome-8-ink: oklch(100% 0 none / 1);
   --color-surface-chrome-8-ink-muted: oklch(86.636302% 0.000579 251.779887 / 1);
-  --color-surface-chrome-8-edge: oklch(50.262655% 0.002731 251.779887 / 1);
+  --color-surface-chrome-8-edge: oklch(50.76263% 0.002703 251.779887 / 1);
   --color-surface-chrome-8-edge-hover: oklch(51.762631% 0.002649 251.779887 / 1);
   --color-surface-chrome-8-edge-strong: oklch(53.260215% 0.001288 234.367506 / 1);
   --color-surface-0: oklch(20.462653% 0 none / 1);
@@ -6701,12 +6698,12 @@
   --color-surface-8: oklch(45.262653% 0.002896 251.779887 / 1);
   --color-surface-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
   --color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
-  --color-intent-accent-focus-width: 2px;
-  --color-intent-danger-focus-width: 3px;
-  --color-intent-information-focus-width: 3px;
-  --color-intent-neutral-focus-width: 3px;
-  --color-intent-success-focus-width: 3px;
-  --color-intent-warning-focus-width: 3px;
+  --color-intent-accent-focus-width: 1px;
+  --color-intent-danger-focus-width: 1px;
+  --color-intent-information-focus-width: 1px;
+  --color-intent-neutral-focus-width: 1px;
+  --color-intent-success-focus-width: 1px;
+  --color-intent-warning-focus-width: 1px;
   --background-interaction-selection-accent: oklch(77.631661% 0.121666 245.605952 / 0.058873);
   --background-interaction-selection-accent-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
   --background-interaction-selection-danger: oklch(78.425088% 0.125337 22.763785 / 0.056177);
@@ -9437,6 +9434,10 @@
     right: 0.75rem;
   }
 }
+[data-ui-checkbox-indicator][data-ui-selection-recipe="indicator"]:not([data-checked]):not([data-indeterminate]) {
+  --ui-selection-edge: var(--ui-surface-edge-strong);
+  background-color: transparent;
+}
 [data-ui-checkbox][data-variant="pills"]:is( [data-ui-interaction="tonal"], [data-ui-interaction="combined"] ) {
   background-color: var(--ui-interaction-fill);
   background-image: none;
@@ -9838,6 +9839,9 @@
   }
 }
 @layer components {
+  [data-ui-app][data-sidebar-transitioning="true"] > :where( [data-ui-app-header], [data-ui-app-main], [data-ui-app-footer] ) {
+    background-color: var(--ui-surface-color);
+  }
   [data-ui-sidebar] {
     --ui-active-elevation-shadow-layers: var(--ui-sidebar-drawer-elevation);
   }
@@ -10779,9 +10783,6 @@
     color: var(--ui-selection-solid-ink, var(--color-intent-accent-solid-ink));
     background-color: var(--ui-selection-solid, var(--color-intent-accent-solid));
   }
-  [data-ui-checkbox-indicator]:is([data-checked], [data-indeterminate]) {
-    box-shadow: none;
-  }
   [data-ui-selection-recipe="switch-thumb"], [data-ui-selection-recipe="slider-thumb"] {
     background-color: var(--ui-surface-color);
   }