@chenzy-design/svelte 0.1.0

package/dist/slider/Slider.svelte.d.ts

@@ -0,0 +1,58 @@
+type Size = 'small' | 'default' | 'large';
+type Status = 'default' | 'warning' | 'error';
+type Single = number;
+type Pair = [number, number];
+type SliderValue = Single | Pair;
+interface Props {
+    value?: SliderValue;
+    defaultValue?: SliderValue;
+    min?: number;
+    max?: number;
+    step?: number | null;
+    range?: boolean;
+    marks?: Record<number, string>;
+    dots?: boolean;
+    included?: boolean;
+    vertical?: boolean;
+    verticalReverse?: boolean;
+    height?: number;
+    disabled?: boolean;
+    clickable?: boolean;
+    size?: Size;
+    status?: Status;
+    tooltipVisible?: boolean;
+    alwaysShowTip?: boolean;
+    tipFormatter?: (value: number) => string | null;
+    getAriaValueText?: (value: number, index: number) => string;
+    railStyle?: string;
+    handleStyle?: string;
+    id?: string;
+    ariaLabel?: string;
+    /** group 容器与各手柄的 aria-labelledby（指向外部 label 的 id）。 */
+    ariaLabelledby?: string;
+    onChange?: (v: SliderValue) => void;
+    /** 拖拽结束（pointerup）或键盘操作落定时触发，适合做请求节流。 */
+    onChangeComplete?: (v: SliderValue) => void;
+    /** 与 change 同步的低级输入信号（拖动中每次值变化实时触发，表单绑定用）。 */
+    onInput?: (v: SliderValue) => void;
+    /** 手柄获得焦点，附带手柄索引（0/1）。 */
+    onFocus?: (detail: {
+        index: number;
+    }) => void;
+    /** 手柄失焦，附带手柄索引（0/1）。 */
+    onBlur?: (detail: {
+        index: number;
+    }) => void;
+    /** 已选轨道段自定义样式（range 时为数组，各段对应一个样式对象） */
+    trackStyle?: Record<string, string> | Record<string, string>[];
+    /** range 模式下两手柄是否可相互推动（true=最小间距 0，number=最小间距值） */
+    pushable?: boolean | number;
+    /** range 模式下是否允许交叉（默认 true，false 时强制 left <= right） */
+    allowCross?: boolean;
+    /** 拖拽/点击结束时触发（onChangeComplete 的别名，语义更明确） */
+    onAfterChange?: (v: SliderValue) => void;
+}
+declare const Slider: import("svelte").Component<Props, {}, "value">;
+type Slider = ReturnType<typeof Slider>;
+export default Slider;
+//# sourceMappingURL=Slider.svelte.d.ts.map

package/dist/slider/Slider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.svelte.d.ts","sourceRoot":"","sources":["../../src/slider/Slider.svelte.ts"],"names":[],"mappings":"AAOE,KAAK,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1C,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,KAAK,MAAM,GAAG,MAAM,CAAC;AACrB,KAAK,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7B,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACnC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,wBAAwB;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC/D,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AA6cH,QAAA,MAAM,MAAM,gDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/slider/SliderKbdFixture.svelte

@@ -0,0 +1,21 @@
+<!--
+  仅供 Slider.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
+  渲染单值 Slider 与 range Slider 两块：
+   - 单值：一个 role=slider 手柄，方向键 / Home / End 真实调值（aria-valuenow）。
+   - range：两个 role=slider 手柄，各自可聚焦、各自调值。
+  before 按钮用于验证 Tab 真实聚焦到手柄。
+-->
+<script lang="ts">
+  import { LocaleProvider } from '../locale-provider/index.js';
+  import Slider from './Slider.svelte';
+</script>
+
+<LocaleProvider locale="en_US">
+  <button type="button" data-testid="before">before</button>
+  <div data-testid="single">
+    <Slider defaultValue={50} min={0} max={100} step={1} ariaLabel="Volume" />
+  </div>
+  <div data-testid="range">
+    <Slider range defaultValue={[20, 60]} min={0} max={100} step={1} ariaLabel="Range" />
+  </div>
+</LocaleProvider>

package/dist/slider/SliderKbdFixture.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SliderKbdFixture: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SliderKbdFixture = InstanceType<typeof SliderKbdFixture>;
+export default SliderKbdFixture;
+//# sourceMappingURL=SliderKbdFixture.svelte.d.ts.map

package/dist/slider/SliderKbdFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/slider/SliderKbdFixture.svelte.ts"],"names":[],"mappings":"AAwBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,gBAAgB;;kBAA+E,CAAC;AACpF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}

package/dist/slider/index.d.ts

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

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

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

package/dist/slider/index.js

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

package/dist/slider/meta.d.ts

@@ -0,0 +1,161 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/00-foundation/ai-friendly.spec.md.
+ */
+export declare const meta: {
+    readonly name: "Slider";
+    readonly category: "input";
+    readonly description: "在连续/离散区间内选值的滑块，支持单值与 range、刻度、垂直方向与全键盘操作。";
+    readonly props: readonly [{
+        readonly name: "value";
+        readonly type: "number | [number, number]";
+        readonly default: "undefined";
+        readonly desc: "受控值；range 时为二元组";
+    }, {
+        readonly name: "defaultValue";
+        readonly type: "number | [number, number]";
+        readonly default: "min / [min,min]";
+        readonly desc: "非受控初始值";
+    }, {
+        readonly name: "min";
+        readonly type: "number";
+        readonly default: "0";
+    }, {
+        readonly name: "max";
+        readonly type: "number";
+        readonly default: "100";
+    }, {
+        readonly name: "step";
+        readonly type: "number | null";
+        readonly default: "1";
+        readonly desc: "null 时仅停靠 marks 键";
+    }, {
+        readonly name: "range";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "双滑块区间模式";
+    }, {
+        readonly name: "marks";
+        readonly type: "Record<number, string>";
+        readonly default: "undefined";
+        readonly desc: "刻度标记";
+    }, {
+        readonly name: "dots";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "在每个 step 处显示圆点（段内激活色）";
+    }, {
+        readonly name: "included";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "是否填充已选轨道段";
+    }, {
+        readonly name: "vertical";
+        readonly type: "boolean";
+        readonly default: "false";
+    }, {
+        readonly name: "verticalReverse";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "垂直时反向（顶部为 min）";
+    }, {
+        readonly name: "height";
+        readonly type: "number";
+        readonly default: "200";
+        readonly desc: "垂直模式高度（px）";
+    }, {
+        readonly name: "disabled";
+        readonly type: "boolean";
+        readonly default: "false";
+    }, {
+        readonly name: "clickable";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "是否允许点击轨道跳转到最近合法值";
+    }, {
+        readonly name: "size";
+        readonly type: "'small'|'default'|'large'";
+        readonly default: "default";
+    }, {
+        readonly name: "status";
+        readonly type: "'default'|'warning'|'error'";
+        readonly default: "default";
+        readonly desc: "校验态，影响已选轨道与手柄边框色";
+    }, {
+        readonly name: "tooltipVisible";
+        readonly type: "boolean | undefined";
+        readonly default: "undefined";
+        readonly desc: "强制控制数值气泡显隐（受控）";
+    }, {
+        readonly name: "alwaysShowTip";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "始终显示数值气泡";
+    }, {
+        readonly name: "tipFormatter";
+        readonly type: "(value: number) => string | null";
+        readonly default: "String";
+        readonly desc: "自定义气泡文案；返回 null 隐藏";
+    }, {
+        readonly name: "getAriaValueText";
+        readonly type: "(value: number, index: number) => string";
+        readonly default: "undefined";
+        readonly desc: "自定义 aria-valuetext（如带单位）";
+    }, {
+        readonly name: "railStyle";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "透传轨道内联样式";
+    }, {
+        readonly name: "handleStyle";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "透传手柄内联样式";
+    }, {
+        readonly name: "id";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根节点 id，关联表单 label";
+    }, {
+        readonly name: "ariaLabel";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "ariaLabelledby";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "group 与各手柄 aria-labelledby（指向外部 label id）";
+    }, {
+        readonly name: "onChange";
+        readonly type: "(v: number | [number, number]) => void";
+        readonly default: "undefined";
+        readonly desc: "值变化（拖拽落定/键盘/点击）";
+    }, {
+        readonly name: "onChangeComplete";
+        readonly type: "(v: number | [number, number]) => void";
+        readonly default: "undefined";
+        readonly desc: "拖拽结束或键盘落定时触发，适合请求节流";
+    }, {
+        readonly name: "onInput";
+        readonly type: "(v: number | [number, number]) => void";
+        readonly default: "undefined";
+        readonly desc: "与 change 同步的低级输入信号（拖动中实时触发）";
+    }, {
+        readonly name: "onFocus";
+        readonly type: "(detail: { index: number }) => void";
+        readonly default: "undefined";
+        readonly desc: "手柄获得焦点，附带手柄索引";
+    }, {
+        readonly name: "onBlur";
+        readonly type: "(detail: { index: number }) => void";
+        readonly default: "undefined";
+        readonly desc: "手柄失焦，附带手柄索引";
+    }];
+    readonly a11y: {
+        readonly role: "slider";
+        readonly keyboard: readonly ["ArrowUp/Right", "ArrowDown/Left", "PageUp", "PageDown", "Home", "End"];
+        readonly notes: readonly ["根容器 role=group，每个手柄 role=slider + tabindex=0", "手柄 aria-valuemin/valuemax/valuenow/aria-orientation", "range 模式两手柄不交叉（越过自动交换）", "拖拽命令式：pointerdown 读一次 rail rect，document 监听 pointermove/up", "disabled→aria-disabled，手柄 tabindex=-1", "aria-valuetext 优先 getAriaValueText，其次 tipFormatter 输出（带单位可读文案）", "数值气泡：hover/focus/拖拽显示，alwaysShowTip 常驻，tooltipVisible 强制受控"];
+    };
+    readonly tokens: readonly ["--cd-slider-*", "--cd-color-text-3", "--cd-spacing-*", "--cd-radius-full", "--cd-shadow-1", "--cd-focus-ring", "--cd-motion-*"];
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/slider/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/slider/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDP,CAAC"}

package/dist/slider/meta.js

@@ -0,0 +1,55 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/00-foundation/ai-friendly.spec.md.
+ */
+export const meta = {
+    name: 'Slider',
+    category: 'input',
+    description: '在连续/离散区间内选值的滑块，支持单值与 range、刻度、垂直方向与全键盘操作。',
+    props: [
+        { name: 'value', type: 'number | [number, number]', default: 'undefined', desc: '受控值；range 时为二元组' },
+        { name: 'defaultValue', type: 'number | [number, number]', default: 'min / [min,min]', desc: '非受控初始值' },
+        { name: 'min', type: 'number', default: '0' },
+        { name: 'max', type: 'number', default: '100' },
+        { name: 'step', type: 'number | null', default: '1', desc: 'null 时仅停靠 marks 键' },
+        { name: 'range', type: 'boolean', default: 'false', desc: '双滑块区间模式' },
+        { name: 'marks', type: 'Record<number, string>', default: 'undefined', desc: '刻度标记' },
+        { name: 'dots', type: 'boolean', default: 'false', desc: '在每个 step 处显示圆点（段内激活色）' },
+        { name: 'included', type: 'boolean', default: 'true', desc: '是否填充已选轨道段' },
+        { name: 'vertical', type: 'boolean', default: 'false' },
+        { name: 'verticalReverse', type: 'boolean', default: 'false', desc: '垂直时反向（顶部为 min）' },
+        { name: 'height', type: 'number', default: '200', desc: '垂直模式高度（px）' },
+        { name: 'disabled', type: 'boolean', default: 'false' },
+        { name: 'clickable', type: 'boolean', default: 'true', desc: '是否允许点击轨道跳转到最近合法值' },
+        { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
+        { name: 'status', type: "'default'|'warning'|'error'", default: 'default', desc: '校验态，影响已选轨道与手柄边框色' },
+        { name: 'tooltipVisible', type: 'boolean | undefined', default: 'undefined', desc: '强制控制数值气泡显隐（受控）' },
+        { name: 'alwaysShowTip', type: 'boolean', default: 'false', desc: '始终显示数值气泡' },
+        { name: 'tipFormatter', type: '(value: number) => string | null', default: 'String', desc: '自定义气泡文案；返回 null 隐藏' },
+        { name: 'getAriaValueText', type: '(value: number, index: number) => string', default: 'undefined', desc: '自定义 aria-valuetext（如带单位）' },
+        { name: 'railStyle', type: 'string', default: 'undefined', desc: '透传轨道内联样式' },
+        { name: 'handleStyle', type: 'string', default: 'undefined', desc: '透传手柄内联样式' },
+        { name: 'id', type: 'string', default: 'undefined', desc: '根节点 id，关联表单 label' },
+        { name: 'ariaLabel', type: 'string', default: 'undefined' },
+        { name: 'ariaLabelledby', type: 'string', default: 'undefined', desc: 'group 与各手柄 aria-labelledby（指向外部 label id）' },
+        { name: 'onChange', type: '(v: number | [number, number]) => void', default: 'undefined', desc: '值变化（拖拽落定/键盘/点击）' },
+        { name: 'onChangeComplete', type: '(v: number | [number, number]) => void', default: 'undefined', desc: '拖拽结束或键盘落定时触发，适合请求节流' },
+        { name: 'onInput', type: '(v: number | [number, number]) => void', default: 'undefined', desc: '与 change 同步的低级输入信号（拖动中实时触发）' },
+        { name: 'onFocus', type: '(detail: { index: number }) => void', default: 'undefined', desc: '手柄获得焦点，附带手柄索引' },
+        { name: 'onBlur', type: '(detail: { index: number }) => void', default: 'undefined', desc: '手柄失焦，附带手柄索引' },
+    ],
+    a11y: {
+        role: 'slider',
+        keyboard: ['ArrowUp/Right', 'ArrowDown/Left', 'PageUp', 'PageDown', 'Home', 'End'],
+        notes: [
+            '根容器 role=group，每个手柄 role=slider + tabindex=0',
+            '手柄 aria-valuemin/valuemax/valuenow/aria-orientation',
+            'range 模式两手柄不交叉（越过自动交换）',
+            '拖拽命令式：pointerdown 读一次 rail rect，document 监听 pointermove/up',
+            'disabled→aria-disabled，手柄 tabindex=-1',
+            'aria-valuetext 优先 getAriaValueText，其次 tipFormatter 输出（带单位可读文案）',
+            '数值气泡：hover/focus/拖拽显示，alwaysShowTip 常驻，tooltipVisible 强制受控',
+        ],
+    },
+    tokens: ['--cd-slider-*', '--cd-color-text-3', '--cd-spacing-*', '--cd-radius-full', '--cd-shadow-1', '--cd-focus-ring', '--cd-motion-*'],
+};

package/dist/space/Space.a11y.test.d.ts

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

package/dist/space/Space.a11y.test.d.ts.map

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

package/dist/space/Space.a11y.test.js

@@ -0,0 +1,20 @@
+// Space a11y：间距 flex 容器。纯布局容器，不引入语义角色。
+// 仅断言 axe 0 violations（透明保留子元素语义）。
+import { describe, it, expect } from 'vitest';
+import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
+import SpaceFixture from './SpaceA11yFixture.svelte';
+describe('Space a11y', () => {
+    it('horizontal：纯布局无语义角色，子元素语义透明保留，无 axe violations', async () => {
+        const { container } = renderWithLocale(SpaceFixture, {});
+        expect(container.querySelector('.cd-space')).not.toBeNull();
+        expect(container.querySelectorAll('button').length).toBe(2);
+        await expectNoAxeViolations(container);
+    });
+    it('vertical：方向切换不引入语义变化，无 axe violations', async () => {
+        const { container } = renderWithLocale(SpaceFixture, {
+            props: { direction: 'vertical' },
+        });
+        expect(container.querySelector('.cd-space--vertical')).not.toBeNull();
+        await expectNoAxeViolations(container);
+    });
+});

package/dist/space/Space.svelte

@@ -0,0 +1,109 @@
+<!--
+  Space — see specs/components/basic/Space.spec.md
+  Flex spacing container. Token-driven gap.
+  NOTE: `split` slot (separator between items) is intentionally omitted in this
+  iteration; to be added later alongside per-item iteration support.
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  type SpaceDirection = 'horizontal' | 'vertical';
+  type SpaceSpacing = 'tight' | 'medium' | 'loose' | number | [number, number];
+  type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+
+  interface Props {
+    direction?: SpaceDirection;
+    spacing?: SpaceSpacing;
+    align?: SpaceAlign;
+    wrap?: boolean;
+    block?: boolean;
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    direction = 'horizontal',
+    spacing = 'medium',
+    align,
+    wrap = false,
+    block = false,
+    class: className = '',
+    children,
+  }: Props = $props();
+
+  const presetGap: Record<string, string> = {
+    tight: 'var(--cd-space-tight)',
+    medium: 'var(--cd-space-medium)',
+    loose: 'var(--cd-space-loose)',
+  };
+
+  const gapCss = $derived.by(() => {
+    if (Array.isArray(spacing)) {
+      const [row, col] = spacing;
+      return `${row}px ${col}px`;
+    }
+    if (typeof spacing === 'number') {
+      return `${spacing}px`;
+    }
+    return presetGap[spacing];
+  });
+
+  const alignItems = $derived.by(() => {
+    if (!align) return undefined;
+    if (align === 'start') return 'flex-start';
+    if (align === 'end') return 'flex-end';
+    return align;
+  });
+
+  const isPreset = $derived(typeof spacing === 'string');
+
+  const cls = $derived(
+    [
+      'cd-space',
+      `cd-space--${direction}`,
+      isPreset && `cd-space--gap-${spacing}`,
+      wrap && 'cd-space--wrap',
+      block && 'cd-space--block',
+      className,
+    ]
+      .filter(Boolean)
+      .join(' '),
+  );
+
+  const inlineStyle = $derived(
+    [!isPreset && `gap:${gapCss}`, alignItems && `align-items:${alignItems}`]
+      .filter(Boolean)
+      .join(';'),
+  );
+</script>
+
+<div class={cls} style={inlineStyle || undefined}>
+  {@render children?.()}
+</div>
+
+<style>
+  .cd-space {
+    display: inline-flex;
+  }
+  .cd-space--block {
+    display: flex;
+  }
+  .cd-space--horizontal {
+    flex-direction: row;
+  }
+  .cd-space--vertical {
+    flex-direction: column;
+  }
+  .cd-space--wrap {
+    flex-wrap: wrap;
+  }
+  .cd-space--gap-tight {
+    gap: var(--cd-space-tight);
+  }
+  .cd-space--gap-medium {
+    gap: var(--cd-space-medium);
+  }
+  .cd-space--gap-loose {
+    gap: var(--cd-space-loose);
+  }
+</style>

package/dist/space/Space.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Snippet } from 'svelte';
+type SpaceDirection = 'horizontal' | 'vertical';
+type SpaceSpacing = 'tight' | 'medium' | 'loose' | number | [number, number];
+type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+interface Props {
+    direction?: SpaceDirection;
+    spacing?: SpaceSpacing;
+    align?: SpaceAlign;
+    wrap?: boolean;
+    block?: boolean;
+    class?: string;
+    children?: Snippet;
+}
+declare const Space: import("svelte").Component<Props, {}, "">;
+type Space = ReturnType<typeof Space>;
+export default Space;
+//# sourceMappingURL=Space.svelte.d.ts.map

package/dist/space/Space.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Space.svelte.d.ts","sourceRoot":"","sources":["../../src/space/Space.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAChD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7E,KAAK,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyEH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/space/SpaceA11yFixture.svelte

@@ -0,0 +1,17 @@
+<!--
+  仅供 Space.a11y.test.ts 使用的测试夹具：Space 间距容器包裹若干子元素。
+  纯布局容器，不引入语义；本套件只断言 axe 0 violations。
+-->
+<script lang="ts">
+  import Space from './Space.svelte';
+
+  interface Props {
+    direction?: 'horizontal' | 'vertical';
+  }
+  let { direction = 'horizontal' }: Props = $props();
+</script>
+
+<Space {direction}>
+  <button type="button">First</button>
+  <button type="button">Second</button>
+</Space>

package/dist/space/SpaceA11yFixture.svelte.d.ts

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

package/dist/space/SpaceA11yFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/space/SpaceA11yFixture.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAeH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/space/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/space/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC"}

package/dist/space/index.js

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

package/dist/space/meta.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/components/basic/Space.spec.md.
+ */
+export declare const meta: {
+    readonly name: "Space";
+    readonly category: "basic";
+    readonly description: "为子元素提供统一间距的 flex 容器。";
+    readonly props: readonly [{
+        readonly name: "direction";
+        readonly type: "'horizontal'|'vertical'";
+        readonly default: "'horizontal'";
+    }, {
+        readonly name: "spacing";
+        readonly type: "'tight'|'medium'|'loose'|number|[number,number]";
+        readonly default: "'medium'";
+        readonly desc: "档位映射 token，number→px，数组→[行,列] gap";
+    }, {
+        readonly name: "align";
+        readonly type: "'start'|'end'|'center'|'baseline'";
+        readonly default: "undefined";
+    }, {
+        readonly name: "wrap";
+        readonly type: "boolean";
+        readonly default: "false";
+    }, {
+        readonly name: "block";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "true→display:flex 占满宽度";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "''";
+    }];
+    readonly events: readonly [];
+    readonly slots: readonly [{
+        readonly name: "children";
+        readonly desc: "需要间距的子元素";
+    }];
+    readonly a11y: {
+        readonly role: "none";
+        readonly note: "纯布局容器，不引入语义";
+    };
+    readonly tokens: readonly ["--cd-space-tight", "--cd-space-medium", "--cd-space-loose"];
+    readonly examples: readonly [{
+        readonly title: "横向";
+        readonly code: "<Space><Button>A</Button><Button>B</Button></Space>";
+    }];
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/space/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/space/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBP,CAAC"}

package/dist/space/meta.js

@@ -0,0 +1,27 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/components/basic/Space.spec.md.
+ */
+export const meta = {
+    name: 'Space',
+    category: 'basic',
+    description: '为子元素提供统一间距的 flex 容器。',
+    props: [
+        { name: 'direction', type: "'horizontal'|'vertical'", default: "'horizontal'" },
+        {
+            name: 'spacing',
+            type: "'tight'|'medium'|'loose'|number|[number,number]",
+            default: "'medium'",
+            desc: '档位映射 token，number→px，数组→[行,列] gap',
+        },
+        { name: 'align', type: "'start'|'end'|'center'|'baseline'", default: 'undefined' },
+        { name: 'wrap', type: 'boolean', default: 'false' },
+        { name: 'block', type: 'boolean', default: 'false', desc: 'true→display:flex 占满宽度' },
+        { name: 'class', type: 'string', default: "''" },
+    ],
+    events: [],
+    slots: [{ name: 'children', desc: '需要间距的子元素' }],
+    a11y: { role: 'none', note: '纯布局容器，不引入语义' },
+    tokens: ['--cd-space-tight', '--cd-space-medium', '--cd-space-loose'],
+    examples: [{ title: '横向', code: '<Space><Button>A</Button><Button>B</Button></Space>' }],
+};

package/dist/spin/Spin.a11y.test.d.ts

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

package/dist/spin/Spin.a11y.test.d.ts.map

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