@chenzy-design/svelte 0.1.0 → 0.2.0

package/src/cascader/CascaderKbdFixture.svelte

@@ -1,31 +0,0 @@
-<!--
-  仅供 Cascader.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  Cascader 浮层 portal 到 document.body；列内高亮走 aria-activedescendant
-  （焦点留在 role=combobox 触发器上，方向键移动列内高亮，options tabindex=-1）。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Cascader from './Cascader.svelte';
-
-  const treeData = [
-    {
-      label: 'Zhejiang',
-      value: 'zj',
-      children: [{ label: 'Hangzhou', value: 'hz' }],
-    },
-    {
-      label: 'Jiangsu',
-      value: 'js',
-      children: [{ label: 'Nanjing', value: 'nj' }],
-    },
-    {
-      label: 'Fujian',
-      value: 'fj',
-      children: [{ label: 'Xiamen', value: 'xm' }],
-    },
-  ];
-</script>
-
-<LocaleProvider locale="en_US">
-  <Cascader {treeData} ariaLabel="Region" placeholder="Select region" />
-</LocaleProvider>

package/src/cascader/index.ts

@@ -1,3 +0,0 @@
-export { default as Cascader } from './Cascader.svelte';
-export { meta as cascaderMeta } from './meta.js';
-export type { CascaderNode } from './types.js';

package/src/cascader/meta.ts

@@ -1,57 +0,0 @@
-/**
- * Machine-readable component metadata for AI/docs consumption.
- * See specs/00-foundation/ai-friendly.spec.md.
- */
-export const meta = {
-  name: 'Cascader',
-  category: 'input',
-  description: '级联选择器，点击逐级展开列，单选叶子节点。',
-  props: [
-    { name: 'value', type: '(string|number)[] | (string|number)[][]', default: 'undefined', desc: '单选单条路径；多选多条路径' },
-    { name: 'defaultValue', type: '(string|number)[] | (string|number)[][]', default: 'undefined' },
-    { name: 'treeData', type: 'CascaderNode[]', default: '[]' },
-    { name: 'open', type: 'boolean', default: 'undefined' },
-    { name: 'defaultOpen', type: 'boolean', default: 'false' },
-    { name: 'multiple', type: 'boolean', default: 'false', desc: '每列 checkbox 多选 + 父子联动，多 tag 回显' },
-    { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
-    { name: 'status', type: "'default'|'warning'|'error'", default: 'default' },
-    { name: 'placeholder', type: 'string', default: "'请选择'" },
-    { name: 'disabled', type: 'boolean', default: 'false' },
-    { name: 'clearable', type: 'boolean', default: 'false' },
-    { name: 'changeOnSelect', type: 'boolean', default: 'false', desc: '单选：点击任一层级（含中间非叶子）即提交该路径并触发 onChange，非叶子同时展开子列且不关闭面板，叶子提交并关闭；关闭时仅叶子提交并关闭' },
-    { name: 'expandTrigger', type: "'click'|'hover'", default: "'click'", desc: "'hover' 悬停非叶子节点即展开子级列" },
-    { name: 'leafOnly', type: 'boolean', default: 'false', desc: '多选时完全勾选的父级折叠为父路径（只回传/计数到该父级）；默认 false 仅回传叶子' },
-    { name: 'filterable', type: 'boolean', default: 'false', desc: '可搜索（向后兼容别名，等价 filterTreeNode=true）' },
-    { name: 'filterTreeNode', type: 'boolean | ((query, path) => boolean)', default: 'undefined', desc: '是否可搜索及自定义匹配：false 关闭；true 默认 label 链子串匹配；函数自定义谓词。未传时回退 filterable' },
-    { name: 'filterLeafOnly', type: 'boolean', default: 'true', desc: '搜索结果是否仅展示到叶子路径' },
-    { name: 'displayProp', type: "'label'|'value'", default: "'label'", desc: '触发器回显使用的字段' },
-    { name: 'separator', type: 'string', default: "' / '", desc: '路径分隔符（回显 + 搜索 label 链拼接）' },
-    { name: 'maxTagCount', type: 'number', default: 'undefined', desc: '多选 Tag 溢出折叠阈值：超出显示前 N 个 + +M' },
-    { name: 'emptyContent', type: 'string | Snippet', default: 'undefined', desc: '列为空时内容；缺省走 i18n' },
-    { name: 'destroyOnClose', type: 'boolean', default: 'false', desc: '关闭即卸载浮层内容（{#if}），重开重建；默认 false 首开后保留 DOM 仅隐藏' },
-    { name: 'zIndex', type: 'number', default: '1030', desc: '浮层层级' },
-    { name: 'getPopupContainer', type: '() => HTMLElement | null | undefined', default: 'undefined', desc: '浮层挂载容器，缺省 document.body；非 body 容器时 absolute 定位相对该容器' },
-    { name: 'columnWidth', type: 'number | number[]', default: '180', desc: '列宽：统一（number）或逐列（number[]，超出取末项）' },
-    { name: 'loadData', type: '(node: CascaderNode) => Promise<CascaderNode[]>', default: 'undefined', desc: '动态加载子节点' },
-    { name: 'displayRender', type: '(labels: string[], selectedNodes: CascaderNode[]) => string', default: 'undefined', desc: '自定义触发器选中路径回显（单选 + 多选每个 tag 共用）' },
-    { name: 'onChange', type: '(value: (string|number)[] | (string|number)[][]) => void', default: 'undefined', desc: '单选回调单条路径；多选回调多条叶子路径' },
-    { name: 'onOpenChange', type: '(open: boolean) => void', default: 'undefined' },
-    { name: 'ariaLabel', type: 'string', default: 'undefined' },
-  ],
-  a11y: {
-    role: 'combobox',
-    notes: [
-      'combobox + 每列 listbox + option ARIA 模式',
-      '触发器 aria-haspopup="listbox"、aria-expanded',
-      '每列 option aria-selected 标记当前路径',
-      'disabled 节点 aria-disabled 且不可点击',
-    ],
-  },
-  tokens: [
-    '--cd-select-*',
-    '--cd-tree-*',
-    '--cd-cascader-column-width',
-    '--cd-cascader-column-border',
-    '--cd-focus-ring',
-  ],
-} as const;

package/src/cascader/types.ts

@@ -1,9 +0,0 @@
-/** Cascader 级联选择节点数据结构。 */
-export interface CascaderNode {
-  label: string;
-  value: string | number;
-  disabled?: boolean;
-  children?: CascaderNode[];
-  /** 标记为叶子节点（异步加载时：true 则不再触发 loadData） */
-  isLeaf?: boolean;
-}

package/src/checkbox/Checkbox.svelte

@@ -1,281 +0,0 @@
-<!--
-  Checkbox — see specs/components/input/Checkbox.spec.md
-  Works standalone (controlled / uncontrolled) or inside CheckboxGroup via context.
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { useId } from '@chenzy-design/core';
-  import {
-    getCheckboxGroupContext,
-    type CheckboxValue,
-    type CheckboxSize,
-    type CheckboxType,
-    type CheckboxStatus,
-  } from './context.js';
-
-  type Status = CheckboxStatus;
-
-  interface Props {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    indeterminate?: boolean;
-    value?: CheckboxValue;
-    disabled?: boolean;
-    size?: CheckboxSize;
-    status?: Status;
-    /** Display form. card adds border+background and expands the hit area to the whole card; pureCard is borderless. */
-    type?: CheckboxType;
-    name?: string;
-    extra?: string | undefined;
-    id?: string;
-    onChange?: (checked: boolean) => void;
-    children?: Snippet;
-  }
-
-  let {
-    checked = $bindable(),
-    defaultChecked = false,
-    indeterminate = false,
-    value,
-    disabled = false,
-    size = 'default',
-    status = 'default',
-    type = 'default',
-    name,
-    extra,
-    id,
-    onChange,
-    children,
-  }: Props = $props();
-
-  const group = getCheckboxGroupContext();
-
-  const fieldId = resolveId();
-  const extraId = $derived(extra ? `${fieldId}-extra` : undefined);
-
-  function resolveId(): string {
-    return id ?? useId('cd-checkbox');
-  }
-
-  const isControlled = $derived(checked !== undefined);
-  let inner = $state(getInitialChecked());
-
-  function getInitialChecked(): boolean {
-    return defaultChecked;
-  }
-
-  const isChecked = $derived(
-    group && value !== undefined
-      ? group.isChecked(value)
-      : isControlled
-        ? !!checked
-        : inner,
-  );
-
-  const resolvedSize = $derived(group ? group.getSize() : size);
-  const resolvedDisabled = $derived(disabled || (group ? group.getDisabled() : false));
-  const resolvedName = $derived(name ?? group?.getName());
-  // Group transparently provides `type`; a per-item non-default `type` overrides it.
-  const resolvedType = $derived(type !== 'default' ? type : (group?.getType() ?? 'default'));
-  // Group transparently provides `status`; a per-item non-default `status` overrides it.
-  const resolvedStatus = $derived(status !== 'default' ? status : (group?.getStatus() ?? 'default'));
-
-  function handleChange(e: Event & { currentTarget: HTMLInputElement }) {
-    const next = e.currentTarget.checked;
-    if (group && value !== undefined) {
-      group.toggle(value);
-      onChange?.(next);
-      return;
-    }
-    // Controlled (`checked=` / `bind:checked`): parent owns `checked`; propagate
-    // only via `onChange`. Writing the prop AND firing `onChange` loops.
-    // Uncontrolled: keep our own state in sync.
-    if (!isControlled) inner = next;
-    onChange?.(next);
-  }
-
-  /** Set the indeterminate DOM property (not a reflected attribute). */
-  function indeterminateAttach(node: HTMLInputElement) {
-    node.indeterminate = indeterminate && !isChecked;
-  }
-
-  const cls = $derived(
-    [
-      'cd-checkbox',
-      `cd-checkbox--${resolvedSize}`,
-      `cd-checkbox--${resolvedStatus}`,
-      resolvedType !== 'default' && `cd-checkbox--${resolvedType}`,
-      isChecked && 'cd-checkbox--checked',
-      indeterminate && !isChecked && 'cd-checkbox--indeterminate',
-      resolvedDisabled && 'cd-checkbox--disabled',
-    ]
-      .filter(Boolean)
-      .join(' '),
-  );
-</script>
-
-<label class={cls} for={fieldId}>
-  <input
-    {@attach indeterminateAttach}
-    id={fieldId}
-    class="cd-checkbox__input"
-    type="checkbox"
-    name={resolvedName}
-    value={value !== undefined ? String(value) : undefined}
-    checked={isChecked}
-    disabled={resolvedDisabled}
-    aria-invalid={resolvedStatus === 'error' || undefined}
-    aria-describedby={extraId}
-    onchange={handleChange}
-  />
-  <span class="cd-checkbox__box" aria-hidden="true">
-    {#if indeterminate && !isChecked}
-      <span class="cd-checkbox__dash"></span>
-    {:else if isChecked}
-      <svg class="cd-checkbox__check" viewBox="0 0 16 16" focusable="false">
-        <path
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="M3.5 8.5 6.5 11.5 12.5 4.5"
-        />
-      </svg>
-    {/if}
-  </span>
-  {#if children || extra}
-    <span class="cd-checkbox__content">
-      {#if children}<span class="cd-checkbox__label">{@render children()}</span>{/if}
-      {#if extra}<span class="cd-checkbox__extra" id={extraId}>{extra}</span>{/if}
-    </span>
-  {/if}
-</label>
-
-<style>
-  .cd-checkbox {
-    display: inline-flex;
-    align-items: flex-start;
-    gap: var(--cd-checkbox-label-gap);
-    color: var(--cd-color-text-0);
-    cursor: pointer;
-    line-height: 1.4;
-  }
-  .cd-checkbox--disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-  .cd-checkbox__input {
-    position: absolute;
-    inline-size: 1px;
-    block-size: 1px;
-    padding: 0;
-    margin: 0;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border: 0;
-  }
-  .cd-checkbox__box {
-    position: relative;
-    flex: 0 0 auto;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    inline-size: var(--cd-checkbox-size-default);
-    block-size: var(--cd-checkbox-size-default);
-    background: var(--cd-checkbox-bg);
-    border: 1px solid var(--cd-checkbox-border);
-    border-radius: var(--cd-checkbox-radius);
-    color: var(--cd-checkbox-mark-color);
-    transition:
-      background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
-      border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
-  }
-  .cd-checkbox--small .cd-checkbox__box {
-    inline-size: var(--cd-checkbox-size-small);
-    block-size: var(--cd-checkbox-size-small);
-  }
-  .cd-checkbox--large .cd-checkbox__box {
-    inline-size: var(--cd-checkbox-size-large);
-    block-size: var(--cd-checkbox-size-large);
-  }
-  .cd-checkbox--checked .cd-checkbox__box,
-  .cd-checkbox--indeterminate .cd-checkbox__box {
-    background: var(--cd-checkbox-bg-checked);
-    border-color: var(--cd-checkbox-border-checked);
-  }
-  .cd-checkbox--warning .cd-checkbox__box {
-    border-color: var(--cd-color-warning);
-  }
-  .cd-checkbox--error .cd-checkbox__box {
-    border-color: var(--cd-color-danger);
-  }
-  .cd-checkbox__input:focus-visible + .cd-checkbox__box {
-    outline: none;
-    box-shadow: var(--cd-focus-ring);
-  }
-  .cd-checkbox__check {
-    inline-size: 80%;
-    block-size: 80%;
-  }
-  .cd-checkbox__dash {
-    inline-size: 60%;
-    block-size: 2px;
-    background: currentColor;
-    border-radius: var(--cd-radius-full);
-  }
-  .cd-checkbox__content {
-    display: inline-flex;
-    flex-direction: column;
-    gap: var(--cd-spacing-1);
-  }
-  .cd-checkbox__extra {
-    color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-1);
-  }
-
-  /* card / pureCard 形态：整张卡片即命中区，hover 抬升背景，选中描边 primary。 */
-  .cd-checkbox--card,
-  .cd-checkbox--pureCard {
-    padding: var(--cd-checkbox-card-padding);
-    border-radius: var(--cd-checkbox-card-radius);
-    background: var(--cd-checkbox-card-bg);
-    transition:
-      background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
-      border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
-  }
-  .cd-checkbox--card {
-    border: 1px solid var(--cd-checkbox-card-border);
-  }
-  .cd-checkbox--pureCard {
-    border: 1px solid transparent;
-  }
-  .cd-checkbox--card:hover:not(.cd-checkbox--disabled),
-  .cd-checkbox--pureCard:hover:not(.cd-checkbox--disabled) {
-    background: var(--cd-checkbox-card-bg-hover);
-  }
-  .cd-checkbox--card.cd-checkbox--checked,
-  .cd-checkbox--card.cd-checkbox--indeterminate,
-  .cd-checkbox--pureCard.cd-checkbox--checked,
-  .cd-checkbox--pureCard.cd-checkbox--indeterminate {
-    border-color: var(--cd-checkbox-card-border-checked);
-  }
-  .cd-checkbox--card .cd-checkbox__input:focus-visible ~ .cd-checkbox__box,
-  .cd-checkbox--pureCard .cd-checkbox__input:focus-visible ~ .cd-checkbox__box {
-    box-shadow: none;
-  }
-  .cd-checkbox--card:has(.cd-checkbox__input:focus-visible),
-  .cd-checkbox--pureCard:has(.cd-checkbox__input:focus-visible) {
-    outline: none;
-    box-shadow: var(--cd-focus-ring);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cd-checkbox__box,
-    .cd-checkbox--card,
-    .cd-checkbox--pureCard {
-      transition: none;
-    }
-  }
-</style>

package/src/checkbox/CheckboxGroup.a11y.test.ts

@@ -1,43 +0,0 @@
-// CheckboxGroup a11y：role="group" 容器 + 多个 checkbox 选项（原生 input）。
-// 只断言静态 ARIA + axe 0 violations，不测键盘（jsdom 限制）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import CheckboxGroup from './CheckboxGroup.svelte';
-
-const OPTIONS = [
-  { label: 'Read', value: 'read' },
-  { label: 'Write', value: 'write' },
-  { label: 'Delete', value: 'delete', disabled: true },
-];
-
-describe('CheckboxGroup a11y', () => {
-  it('默认：role=group + ariaLabel + 多选项渲染，无 axe violations', async () => {
-    const { container } = renderWithLocale(CheckboxGroup, {
-      props: { ariaLabel: 'Permissions', options: OPTIONS },
-    });
-    const group = container.querySelector('[role="group"]');
-    expect(group?.getAttribute('aria-label')).toBe('Permissions');
-
-    const boxes = container.querySelectorAll('input[type="checkbox"]');
-    expect(boxes.length).toBe(3);
-    await expectNoAxeViolations(container);
-  });
-
-  it('选中态：value 命中的 checkbox 为 checked', async () => {
-    const { container } = renderWithLocale(CheckboxGroup, {
-      props: { ariaLabel: 'Permissions', options: OPTIONS, value: ['read', 'write'] },
-    });
-    const checked = container.querySelectorAll('input[type="checkbox"]:checked');
-    expect(checked.length).toBe(2);
-    await expectNoAxeViolations(container);
-  });
-
-  it('禁用项：对应 checkbox 为 disabled', async () => {
-    const { container } = renderWithLocale(CheckboxGroup, {
-      props: { ariaLabel: 'Permissions', options: OPTIONS },
-    });
-    const disabled = container.querySelectorAll('input[type="checkbox"]:disabled');
-    expect(disabled.length).toBe(1);
-    await expectNoAxeViolations(container);
-  });
-});

package/src/checkbox/CheckboxGroup.kbd.test.ts

@@ -1,40 +0,0 @@
-// CheckboxGroup 键盘 e2e（browser project / 真实 chromium）。
-// 组（role=group）内为原生 <input type=checkbox>（视觉隐藏但 Tab 可达、Space 可切）：
-//   Tab 从前置按钮进入聚焦首个复选框，Space 切换其 checked（原生语义 → checked 属性）。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import CheckboxGroupKbdFixture from './CheckboxGroupKbdFixture.svelte';
-
-function loc(el: Element) {
-  return page.elementLocator(el);
-}
-
-describe('CheckboxGroup 键盘 e2e（Tab 进入 + Space 切换）', () => {
-  it('Tab 聚焦首个复选框 + Space 切换 checked', async () => {
-    const { baseElement } = renderKbdFixture(CheckboxGroupKbdFixture);
-
-    const group = baseElement.querySelector('[role="group"]') as HTMLElement;
-    expect(group).not.toBeNull();
-    const inputs = Array.from(
-      group.querySelectorAll<HTMLInputElement>('input[type="checkbox"]'),
-    );
-    expect(inputs.length).toBe(2);
-    const first = inputs[0] as HTMLInputElement;
-    expect(first.checked).toBe(false);
-
-    // 从前置按钮 Tab 进入 → 焦点落到首个复选框（真实焦点）。
-    const before = baseElement.querySelector('[data-testid="before"]') as HTMLElement;
-    before.focus();
-    await expect.element(loc(before)).toHaveFocus();
-    await userEvent.tab();
-    await expect.element(loc(first)).toHaveFocus();
-
-    // Space 切换 checked：未选 → 选中。
-    await userEvent.keyboard(' ');
-    expect(first.checked).toBe(true);
-    // 再次 Space 取消。
-    await userEvent.keyboard(' ');
-    expect(first.checked).toBe(false);
-  });
-});

package/src/checkbox/CheckboxGroup.svelte

@@ -1,122 +0,0 @@
-<!--
-  CheckboxGroup — see specs/components/input/Checkbox.spec.md
-  Provides context to child Checkboxes; controlled / uncontrolled set of values.
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import Checkbox from './Checkbox.svelte';
-  import {
-    setCheckboxGroupContext,
-    type CheckboxValue,
-    type CheckboxSize,
-    type CheckboxType,
-    type CheckboxStatus,
-  } from './context.js';
-
-  type OptionObject = { label: string; value: CheckboxValue; disabled?: boolean; extra?: string };
-  type Option = string | number | OptionObject;
-
-  interface Props {
-    value?: CheckboxValue[];
-    defaultValue?: CheckboxValue[];
-    options?: Option[];
-    disabled?: boolean;
-    size?: CheckboxSize;
-    status?: CheckboxStatus;
-    type?: CheckboxType;
-    name?: string;
-    direction?: 'horizontal' | 'vertical';
-    onChange?: (v: CheckboxValue[]) => void;
-    children?: Snippet;
-    /** 无可见标题时的可访问名称（role=group）。 */
-    ariaLabel?: string;
-    /** 关联组的可见标题元素 id（优先于 ariaLabel 体现可访问名）。 */
-    ariaLabelledby?: string;
-  }
-
-  let {
-    value = $bindable(),
-    defaultValue = [],
-    options,
-    disabled = false,
-    size = 'default',
-    status = 'default',
-    type = 'default',
-    name,
-    direction = 'horizontal',
-    onChange,
-    children,
-    ariaLabel,
-    ariaLabelledby,
-  }: Props = $props();
-
-  const isControlled = $derived(value !== undefined);
-  let inner = $state<CheckboxValue[]>(getInitialValue());
-
-  function getInitialValue(): CheckboxValue[] {
-    return [...defaultValue];
-  }
-
-  const selected = $derived(isControlled ? (value ?? []) : inner);
-
-  function commit(next: CheckboxValue[]) {
-    // 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;
-    onChange?.(next);
-  }
-
-  function normalize(opt: Option): OptionObject {
-    return typeof opt === 'object' ? opt : { label: String(opt), value: opt };
-  }
-
-  setCheckboxGroupContext({
-    isChecked: (v) => selected.includes(v),
-    toggle: (v) => {
-      const next = selected.includes(v)
-        ? selected.filter((item) => item !== v)
-        : [...selected, v];
-      commit(next);
-    },
-    getDisabled: () => disabled,
-    getSize: () => size,
-    getName: () => name,
-    getType: () => type,
-    getStatus: () => status,
-  });
-
-  const cls = $derived(`cd-checkbox-group cd-checkbox-group--${direction}`);
-</script>
-
-<div
-  class={cls}
-  role="group"
-  aria-labelledby={ariaLabelledby}
-  aria-label={ariaLabelledby ? undefined : ariaLabel}
->
-  {#if options}
-    {#each options as opt (normalize(opt).value)}
-      {@const o = normalize(opt)}
-      <Checkbox value={o.value} disabled={o.disabled ?? false} extra={o.extra}>{o.label}</Checkbox>
-    {/each}
-  {:else}
-    {@render children?.()}
-  {/if}
-</div>
-
-<style>
-  .cd-checkbox-group {
-    display: inline-flex;
-    gap: var(--cd-spacing-4);
-  }
-  .cd-checkbox-group--horizontal {
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-  }
-  .cd-checkbox-group--vertical {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-</style>

package/src/checkbox/CheckboxGroupKbdFixture.svelte

@@ -1,20 +0,0 @@
-<!--
-  仅供 CheckboxGroup.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  CheckboxGroup（role=group）内为原生 <input type=checkbox>（视觉隐藏但可聚焦）。
-  Tab 进入聚焦首个 input，Space 切换其 checked 状态。data-testid=before 用于起跳。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import CheckboxGroup from './CheckboxGroup.svelte';
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <CheckboxGroup
-    options={[
-      { label: 'Apple', value: 'a' },
-      { label: 'Banana', value: 'b' },
-    ]}
-    ariaLabel="Fruits"
-  />
-</LocaleProvider>

package/src/checkbox/context.ts

@@ -1,31 +0,0 @@
-import { getContext, setContext } from 'svelte';
-
-export type CheckboxValue = string | number;
-export type CheckboxSize = 'small' | 'default' | 'large';
-export type CheckboxType = 'default' | 'card' | 'pureCard';
-export type CheckboxStatus = 'default' | 'warning' | 'error';
-
-export interface CheckboxGroupContext {
-  isChecked: (v: CheckboxValue) => boolean;
-  toggle: (v: CheckboxValue) => void;
-  /** getter to stay reactive across the context boundary */
-  getDisabled: () => boolean;
-  /** getter to stay reactive across the context boundary */
-  getSize: () => CheckboxSize;
-  /** getter to stay reactive across the context boundary */
-  getName: () => string | undefined;
-  /** getter to stay reactive across the context boundary */
-  getType: () => CheckboxType;
-  /** getter to stay reactive across the context boundary */
-  getStatus: () => CheckboxStatus;
-}
-
-const KEY = Symbol('cd-checkbox-group');
-
-export function setCheckboxGroupContext(ctx: CheckboxGroupContext): void {
-  setContext(KEY, ctx);
-}
-
-export function getCheckboxGroupContext(): CheckboxGroupContext | undefined {
-  return getContext<CheckboxGroupContext | undefined>(KEY);
-}

package/src/checkbox/index.ts

@@ -1,4 +0,0 @@
-export { default as Checkbox } from './Checkbox.svelte';
-export { default as CheckboxGroup } from './CheckboxGroup.svelte';
-export { meta as checkboxMeta } from './meta.js';
-export type { CheckboxValue, CheckboxSize, CheckboxType, CheckboxGroupContext } from './context.js';