@chenzy-design/svelte 0.1.0 → 0.2.0

package/src/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/src/date-picker/index.ts

@@ -1,4 +0,0 @@
-export { default as DatePicker } from './DatePicker.svelte';
-export { meta as datePickerMeta } from './meta.js';
-export { default as RangePicker } from './RangePicker.svelte';
-export { meta as rangePickerMeta } from './range-meta.js';

package/src/date-picker/meta.ts

@@ -1,67 +0,0 @@
-/**
- * Machine-readable component metadata for AI/docs consumption.
- * See specs/00-foundation/ai-friendly.spec.md.
- */
-export const meta = {
-  name: 'DatePicker',
-  category: 'input',
-  description:
-    '日期选择器，type=date 日历面板 / type=dateTime 日期+时间（复用 TimePicker 时分秒列）/ type=month 月份面板 / type=year 年份面板，受控/非受控；显示与星期/月份/年份均经 Intl.DateTimeFormat 本地化。',
-  props: [
-    { name: 'type', type: "'date'|'dateTime'|'month'|'year'", default: "'date'" },
-    { name: 'value', type: 'Date | null', default: 'undefined' },
-    { name: 'defaultValue', type: 'Date | null', default: 'null' },
-    { name: 'open', type: 'boolean', default: 'undefined' },
-    { name: 'defaultOpen', type: 'boolean', default: 'false' },
-    { name: 'placeholder', type: 'string', default: "'请选择日期'" },
-    { name: 'size', type: "'small'|'default'|'large'", default: "'default'" },
-    { name: 'status', type: "'default'|'warning'|'error'", default: "'default'" },
-    { name: 'disabled', type: 'boolean', default: 'false' },
-    { name: 'clearable', type: 'boolean', default: 'true' },
-    { name: 'disabledDate', type: '(date: Date) => boolean', default: 'undefined' },
-    {
-      name: 'disabledTime',
-      type: '(date: Date) => { disabledHours?: () => number[]; disabledMinutes?: (hour: number) => number[]; disabledSeconds?: (hour: number, minute: number) => number[] }',
-      default: 'undefined',
-    },
-    {
-      name: 'presets',
-      type: '{ label: string; value: Date | (() => Date) }[]',
-      default: 'undefined',
-    },
-    { name: 'weekStart', type: '0 | 1', default: '0' },
-    { name: 'showSecond', type: 'boolean', default: 'true' },
-    { name: 'locale', type: 'string', default: "'zh-CN'" },
-    { name: 'format', type: 'string', default: 'undefined' },
-    { name: 'onChange', type: '(v: Date | null) => void', default: 'undefined' },
-    { name: 'onOpenChange', type: '(open: boolean) => void', default: 'undefined' },
-    { name: 'onParseError', type: '(e: { text: string }) => void', default: 'undefined' },
-    { name: 'onPanelChange', type: '(e: { panelDate: Date }) => void', default: 'undefined' },
-    {
-      name: 'onPresetClick',
-      type: '(e: { preset: { label: string; value: Date | (() => Date) } }) => void',
-      default: 'undefined',
-    },
-    { name: 'onClear', type: '(e: {}) => void', default: 'undefined' },
-    { name: 'onConfirm', type: '(e: { value: Date | null }) => void', default: 'undefined' },
-    { name: 'onFocus', type: '(e: FocusEvent) => void', default: 'undefined' },
-    { name: 'onBlur', type: '(e: FocusEvent) => void', default: 'undefined' },
-    { name: 'ariaLabel', type: 'string', default: 'undefined' },
-  ],
-  a11y: {
-    role: 'dialog',
-    notes: [
-      '触发器 button aria-haspopup=dialog、aria-expanded、aria-controls 指向面板',
-      '面板 role=dialog；日期网格 role=grid，单元格 role=gridcell + aria-selected',
-      '触发器 Enter/Space/↓ 打开；面板内方向键移动高亮日、Enter 选中、Esc 关闭',
-      'roving tabindex：仅高亮日可聚焦',
-      'type=dateTime：时/分/秒列 role=listbox + option，选日期不关面板，点确定关闭',
-      'disabledTime：dateTime 时/分/秒列被禁用值 aria-disabled、点击/键盘无效（分/秒列联动已选时/分）',
-      'presets：面板侧边快捷日期按钮 role=group，点击直接选中（dateTime 连带时间）并关闭',
-      'type=month：12 个月格，头部显示年份 + 左右切年；点月份选中并关闭',
-      'type=year：一页 12 年（一十年 + 前后各 1 占位），头部显示十年范围 + 左右切十年；点年份选中并关闭',
-      'format：传 token 串（YYYY/MM/DD/HH/mm/ss）时触发器变 text 输入框，显示+手输解析均走 formatDate/parseDateString；不传沿用 Intl 显示',
-    ],
-  },
-  tokens: ['--cd-date-picker-*', '--cd-input-*', '--cd-focus-ring', '--cd-motion-*'],
-} as const;

package/src/date-picker/range-meta.ts

@@ -1,44 +0,0 @@
-/**
- * Machine-readable component metadata for AI/docs consumption.
- * See specs/00-foundation/ai-friendly.spec.md.
- */
-export const meta = {
-  name: 'RangePicker',
-  category: 'input',
-  description:
-    '日期范围选择器，双面板（两个月并排，右面板=左面板+1）序列选择（点起始→点结束，自动排序、起止可跨面板、hover 跨面板预览区间），受控/非受控；显示与星期/月份均经 Intl.DateTimeFormat 本地化。',
-  props: [
-    { name: 'value', type: '[Date|null, Date|null] | null', default: 'undefined' },
-    { name: 'defaultValue', type: '[Date|null, Date|null] | null', default: 'null' },
-    { name: 'open', type: 'boolean', default: 'undefined' },
-    { name: 'defaultOpen', type: 'boolean', default: 'false' },
-    { name: 'startPlaceholder', type: 'string', default: "'开始日期'" },
-    { name: 'endPlaceholder', type: 'string', default: "'结束日期'" },
-    { name: 'size', type: "'small'|'default'|'large'", default: "'default'" },
-    { name: 'status', type: "'default'|'warning'|'error'", default: "'default'" },
-    { name: 'disabled', type: 'boolean', default: 'false' },
-    { name: 'clearable', type: 'boolean', default: 'true' },
-    { name: 'disabledDate', type: '(date: Date) => boolean', default: 'undefined' },
-    { name: 'maxRange', type: 'number', default: 'undefined' },
-    { name: 'weekStart', type: '0 | 1', default: '0' },
-    { name: 'locale', type: 'string', default: "'zh-CN'" },
-    { name: 'onChange', type: '(v: [Date|null,Date|null] | null) => void', default: 'undefined' },
-    { name: 'onOpenChange', type: '(open: boolean) => void', default: 'undefined' },
-    { name: 'onPanelChange', type: '(e: { panelDate: Date }) => void', default: 'undefined' },
-    { name: 'onClear', type: '(e: {}) => void', default: 'undefined' },
-    { name: 'onFocus', type: '(e: FocusEvent) => void', default: 'undefined' },
-    { name: 'onBlur', type: '(e: FocusEvent) => void', default: 'undefined' },
-    { name: 'ariaLabel', type: 'string', default: 'undefined' },
-  ],
-  a11y: {
-    role: 'dialog',
-    notes: [
-      '触发器 button aria-haspopup=dialog、aria-expanded、aria-controls 指向面板',
-      '面板 role=dialog；左右各一 role=grid（aria-label 为各自月份），单元格 role=gridcell + aria-selected（端点）',
-      '双面板并排显示相邻两月：最左「上一月」、最右「下一月」整体翻页；第一次点击设起始、第二次设结束并自动排序，起止可跨面板；hover 跨面板实时预览区间',
-      'maxRange：选定起始后，离起点超过 maxRange 天的日期 aria-disabled 置灰、点击/hover 无效（daysBetween 纯函数判定）',
-      '触发器 Enter/Space/↓ 打开、Esc 关闭',
-    ],
-  },
-  tokens: ['--cd-date-picker-*', '--cd-input-*', '--cd-focus-ring', '--cd-motion-*'],
-} as const;

package/src/descriptions/Descriptions.a11y.test.ts

@@ -1,33 +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/src/descriptions/Descriptions.svelte

@@ -1,287 +0,0 @@
-<!--
-  Descriptions — see specs/components/show/Descriptions.spec.md
-  基础子集: data 数据驱动、inline/row 布局、column 数字、bordered、colon、
-    horizontal/vertical direction、span 跨列。
-  两种用法择一：
-    - 数据驱动：传 data 数组（向后兼容，行为不变）。
-    - 声明式：不传 data，改在 children 内写 <Descriptions.Item>（可放富内容）。
-  布局复用：父子渲染同一套 .cd-descriptions__item 结构。父用 CSS grid（grid-template-columns
-    repeat(column)），子项靠 grid-column: span N 自排——声明式下父级无需预先知道 children，
-    Item 经 context 读取 column 做 span 钳制即可自动换行/跨列。故后代样式用 :global 包裹，
-    既覆盖本组件 data 渲染的 item，也覆盖 <Descriptions.Item> 跨组件边界渲染的 item。
-  响应式 column：column 除 number 外支持断点对象 { xs?, sm?, md?, lg?, xl?, xxl? }，
-    按视口宽度选列数——复用 grid 的 useBreakpoint（resize 监听 + cleanup，红线 #3）+ core
-    resolveResponsiveValue（纯函数 mobile-first 级联，红线 #2）。这里用视口断点而非容器查询：
-    避免上批 Breadcrumb 容器查询「只作用后代、container-type 层级错配」的坑。
-  align：内容（value）水平对齐 left/center/right，纯 CSS class（红线 #2）。
-  justify：每个 item 内 label 与 value 的排布对齐 start/center/end/between，纯 CSS class。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import {
-    resolveActiveBreakpoint,
-    resolveResponsiveValue,
-    type Breakpoint,
-  } from '@chenzy-design/core';
-  import type { DescriptionItem } from './types.js';
-  import { setDescriptionsContext } from './context.js';
-
-  type Layout = 'inline' | 'row';
-  type Direction = 'horizontal' | 'vertical';
-  type Size = 'small' | 'default' | 'large';
-  type Align = 'left' | 'center' | 'right';
-  type Justify = 'start' | 'center' | 'end' | 'between';
-  /** 列数：number 或断点对象（按视口宽自动选列，mobile-first 向下级联）。 */
-  type ColumnProp = number | Partial<Record<Breakpoint, number>>;
-
-  interface Props {
-    data?: DescriptionItem[];
-    layout?: Layout;
-    direction?: Direction;
-    /** 列数；可传断点对象 { xs?, sm?, md?, lg?, xl?, xxl? } 按视口宽响应。 */
-    column?: ColumnProp;
-    size?: Size;
-    bordered?: boolean;
-    colon?: boolean;
-    /** 内容（value）水平对齐。 */
-    align?: Align;
-    /** 每个 item 内 label 与 value 的排布对齐。 */
-    justify?: Justify;
-    title?: string;
-    emptyText?: string;
-    /** 双行显示：label 与 value 各占一行（同 Semi Design row prop） */
-    row?: boolean;
-    class?: string;
-    /** 声明式用法：内嵌 <Descriptions.Item> 列表（不传 data 时生效）。 */
-    children?: Snippet;
-  }
-
-  let {
-    data = [],
-    layout = 'inline',
-    direction = 'horizontal',
-    column = 3,
-    size = 'default',
-    bordered = false,
-    colon = true,
-    align = 'left',
-    justify = 'start',
-    title,
-    emptyText = '-',
-    row = false,
-    class: className = '',
-    children,
-  }: Props = $props();
-
-  // 声明式优先级低于 data：仅在未传 data 时渲染 children。
-  const useDeclarative = $derived(data.length === 0 && children != null);
-
-  const SUPPORTS_DOM = typeof window !== 'undefined';
-
-  // 当前视口断点：resize 监听（rAF 节流）+ cleanup（红线 #3）。仅 column 为对象时才订阅，
-  // 避免固定列数场景下无谓监听。SSR 安全：先以真实/最小宽度落定再校正。
-  let activeBp = $state<Breakpoint>(
-    SUPPORTS_DOM ? resolveActiveBreakpoint(window.innerWidth) : 'xs',
-  );
-  const responsive = $derived(typeof column === 'object' && column !== null);
-
-  $effect(() => {
-    if (!SUPPORTS_DOM || !responsive) return;
-    let frame = 0;
-    const measure = (): void => {
-      frame = 0;
-      const next = resolveActiveBreakpoint(window.innerWidth);
-      if (next !== activeBp) activeBp = next;
-    };
-    const onResize = (): void => {
-      if (frame) return;
-      frame = window.requestAnimationFrame(measure);
-    };
-    measure();
-    window.addEventListener('resize', onResize);
-    return () => {
-      if (frame) window.cancelAnimationFrame(frame);
-      window.removeEventListener('resize', onResize);
-    };
-  });
-
-  // 有效列数：number 直用；对象按当前断点 mobile-first 级联解析（纯函数，红线 #2）。
-  const effectiveColumn = $derived(
-    typeof column === 'number'
-      ? column
-      : resolveResponsiveValue(column, activeBp, 3),
-  );
-
-  // 通过 context 向 <Descriptions.Item> 暴露父级布局配置（getter 保持响应性）。
-  // column 暴露解析后的有效列数，使声明式 span 钳制随响应式列数实时更新。
-  setDescriptionsContext({
-    getColumn: () => effectiveColumn,
-    getDirection: () => direction,
-    getColon: () => colon,
-    getEmptyText: () => emptyText,
-  });
-
-  function isEmptyValue(value: unknown): boolean {
-    return value === null || value === undefined || value === '';
-  }
-
-  function displayValue(value: unknown): string {
-    return isEmptyValue(value) ? emptyText : String(value);
-  }
-
-  function clampSpan(span: number | undefined): number {
-    if (!span || span < 1) return 1;
-    return Math.min(span, effectiveColumn);
-  }
-
-  const cls = $derived(
-    [
-      'cd-descriptions',
-      `cd-descriptions--${layout}`,
-      `cd-descriptions--${direction}`,
-      `cd-descriptions--${size}`,
-      `cd-descriptions--align-${align}`,
-      `cd-descriptions--justify-${justify}`,
-      bordered && 'cd-descriptions--bordered',
-      row && 'cd-descriptions--row-mode',
-      className,
-    ]
-      .filter(Boolean)
-      .join(' '),
-  );
-
-  const gridStyle = $derived(
-    `grid-template-columns: repeat(${effectiveColumn}, minmax(0, 1fr));`,
-  );
-</script>
-
-<div class={cls}>
-  {#if title}
-    <div class="cd-descriptions__title">{title}</div>
-  {/if}
-  <dl class="cd-descriptions__content" style={gridStyle}>
-    {#if useDeclarative}
-      {@render children?.()}
-    {:else}
-      {#each data as item, index (item.key ?? index)}
-        <div
-          class="cd-descriptions__item"
-          style="grid-column: span {clampSpan(item.span)};"
-        >
-          <dt class="cd-descriptions__label">
-            {item.label}{#if colon && direction === 'horizontal'}<span
-                class="cd-descriptions__colon"
-                aria-hidden="true">:</span
-              >{/if}
-          </dt>
-          <dd class="cd-descriptions__value">{displayValue(item.value)}</dd>
-        </div>
-      {/each}
-    {/if}
-  </dl>
-</div>
-
-<style>
-  /*
-    .cd-descriptions 根保留组件作用域哈希；其下 .cd-descriptions__* 后代用 :global 包裹，
-    使同一套结构样式既覆盖本组件 data 渲染的 item，也覆盖 <Descriptions.Item> 在子组件中
-    渲染的 item（跨组件边界）。grid 由父级 dl 定义，子项靠 grid-column: span 自排。
-  */
-  .cd-descriptions {
-    inline-size: 100%;
-  }
-  .cd-descriptions__title {
-    margin-block-end: var(--cd-descriptions-row-gap);
-    color: var(--cd-descriptions-label-color);
-    font-weight: 600;
-  }
-  .cd-descriptions__content {
-    display: grid;
-    gap: var(--cd-descriptions-row-gap);
-    margin: 0;
-  }
-  .cd-descriptions :global(.cd-descriptions__item) {
-    display: flex;
-    min-inline-size: 0;
-  }
-  .cd-descriptions--horizontal :global(.cd-descriptions__item) {
-    flex-direction: row;
-    align-items: baseline;
-    gap: var(--cd-spacing-1);
-  }
-  .cd-descriptions--vertical :global(.cd-descriptions__item) {
-    flex-direction: column;
-    gap: var(--cd-spacing-1);
-  }
-  .cd-descriptions :global(.cd-descriptions__label) {
-    color: var(--cd-descriptions-label-color);
-    white-space: nowrap;
-  }
-  .cd-descriptions :global(.cd-descriptions__colon) {
-    margin-inline-start: 0.125em;
-  }
-  .cd-descriptions :global(.cd-descriptions__value) {
-    margin: 0;
-    color: var(--cd-descriptions-value-color);
-    min-inline-size: 0;
-    overflow-wrap: break-word;
-  }
-
-  /*
-    align：内容（value）水平对齐。horizontal 下 value 仍随 flex 流排在 label 后，
-    text-align 控制其文本对齐；vertical 下 value 独占一行，text-align 直接生效。
-  */
-  .cd-descriptions--align-center :global(.cd-descriptions__value) {
-    text-align: center;
-  }
-  .cd-descriptions--align-right :global(.cd-descriptions__value) {
-    text-align: end;
-  }
-
-  /*
-    justify：每个 item 内 label 与 value 的排布对齐（沿主轴）。horizontal 主轴为行，
-    vertical 主轴为列。between 让 label 与 value 两端对齐、撑开剩余空间。
-  */
-  .cd-descriptions--justify-center :global(.cd-descriptions__item) {
-    justify-content: center;
-  }
-  .cd-descriptions--justify-end :global(.cd-descriptions__item) {
-    justify-content: flex-end;
-  }
-  .cd-descriptions--justify-between :global(.cd-descriptions__item) {
-    justify-content: space-between;
-  }
-
-  /* row layout: table-like cells */
-  .cd-descriptions--row .cd-descriptions__content {
-    gap: 0;
-  }
-  .cd-descriptions--row :global(.cd-descriptions__item) {
-    align-items: stretch;
-  }
-
-  /* bordered cells */
-  .cd-descriptions--bordered .cd-descriptions__content {
-    gap: 0;
-    border-block-start: 1px solid var(--cd-descriptions-border);
-    border-inline-start: 1px solid var(--cd-descriptions-border);
-  }
-  .cd-descriptions--bordered :global(.cd-descriptions__label),
-  .cd-descriptions--bordered :global(.cd-descriptions__value) {
-    padding: var(--cd-descriptions-cell-padding);
-    border-block-end: 1px solid var(--cd-descriptions-border);
-    border-inline-end: 1px solid var(--cd-descriptions-border);
-  }
-  .cd-descriptions--bordered :global(.cd-descriptions__label) {
-    background: var(--cd-descriptions-label-bg);
-  }
-  .cd-descriptions--bordered.cd-descriptions--horizontal :global(.cd-descriptions__value) {
-    flex: 1 1 auto;
-  }
-
-  /* row=true：双行显示，每项 label 与 value 纵向叠放（覆盖 direction 横向排列） */
-  .cd-descriptions--row-mode :global(.cd-descriptions__item) {
-    flex-direction: column;
-    gap: var(--cd-spacing-1);
-  }
-</style>

package/src/descriptions/DescriptionsItem.svelte

@@ -1,43 +0,0 @@
-<!--
-  Descriptions.Item — 声明式单项，与 data 模式渲染同一套 .cd-descriptions__item 结构，
-  从而复用父 Descriptions 的 grid 布局、bordered/方向样式。span 跨列由 grid-column: span 自排，
-  span 钳制（不超过父 column 列数）经 context 读取父 column 完成——父级无需预先收集 children。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { getDescriptionsContext } from './context.js';
-
-  interface Props {
-    /** 字段标签。 */
-    label: string;
-    /** 跨列数（钳制到父 column 列数，默认 1）。 */
-    span?: number;
-    children?: Snippet;
-  }
-
-  let { label, span, children }: Props = $props();
-
-  const ctx = getDescriptionsContext();
-
-  const direction = $derived(ctx?.getDirection() ?? 'horizontal');
-  const colon = $derived(ctx?.getColon() ?? true);
-
-  const clampedSpan = $derived.by(() => {
-    const column = ctx?.getColumn() ?? 1;
-    if (!span || span < 1) return 1;
-    return Math.min(span, column);
-  });
-
-  // children 为空时回退到父 emptyText 占位（与 data 模式 displayValue 一致）。
-  const emptyText = $derived(ctx?.getEmptyText() ?? '-');
-</script>
-
-<div class="cd-descriptions__item" style="grid-column: span {clampedSpan};">
-  <dt class="cd-descriptions__label">
-    {label}{#if colon && direction === 'horizontal'}<span
-        class="cd-descriptions__colon"
-        aria-hidden="true">:</span
-      >{/if}
-  </dt>
-  <dd class="cd-descriptions__value">{#if children}{@render children()}{:else}{emptyText}{/if}</dd>
-</div>

package/src/descriptions/context.ts

@@ -1,21 +0,0 @@
-import { getContext, setContext } from 'svelte';
-
-export type DescriptionsDirection = 'horizontal' | 'vertical';
-
-export interface DescriptionsContext {
-  // getter 保持对父 Descriptions prop 变化的响应性（直接读快照会冻结初始值）。
-  getColumn: () => number;
-  getDirection: () => DescriptionsDirection;
-  getColon: () => boolean;
-  getEmptyText: () => string;
-}
-
-const KEY = Symbol('cd-descriptions');
-
-export function setDescriptionsContext(ctx: DescriptionsContext): void {
-  setContext(KEY, ctx);
-}
-
-export function getDescriptionsContext(): DescriptionsContext | undefined {
-  return getContext<DescriptionsContext | undefined>(KEY);
-}

package/src/descriptions/index.ts

@@ -1,16 +0,0 @@
-import Descriptions_ from './Descriptions.svelte';
-import DescriptionsItem from './DescriptionsItem.svelte';
-
-export const Descriptions: typeof Descriptions_ & {
-  Item: typeof DescriptionsItem;
-} = Object.assign(Descriptions_, { Item: DescriptionsItem });
-
-export { DescriptionsItem };
-export { meta as descriptionsMeta } from './meta.js';
-export type { DescriptionItem } from './types.js';
-export {
-  getDescriptionsContext,
-  setDescriptionsContext,
-  type DescriptionsContext,
-  type DescriptionsDirection,
-} from './context.js';

package/src/descriptions/meta.ts

@@ -1,45 +0,0 @@
-/**
- * Machine-readable component metadata for AI/docs consumption.
- * See specs/00-foundation/ai-friendly.spec.md.
- */
-export const meta = {
-  name: 'Descriptions',
-  category: 'show',
-  description:
-    '描述列表，成组展示只读字段。支持 data 数据驱动与 <Descriptions.Item> 声明式两种用法、inline/row 布局、column 列数（含响应式断点对象）、bordered 边框、colon 冒号、水平/垂直方向与 align/justify 对齐。',
-  props: [
-    { name: 'data', type: 'DescriptionItem[]', default: '[]', desc: '描述项数据（不传时渲染 children 内的 Descriptions.Item）' },
-    { name: 'layout', type: "'inline'|'row'", default: 'inline' },
-    { name: 'direction', type: "'horizontal'|'vertical'", default: 'horizontal' },
-    { name: 'column', type: 'number | Partial<Record<Breakpoint, number>>', default: '3', desc: '列数；可传断点对象 { xs?, sm?, md?, lg?, xl?, xxl? } 按视口宽响应（mobile-first 向下级联）' },
-    { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
-    { name: 'bordered', type: 'boolean', default: 'false' },
-    { name: 'colon', type: 'boolean', default: 'true' },
-    { name: 'align', type: "'left'|'center'|'right'", default: 'left', desc: '内容（value）水平对齐' },
-    { name: 'justify', type: "'start'|'center'|'end'|'between'", default: 'start', desc: '每个 item 内 label 与 value 的排布对齐' },
-    { name: 'title', type: 'string', default: 'undefined' },
-    { name: 'emptyText', type: 'string', default: "'-'", desc: '空值占位' },
-    { name: 'class', type: 'string', default: "''" },
-    { name: 'children', type: 'Snippet', default: 'undefined', desc: '声明式用法：内嵌 <Descriptions.Item>（不传 data 时生效）' },
-  ],
-  subComponents: [
-    {
-      name: 'Descriptions.Item',
-      desc: '声明式描述项，label 标签 + children 内容，span 跨列经 context 读取父 column 钳制；与 data 模式渲染同一套结构，复用父级 grid/bordered/方向布局。',
-      props: [
-        { name: 'label', type: 'string', desc: '字段标签' },
-        { name: 'span', type: 'number', default: '1', desc: '跨列数（钳制到父 column）' },
-        { name: 'children', type: 'Snippet', desc: '描述内容（为空回退父 emptyText）' },
-      ],
-    },
-  ],
-  a11y: {
-    role: 'description list',
-    notes: [
-      'dl/dt/dd 语义结构',
-      '冒号用 aria-hidden 装饰',
-      '空值显示 emptyText 占位',
-    ],
-  },
-  tokens: ['--cd-descriptions-*', '--cd-spacing-*'],
-} as const;

package/src/descriptions/types.ts

@@ -1,6 +0,0 @@
-export interface DescriptionItem {
-  key?: string;
-  label: string;
-  value: unknown;
-  span?: number;
-}

package/src/divider/Divider.a11y.test.ts

@@ -1,23 +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);
-  });
-});