@chenzy-design/svelte 0.1.0 → 0.2.1

package/dist/color-picker/ColorPicker.a11y.test.js

@@ -1,54 +0,0 @@
-// ColorPicker a11y：inline 面板 role=group；saturation/hue/alpha 滑块 role=slider；
-// presets role=listbox/option；trigger 模式按钮 aria-haspopup/aria-expanded，需 ariaLabel 提供可访问名。
-// 浮层不 portal，渲染在 root 容器内，故扫 container（参照 Modal 但无需扫 body）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import ColorPicker from './ColorPicker.svelte';
-describe('ColorPicker a11y', () => {
-    it('inline：role=group 面板 + 滑块 role=slider + presets listbox/option，无 axe violations', async () => {
-        const { container } = renderWithLocale(ColorPicker, {
-            props: { inline: true, defaultValue: '#3370ff', alpha: true, presets: ['#ff0000', '#00ff00'] },
-        });
-        const panel = container.querySelector('[role="group"]');
-        expect(panel).not.toBeNull();
-        expect(panel?.getAttribute('aria-label')).toBeTruthy();
-        // saturation / hue / alpha 三个 slider，均有 aria-label + aria-valuenow。
-        const sliders = container.querySelectorAll('[role="slider"]');
-        expect(sliders.length).toBeGreaterThanOrEqual(3);
-        sliders.forEach((s) => {
-            expect(s.getAttribute('aria-label')).toBeTruthy();
-            expect(s.getAttribute('aria-valuenow')).not.toBeNull();
-        });
-        // presets：listbox + option，可访问名/选中态。
-        const listbox = container.querySelector('[role="listbox"]');
-        expect(listbox).not.toBeNull();
-        expect(listbox?.getAttribute('aria-label')).toBeTruthy();
-        const options = container.querySelectorAll('[role="option"]');
-        expect(options.length).toBe(2);
-        expect(options[0]?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(container);
-    });
-    it('trigger 模式（关闭态）：trigger 按钮 aria-haspopup=dialog / aria-expanded=false / ariaLabel 可访问名', async () => {
-        const { container } = renderWithLocale(ColorPicker, {
-            props: { ariaLabel: 'Pick brand color', defaultValue: '#3370ff' },
-        });
-        const trigger = container.querySelector('.cd-color-picker__trigger');
-        expect(trigger?.getAttribute('aria-haspopup')).toBe('dialog');
-        expect(trigger?.getAttribute('aria-expanded')).toBe('false');
-        expect(trigger?.getAttribute('aria-label')).toBe('Pick brand color');
-        await expectNoAxeViolations(container);
-    });
-    it('trigger 模式（打开态）：role=dialog 面板渲染于容器内，aria-expanded=true，无 axe violations', async () => {
-        const { container } = renderWithLocale(ColorPicker, {
-            props: { ariaLabel: 'Background color', open: true, defaultValue: '#112233' },
-        });
-        const trigger = container.querySelector('.cd-color-picker__trigger');
-        expect(trigger?.getAttribute('aria-expanded')).toBe('true');
-        // 浮层非 portal：直接在 root 容器内查询。
-        const dialog = container.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        expect(dialog?.getAttribute('aria-label')).toBe('Background color');
-        expect(container.querySelectorAll('[role="slider"]').length).toBeGreaterThanOrEqual(2);
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/color-picker/ColorPicker.kbd.test.d.ts

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

package/dist/color-picker/ColorPicker.kbd.test.d.ts.map

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

package/dist/color-picker/ColorPicker.kbd.test.js

@@ -1,59 +0,0 @@
-// ColorPicker 键盘 e2e（browser project / 真实 chromium）。
-// 测浮层 focus-trap 的真实焦点行为——jsdom 测不了（焦点模型不完整）：
-//   1. 点 trigger 打开后焦点进入面板内首个可聚焦控件（饱和度 slider）。
-//   2. Tab 循环被困在面板内：Tab 到最后一个再 Tab 回第一个；Shift+Tab 反向。
-//   3. Esc 关闭后焦点归还触发元素（trigger）。
-//
-// ColorPicker 浮层「非 portal」：面板渲染在 .cd-color-picker 根容器内，
-// 故在 fixture container 范围内查 [role=dialog]（不在 document 查）。
-import { describe, it, expect, vi } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import ColorPickerKbdFixture from './ColorPickerKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-function focusablesIn(panel) {
-    return Array.from(panel.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((el) => el.offsetParent !== null);
-}
-describe('ColorPicker 键盘 e2e（focus trap）', () => {
-    it('打开后焦点进入面板首控件；Tab 循环困在面板内；Esc 关闭后焦点归还 trigger', async () => {
-        const { container } = renderKbdFixture(ColorPickerKbdFixture);
-        // trigger 是 ColorPicker 自带按钮（非 portal，在 container 内）。
-        // 该按钮尺寸来自 CSS token（测试环境未加载组件 token 样式表，故渲染为 0×0，
-        // userEvent.click 的可见性门槛过不去）。改用原生 focus()+click()：先聚焦使其成为
-        // 焦点归还锚点（focus-trap activate 时记录的 previouslyFocused），再触发打开。
-        const trigger = container.querySelector('.cd-color-picker__trigger');
-        expect(trigger).not.toBeNull();
-        trigger.focus();
-        await expect.element(loc(trigger)).toHaveFocus();
-        trigger.click();
-        // 浮层非 portal —— 在 container 范围查面板（role=dialog）。
-        // click 触发的 open 状态更新→重渲染是异步的，轮询等面板出现。
-        await vi.waitFor(() => {
-            const p = container.querySelector('[role="dialog"]');
-            expect(p).not.toBeNull();
-        });
-        const panel = container.querySelector('[role="dialog"]');
-        await expect.element(loc(panel)).toBeInTheDocument();
-        // 1. 焦点进入面板内（focus-trap activate 聚焦首个可聚焦控件）。
-        expect(panel.contains(document.activeElement)).toBe(true);
-        const focusables = focusablesIn(panel);
-        expect(focusables.length).toBeGreaterThan(1);
-        const first = focusables[0];
-        const last = focusables[focusables.length - 1];
-        // 2a. 焦点移到最后一个，再 Tab → 循环回第一个（被困住，不逃出面板）。
-        last.focus();
-        await expect.element(loc(last)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(first)).toHaveFocus();
-        expect(panel.contains(document.activeElement)).toBe(true);
-        // 2b. Shift+Tab 从第一个 → 循环回最后一个。
-        await userEvent.tab({ shift: true });
-        await expect.element(loc(last)).toHaveFocus();
-        expect(panel.contains(document.activeElement)).toBe(true);
-        // 3. Esc 关闭 —— focus-trap deactivate 把焦点归还 trigger。
-        await userEvent.keyboard('{Escape}');
-        await expect.element(loc(trigger)).toHaveFocus();
-    });
-});

package/dist/color-picker/ColorPickerKbdFixture.svelte

@@ -1,25 +0,0 @@
-<!--
-  仅供 ColorPicker.kbd.test.ts（browser project）使用的焦点陷阱 e2e 夹具。
-  ColorPicker 自带 trigger 按钮（aria-haspopup=dialog）；open 受控，点击 trigger 切换。
-  浮层「非 portal」——面板渲染在 .cd-color-picker 根容器内（相对定位），
-  故测试在 fixture container 范围内查 [role=dialog]，不在 document 查。
-  验证：打开后焦点进入面板内首控件、Tab 困在面板内循环、Esc 关闭后焦点归还 trigger。
-  alpha + presets 提供足量可聚焦点测 Tab 循环。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import ColorPicker from './ColorPicker.svelte';
-
-  let open = $state(false);
-  const presets = ['#ff0000', '#00ff00', '#0000ff'];
-</script>
-
-<LocaleProvider locale="en_US">
-  <ColorPicker
-    {open}
-    value="#3366ff"
-    {presets}
-    ariaLabel="Pick color"
-    onOpenChange={(v) => (open = v)}
-  />
-</LocaleProvider>

package/dist/color-picker/ColorPickerKbdFixture.svelte.d.ts

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

package/dist/color-picker/ColorPickerKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/color-picker/ColorPickerKbdFixture.svelte.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,qBAAqB,2DAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/date-picker/DatePicker.a11y.test.d.ts

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

package/dist/date-picker/DatePicker.a11y.test.d.ts.map

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

package/dist/date-picker/DatePicker.a11y.test.js

@@ -1,42 +0,0 @@
-// DatePicker a11y：触发器（button，默认非 editable）+ role=dialog 面板 + role=grid 日历。
-// 只断言静态 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 DatePicker from './DatePicker.svelte';
-describe('DatePicker a11y', () => {
-    it('关闭态：触发器 aria-haspopup=dialog / aria-expanded=false，无 axe violations', async () => {
-        const { container } = renderWithLocale(DatePicker, {
-            props: { ariaLabel: 'Start date' },
-        });
-        const trigger = container.querySelector('.cd-date-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('Start date');
-        await expectNoAxeViolations(container);
-    });
-    it('打开态：role=dialog 面板 + role=grid 日历（portal 到 body），无 axe violations', async () => {
-        renderWithLocale(DatePicker, {
-            props: { defaultOpen: true, ariaLabel: 'Start date' },
-        });
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        expect(dialog?.getAttribute('aria-label')).toBeTruthy();
-        const grid = document.querySelector('[role="grid"]');
-        expect(grid).not.toBeNull();
-        const cells = document.querySelectorAll('[role="gridcell"]');
-        expect(cells.length).toBeGreaterThan(0);
-        await expectNoAxeViolations(document.body);
-    });
-    it('打开态：触发器 aria-expanded=true + columnheader 表头存在', async () => {
-        renderWithLocale(DatePicker, {
-            props: { defaultOpen: true, ariaLabel: 'Start date' },
-        });
-        const trigger = document.querySelector('.cd-date-picker__trigger');
-        expect(trigger?.getAttribute('aria-expanded')).toBe('true');
-        const headers = document.querySelectorAll('[role="columnheader"]');
-        expect(headers.length).toBe(7);
-        await expectNoAxeViolations(document.body);
-    });
-});

package/dist/date-picker/DatePicker.kbd.test.d.ts

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

package/dist/date-picker/DatePicker.kbd.test.d.ts.map

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

package/dist/date-picker/DatePicker.kbd.test.js

@@ -1,59 +0,0 @@
-// DatePicker 键盘 e2e（browser project / 真实 chromium）。
-// DatePicker 日历用 WAI-ARIA grid 的 aria-activedescendant 模型：焦点停在
-// role=grid 容器（tabindex=0），方向键不移动真实 DOM 焦点，而是改变容器的
-// aria-activedescendant 指向当前高亮日期格的 id。故断言 activedescendant 变化，
-// 而非真实 .toHaveFocus()（这点先读源码 onGridKeydown + activeCellId 确认）。
-//   1. 打开后焦点落在 grid 容器，aria-activedescendant 指向初始高亮（value=2024-03-15）。
-//   2. ArrowRight/ArrowDown/Home/PageUp 改变 aria-activedescendant 指向的日期格。
-//   3. Esc 关闭面板，焦点归还 trigger。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import DatePickerKbdFixture from './DatePickerKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-// 读取 grid 容器当前 aria-activedescendant 指向的日期格的 id 后缀（-YYYY-M-D）。
-function activeSuffix(grid) {
-    const id = grid.getAttribute('aria-activedescendant') ?? '';
-    // id 形如 cd-date-picker-grid-x-2024-2-15；取末三段（年-月-日）。
-    const parts = id.split('-');
-    return parts.slice(-3).join('-');
-}
-describe('DatePicker 键盘 e2e（网格 aria-activedescendant）', () => {
-    it('方向键 + Home + PageUp 改变 aria-activedescendant；Esc 归还 trigger', async () => {
-        const { baseElement } = renderKbdFixture(DatePickerKbdFixture);
-        const trigger = baseElement.querySelector('[data-testid="before"]');
-        expect(trigger).not.toBeNull();
-        await userEvent.click(trigger);
-        // 面板 portal 进 root 子树（非 body portal）：查 role=dialog + 日期网格。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        const grid = dialog.querySelector('[role="grid"]');
-        expect(grid).not.toBeNull();
-        // 1. 焦点落在网格容器（aria-activedescendant 模型：焦点在容器，非单格）。
-        await expect.element(loc(grid)).toHaveFocus();
-        // 初始高亮对齐 value=2024-03-15。
-        expect(activeSuffix(grid)).toBe('2024-2-15');
-        // 2a. ArrowRight → 次日（16）。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.poll(() => activeSuffix(grid)).toBe('2024-2-16');
-        // 真实 DOM 焦点仍在网格容器（未移到具体格）。
-        expect(document.activeElement).toBe(grid);
-        // 2b. ArrowDown → +1 周（16 → 23）。
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.poll(() => activeSuffix(grid)).toBe('2024-2-23');
-        // 2c. ArrowLeft → 前一日（22）。
-        await userEvent.keyboard('{ArrowLeft}');
-        await expect.poll(() => activeSuffix(grid)).toBe('2024-2-22');
-        // 2d. Home → 本周首日（3/22 是周五，所在周以周日起 → 3/17）。
-        await userEvent.keyboard('{Home}');
-        await expect.poll(() => activeSuffix(grid)).toBe('2024-2-17');
-        // 2e. PageUp → 前一月（2/17）；游标随动翻页，网格仍存在。
-        await userEvent.keyboard('{PageUp}');
-        await expect.poll(() => activeSuffix(grid)).toBe('2024-1-17');
-        // 3. Esc 关闭面板，焦点归还 trigger（focus trap returnFocus）。
-        await userEvent.keyboard('{Escape}');
-        await expect.element(loc(trigger)).toHaveFocus();
-    });
-});

package/dist/date-picker/DatePickerKbdFixture.svelte

@@ -1,26 +0,0 @@
-<!--
-  仅供 DatePicker.kbd.test.ts（browser project）使用的网格键盘 e2e 夹具。
-  trigger 按钮控制 open（受控）；测试先聚焦 trigger 再点开面板，
-  验证：打开后焦点落在 role=grid 容器（aria-activedescendant 模型），方向键移动
-  aria-activedescendant 指向的日期格；Esc 关闭归还焦点到 trigger。
-  固定 value（2024-03-15）让初始高亮稳定（aria-activedescendant 指向该日）。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import DatePicker from './DatePicker.svelte';
-
-  let open = $state(false);
-  // 固定锚点日期：2024-03-15（周五）。面板打开时高亮对齐该日，方向键移动可预期。
-  const value = new Date(2024, 2, 15);
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before" onclick={() => (open = true)}>open date picker</button>
-  <DatePicker
-    {open}
-    {value}
-    locale="en-US"
-    ariaLabel="pick date"
-    onOpenChange={(v) => (open = v)}
-  />
-</LocaleProvider>

package/dist/date-picker/DatePickerKbdFixture.svelte.d.ts

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

package/dist/date-picker/DatePickerKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/date-picker/DatePickerKbdFixture.svelte.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,oBAAoB,2DAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/date-picker/RangePicker.kbd.test.d.ts

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

package/dist/date-picker/RangePicker.kbd.test.d.ts.map

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

package/dist/date-picker/RangePicker.kbd.test.js

@@ -1,60 +0,0 @@
-// RangePicker 键盘 e2e（browser project / 真实 chromium）。
-// 双面板（左=cursor 月、右=cursor+1 月），同 DatePicker 用 aria-activedescendant 模型：
-// 焦点停在高亮所在面板的 role=grid 容器，方向键改变该容器的 aria-activedescendant；
-// 高亮跨面板时 activedescendant 在两个网格间切换（先读源码 leftActiveId/rightActiveId 确认）。
-//   1. 打开后焦点落在左网格，aria-activedescendant 指向起始高亮（defaultValue[0]=2024-03-10）。
-//   2. 方向键移动高亮（aria-activedescendant 变化）。
-//   3. 键盘选区：两次 Enter 选起止，onChange 拿到提交的 [start, end]，面板关闭归还 trigger。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import RangePickerKbdFixture from './RangePickerKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-// 任一网格的 aria-activedescendant 后缀（-YYYY-M-D）；高亮不在该面板时返回 ''。
-function activeSuffix(grid) {
-    const id = grid.getAttribute('aria-activedescendant');
-    if (!id)
-        return '';
-    return id.split('-').slice(-3).join('-');
-}
-describe('RangePicker 键盘 e2e（双面板网格 + 范围选择）', () => {
-    it('左网格方向键移动 aria-activedescendant；两次 Enter 提交区间并归还 trigger', async () => {
-        const changes = [];
-        const { baseElement } = renderKbdFixture(RangePickerKbdFixture, {
-            onChange: (v) => changes.push(v),
-        });
-        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 grids = Array.from(dialog.querySelectorAll('[role="grid"]'));
-        expect(grids.length).toBe(2);
-        const [leftGrid] = grids;
-        // 1. 焦点落在左网格（起始高亮 defaultValue[0]=2024-03-10 在左面板）。
-        await expect.element(loc(leftGrid)).toHaveFocus();
-        expect(activeSuffix(leftGrid)).toBe('2024-2-10');
-        // 2. ArrowRight → 11，ArrowDown → +7（18）。activedescendant 随之变化。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.poll(() => activeSuffix(leftGrid)).toBe('2024-2-11');
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.poll(() => activeSuffix(leftGrid)).toBe('2024-2-18');
-        // 3. 键盘选区：Enter 定起点（3/18）；再 ArrowRight 到 3/19；Enter 定终点提交。
-        await userEvent.keyboard('{Enter}');
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.poll(() => activeSuffix(leftGrid)).toBe('2024-2-19');
-        await userEvent.keyboard('{Enter}');
-        // onChange 收到提交的区间 [2024-03-18, 2024-03-19]（排序后），面板关闭。
-        await expect.poll(() => changes.length).toBeGreaterThan(0);
-        const last = changes[changes.length - 1];
-        expect(last).not.toBeNull();
-        const [start, end] = last;
-        expect(start.getMonth()).toBe(2);
-        expect(start.getDate()).toBe(18);
-        expect(end.getDate()).toBe(19);
-        // 提交后面板关闭，焦点归还 trigger（focus trap returnFocus）。
-        await expect.element(loc(trigger)).toHaveFocus();
-    });
-});

package/dist/date-picker/RangePickerKbdFixture.svelte

@@ -1,30 +0,0 @@
-<!--
-  仅供 RangePicker.kbd.test.ts（browser project）使用的双面板网格键盘 e2e 夹具。
-  trigger 控制 open（受控）；onChange 透传给测试（键盘两次 Enter 选区间后断言提交值）。
-  defaultValue 起始月固定到 2024-03，左面板=3 月、右面板=4 月。
-  非受控 value：键盘选区会真正提交（onChange 回调拿到结果）。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import RangePicker from './RangePicker.svelte';
-
-  interface Props {
-    onChange: (v: [Date | null, Date | null] | null) => void;
-  }
-  let { onChange }: Props = $props();
-
-  let open = $state(false);
-  const defaultValue: [Date | null, Date | null] = [new Date(2024, 2, 10), new Date(2024, 2, 20)];
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before" onclick={() => (open = true)}>open range picker</button>
-  <RangePicker
-    {open}
-    {defaultValue}
-    locale="en-US"
-    ariaLabel="pick range"
-    onOpenChange={(v) => (open = v)}
-    {onChange}
-  />
-</LocaleProvider>

package/dist/date-picker/RangePickerKbdFixture.svelte.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    onChange: (v: [Date | null, Date | null] | null) => void;
-}
-declare const RangePickerKbdFixture: import("svelte").Component<Props, {}, "">;
-type RangePickerKbdFixture = ReturnType<typeof RangePickerKbdFixture>;
-export default RangePickerKbdFixture;
-//# sourceMappingURL=RangePickerKbdFixture.svelte.d.ts.map

package/dist/date-picker/RangePickerKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RangePickerKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/date-picker/RangePickerKbdFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1D;AAmBH,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/descriptions/Descriptions.a11y.test.d.ts

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

package/dist/descriptions/Descriptions.a11y.test.d.ts.map

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

package/dist/descriptions/Descriptions.a11y.test.js

@@ -1,31 +0,0 @@
-// Descriptions a11y：dl/dt/dd 描述列表语义，data 驱动。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Descriptions from './Descriptions.svelte';
-describe('Descriptions a11y', () => {
-    it('data 驱动：dl/dt/dd 语义，无 axe violations', async () => {
-        const { container } = renderWithLocale(Descriptions, {
-            props: {
-                title: 'Account',
-                data: [
-                    { key: 'name', label: 'Name', value: 'Jane' },
-                    { key: 'email', label: 'Email', value: 'jane@example.com' },
-                ],
-            },
-        });
-        expect(container.querySelector('dl')).not.toBeNull();
-        expect(container.querySelectorAll('dt').length).toBe(2);
-        expect(container.querySelectorAll('dd').length).toBe(2);
-        await expectNoAxeViolations(container);
-    });
-    it('bordered + vertical：无 axe violations', async () => {
-        const { container } = renderWithLocale(Descriptions, {
-            props: {
-                bordered: true,
-                direction: 'vertical',
-                data: [{ key: 'a', label: 'A', value: '1' }],
-            },
-        });
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/divider/Divider.a11y.test.d.ts

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

package/dist/divider/Divider.a11y.test.d.ts.map

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

package/dist/divider/Divider.a11y.test.js

@@ -1,21 +0,0 @@
-// Divider a11y：纯展示分隔符 role=separator；vertical 含 aria-orientation。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Divider from './Divider.svelte';
-describe('Divider a11y', () => {
-    it('horizontal：role=separator，无 axe violations', async () => {
-        const { container } = renderWithLocale(Divider, {});
-        const root = container.querySelector('.cd-divider');
-        expect(root?.getAttribute('role')).toBe('separator');
-        await expectNoAxeViolations(container);
-    });
-    it('vertical：role=separator + aria-orientation=vertical，无 axe violations', async () => {
-        const { container } = renderWithLocale(Divider, {
-            props: { layout: 'vertical' },
-        });
-        const root = container.querySelector('.cd-divider');
-        expect(root?.getAttribute('role')).toBe('separator');
-        expect(root?.getAttribute('aria-orientation')).toBe('vertical');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/drawer/Drawer.a11y.test.d.ts

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

package/dist/drawer/Drawer.a11y.test.d.ts.map

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

package/dist/drawer/Drawer.a11y.test.js

@@ -1,33 +0,0 @@
-// Drawer a11y：浮层 portal 到 document.body（复用 Modal 基建），role=dialog / aria-modal。
-// 参照 Modal.a11y.test.ts：扫描 document.body，不测真实焦点陷阱/键盘（jsdom 限制）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Drawer from './Drawer.svelte';
-describe('Drawer a11y', () => {
-    it('open + title：role=dialog / aria-modal / aria-labelledby，无 axe violations', async () => {
-        renderWithLocale(Drawer, {
-            props: { open: true, title: 'Filters' },
-        });
-        // use:portal 命令式挂到 document.body —— 全局查询。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        expect(dialog?.getAttribute('aria-modal')).toBe('true');
-        const labelledby = dialog?.getAttribute('aria-labelledby');
-        expect(labelledby).toBeTruthy();
-        const titleEl = labelledby ? document.getElementById(labelledby) : null;
-        expect(titleEl?.textContent).toContain('Filters');
-        // close 按钮可访问名来自 en_US locale（验证 LocaleProvider 管线）。
-        const closeBtn = document.querySelector('.cd-drawer__close');
-        expect(closeBtn?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(document.body);
-    });
-    it('无 title + ariaLabel：role=dialog 用 aria-label 提供可访问名', async () => {
-        renderWithLocale(Drawer, {
-            props: { open: true, ariaLabel: 'Side sheet', closable: false, footer: null },
-        });
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog?.getAttribute('aria-label')).toBe('Side sheet');
-        expect(dialog?.getAttribute('aria-labelledby')).toBeNull();
-        await expectNoAxeViolations(document.body);
-    });
-});

package/dist/drawer/Drawer.kbd.test.d.ts

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

package/dist/drawer/Drawer.kbd.test.d.ts.map

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

package/dist/drawer/Drawer.kbd.test.js

@@ -1,53 +0,0 @@
-// Drawer 键盘 e2e（browser project / 真实 chromium）。
-// 测 focus-trap 的真实焦点行为——jsdom 完全测不了（焦点模型不完整）：
-//   1. 打开 Drawer 后焦点进入对话框内（首个可聚焦元素）。
-//   2. Tab 循环被困在 Drawer 内：Tab 到最后一个可聚焦元素后再 Tab 回到第一个；
-//      Shift+Tab 从第一个回到最后一个。
-//   3. Esc 关闭后焦点归还触发元素（trigger 按钮）。
-//
-// Drawer portal 到 body（与 Modal 同构），故在 document 范围查 [role=dialog]。
-// 真实焦点断言用 page locator 的 .toHaveFocus()（对真实 document.activeElement 重试断言）。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import DrawerKbdFixture from './DrawerKbdFixture.svelte';
-// 把任意 DOM 元素包成可断言焦点的 locator。
-function loc(el) {
-    return page.elementLocator(el);
-}
-// 收集对话框内所有可聚焦元素（按 DOM 顺序，焦点陷阱用同一选择器循环）。
-function focusablesIn(dialog) {
-    return Array.from(dialog.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((el) => el.offsetParent !== null);
-}
-describe('Drawer 键盘 e2e（focus trap）', () => {
-    it('打开后焦点进入对话框；Tab 循环困在 Drawer 内；Esc 关闭后焦点归还 trigger', async () => {
-        const { baseElement } = renderKbdFixture(DrawerKbdFixture);
-        // 先点击 trigger 打开（点击会先聚焦该按钮，作为归还焦点的锚点）。
-        const trigger = baseElement.querySelector('[data-testid="trigger"]');
-        expect(trigger).not.toBeNull();
-        await userEvent.click(trigger);
-        // Drawer portal 到 body —— 在 document 范围查询对话框。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        await expect.element(loc(dialog)).toBeInTheDocument();
-        // 1. 焦点进入对话框内（焦点陷阱 activate 时聚焦首个可聚焦元素）。
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        const focusables = focusablesIn(dialog);
-        expect(focusables.length).toBeGreaterThan(1);
-        const first = focusables[0];
-        const last = focusables[focusables.length - 1];
-        // 2a. 焦点移到最后一个，再 Tab → 循环回第一个（被困住，不逃出 Drawer）。
-        last.focus();
-        await expect.element(loc(last)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(first)).toHaveFocus();
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        // 2b. Shift+Tab 从第一个 → 循环回最后一个。
-        await userEvent.tab({ shift: true });
-        await expect.element(loc(last)).toHaveFocus();
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        // 3. Esc 关闭（closeOnEsc 默认 true）—— focus-trap deactivate 把焦点归还 trigger。
-        await userEvent.keyboard('{Escape}');
-        await expect.element(loc(trigger)).toHaveFocus();
-    });
-});

package/dist/drawer/DrawerKbdFixture.svelte

@@ -1,28 +0,0 @@
-<!--
-  仅供 Drawer.kbd.test.ts（browser project）使用的焦点陷阱 e2e 夹具。
-  trigger 按钮控制 open（受控）；测试先聚焦 trigger 再打开 Drawer，
-  验证：打开后焦点进入对话框、Tab 被困在 Drawer 内循环、Esc 关闭后焦点归还 trigger。
-  Drawer 默认有关闭叉 + 我们在 body 放两个按钮 + footer 两个按钮，构成多个可聚焦点测 Tab 循环。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Drawer from './Drawer.svelte';
-
-  let open = $state(false);
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="trigger" onclick={() => (open = true)}>open drawer</button>
-  <Drawer
-    {open}
-    title="Edit profile"
-    onOpenChange={(v) => (open = v)}
-  >
-    <button type="button" data-testid="body-a">body a</button>
-    <button type="button" data-testid="body-b">body b</button>
-    {#snippet footer()}
-      <button type="button" data-testid="footer-cancel">Cancel</button>
-      <button type="button" data-testid="footer-ok">OK</button>
-    {/snippet}
-  </Drawer>
-</LocaleProvider>