@chenzy-design/svelte 0.1.0 → 0.2.1

package/dist/tabs/TabsKbdFixture.svelte

@@ -1,25 +0,0 @@
-<!--
-  仅供 Tabs.kbd.test.ts（browser project）使用的 tablist roving 键盘 e2e 夹具。
-  声明式 <Tabs.Pane> 用法：tab 的 aria-controls 指向真实面板，面板按 activeKey 显隐，
-  便于断言 keyboardActivation='auto'（默认）下「焦点移动即激活」。
-  菜单前后各放一个按钮，用于验证 roving 单停靠点（Tab 只进一个 tab，其余 tabindex=-1）。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import { Tabs } from './index.js';
-
-  interface Props {
-    defaultValue?: string;
-  }
-  let { defaultValue = 'overview' }: Props = $props();
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <Tabs {defaultValue} type="line">
-    <Tabs.Pane itemKey="overview" tab="Overview">Overview content</Tabs.Pane>
-    <Tabs.Pane itemKey="details" tab="Details">Details content</Tabs.Pane>
-    <Tabs.Pane itemKey="history" tab="History">History content</Tabs.Pane>
-  </Tabs>
-  <button type="button" data-testid="after">after</button>
-</LocaleProvider>

package/dist/tabs/TabsKbdFixture.svelte.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    defaultValue?: string;
-}
-declare const TabsKbdFixture: import("svelte").Component<Props, {}, "">;
-type TabsKbdFixture = ReturnType<typeof TabsKbdFixture>;
-export default TabsKbdFixture;
-//# sourceMappingURL=TabsKbdFixture.svelte.d.ts.map

package/dist/tabs/TabsKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsKbdFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqBH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/tag/Tag.a11y.test.d.ts

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

package/dist/tag/Tag.a11y.test.d.ts.map

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

package/dist/tag/Tag.a11y.test.js

@@ -1,30 +0,0 @@
-// Tag a11y：closable 关闭按钮有可访问名（locale 派生）；checkable 取 role=checkbox + aria-checked。
-// 经 TagA11yFixture 提供真实文本 children（自带 LocaleProvider，故直接 render）。
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/svelte';
-import { expectNoAxeViolations } from '../test-utils/a11y.js';
-import TagA11yFixture from './TagA11yFixture.svelte';
-describe('Tag a11y', () => {
-    it('基础：渲染文本内容，无 axe violations', async () => {
-        const { container } = render(TagA11yFixture, { props: { text: 'Done' } });
-        expect(container.querySelector('.cd-tag')?.textContent).toContain('Done');
-        await expectNoAxeViolations(container);
-    });
-    it('closable：关闭按钮带 aria-label（来自 locale），无 axe violations', async () => {
-        const { container } = render(TagA11yFixture, {
-            props: { text: 'Done', props: { closable: true, tagText: 'Done' } },
-        });
-        const closeBtn = container.querySelector('.cd-tag__close');
-        expect(closeBtn?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(container);
-    });
-    it('checkable：role=checkbox + aria-checked，无 axe violations', async () => {
-        const { container } = render(TagA11yFixture, {
-            props: { text: 'Filter', props: { checkable: true, checked: true } },
-        });
-        const root = container.querySelector('.cd-tag');
-        expect(root?.getAttribute('role')).toBe('checkbox');
-        expect(root?.getAttribute('aria-checked')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/tag/TagA11yFixture.svelte

@@ -1,18 +0,0 @@
-<!--
-  Tag a11y 测试夹具：提供真实文本 children（createRawSnippet 在 harness 下不渲染文本）。
-  自带 LocaleProvider，故测试直接 render 本夹具。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Tag from './Tag.svelte';
-
-  interface Props {
-    text?: string;
-    props?: Record<string, unknown>;
-  }
-  let { text = 'Done', props = {} }: Props = $props();
-</script>
-
-<LocaleProvider locale="en_US">
-  <Tag {...props}>{text}</Tag>
-</LocaleProvider>

package/dist/tag/TagA11yFixture.svelte.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    text?: string;
-    props?: Record<string, unknown>;
-}
-declare const TagA11yFixture: import("svelte").Component<Props, {}, "">;
-type TagA11yFixture = ReturnType<typeof TagA11yFixture>;
-export default TagA11yFixture;
-//# sourceMappingURL=TagA11yFixture.svelte.d.ts.map

package/dist/tag/TagA11yFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/tag/TagA11yFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAeH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/tag-input/TagInput.a11y.test.d.ts

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

package/dist/tag-input/TagInput.a11y.test.d.ts.map

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

package/dist/tag-input/TagInput.a11y.test.js

@@ -1,38 +0,0 @@
-// TagInput a11y：role=group + ariaLabel 容器可访问名；输入框可访问名；
-// 标签删除按钮 locale 可访问名。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import TagInput from './TagInput.svelte';
-describe('TagInput a11y', () => {
-    it('默认渲染：role=group + ariaLabel，输入框有可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TagInput, {
-            props: { ariaLabel: 'Tags', placeholder: 'Add tag' },
-        });
-        const group = container.querySelector('[role="group"]');
-        expect(group).not.toBeNull();
-        expect(group?.getAttribute('aria-label')).toBe('Tags');
-        // 输入框同样以 ariaLabel 暴露可访问名（无可见 label）。
-        const input = container.querySelector('input');
-        expect(input?.getAttribute('aria-label')).toBe('Tags');
-        await expectNoAxeViolations(container);
-    });
-    it('已有标签：删除按钮 locale 可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TagInput, {
-            props: { ariaLabel: 'Skills', defaultValue: ['svelte', 'a11y'] },
-        });
-        const removeBtns = container.querySelectorAll('.cd-tag-input__remove');
-        expect(removeBtns.length).toBe(2);
-        const label = removeBtns[0]?.getAttribute('aria-label');
-        expect(label).toBeTruthy();
-        expect(label).not.toBe('TagInput.remove');
-        await expectNoAxeViolations(container);
-    });
-    it('disabled：aria-disabled=true，无 axe violations', async () => {
-        const { container } = renderWithLocale(TagInput, {
-            props: { ariaLabel: 'Tags', defaultValue: ['a'], disabled: true },
-        });
-        const group = container.querySelector('[role="group"]');
-        expect(group?.getAttribute('aria-disabled')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/tag-input/reorder.test.d.ts

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

package/dist/tag-input/reorder.test.d.ts.map

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

package/dist/tag-input/reorder.test.js

@@ -1,48 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { computeInsertSide, reorder } from './reorder.js';
-describe('tag-input/reorder', () => {
-    describe('computeInsertSide', () => {
-        it('left half → before', () => {
-            expect(computeInsertSide(0, 100)).toBe('before');
-            expect(computeInsertSide(49, 100)).toBe('before');
-        });
-        it('mid and right half → after', () => {
-            expect(computeInsertSide(50, 100)).toBe('after');
-            expect(computeInsertSide(99, 100)).toBe('after');
-        });
-    });
-    describe('reorder', () => {
-        const list = ['a', 'b', 'c', 'd'];
-        it('moves an item forward (before a later target)', () => {
-            expect(reorder(list, 0, 2, 'before')).toEqual(['b', 'a', 'c', 'd']);
-        });
-        it('moves an item forward (after a later target)', () => {
-            expect(reorder(list, 0, 2, 'after')).toEqual(['b', 'c', 'a', 'd']);
-        });
-        it('moves an item backward (before an earlier target)', () => {
-            expect(reorder(list, 3, 1, 'before')).toEqual(['a', 'd', 'b', 'c']);
-        });
-        it('moves an item backward (after an earlier target)', () => {
-            expect(reorder(list, 3, 1, 'after')).toEqual(['a', 'b', 'd', 'c']);
-        });
-        it('moves to the very end', () => {
-            expect(reorder(list, 0, 3, 'after')).toEqual(['b', 'c', 'd', 'a']);
-        });
-        it('moves to the very start', () => {
-            expect(reorder(list, 3, 0, 'before')).toEqual(['d', 'a', 'b', 'c']);
-        });
-        it('no-op when result position equals source (drop after previous neighbor)', () => {
-            expect(reorder(list, 1, 0, 'after')).toEqual(list);
-            expect(reorder(list, 1, 2, 'before')).toEqual(list);
-        });
-        it('returns a new array (immutable)', () => {
-            const out = reorder(list, 0, 1, 'after');
-            expect(out).not.toBe(list);
-            expect(list).toEqual(['a', 'b', 'c', 'd']);
-        });
-        it('out-of-range indices return a copy unchanged', () => {
-            expect(reorder(list, -1, 2, 'before')).toEqual(list);
-            expect(reorder(list, 0, 9, 'after')).toEqual(list);
-        });
-    });
-});

package/dist/test-utils/LocaleHarness.svelte

@@ -1,29 +0,0 @@
-<!--
-  LocaleHarness — a11y 测试专用包装组件。
-  把被测组件包进 <LocaleProvider>，使 useLocale() 能拿到 context（默认 en_US）。
-  通过 component prop 接收被测组件构造器，props 透传，children 作为默认插槽渲染。
-  注意：仅用于测试，不对外导出。
--->
-<script lang="ts">
-  import type { Component, Snippet } from 'svelte';
-  import { LocaleProvider } from '../locale-provider/index.js';
-
-  interface Props {
-    // 被测组件构造器（Svelte 5 Component）。
-    component: Component<any>;
-    // 透传给被测组件的 props。
-    props?: Record<string, unknown>;
-    // 语言码，默认 en_US。
-    locale?: string;
-    // 默认插槽内容（如 Button 的文字）。
-    children?: Snippet;
-  }
-
-  let { component: Cmp, props = {}, locale = 'en_US', children }: Props = $props();
-</script>
-
-<LocaleProvider {locale}>
-  <Cmp {...props}>
-    {#if children}{@render children()}{/if}
-  </Cmp>
-</LocaleProvider>

package/dist/test-utils/LocaleHarness.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Component, Snippet } from 'svelte';
-interface Props {
-    component: Component<any>;
-    props?: Record<string, unknown>;
-    locale?: string;
-    children?: Snippet;
-}
-declare const LocaleHarness: Component<Props, {}, "">;
-type LocaleHarness = ReturnType<typeof LocaleHarness>;
-export default LocaleHarness;
-//# sourceMappingURL=LocaleHarness.svelte.d.ts.map

package/dist/test-utils/LocaleHarness.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocaleHarness.svelte.d.ts","sourceRoot":"","sources":["../../src/test-utils/LocaleHarness.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAI/C,UAAU,KAAK;IAEb,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBH,QAAA,MAAM,aAAa,0BAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/test-utils/a11y.d.ts

@@ -1,36 +0,0 @@
-import { type RenderResult } from '@testing-library/svelte';
-import type { Component } from 'svelte';
-import { type RunOptions } from 'axe-core';
-type AnyComponent = Component<Record<string, unknown>>;
-export interface RenderWithLocaleOptions {
-    /** 透传给被测组件的 props。 */
-    props?: Record<string, unknown>;
-    /** 语言码，默认 en_US。 */
-    locale?: string;
-}
-/**
- * 把组件包进 LocaleProvider 渲染到 jsdom。
- * 返回 testing-library 的 RenderResult（含 container / baseElement / queries）。
- *
- * 用法：
- *   const { container } = renderWithLocale(Button, { props: { type: 'primary' } });
- *
- * 纯展示组件（无 useLocale）同样可用——Provider 包裹无副作用。
- */
-export declare function renderWithLocale(component: AnyComponent, options?: RenderWithLocaleOptions): RenderResult<AnyComponent>;
-export interface AxeAssertOptions {
-    /** 额外要禁用的规则 id（在默认禁用项之外追加）。 */
-    disableRules?: string[];
-    /** 覆盖默认 runOptions（一般不需要）。 */
-    runOptions?: RunOptions;
-}
-/**
- * 对容器跑 axe-core，断言 0 violations。
- * 默认规则集：WCAG 2.0/2.1 A & AA（axe tags wcag2a/wcag2aa/wcag21a/wcag21aa）。
- * 默认禁用 jsdom 下不可靠的规则（见 JSDOM_DISABLED_RULES）。
- *
- * 用法：await expectNoAxeViolations(container);
- */
-export declare function expectNoAxeViolations(container: Element, options?: AxeAssertOptions): Promise<void>;
-export {};
-//# sourceMappingURL=a11y.d.ts.map

package/dist/test-utils/a11y.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/test-utils/a11y.ts"],"names":[],"mappings":"AAUA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAY,EAAE,KAAK,UAAU,EAAe,MAAM,UAAU,CAAC;AAI7D,KAAK,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAIvD,MAAM,WAAW,uBAAuB;IACtC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,YAAY,EACvB,OAAO,GAAE,uBAA4B,GACpC,YAAY,CAAC,YAAY,CAAC,CAK5B;AAQD,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAWD;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CACzC,SAAS,EAAE,OAAO,EAClB,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CA6Bf"}

package/dist/test-utils/a11y.js

@@ -1,68 +0,0 @@
-// a11y 渲染测试基建（仅 dom project / jsdom 下使用）。
-//
-// 提供两个帮手：
-//  - renderWithLocale：用 testing-library 的 render 把组件挂到 jsdom，
-//    并用 LocaleHarness 包一层 LocaleProvider（默认 en_US），使 useLocale() 可用。
-//  - expectNoAxeViolations：对容器跑 axe-core，断言 0 violations。
-//
-// 设计取舍：本套件只做 axe 静态规则 + role/aria 断言，不测真实键盘/焦点行为
-// （jsdom 焦点模型不完整、委托事件合成不可靠——见项目已知教训）。焦点陷阱/键盘
-// 导航留给将来 Playwright。
-import { render } from '@testing-library/svelte';
-import axe from 'axe-core';
-import { expect } from 'vitest';
-import LocaleHarness from './LocaleHarness.svelte';
-/**
- * 把组件包进 LocaleProvider 渲染到 jsdom。
- * 返回 testing-library 的 RenderResult（含 container / baseElement / queries）。
- *
- * 用法：
- *   const { container } = renderWithLocale(Button, { props: { type: 'primary' } });
- *
- * 纯展示组件（无 useLocale）同样可用——Provider 包裹无副作用。
- */
-export function renderWithLocale(component, options = {}) {
-    const { props = {}, locale = 'en_US' } = options;
-    return render(LocaleHarness, {
-        props: { component, props, locale },
-    });
-}
-// jsdom 下不可靠 / 无意义、需禁用的 axe 规则及原因：
-//  - color-contrast：jsdom 不做布局与渲染，拿不到真实计算后的颜色/尺寸，
-//    对比度无法计算（axe 本就会 incomplete，这里显式关掉避免噪音）。对比度
-//    交给将来的真实浏览器（Playwright）或专门的 token 对比度校验。
-const JSDOM_DISABLED_RULES = ['color-contrast'];
-function formatViolations(violations) {
-    return violations
-        .map((v) => {
-        const nodes = v.nodes.map((n) => `      - ${n.html}\n        ${n.failureSummary ?? ''}`).join('\n');
-        return `  [${v.id}] ${v.help} (${v.impact ?? 'n/a'})\n    ${v.helpUrl}\n${nodes}`;
-    })
-        .join('\n\n');
-}
-/**
- * 对容器跑 axe-core，断言 0 violations。
- * 默认规则集：WCAG 2.0/2.1 A & AA（axe tags wcag2a/wcag2aa/wcag21a/wcag21aa）。
- * 默认禁用 jsdom 下不可靠的规则（见 JSDOM_DISABLED_RULES）。
- *
- * 用法：await expectNoAxeViolations(container);
- */
-export async function expectNoAxeViolations(container, options = {}) {
-    const { disableRules = [], runOptions } = options;
-    const rules = {};
-    for (const id of [...JSDOM_DISABLED_RULES, ...disableRules]) {
-        rules[id] = { enabled: false };
-    }
-    const results = await axe.run(container, runOptions ?? {
-        runOnly: {
-            type: 'tag',
-            values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'],
-        },
-        rules,
-    });
-    if (results.violations.length > 0) {
-        throw new Error(`Expected no axe violations but found ${results.violations.length}:\n\n${formatViolations(results.violations)}`);
-    }
-    // 给 vitest 一个显式断言计数，便于报告/快照。
-    expect(results.violations).toHaveLength(0);
-}

package/dist/test-utils/kbd.d.ts

@@ -1,26 +0,0 @@
-import { userEvent } from 'vitest/browser';
-import type { Component } from 'svelte';
-type AnyComponent = Component<Record<string, unknown>>;
-export interface RenderKbdOptions {
-    /** 透传给被测组件的 props。 */
-    props?: Record<string, unknown>;
-    /** 语言码，默认 en_US。 */
-    locale?: string;
-}
-/**
- * 在真实浏览器里把组件包进 LocaleProvider 渲染。
- * 返回 vitest-browser-svelte 的 RenderResult（含 baseElement / container / 各 locator 查询）。
- *
- * 用法：
- *   const screen = renderKbd(Modal, { props: { open: true, title: '...' } });
- *   const dialog = screen.baseElement.querySelector('[role="dialog"]');
- */
-export declare function renderKbd(component: AnyComponent, options?: RenderKbdOptions): import("vitest-browser-svelte").RenderResult<AnyComponent> & PromiseLike<import("vitest-browser-svelte").RenderResult<AnyComponent>>;
-/**
- * 直接渲染一个已自带 LocaleProvider/不需要 locale 的 fixture 组件。
- * fixture 通常无 props（构造器类型为 Component<Record<string, never>>），
- * 故入参用宽松的 Component<any> 接收，避免与具体 fixture 的精确 props 类型冲突。
- */
-export declare function renderKbdFixture(component: Component<any>, props?: Record<string, unknown>): import("vitest-browser-svelte").RenderResult<AnyComponent> & PromiseLike<import("vitest-browser-svelte").RenderResult<AnyComponent>>;
-export { userEvent };
-//# sourceMappingURL=kbd.d.ts.map

package/dist/test-utils/kbd.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/test-utils/kbd.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC,KAAK,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,GAAE,gBAAqB,wIAKhF;AAED;;;;GAIG;AAEH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,wIAE9F;AAGD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/test-utils/kbd.js

@@ -1,38 +0,0 @@
-// 键盘 e2e 测试基建（仅 browser project / 真实 chromium 下使用）。
-//
-// 与 a11y.ts（jsdom + axe）的关键区别：本套件在真实 chromium 里 mount 组件，
-// 用 vitest browser 的 userEvent 触发真实键盘/Tab，并用 page locator 的
-// `.toHaveFocus()` 断言真实 document.activeElement。jsdom 测不了的焦点陷阱、
-// roving 漫游、焦点归还都在这里覆盖。
-//
-// 渲染走 vitest-browser-svelte 的 render（基于 @testing-library/svelte-core，
-// 真实 mount 到 document.body），外层用 LocaleHarness 包一层 LocaleProvider
-// （复用 a11y 套件的同一 harness），使 useLocale() 可用。
-import { render } from 'vitest-browser-svelte';
-import { userEvent } from 'vitest/browser';
-import LocaleHarness from './LocaleHarness.svelte';
-/**
- * 在真实浏览器里把组件包进 LocaleProvider 渲染。
- * 返回 vitest-browser-svelte 的 RenderResult（含 baseElement / container / 各 locator 查询）。
- *
- * 用法：
- *   const screen = renderKbd(Modal, { props: { open: true, title: '...' } });
- *   const dialog = screen.baseElement.querySelector('[role="dialog"]');
- */
-export function renderKbd(component, options = {}) {
-    const { props = {}, locale = 'en_US' } = options;
-    return render(LocaleHarness, {
-        props: { component, props, locale },
-    });
-}
-/**
- * 直接渲染一个已自带 LocaleProvider/不需要 locale 的 fixture 组件。
- * fixture 通常无 props（构造器类型为 Component<Record<string, never>>），
- * 故入参用宽松的 Component<any> 接收，避免与具体 fixture 的精确 props 类型冲突。
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function renderKbdFixture(component, props = {}) {
-    return render(component, { props });
-}
-// 重新导出 userEvent，键盘 e2e 统一从这里取（tab()/keyboard()/click()）。
-export { userEvent };

package/dist/textarea/TextArea.a11y.test.d.ts

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

package/dist/textarea/TextArea.a11y.test.d.ts.map

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

package/dist/textarea/TextArea.a11y.test.js

@@ -1,41 +0,0 @@
-// TextArea a11y：原生 <textarea> + ariaLabel 可访问名；error 态 aria-invalid；
-// showClear 清除按钮 locale 可访问名。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import TextArea from './TextArea.svelte';
-describe('TextArea a11y', () => {
-    it('默认渲染：ariaLabel 提供可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TextArea, {
-            props: { ariaLabel: 'Bio', placeholder: 'Tell us about yourself' },
-        });
-        const ta = container.querySelector('textarea');
-        expect(ta).not.toBeNull();
-        expect(ta?.getAttribute('aria-label')).toBe('Bio');
-        await expectNoAxeViolations(container);
-    });
-    it('error 状态：aria-invalid=true', async () => {
-        const { container } = renderWithLocale(TextArea, {
-            props: { ariaLabel: 'Notes', status: 'error' },
-        });
-        const ta = container.querySelector('textarea');
-        expect(ta?.getAttribute('aria-invalid')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-    it('showClear + showCount：清除按钮 locale 可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TextArea, {
-            props: {
-                ariaLabel: 'Comment',
-                defaultValue: 'hello',
-                showClear: true,
-                showCount: true,
-                maxLength: 100,
-            },
-        });
-        const clearBtn = container.querySelector('.cd-textarea__clear');
-        expect(clearBtn).not.toBeNull();
-        const label = clearBtn?.getAttribute('aria-label');
-        expect(label).toBeTruthy();
-        expect(label).not.toBe('Textarea.clear');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/time-picker/TimePicker.a11y.test.d.ts

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

package/dist/time-picker/TimePicker.a11y.test.d.ts.map

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

package/dist/time-picker/TimePicker.a11y.test.js

@@ -1,42 +0,0 @@
-// TimePicker a11y：触发器（button）+ role=dialog 面板 + 时/分 role=listbox/option 列。
-// 只断言静态 ARIA + axe 0 violations，不测真实键盘/焦点（jsdom 限制）。
-// 打开态面板 portal 到 document.body，故扫描 document.body。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import TimePicker from './TimePicker.svelte';
-describe('TimePicker a11y', () => {
-    it('关闭态：触发器 aria-haspopup=dialog / aria-expanded=false，无 axe violations', async () => {
-        const { container } = renderWithLocale(TimePicker, {
-            props: { ariaLabel: 'Meeting time' },
-        });
-        const trigger = container.querySelector('.cd-time-picker__trigger');
-        expect(trigger).not.toBeNull();
-        expect(trigger?.getAttribute('aria-haspopup')).toBe('dialog');
-        expect(trigger?.getAttribute('aria-expanded')).toBe('false');
-        expect(trigger?.getAttribute('aria-label')).toBe('Meeting time');
-        await expectNoAxeViolations(container);
-    });
-    it('打开态：role=dialog 面板 + listbox/option 列（portal 到 body），无 axe violations', async () => {
-        renderWithLocale(TimePicker, {
-            props: { defaultOpen: true, ariaLabel: 'Meeting time' },
-        });
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        expect(dialog?.getAttribute('aria-label')).toBeTruthy();
-        const listboxes = document.querySelectorAll('[role="listbox"]');
-        expect(listboxes.length).toBeGreaterThan(0);
-        const options = document.querySelectorAll('[role="option"]');
-        expect(options.length).toBeGreaterThan(0);
-        await expectNoAxeViolations(document.body);
-    });
-    it('已选值：选中 option aria-selected=true + 触发器 aria-expanded=true', async () => {
-        renderWithLocale(TimePicker, {
-            props: { defaultOpen: true, defaultValue: '09:30:00', ariaLabel: 'Meeting time' },
-        });
-        const trigger = document.querySelector('.cd-time-picker__trigger');
-        expect(trigger?.getAttribute('aria-expanded')).toBe('true');
-        const selected = document.querySelector('[role="option"][aria-selected="true"]');
-        expect(selected).not.toBeNull();
-        await expectNoAxeViolations(document.body);
-    });
-});

package/dist/time-picker/TimePicker.kbd.test.d.ts

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

package/dist/time-picker/TimePicker.kbd.test.d.ts.map

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

package/dist/time-picker/TimePicker.kbd.test.js

@@ -1,59 +0,0 @@
-// TimePicker 键盘 e2e（browser project / 真实 chromium）。
-// 时间列用真实焦点 roving（APG listbox）：每列单一 Tab 停靠点（选中项 tabindex=0，
-// 其余 -1），列内 ↑↓ 命令式移动 DOM 焦点（循环）、Home/End 跳首末，列间用 Tab。
-// 故断言真实 .toHaveFocus()（先读源码 onColKeydown 确认是命令式 focus，非 activedescendant）。
-//   1. 打开后焦点落进小时列选中项（value=08:30:45 → 小时 08）。
-//   2. 列内 ↓↑ 移动焦点（相邻项），Home/End 跳首末项。
-//   3. Tab 进入下一列（分钟列）的停靠点（选中项 30）。
-//   4. Esc 关闭面板。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import TimePickerKbdFixture from './TimePickerKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('TimePicker 键盘 e2e（列内 roving 真实焦点）', () => {
-    it('小时列 ↓↑ + Home/End 移动焦点；Tab 进分钟列；Esc 关闭', async () => {
-        const { baseElement } = renderKbdFixture(TimePickerKbdFixture);
-        const trigger = baseElement.querySelector('[data-testid="before"]');
-        expect(trigger).not.toBeNull();
-        await userEvent.click(trigger);
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        const cols = Array.from(dialog.querySelectorAll('[role="listbox"]'));
-        expect(cols.length).toBe(3); // 时/分/秒
-        const [hourCol, minuteCol] = cols;
-        const hourOptions = Array.from(hourCol.querySelectorAll('[role="option"]'));
-        // value=08:30:45 → 小时列选中项 08（文本 '08'）。
-        const hour08 = hourOptions.find((el) => el.textContent?.trim() === '08');
-        const hour09 = hourOptions.find((el) => el.textContent?.trim() === '09');
-        const hour07 = hourOptions.find((el) => el.textContent?.trim() === '07');
-        // 1. 打开后焦点落进小时列选中项（08）。
-        await expect.element(loc(hour08)).toHaveFocus();
-        expect(hour08.tabIndex).toBe(0);
-        // 2a. ↓ → 下一项（09），真实焦点跟随、停靠点收敛。
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.element(loc(hour09)).toHaveFocus();
-        expect(hour09.tabIndex).toBe(0);
-        expect(hour08.tabIndex).toBe(-1);
-        // 2b. ↑↑ → 回到 08 再到 07。
-        await userEvent.keyboard('{ArrowUp}');
-        await expect.element(loc(hour08)).toHaveFocus();
-        await userEvent.keyboard('{ArrowUp}');
-        await expect.element(loc(hour07)).toHaveFocus();
-        // 2c. Home/End → 列首（00）/列末（23）。
-        await userEvent.keyboard('{Home}');
-        await expect.element(loc(hourOptions[0])).toHaveFocus();
-        await userEvent.keyboard('{End}');
-        await expect.element(loc(hourOptions[hourOptions.length - 1])).toHaveFocus();
-        // 3. Tab → 进入分钟列的停靠点（选中项 30）。
-        const minuteOptions = Array.from(minuteCol.querySelectorAll('[role="option"]'));
-        const minute30 = minuteOptions.find((el) => el.textContent?.trim() === '30');
-        await userEvent.tab();
-        await expect.element(loc(minute30)).toHaveFocus();
-        // 4. Esc 关闭面板（useDismiss escape）。
-        await userEvent.keyboard('{Escape}');
-        await expect.poll(() => document.querySelector('[role="dialog"]')).toBeNull();
-    });
-});

package/dist/time-picker/TimePickerKbdFixture.svelte

@@ -1,23 +0,0 @@
-<!--
-  仅供 TimePicker.kbd.test.ts（browser project）使用的列内 roving 键盘 e2e 夹具。
-  trigger 控制 open（受控）；固定 value=08:30:45 让各列选中项稳定（停靠点 = 选中项）。
-  三列（时/分/秒）listbox，列内 ↑↓ roving + Home/End，列间 Tab。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import TimePicker from './TimePicker.svelte';
-
-  let open = $state(false);
-  const value = new Date(2024, 0, 1, 8, 30, 45);
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before" onclick={() => (open = true)}>open time picker</button>
-  <TimePicker
-    {open}
-    {value}
-    locale="en-US"
-    ariaLabel="pick time"
-    onOpenChange={(v) => (open = v)}
-  />
-</LocaleProvider>