@stephen-netu/design-system 0.2.2 → 0.5.1

package/dist/u0-primitives/dropdown/Dropdown.svelte

@@ -204,14 +204,14 @@
 
   .ds-dropdown-menu {
     position: absolute;
-    top: calc(100% + var(--space-2));
+    top: calc(100% + 2px);
     background: var(--color-bg-panel-elevated);
     border: 1px solid var(--border-default);
-    border-radius: var(--radius-md);
-     box-shadow: var(--shadow-lg), 0 0 0 1px rgba(0,0,0,0.3);
-    padding: var(--space-1);
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0;
     z-index: 1000;
-    animation: ds-scale-in var(--transition-fast) transform-origin;
+    animation: ds-fade-in var(--transition-fast) linear;
   }
 
   /* Alignments */
@@ -223,18 +223,22 @@
     display: flex;
     align-items: center;
     width: 100%;
-    padding: var(--space-2) var(--space-3);
+    height: var(--ui-row-h);
+    padding: 0 var(--ui-pad-x);
     border: none;
+    border-bottom: 1px solid var(--border-default);
     background: transparent;
-    border-radius: var(--radius-sm);
+    border-radius: 0;
     color: var(--color-text-primary);
     font-family: var(--font-sans);
-    font-size: var(--text-sm);
+    font-size: var(--ui-font);
     text-align: left;
     cursor: pointer;
-    transition: background var(--transition-fast), color var(--transition-fast);
+    transition: background var(--transition-fast) linear;
   }
 
+  .ds-dropdown-item:last-child { border-bottom: 0; }
+
   .ds-dropdown-item:hover,
   .ds-dropdown-item:focus {
     background: var(--color-bg-panel);
@@ -242,7 +246,8 @@
   }
 
   .ds-dropdown-item:focus-visible {
-    background: var(--color-accent-muted); /* Suble brass focus */
+    background: var(--color-accent-subtle);
+    box-shadow: inset 2px 0 0 var(--color-accent);
   }
 
   .ds-dropdown-item:disabled {
@@ -284,25 +289,15 @@
   .ds-dropdown-shortcut {
     margin-left: var(--space-4);
     font-family: var(--font-mono);
-    font-size: var(--text-xs);
+    font-size: var(--ui-label);
     color: var(--color-text-muted);
     background: var(--color-bg-app);
-    padding: 2px 6px;
-    border-radius: var(--radius-sm, 4px);
+    padding: 1px 5px;
     border: 1px solid var(--border-subtle);
   }
 
-  @keyframes ds-scale-in {
-    from { opacity: 0; transform: scale(0.95); }
-    to { opacity: 1; transform: scale(1); }
-  }
-
-  .align-center {
-    animation-name: ds-scale-in-center;
-  }
-
-  @keyframes ds-scale-in-center {
-    from { opacity: 0; transform: translateX(-50%) scale(0.95); }
-    to { opacity: 1; transform: translateX(-50%) scale(1); }
+  @keyframes ds-fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
   }
 </style>

package/dist/u0-primitives/grant-badge/GrantStatusBadge.svelte

@@ -44,10 +44,10 @@
     display: inline-flex;
     align-items: center;
     gap: var(--space-1);
-    font-family: var(--font-sans);
+    font-family: var(--font-mono);
     font-weight: 600;
     white-space: nowrap;
-    border-radius: var(--radius-full);
+    border-radius: 0;
   }
 
   .ds-grant-status-dot {

package/dist/u0-primitives/index.d.ts

@@ -3,6 +3,9 @@ export { default as Input } from './input/Input.svelte';
 export { default as Card } from './card/Card.svelte';
 export { default as Badge } from './badge/Badge.svelte';
 export { default as ValidityBadge } from './badge/ValidityBadge.svelte';
+export { default as LiveDot } from './live-dot/LiveDot.svelte';
+export { default as ThemeSwatchGroup } from './theme-swatch-group/ThemeSwatchGroup.svelte';
+export { default as WindowFrame } from './window-frame/WindowFrame.svelte';
 export { default as Avatar } from './avatar/Avatar.svelte';
 export { default as Toggle } from './toggle/Toggle.svelte';
 export { default as Tooltip } from './tooltip/Tooltip.svelte';
@@ -26,4 +29,7 @@ export * from './rsvp/rsvp-utils';
 export { CommandPalette, commandStore } from './command-palette';
 export type { CommandSchema, CommandParameter, CommandResult, CommandContext, InvocationContext, CommandUIState, ActiveCommandSession, } from './command-palette';
 export { default as GrantStatusBadge } from './grant-badge/GrantStatusBadge.svelte';
+export { default as AllayGauge } from './allay-gauge/AllayGauge.svelte';
+export { KosButton } from './web-components/button-component';
+export { KosInput } from './web-components/input-component';
 //# sourceMappingURL=index.d.ts.map

package/dist/u0-primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/u0-primitives/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGhF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,cAAc,mBAAmB,CAAC;AAGlC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/u0-primitives/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGhF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,cAAc,mBAAmB,CAAC;AAGlC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAGpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAGxE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/u0-primitives/index.js

@@ -4,6 +4,9 @@ export { default as Input } from './input/Input.svelte';
 export { default as Card } from './card/Card.svelte';
 export { default as Badge } from './badge/Badge.svelte';
 export { default as ValidityBadge } from './badge/ValidityBadge.svelte';
+export { default as LiveDot } from './live-dot/LiveDot.svelte';
+export { default as ThemeSwatchGroup } from './theme-swatch-group/ThemeSwatchGroup.svelte';
+export { default as WindowFrame } from './window-frame/WindowFrame.svelte';
 export { default as Avatar } from './avatar/Avatar.svelte';
 export { default as Toggle } from './toggle/Toggle.svelte';
 export { default as Tooltip } from './tooltip/Tooltip.svelte';
@@ -24,3 +27,8 @@ export * from './rsvp/rsvp-utils';
 export { CommandPalette, commandStore } from './command-palette';
 // Grant Status Badge — Grant lifecycle status indicator
 export { default as GrantStatusBadge } from './grant-badge/GrantStatusBadge.svelte';
+// Allay Gauge — Allay-pipeline stage + confidence indicator
+export { default as AllayGauge } from './allay-gauge/AllayGauge.svelte';
+// Web Component wrappers for non-Svelte consumers
+export { KosButton } from './web-components/button-component';
+export { KosInput } from './web-components/input-component';

package/dist/u0-primitives/input/Input.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">
+  import { onDestroy } from 'svelte';
+  import { EditorState } from '@codemirror/state';
   import type { Snippet } from 'svelte';
-
-  export interface AutocompleteResult {
-    completions: Array<{ label: string; type?: string; detail?: string }>;
-  }
+  import type { Completion, CompletionSource } from '../../editor/extensions/types';
 
   export interface AutocompleteConfig {
-    source: { complete: (query: string) => Promise<AutocompleteResult> | AutocompleteResult };
+    source: CompletionSource;
     maxVisible?: number;
     minChars?: number;
   }
@@ -25,6 +24,8 @@
     autocomplete?: AutocompleteConfig;
   }
 
+  type CompletionItem = Pick<Completion, 'label' | 'type' | 'detail'>;
+
   let {
     value = $bindable(''),
     type = 'text',
@@ -41,33 +42,84 @@
 
   let isFocused = $state(false);
   let showPassword = $state(false);
-  let completions = $state<Array<{ label: string; type?: string; detail?: string }>>([]);
+  let completions = $state<CompletionItem[]>([]);
   let showCompletions = $state(false);
   let selectedIndex = $state(0);
+  let fetchSeq = $state(0);
+  let completionFrom = $state(0);
+  let completionTo = $state(0);
+
+  onDestroy(() => {
+    fetchSeq += 1;
+  });
 
   let currentType = $derived(type === 'password' && showPassword ? 'text' : type);
   let maxVisible = $derived(autocomplete?.maxVisible ?? 8);
   let minChars = $derived(autocomplete?.minChars ?? 1);
 
+  function createCompletionContext(query: string): Parameters<CompletionSource>[0] {
+    const state = EditorState.create({ doc: query });
+
+    return {
+      state,
+      pos: query.length,
+      explicit: true,
+      matchBefore: (regexp) => {
+        const match = query.match(regexp);
+
+        if (!match || match.index === undefined) {
+          return null;
+        }
+
+        return {
+          from: match.index,
+          to: match.index + match[0].length,
+          text: match[0],
+        };
+      },
+    } as Parameters<CompletionSource>[0];
+  }
+
   async function fetchCompletions(query: string) {
-    if (!autocomplete || query.length < minChars) {
+    if (!autocomplete || disabled || query.length < minChars) {
       completions = [];
       showCompletions = false;
       return;
     }
-    const result = await autocomplete.source.complete(query);
-    completions = result.completions.slice(0, maxVisible);
-    selectedIndex = 0;
-    showCompletions = completions.length > 0;
+
+    const seq = fetchSeq;
+
+    try {
+      const result = await autocomplete.source(createCompletionContext(query));
+
+      if (seq !== fetchSeq) return;
+
+      const options = result?.options ?? [];
+
+      completionFrom = result?.from ?? 0;
+      completionTo = result?.to ?? query.length;
+
+      completions = options.slice(0, maxVisible).map((completion) => ({
+        label: completion.label,
+        type: completion.type,
+        detail: completion.detail,
+      }));
+      selectedIndex = 0;
+      showCompletions = completions.length > 0;
+    } catch {
+      if (seq !== fetchSeq) return;
+      completions = [];
+      showCompletions = false;
+    }
   }
 
-  function applyCompletion(completion: { label: string }) {
-    value = completion.label;
+  function applyCompletion(completion: CompletionItem) {
+    value = value.slice(0, completionFrom) + completion.label + value.slice(completionTo);
     completions = [];
     showCompletions = false;
   }
 
-  function handleCompletionKeydown(e: KeyboardEvent, completion: { label: string }) {
+  function handleCompletionKeydown(e: KeyboardEvent, completion: CompletionItem) {
     if (e.key === 'Enter' || e.key === ' ') {
       e.preventDefault();
       applyCompletion(completion);
@@ -138,6 +190,7 @@
     aria-invalid={error ? 'true' : undefined}
     aria-disabled={disabled ? 'true' : undefined}
     aria-autocomplete={autocomplete ? 'list' : undefined}
+    aria-controls={showCompletions ? 'autocomplete-list' : undefined}
     aria-expanded={showCompletions ? 'true' : 'false'}
     aria-activedescendant={showCompletions ? `autocomplete-option-${selectedIndex}` : undefined}
     autocomplete="off"
@@ -250,14 +303,14 @@
   .ds-input-element {
     flex: 1;
     width: 100%;
-    height: 2.25rem;
-    padding: 0 var(--space-3);
+    height: var(--ui-control-h);
+    padding: 0 var(--ui-pad-x);
     background: transparent;
     border: none;
     outline: none;
     color: var(--color-text-primary);
     font-family: var(--font-sans);
-    font-size: var(--text-sm);
+    font-size: var(--ui-font);
   }
 
   .ds-input-wrapper.has-leading .ds-input-element {
@@ -325,12 +378,12 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    height: 1px;
+    height: 2px;
     background: var(--color-accent);
     transform: scaleX(0);
     transform-origin: center;
     transition: transform var(--transition-normal);
-    box-shadow: 0 -1px 4px var(--color-accent-glow);
+    /* crisp accent live-edge on focus — no glow halo (depth by edge, not blur) */
   }
 
   .ds-input-wrapper.is-focused .ds-input-glow {
@@ -377,8 +430,9 @@
 
   .ds-input-autocomplete__item:hover,
   .ds-input-autocomplete__item.selected {
-    background: var(--color-accent, #b87333);
-    color: #fff;
+    background: var(--color-accent-subtle);
+    color: var(--color-text-primary);
+    box-shadow: inset 2px 0 0 var(--color-accent);
   }
 
   .ds-input-autocomplete__type {
@@ -394,8 +448,7 @@
 
   .ds-input-autocomplete__item:hover .ds-input-autocomplete__type,
   .ds-input-autocomplete__item.selected .ds-input-autocomplete__type {
-    background: rgba(255, 255, 255, 0.15);
-    color: rgba(255, 255, 255, 0.8);
+    color: var(--color-text-secondary);
   }
 
   .ds-input-autocomplete__label {
@@ -414,6 +467,6 @@
 
   .ds-input-autocomplete__item:hover .ds-input-autocomplete__detail,
   .ds-input-autocomplete__item.selected .ds-input-autocomplete__detail {
-    color: rgba(255, 255, 255, 0.7);
+    color: var(--color-text-tertiary);
   }
 </style>

package/dist/u0-primitives/input/Input.svelte.d.ts

@@ -1,15 +1,7 @@
 import type { Snippet } from 'svelte';
-export interface AutocompleteResult {
-    completions: Array<{
-        label: string;
-        type?: string;
-        detail?: string;
-    }>;
-}
+import type { CompletionSource } from '../../editor/extensions/types';
 export interface AutocompleteConfig {
-    source: {
-        complete: (query: string) => Promise<AutocompleteResult> | AutocompleteResult;
-    };
+    source: CompletionSource;
     maxVisible?: number;
     minChars?: number;
 }

package/dist/u0-primitives/input/Input.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/input/Input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACvE;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE;QAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,CAAA;KAAE,CAAC;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC;AAsJH,QAAA,MAAM,KAAK,gDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/input/Input.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGhF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC;AA8MH,QAAA,MAAM,KAAK,gDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/u0-primitives/input/Input.test.js

@@ -1,6 +1,18 @@
 import { afterEach, describe, it, expect } from 'vitest';
-import { cleanup, render } from '@testing-library/svelte';
+import { cleanup, render, fireEvent, waitFor } from '@testing-library/svelte';
 import Input from './Input.svelte';
+function createSource(completions) {
+    return async (context) => {
+        const match = context.matchBefore(/\w+$/);
+        if (!match)
+            return null;
+        return {
+            from: match.from,
+            to: match.to,
+            options: completions,
+        };
+    };
+}
 describe('Input', () => {
     afterEach(() => cleanup());
     it('renders an <input> element', () => {
@@ -61,4 +73,72 @@ describe('Input', () => {
         const { container } = render(Input, {});
         expect(container.querySelector('input')?.getAttribute('aria-invalid')).toBeNull();
     });
+    it('does not render autocomplete controls without autocomplete prop', () => {
+        const { container } = render(Input);
+        expect(container.querySelector('[aria-autocomplete="list"]')).toBeNull();
+        expect(container.querySelector('.ds-input-autocomplete')).toBeNull();
+    });
+    it('renders autocomplete suggestions when autocomplete prop is provided', async () => {
+        const source = createSource([
+            { label: 'apple', type: 'word' },
+            { label: 'application', type: 'word', detail: 'common' },
+        ]);
+        const { container } = render(Input, { autocomplete: { source } });
+        const input = container.querySelector('input');
+        await fireEvent.input(input, { target: { value: 'app' } });
+        await waitFor(() => {
+            expect(container.querySelector('.ds-input-autocomplete')).not.toBeNull();
+        });
+        expect(container.querySelectorAll('[role="option"]').length).toBe(2);
+        expect(container.querySelector('.ds-input-autocomplete__label')?.textContent).toBe('apple');
+        expect(container.querySelector('.ds-input-autocomplete__detail')?.textContent).toBe('common');
+    });
+    it('applies the selected autocomplete suggestion with Enter', async () => {
+        const source = createSource([
+            { label: 'apple', type: 'word' },
+            { label: 'application', type: 'word' },
+        ]);
+        const { container } = render(Input, { autocomplete: { source } });
+        const input = container.querySelector('input');
+        await fireEvent.input(input, { target: { value: 'app' } });
+        await waitFor(() => {
+            expect(container.querySelector('.ds-input-autocomplete')).not.toBeNull();
+        });
+        await fireEvent.keyDown(input, { key: 'ArrowDown' });
+        await fireEvent.keyDown(input, { key: 'Enter' });
+        expect(input.value).toBe('application');
+        expect(container.querySelector('.ds-input-autocomplete')).toBeNull();
+    });
+    it('dismisses autocomplete suggestions with Escape', async () => {
+        const source = createSource([{ label: 'apple', type: 'word' }]);
+        const { container } = render(Input, { autocomplete: { source } });
+        const input = container.querySelector('input');
+        await fireEvent.input(input, { target: { value: 'app' } });
+        await waitFor(() => {
+            expect(container.querySelector('.ds-input-autocomplete')).not.toBeNull();
+        });
+        await fireEvent.keyDown(input, { key: 'Escape' });
+        expect(container.querySelector('.ds-input-autocomplete')).toBeNull();
+    });
+    it('replaces only the current token, preserving prefix and suffix', async () => {
+        const source = createSource([
+            { label: 'project', type: 'word' },
+        ]);
+        const { container } = render(Input, { autocomplete: { source } });
+        const input = container.querySelector('input');
+        await fireEvent.input(input, { target: { value: 'create a p' } });
+        await waitFor(() => {
+            expect(container.querySelector('.ds-input-autocomplete')).not.toBeNull();
+        });
+        await fireEvent.keyDown(input, { key: 'Enter' });
+        expect(input.value).toBe('create a project');
+        expect(container.querySelector('.ds-input-autocomplete')).toBeNull();
+    });
+    it('respects minChars before fetching autocomplete suggestions', async () => {
+        const source = createSource([{ label: 'apple', type: 'word' }]);
+        const { container } = render(Input, { autocomplete: { source, minChars: 3 } });
+        const input = container.querySelector('input');
+        await fireEvent.input(input, { target: { value: 'ap' } });
+        expect(container.querySelector('.ds-input-autocomplete')).toBeNull();
+    });
 });

package/dist/u0-primitives/live-dot/LiveDot.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  export interface Props {
+    variant?: 'cleared' | 'blocked' | 'pending' | 'degraded';
+    size?: 'sm' | 'md' | 'lg';
+    pulse?: boolean;
+    class?: string;
+    'aria-label'?: string;
+  }
+
+  let {
+    variant = 'cleared',
+    size = 'md',
+    pulse = true,
+    class: className = '',
+    'aria-label': ariaLabel
+  }: Props = $props();
+</script>
+
+<span
+  class="ds-live-dot variant-{variant} size-{size} {className}"
+  class:is-pulsing={pulse}
+  role="status"
+  aria-label={ariaLabel ?? variant}
+></span>
+
+<style>
+  .ds-live-dot {
+    display: inline-block;
+    flex-shrink: 0;
+    border-radius: var(--radius-full);
+  }
+
+  .size-sm { width: 0.375rem; height: 0.375rem; }
+  .size-md { width: 0.5rem; height: 0.5rem; }
+  .size-lg { width: 0.625rem; height: 0.625rem; }
+
+  .variant-cleared { background: var(--epistemic-cleared); }
+  .variant-blocked { background: var(--epistemic-blocked); }
+  .variant-pending { background: var(--epistemic-pending); }
+  .variant-degraded { background: var(--epistemic-degraded); }
+
+  .is-pulsing.variant-cleared { animation: ds-live-dot-pulse 2s ease-out infinite; --pulse-glow: var(--epistemic-cleared-glow); }
+  .is-pulsing.variant-blocked { animation: ds-live-dot-pulse 2s ease-out infinite; --pulse-glow: var(--epistemic-blocked-glow); }
+  .is-pulsing.variant-pending { animation: ds-live-dot-pulse 2s ease-out infinite; --pulse-glow: var(--epistemic-pending-glow); }
+  .is-pulsing.variant-degraded { animation: ds-live-dot-pulse 2s ease-out infinite; --pulse-glow: var(--epistemic-degraded-glow); }
+
+  @keyframes ds-live-dot-pulse {
+    0% { box-shadow: 0 0 0 0 var(--pulse-glow); }
+    70% { box-shadow: 0 0 0 6px transparent; }
+    100% { box-shadow: 0 0 0 0 transparent; }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .is-pulsing { animation: none; }
+  }
+</style>

package/dist/u0-primitives/live-dot/LiveDot.svelte.d.ts

@@ -0,0 +1,11 @@
+export interface Props {
+    variant?: 'cleared' | 'blocked' | 'pending' | 'degraded';
+    size?: 'sm' | 'md' | 'lg';
+    pulse?: boolean;
+    class?: string;
+    'aria-label'?: string;
+}
+declare const LiveDot: import("svelte").Component<Props, {}, "">;
+type LiveDot = ReturnType<typeof LiveDot>;
+export default LiveDot;
+//# sourceMappingURL=LiveDot.svelte.d.ts.map

package/dist/u0-primitives/live-dot/LiveDot.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveDot.svelte.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/live-dot/LiveDot.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACzD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/u0-primitives/live-dot/LiveDot.test.js

@@ -0,0 +1,41 @@
+import { afterEach, describe, it, expect } from 'vitest';
+import { cleanup, render, screen } from '@testing-library/svelte';
+import LiveDot from './LiveDot.svelte';
+describe('LiveDot', () => {
+    afterEach(() => cleanup());
+    it('renders with role="status"', () => {
+        render(LiveDot);
+        expect(screen.getByRole('status')).toBeDefined();
+    });
+    it('defaults to the cleared variant', () => {
+        const { container } = render(LiveDot);
+        expect(container.querySelector('.variant-cleared')).not.toBeNull();
+    });
+    it('applies each variant class', () => {
+        for (const variant of ['cleared', 'blocked', 'pending', 'degraded']) {
+            const { container, unmount } = render(LiveDot, { variant });
+            expect(container.querySelector(`.variant-${variant}`)).not.toBeNull();
+            unmount();
+        }
+    });
+    it('applies size class', () => {
+        const { container } = render(LiveDot, { size: 'lg' });
+        expect(container.querySelector('.size-lg')).not.toBeNull();
+    });
+    it('pulses by default', () => {
+        const { container } = render(LiveDot);
+        expect(container.querySelector('.is-pulsing')).not.toBeNull();
+    });
+    it('does not pulse when pulse is false', () => {
+        const { container } = render(LiveDot, { pulse: false });
+        expect(container.querySelector('.is-pulsing')).toBeNull();
+    });
+    it('falls back to the variant name as aria-label', () => {
+        render(LiveDot, { variant: 'blocked' });
+        expect(screen.getByRole('status').getAttribute('aria-label')).toBe('blocked');
+    });
+    it('uses an explicit aria-label when provided', () => {
+        render(LiveDot, { 'aria-label': 'Connection live' });
+        expect(screen.getByRole('status').getAttribute('aria-label')).toBe('Connection live');
+    });
+});

package/dist/u0-primitives/live-dot/index.d.ts

@@ -0,0 +1,3 @@
+export { default as LiveDot } from './LiveDot.svelte';
+export type { Props } from './LiveDot.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/u0-primitives/live-dot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/u0-primitives/live-dot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/u0-primitives/live-dot/index.js

@@ -0,0 +1 @@
+export { default as LiveDot } from './LiveDot.svelte';