@vireo-ai/trellis-ui 0.1.48 → 0.1.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.48",
+  "version": "0.1.49",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -105,8 +105,8 @@
     "verify:packed-consumer": "node scripts/verify_packed_consumer.mjs",
     "typecheck": "pnpm run generate:component-entries && tsc --noEmit",
     "test:unit": "pnpm run generate:component-entries && vitest run --no-file-parallelism",
-    "test:python": "uv run pytest tests/server || test $? -eq 5",
-    "test:browser": "playwright test --pass-with-no-tests",
+    "test:python": "uv run pytest tests/server",
+    "test:browser": "playwright test",
     "test": "pnpm run test:unit && pnpm run test:python && pnpm run test:browser",
     "test:watch": "pnpm run generate:component-entries && vitest",
     "prek": "uv run prek",
@@ -126,9 +126,9 @@
     "check:packages": "pnpm run check:runtime-boundary && pnpm run verify:packed-consumer && uv build --sdist --wheel",
     "check:release": "pnpm run check && pnpm run check:packages",
     "release": "node scripts/release.mjs",
-    "publish:npm": "pnpm run check:release && pnpm publish --access public",
+    "publish:npm": "pnpm run check:release && pnpm publish dist/trellis-ui.tgz --access public --ignore-scripts",
     "publish:pypi": "pnpm run build:package && uv build --sdist --wheel && uv publish dist/django_trellis-${npm_package_version}.tar.gz dist/django_trellis-${npm_package_version}-py3-none-any.whl",
-    "publish:all": "pnpm run check:release && pnpm publish --access public && uv publish dist/django_trellis-${npm_package_version}.tar.gz dist/django_trellis-${npm_package_version}-py3-none-any.whl",
+    "publish:all": "pnpm run check:release && pnpm publish dist/trellis-ui.tgz --access public --ignore-scripts && uv publish dist/django_trellis-${npm_package_version}.tar.gz dist/django_trellis-${npm_package_version}-py3-none-any.whl",
     "dev:css": "pnpm run build:sources && tailwindcss -i ./packages/client/src/styles/static.css -o ./packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css --minify --watch"
   }
 }

package/packages/client/src/styles/generated/theme-fonts.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 77478918fc2bdc5b; CSS 9bd56c40eb5861dd. */
+/* Theme a17049e0574b1ae4; CSS 9bd56c40eb5861dd. */
 @import url("https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap");
 
 @import url("https://fonts.bunny.net/css?family=fira-code:400,500,600,700&display=swap");

package/packages/client/src/styles/generated/theme-palette.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 77478918fc2bdc5b; CSS c3362e588265232d. */
+/* Theme a17049e0574b1ae4; CSS c3362e588265232d. */
 @theme {
   --color-canvas: transparent;
   --color-accent-1: transparent;

package/packages/client/src/styles/generated/theme-runtime.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 77478918fc2bdc5b; CSS ff0d2cfb40f8567e. */
+/* Theme a17049e0574b1ae4; CSS b7ac22be3a42e190. */
 @theme {
   --color-separator: transparent;
   --color-separator-muted: transparent;
@@ -551,12 +551,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);
@@ -851,12 +851,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);

package/packages/client/types/component-api.d.ts

@@ -6,6 +6,8 @@
 export type { AccordionTransition, UiAccordionApi } from './components/accordion';
 export type { CheckboxState, UiCheckboxApi } from './components/checkbox';
 export type { DatePickerTransition, UiDatePickerApi } from './components/date-picker';
+export type { DataGridResetOptions, DataGridSetUrlOptions, UiDataGridApi, } from './components/data-grid';
+export type { DataGridSelectionValue } from './components/data-grid/contract';
 export type { ModalTransition, UiModalApi, UiModalTriggerApi } from './components/modal';
 export type { PanelsTransition, UiPanelsApi } from './components/panels';
 export type { UiRadioGroupApi } from './components/radio';
@@ -19,4 +21,4 @@ export type { UiSliderApi } from './components/slider';
 export type { UiSwitchApi } from './components/switch';
 export type { TabsTransition, UiTabsApi } from './components/tabs';
 export type { ToastDetail, ToastTransition, UiToastApi, UiToastOutletApi } from './components/toast';
-export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualScrollAlign, } from './components/virtualizer';
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualScrollAlign, } from './components/virtualizer';

package/packages/client/types/components/data-grid/contract.d.ts

@@ -17,6 +17,7 @@ type DataGridSelectionValue = {
 };
 declare const dataGridSchema: {
     fetchUrl: import("../../runtime/codecs").StringCodec;
+    cursor: import("../../runtime/codecs").BoolCodec;
     totalRows: import("../../runtime/codecs").NumberCodec;
     rowHeight: import("../../runtime/codecs").NumberCodec;
     bufferSize: import("../../runtime/codecs").NumberCodec;

package/packages/client/types/components/data-grid/index.d.ts

@@ -1,26 +1,50 @@
 import type Alpine from 'alpinejs';
 import { type PropState, type TrellisAlpineComponent, type VirtualScrollAlign } from '../../runtime';
+import { type CursorVirtualizerOptions } from '../../runtime/virtualizer';
 import { dataGridSchema, type DataGridSelectionValue } from './contract';
-type DataGridResetOptions = {
+/** Options for resetting an indexed or cursor-backed Data Grid. @public */
+interface DataGridResetOptions {
+    /** Scroll offset restored after the first page loads. */
     scrollTop?: number;
-};
-type DataGridSetUrlOptions = {
+}
+/** Options for replacing an indexed Data Grid endpoint. @public */
+interface DataGridSetUrlOptions {
+    /** Whether to discard loaded rows and reload immediately. */
     reset?: boolean;
-};
+}
 /** Public Alpine API for `ui.data-grid`. @public */
 interface UiDataGridApi {
+    /** Whether the active cursor data source supports server-side index seeking. */
+    readonly supportsSeek: boolean;
+    /** Discard loaded rows and request the current indexed range or first cursor page again. */
     reload(options?: DataGridResetOptions): void;
+    /** Return the grid to its initial indexed range or first cursor page. */
     reset(options?: DataGridResetOptions): void;
+    /** Scroll to a row and seek through the server when its cursor page is not loaded. */
     scrollToIndex(index: number, align?: VirtualScrollAlign): void;
+    /** Replace the indexed endpoint, optionally resetting loaded rows. */
     setUrl(url: string, options?: DataGridSetUrlOptions): void;
+    /** Update the independently managed total row count. */
     setTotalRows(count: number): void;
+    /** Replace cursor query parameters and reset to the first cursor page. */
+    setQuery<Query>(query: Query): void;
+    /** Activate cursor mode with a generic data source and response adapter. */
+    useCursor<Query, Content>(options: CursorVirtualizerOptions<Query, Content>): void;
+    /** Resize a column to a pixel width. */
     resizeColumn(key: string, width: number): void;
+    /** Move a column to a new zero-based position. */
     reorderColumn(key: string, toIndex: number): void;
+    /** Add a row key to the explicit selection. */
     selectRow(key: string): void;
+    /** Remove a row key from the explicit selection. */
     deselectRow(key: string): void;
+    /** Toggle a row key in the current selection. */
     toggleRow(key: string): void;
+    /** Replace the complete row selection value. */
     setSelection(value: DataGridSelectionValue): void;
+    /** Select all rows represented by a server-owned query token. */
     selectQuery(token: string, total: number, except?: string[]): void;
+    /** Clear explicit and query-backed row selection. */
     clearSelection(): void;
 }
 type DataGridData = UiDataGridApi & {

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

@@ -40,4 +40,4 @@ export type { ToastData, ToastDetail, ToastOutletData, ToastTransition } from '.
 export { registerTooltip, registerTooltipDirective, UiTooltip } from './tooltip';
 export type { TooltipData, TooltipTransition } from './tooltip';
 export { registerVirtualizer, UiVirtualizer } from './virtualizer';
-export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerData, } from './virtualizer';
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualizerData, } from './virtualizer';

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/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

@@ -6399,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);
@@ -6698,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);