@chenzy-design/svelte 0.1.0

package/dist/steps/meta.js

@@ -0,0 +1,58 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/00-foundation/ai-friendly.spec.md.
+ */
+export const meta = {
+    name: 'Steps',
+    category: 'navigation',
+    description: '步骤条，引导用户按流程完成任务。支持横向/纵向、fill/nav/basic 类型、自定义图标、可点击与状态展示。',
+    props: [
+        { name: 'current', type: 'number', default: 'undefined', desc: '受控当前步' },
+        { name: 'defaultCurrent', type: 'number', default: '0' },
+        { name: 'steps', type: 'StepItem[]', default: '[]', desc: '步骤数据' },
+        { name: 'direction', type: "'horizontal'|'vertical'", default: 'horizontal' },
+        { name: 'type', type: "'fill'|'nav'|'basic'", default: 'fill', desc: 'basic 为线框/描边型' },
+        {
+            name: 'status',
+            type: "'process'|'finish'|'error'|'warning'",
+            default: 'process',
+            desc: '当前步状态',
+        },
+        { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
+        { name: 'initial', type: 'number', default: '0', desc: '起始序号偏移' },
+        { name: 'clickable', type: 'boolean', default: "type==='nav'" },
+        { name: 'dot', type: 'boolean', default: 'false', desc: '点状步骤，图标渲染为小圆点' },
+        {
+            name: 'icon',
+            type: 'Snippet<[{ step: StepItem; index: number; status: DerivedStatus }]>',
+            default: 'undefined',
+            desc: '自定义图标渲染器，提供时替代默认序号/✓/✕',
+        },
+        { name: 'onChange', type: '(current: number) => void', default: 'undefined' },
+        { name: 'onClick', type: '(e: MouseEvent) => void', default: 'undefined', desc: '步骤 button 点击事件（仅 clickable 模式下渲染 button 时触发）' },
+        { name: 'onKeyDown', type: '(e: KeyboardEvent) => void', default: 'undefined', desc: '步骤 button 键盘按下事件（仅 clickable 模式下渲染 button 时触发）' },
+        { name: 'class', type: 'string', default: "''" },
+    ],
+    stepItemProps: [
+        { name: 'title', type: 'string', default: 'undefined', desc: '步骤标题' },
+        { name: 'description', type: 'string', default: 'undefined', desc: '步骤描述（次要信息）' },
+        {
+            name: 'status',
+            type: "'wait'|'process'|'finish'|'error'|'warning'",
+            default: 'undefined',
+            desc: '显式覆盖该步状态；不传时由 current 推断',
+        },
+        { name: 'disabled', type: 'boolean', default: 'false', desc: '禁用该步：不可点击、不可聚焦、置灰' },
+    ],
+    a11y: {
+        role: 'list',
+        keyboard: ['Tab', 'Enter', 'Space'],
+        notes: [
+            'ol/li 结构',
+            'clickable 时每步为原生 button，当前步 aria-current=step',
+            '图标对勾/✕ 用 aria-hidden，状态靠文本与 aria-current 表达',
+            '连接线 aria-hidden=true',
+        ],
+    },
+    tokens: ['--cd-steps-*', '--cd-focus-ring', '--cd-radius-full', '--cd-spacing-*', '--cd-font-size-1'],
+};

package/dist/steps/types.d.ts

@@ -0,0 +1,9 @@
+export interface StepItem {
+    title: string;
+    description?: string;
+    /** 显式覆盖该步状态；不传时由 current 推断 */
+    status?: 'wait' | 'process' | 'finish' | 'error' | 'warning';
+    /** 禁用该步：不可点击、不可聚焦、置灰 */
+    disabled?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/steps/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/steps/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC7D,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/steps/types.js

@@ -0,0 +1 @@
+export {};

package/dist/switch/Switch.a11y.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Switch.a11y.test.d.ts.map

package/dist/switch/Switch.a11y.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.a11y.test.d.ts","sourceRoot":"","sources":["../../src/switch/Switch.a11y.test.ts"],"names":[],"mappings":""}

package/dist/switch/Switch.a11y.test.js

@@ -0,0 +1,42 @@
+// Switch a11y：原生 role="switch" 按钮，受控/非受控。
+// 只断言静态 ARIA（role/aria-checked/aria-disabled）+ axe 0 violations，
+// 不测真实键盘/焦点（jsdom 限制，见 test-utils/a11y.ts 说明）。
+import { describe, it, expect } from 'vitest';
+import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
+import Switch from './Switch.svelte';
+describe('Switch a11y', () => {
+    it('默认：role=switch / aria-checked=false / ariaLabel 提供可访问名，无 axe violations', async () => {
+        const { container } = renderWithLocale(Switch, {
+            props: { ariaLabel: 'Dark mode' },
+        });
+        const sw = container.querySelector('[role="switch"]');
+        expect(sw).not.toBeNull();
+        expect(sw?.getAttribute('aria-checked')).toBe('false');
+        expect(sw?.getAttribute('aria-label')).toBe('Dark mode');
+        await expectNoAxeViolations(container);
+    });
+    it('选中：value=true → aria-checked=true', async () => {
+        const { container } = renderWithLocale(Switch, {
+            props: { ariaLabel: 'Wifi', value: true },
+        });
+        const sw = container.querySelector('[role="switch"]');
+        expect(sw?.getAttribute('aria-checked')).toBe('true');
+        await expectNoAxeViolations(container);
+    });
+    it('禁用：disabled，无 axe violations', async () => {
+        const { container } = renderWithLocale(Switch, {
+            props: { ariaLabel: 'Bluetooth', disabled: true },
+        });
+        const sw = container.querySelector('[role="switch"]');
+        expect(sw).not.toBeNull();
+        await expectNoAxeViolations(container);
+    });
+    it('loading：aria-busy=true', async () => {
+        const { container } = renderWithLocale(Switch, {
+            props: { ariaLabel: 'Sync', loading: true },
+        });
+        const sw = container.querySelector('[role="switch"]');
+        expect(sw?.getAttribute('aria-busy')).toBe('true');
+        await expectNoAxeViolations(container);
+    });
+});

package/dist/switch/Switch.kbd.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Switch.kbd.test.d.ts.map

package/dist/switch/Switch.kbd.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.kbd.test.d.ts","sourceRoot":"","sources":["../../src/switch/Switch.kbd.test.ts"],"names":[],"mappings":""}

package/dist/switch/Switch.kbd.test.js

@@ -0,0 +1,34 @@
+// Switch 键盘 e2e（browser project / 真实 chromium）。
+// Switch 是原生 <button role="switch">，焦点落在按钮本身：Tab 聚焦、
+// Space/Enter 经原生 click 触发 toggle，aria-checked 翻转。jsdom 下
+// 原生按钮的 Space/Enter→click 合成不可靠，故在真浏览器里验真实键盘。
+import { describe, it, expect } from 'vitest';
+import { page } from 'vitest/browser';
+import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
+import SwitchKbdFixture from './SwitchKbdFixture.svelte';
+function loc(el) {
+    return page.elementLocator(el);
+}
+describe('Switch 键盘 e2e（role=switch Space/Enter 切换）', () => {
+    it('Tab 聚焦 + Space/Enter 翻转 aria-checked', async () => {
+        const { baseElement } = renderKbdFixture(SwitchKbdFixture);
+        const sw = baseElement.querySelector('[role="switch"]');
+        expect(sw).not.toBeNull();
+        expect(sw.getAttribute('aria-checked')).toBe('false');
+        // Tab 从 before 进入，焦点落在 switch 按钮本身。
+        const before = baseElement.querySelector('[data-testid="before"]');
+        before.focus();
+        await expect.element(loc(before)).toHaveFocus();
+        await userEvent.tab();
+        await expect.element(loc(sw)).toHaveFocus();
+        // Space 切到 on（aria-checked=true，onChange 写入 true）。
+        await userEvent.keyboard(' ');
+        await expect.element(loc(sw)).toHaveAttribute('aria-checked', 'true');
+        const out = baseElement.querySelector('[data-testid="value"]');
+        expect(out.textContent).toBe(JSON.stringify(true));
+        // Enter 切回 off。
+        await userEvent.keyboard('{Enter}');
+        await expect.element(loc(sw)).toHaveAttribute('aria-checked', 'false');
+        expect(out.textContent).toBe(JSON.stringify(false));
+    });
+});

package/dist/switch/Switch.svelte

@@ -0,0 +1,310 @@
+<!--
+  Switch — see specs/components/input/Switch.spec.md
+  Native role="switch" button, controlled / uncontrolled.
+
+  ⚠️ 死循环红线：
+    - 受控（value=/bind:value）：父持有 value，仅经 onChange 上抛，绝不回写 prop（红线 #1）。
+    - 派生（on / nativeValue / cls / activeChildren）均为纯函数 $derived（红线 #2）。
+    - autofocus：$effect 内命令式 focus()，无 cleanup 必要（focus 一次性）；
+      announceOnChange 的 live region 写入在事件回调（非 render 期），$effect 仅清空兜底（红线 #3）。
+  - checkedValue/uncheckedValue：开/关态映射到任意业务值，仅用于 onChange.nativeValue 与
+    隐藏 input 提交值；on 仍为 boolean，映射不回写。
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { useLocale } from '../locale-provider/index.js';
+
+  type Size = 'small' | 'default' | 'large';
+  type Status = 'default' | 'warning' | 'error';
+  type NativeValue = string | number | boolean;
+
+  interface Props {
+    value?: boolean;
+    defaultValue?: boolean;
+    /** 开态对应的实际值（onChange.nativeValue 与表单提交值）。 */
+    checkedValue?: NativeValue;
+    /** 关态对应的实际值。 */
+    uncheckedValue?: NativeValue;
+    size?: Size;
+    status?: Status;
+    disabled?: boolean;
+    loading?: boolean;
+    checkedChildren?: string | Snippet;
+    uncheckedChildren?: string | Snippet;
+    name?: string;
+    /** 表单必填校验（须为开态）。 */
+    required?: boolean;
+    ariaLabel?: string;
+    /** 关联外部可见文本（如 Label 组件）的 id，体现可访问名（优先于 ariaLabel）。 */
+    ariaLabelledby?: string;
+    /** 切换后是否用 live region 播报新状态（文案经 locale）。 */
+    announceOnChange?: boolean;
+    /** 挂载后自动聚焦。 */
+    autofocus?: boolean;
+    onChange?: (
+      v: boolean,
+      detail?: { value: boolean; nativeValue: NativeValue; event: Event },
+    ) => void;
+    /** 获得焦点。 */
+    onFocus?: (event: FocusEvent) => void;
+    /** 失去焦点。 */
+    onBlur?: (event: FocusEvent) => void;
+    /** 键盘按下（可用于自定义快捷键扩展）。 */
+    onKeydown?: (event: KeyboardEvent) => void;
+    /** checked 时显示的文字（checkedChildren 的字符串别名） */
+    checkedText?: string;
+    /** unchecked 时显示的文字 */
+    uncheckedText?: string;
+    /** checked 时的 Snippet（checkedChildren 的 Snippet 别名） */
+    checkedContent?: Snippet;
+    /** unchecked 时的 Snippet */
+    uncheckedContent?: Snippet;
+    /** 鼠标进入 */
+    onMouseEnter?: (e: MouseEvent) => void;
+    /** 鼠标离开 */
+    onMouseLeave?: (e: MouseEvent) => void;
+  }
+
+  let {
+    value = $bindable(),
+    defaultValue = false,
+    checkedValue = true,
+    uncheckedValue = false,
+    size = 'default',
+    status = 'default',
+    disabled = false,
+    loading = false,
+    checkedChildren,
+    uncheckedChildren,
+    name,
+    required = false,
+    ariaLabel,
+    ariaLabelledby,
+    announceOnChange = false,
+    autofocus = false,
+    onChange,
+    onFocus,
+    onBlur,
+    onKeydown,
+    checkedText,
+    uncheckedText,
+    checkedContent,
+    uncheckedContent,
+    onMouseEnter,
+    onMouseLeave,
+  }: Props = $props();
+
+  const loc = useLocale();
+
+  const isControlled = $derived(value !== undefined);
+  let inner = $state(getInitialValue());
+  const on = $derived(isControlled ? !!value : inner);
+
+  function getInitialValue(): boolean {
+    return defaultValue;
+  }
+
+  const interactable = $derived(!disabled && !loading);
+
+  // 映射到业务值（红线 #2 纯派生）：仅用于 onChange.nativeValue 与表单提交。
+  const nativeValue = $derived<NativeValue>(on ? checkedValue : uncheckedValue);
+
+  // 切换播报 live region（命令式写入，初始空；render 期只读 $state）。
+  let announceText = $state('');
+
+  let rootEl: HTMLButtonElement | undefined;
+
+  // autofocus：命令式聚焦一次（红线 #3，SSR 安全，$effect 仅 client）。
+  $effect(() => {
+    if (autofocus && rootEl && interactable) rootEl.focus();
+  });
+
+  function announce(next: boolean) {
+    if (!announceOnChange) return;
+    announceText = '';
+    // 微任务后再写入，先清空再赋值，触发 AT 重新播报。
+    queueMicrotask(() => {
+      announceText = loc().t(next ? 'Switch.announceChecked' : 'Switch.announceUnchecked');
+    });
+  }
+
+  function toggle(event: Event) {
+    if (!interactable) return;
+    const next = !on;
+    // Controlled (`value=` / `bind:value`): parent owns `value`; propagate only
+    // via `onChange`. Writing the prop AND firing `onChange` loops.
+    // Uncontrolled: keep our own state in sync.
+    if (!isControlled) inner = next;
+    const nv = next ? checkedValue : uncheckedValue;
+    onChange?.(next, { value: next, nativeValue: nv, event });
+    announce(next);
+  }
+
+  // checkedText / uncheckedText 是 checkedChildren / uncheckedChildren 的字符串别名；
+  // checkedContent / uncheckedContent 是 Snippet 别名。
+  // 优先级：checkedChildren > checkedContent > checkedText（同理 unchecked）。
+  const resolvedChecked = $derived<string | Snippet | undefined>(
+    checkedChildren ?? checkedContent ?? checkedText,
+  );
+  const resolvedUnchecked = $derived<string | Snippet | undefined>(
+    uncheckedChildren ?? uncheckedContent ?? uncheckedText,
+  );
+  const activeChildren = $derived(on ? resolvedChecked : resolvedUnchecked);
+  const isSnippet = (c: string | Snippet | undefined): c is Snippet => typeof c === 'function';
+
+  // 隐藏 input 提交值：boolean → 'true'/'false'，其余按原值字符串化。
+  const submitValue = $derived(
+    typeof nativeValue === 'boolean' ? (nativeValue ? 'true' : 'false') : String(nativeValue),
+  );
+
+  const cls = $derived(
+    ['cd-switch', `cd-switch--${size}`, `cd-switch--${status}`, on && 'cd-switch--on']
+      .filter(Boolean)
+      .join(' '),
+  );
+</script>
+
+<button
+  bind:this={rootEl}
+  type="button"
+  role="switch"
+  class={cls}
+  aria-checked={on}
+  aria-labelledby={ariaLabelledby}
+  aria-label={ariaLabelledby ? undefined : ariaLabel}
+  aria-busy={loading || undefined}
+  aria-required={required || undefined}
+  aria-invalid={status === 'error' || undefined}
+  disabled={disabled || loading}
+  onclick={toggle}
+  onfocus={onFocus}
+  onblur={onBlur}
+  onkeydown={onKeydown}
+  onmouseenter={onMouseEnter}
+  onmouseleave={onMouseLeave}
+>
+  {#if name}<input type="hidden" {name} value={submitValue} {required} />{/if}
+  {#if activeChildren !== undefined}
+    <span class="cd-switch__label">
+      {#if isSnippet(activeChildren)}{@render activeChildren()}{:else}{activeChildren}{/if}
+    </span>
+  {/if}
+  <span class="cd-switch__knob">
+    {#if loading}<span class="cd-switch__spinner" aria-hidden="true"></span>{/if}
+  </span>
+</button>
+
+{#if announceOnChange}
+  <!-- 切换播报 live region：视觉隐藏，仅供辅助技术读取（render 期只读 $state）。 -->
+  <div class="cd-switch__sr-live" role="status" aria-live="polite" aria-atomic="true">
+    {announceText}
+  </div>
+{/if}
+
+<style>
+  .cd-switch {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-start;
+    inline-size: var(--cd-switch-width-default);
+    block-size: var(--cd-switch-height-default);
+    padding: 0;
+    border: none;
+    border-radius: var(--cd-switch-radius);
+    background: var(--cd-switch-bg-off);
+    cursor: pointer;
+    transition: background-color var(--cd-motion-duration-mid) var(--cd-motion-ease-standard);
+  }
+  .cd-switch--small {
+    inline-size: var(--cd-switch-width-small);
+    block-size: var(--cd-switch-height-small);
+  }
+  .cd-switch--large {
+    inline-size: var(--cd-switch-width-large);
+    block-size: var(--cd-switch-height-large);
+  }
+  .cd-switch--on {
+    background: var(--cd-switch-bg-on);
+    justify-content: flex-end;
+  }
+  .cd-switch--warning.cd-switch--on {
+    background: var(--cd-color-warning);
+  }
+  .cd-switch--warning.cd-switch--on .cd-switch__label {
+    color: var(--cd-color-text-inverse);
+  }
+  .cd-switch--error.cd-switch--on {
+    background: var(--cd-color-danger);
+  }
+  .cd-switch:focus-visible {
+    outline: none;
+    box-shadow: var(--cd-focus-ring);
+  }
+  .cd-switch:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  .cd-switch__knob {
+    position: absolute;
+    inset-block: 2px;
+    inset-inline-start: 2px;
+    aspect-ratio: 1;
+    block-size: calc(100% - 4px);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--cd-radius-full);
+    background: var(--cd-switch-knob-bg);
+    transition: inset-inline-start var(--cd-motion-duration-mid) var(--cd-motion-ease-standard);
+  }
+  .cd-switch--on .cd-switch__knob {
+    inset-inline-start: calc(100% - 2px);
+    transform: translateX(-100%);
+  }
+  .cd-switch__label {
+    color: var(--cd-color-text-inverse);
+    font-size: var(--cd-font-size-1);
+    line-height: 1;
+    padding-inline: var(--cd-spacing-2);
+  }
+  .cd-switch--on .cd-switch__label {
+    padding-inline-start: var(--cd-spacing-3);
+    padding-inline-end: var(--cd-spacing-5);
+  }
+  .cd-switch__spinner {
+    inline-size: 60%;
+    aspect-ratio: 1;
+    border: 2px solid var(--cd-color-grey-3);
+    border-block-start-color: var(--cd-color-primary);
+    border-radius: var(--cd-radius-full);
+    animation: cd-switch-spin var(--cd-motion-duration-slow) linear infinite;
+  }
+  @keyframes cd-switch-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  /* 视觉隐藏但对辅助技术可见（不可用 display:none / visibility:hidden）。 */
+  .cd-switch__sr-live {
+    position: absolute;
+    inline-size: 1px;
+    block-size: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .cd-switch,
+    .cd-switch__knob {
+      transition: none;
+    }
+    .cd-switch__spinner {
+      animation: none;
+    }
+  }
+</style>

package/dist/switch/Switch.svelte.d.ts

@@ -0,0 +1,55 @@
+import type { Snippet } from 'svelte';
+type Size = 'small' | 'default' | 'large';
+type Status = 'default' | 'warning' | 'error';
+type NativeValue = string | number | boolean;
+interface Props {
+    value?: boolean;
+    defaultValue?: boolean;
+    /** 开态对应的实际值（onChange.nativeValue 与表单提交值）。 */
+    checkedValue?: NativeValue;
+    /** 关态对应的实际值。 */
+    uncheckedValue?: NativeValue;
+    size?: Size;
+    status?: Status;
+    disabled?: boolean;
+    loading?: boolean;
+    checkedChildren?: string | Snippet;
+    uncheckedChildren?: string | Snippet;
+    name?: string;
+    /** 表单必填校验（须为开态）。 */
+    required?: boolean;
+    ariaLabel?: string;
+    /** 关联外部可见文本（如 Label 组件）的 id，体现可访问名（优先于 ariaLabel）。 */
+    ariaLabelledby?: string;
+    /** 切换后是否用 live region 播报新状态（文案经 locale）。 */
+    announceOnChange?: boolean;
+    /** 挂载后自动聚焦。 */
+    autofocus?: boolean;
+    onChange?: (v: boolean, detail?: {
+        value: boolean;
+        nativeValue: NativeValue;
+        event: Event;
+    }) => void;
+    /** 获得焦点。 */
+    onFocus?: (event: FocusEvent) => void;
+    /** 失去焦点。 */
+    onBlur?: (event: FocusEvent) => void;
+    /** 键盘按下（可用于自定义快捷键扩展）。 */
+    onKeydown?: (event: KeyboardEvent) => void;
+    /** checked 时显示的文字（checkedChildren 的字符串别名） */
+    checkedText?: string;
+    /** unchecked 时显示的文字 */
+    uncheckedText?: string;
+    /** checked 时的 Snippet（checkedChildren 的 Snippet 别名） */
+    checkedContent?: Snippet;
+    /** unchecked 时的 Snippet */
+    uncheckedContent?: Snippet;
+    /** 鼠标进入 */
+    onMouseEnter?: (e: MouseEvent) => void;
+    /** 鼠标离开 */
+    onMouseLeave?: (e: MouseEvent) => void;
+}
+declare const Switch: import("svelte").Component<Props, {}, "value">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;
+//# sourceMappingURL=Switch.svelte.d.ts.map

package/dist/switch/Switch.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.svelte.d.ts","sourceRoot":"","sources":["../../src/switch/Switch.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,KAAK,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1C,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7C,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,gBAAgB;IAChB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,OAAO,EACV,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,KAChE,IAAI,CAAC;IACV,YAAY;IACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,YAAY;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,yBAAyB;IACzB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW;IACX,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,WAAW;IACX,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAoIH,QAAA,MAAM,MAAM,gDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/switch/SwitchKbdFixture.svelte

@@ -0,0 +1,22 @@
+<!--
+  仅供 Switch.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
+  Switch 是原生 <button role="switch">，焦点落在按钮本身；Space/Enter 经原生
+  click 触发 toggle，aria-checked 翻转。夹具暴露 onChange 写入 lastValue。
+-->
+<script lang="ts">
+  import { LocaleProvider } from '../locale-provider/index.js';
+  import Switch from './Switch.svelte';
+
+  let lastValue = $state<unknown>(undefined);
+</script>
+
+<LocaleProvider locale="en_US">
+  <button type="button" data-testid="before">before</button>
+  <Switch
+    ariaLabel="Toggle"
+    onChange={(v) => {
+      lastValue = v;
+    }}
+  />
+  <output data-testid="value">{JSON.stringify(lastValue ?? null)}</output>
+</LocaleProvider>

package/dist/switch/SwitchKbdFixture.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const SwitchKbdFixture: import("svelte").Component<Record<string, never>, {}, "">;
+type SwitchKbdFixture = ReturnType<typeof SwitchKbdFixture>;
+export default SwitchKbdFixture;
+//# sourceMappingURL=SwitchKbdFixture.svelte.d.ts.map

package/dist/switch/SwitchKbdFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/switch/SwitchKbdFixture.svelte.ts"],"names":[],"mappings":"AAwBA,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Switch } from './Switch.svelte';
+export { meta as switchMeta } from './meta.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/switch/index.js

@@ -0,0 +1,2 @@
+export { default as Switch } from './Switch.svelte';
+export { meta as switchMeta } from './meta.js';