@chenzy-design/svelte 0.1.0

package/dist/highlight/Highlight.a11y.test.js

@@ -0,0 +1,23 @@
+// Highlight a11y：命中片段默认渲染 <mark>，纯文本输出。
+import { describe, it, expect } from 'vitest';
+import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
+import Highlight from './Highlight.svelte';
+describe('Highlight a11y', () => {
+    it('单关键词：命中渲染 <mark>，无 axe violations', async () => {
+        const { container } = renderWithLocale(Highlight, {
+            props: { sourceString: 'The quick brown fox', searchWords: 'quick' },
+        });
+        const marks = container.querySelectorAll('mark.cd-highlight__mark');
+        expect(marks.length).toBe(1);
+        expect(marks[0]?.textContent).toBe('quick');
+        await expectNoAxeViolations(container);
+    });
+    it('多关键词：多处命中，无 axe violations', async () => {
+        const { container } = renderWithLocale(Highlight, {
+            props: { sourceString: 'red green red blue', searchWords: ['red', 'blue'] },
+        });
+        const marks = container.querySelectorAll('mark.cd-highlight__mark');
+        expect(marks.length).toBe(3);
+        await expectNoAxeViolations(container);
+    });
+});

package/dist/highlight/Highlight.svelte

@@ -0,0 +1,99 @@
+<!--
+  Highlight — see specs/components/show/Highlight.spec.md
+  纯展示文本高亮：sourceString 中标记 searchWords。纯文本输出（不解析 HTML）。
+  片段分割 / 重叠区间合并为纯函数（@chenzy-design/core highlightChunks，红线 #2），
+  渲染派生：默认 <mark>，可由 highlight/chunk snippet 自定义。
+  支持单/多关键词、大小写敏感、highlightAll、autoEscape、自定义 component/类名/样式、
+  unstyled、命中片段 id + aria 关联。
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { highlightChunks, useId } from '@chenzy-design/core';
+
+  interface Props {
+    sourceString?: string;
+    searchWords?: string | string[];
+    caseSensitive?: boolean;
+    highlightAll?: boolean;
+    autoEscape?: boolean;
+    component?: string;
+    highlightClassName?: string;
+    highlightStyle?: string;
+    className?: string;
+    style?: string;
+    unstyled?: boolean;
+    /** 自定义命中片段渲染（覆盖默认 <mark>）。 */
+    highlight?: Snippet<[{ chunk: string; index: number }]>;
+    /** 自定义非命中片段渲染（默认裸文本）。 */
+    chunk?: Snippet<[{ chunk: string; index: number }]>;
+    /** 命中片段 id 前缀，用于 aria 关联；省略则自动生成。 */
+    idPrefix?: string;
+    /** 追加到每个命中片段的 aria-describedby（指向外部说明元素）。 */
+    describedById?: string;
+    /** 命中片段的 aria-label（默认不加，避免逐字播报噪音）。 */
+    highlightAriaLabel?: string;
+  }
+
+  let {
+    sourceString = '',
+    searchWords = [],
+    caseSensitive = false,
+    highlightAll = true,
+    autoEscape = true,
+    component = 'mark',
+    highlightClassName = '',
+    highlightStyle = '',
+    className = '',
+    style = '',
+    unstyled = false,
+    highlight,
+    chunk,
+    idPrefix,
+    describedById,
+    highlightAriaLabel,
+  }: Props = $props();
+
+  // 稳定前缀：仅在未显式传入时生成一次，render 期只读（红线 #2）。
+  const autoPrefix = useId('cd-highlight');
+  const prefix = $derived(idPrefix || autoPrefix);
+
+  // 片段分割 + 重叠区间合并：纯函数（core），渲染只读派生（红线 #2）。
+  const chunks = $derived(
+    highlightChunks(sourceString, searchWords, { caseSensitive, highlightAll, autoEscape }),
+  );
+
+  const rootClass = $derived(['cd-highlight', className].filter(Boolean).join(' '));
+  const markClass = $derived(
+    ['cd-highlight__mark', unstyled && 'cd-highlight__mark--unstyled', highlightClassName]
+      .filter(Boolean)
+      .join(' '),
+  );
+</script>
+
+<span class={rootClass} style={style || undefined}
+  >{#each chunks as item, i (i)}{#if item.matched}{#if highlight}{@render highlight({ chunk: item.text, index: i })}{:else}<svelte:element
+          this={component}
+          id={`${prefix}-${i}`}
+          class={markClass}
+          style={highlightStyle || undefined}
+          aria-label={highlightAriaLabel || undefined}
+          aria-describedby={describedById || undefined}>{item.text}</svelte:element>{/if}{:else if chunk}{@render chunk({ chunk: item.text, index: i })}{:else}{item.text}{/if}{/each}</span
+>
+
+<style>
+  .cd-highlight {
+    color: inherit;
+  }
+  .cd-highlight__mark {
+    padding-inline: 2px;
+    border-radius: var(--cd-radius-small);
+    background: var(--cd-highlight-bg);
+    color: var(--cd-highlight-color);
+    font-weight: inherit;
+  }
+  .cd-highlight__mark--unstyled {
+    padding-inline: 0;
+    background: transparent;
+    color: inherit;
+  }
+</style>

package/dist/highlight/Highlight.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    sourceString?: string;
+    searchWords?: string | string[];
+    caseSensitive?: boolean;
+    highlightAll?: boolean;
+    autoEscape?: boolean;
+    component?: string;
+    highlightClassName?: string;
+    highlightStyle?: string;
+    className?: string;
+    style?: string;
+    unstyled?: boolean;
+    /** 自定义命中片段渲染（覆盖默认 <mark>）。 */
+    highlight?: Snippet<[{
+        chunk: string;
+        index: number;
+    }]>;
+    /** 自定义非命中片段渲染（默认裸文本）。 */
+    chunk?: Snippet<[{
+        chunk: string;
+        index: number;
+    }]>;
+    /** 命中片段 id 前缀，用于 aria 关联；省略则自动生成。 */
+    idPrefix?: string;
+    /** 追加到每个命中片段的 aria-describedby（指向外部说明元素）。 */
+    describedById?: string;
+    /** 命中片段的 aria-label（默认不加，避免逐字播报噪音）。 */
+    highlightAriaLabel?: string;
+}
+declare const Highlight: import("svelte").Component<Props, {}, "">;
+type Highlight = ReturnType<typeof Highlight>;
+export default Highlight;
+//# sourceMappingURL=Highlight.svelte.d.ts.map

package/dist/highlight/Highlight.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.svelte.d.ts","sourceRoot":"","sources":["../../src/highlight/Highlight.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACxD,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAiDH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/highlight/index.d.ts

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

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

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

package/dist/highlight/index.js

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

package/dist/highlight/meta.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * Highlight — see specs/components/show/Highlight.spec.md
+ */
+export declare const meta: {
+    readonly name: "Highlight";
+    readonly category: "show";
+    readonly description: "纯展示文本高亮：在 sourceString 中标记 searchWords，默认用 <mark> 包裹。纯文本输出（HTML 会被转义而非解析），支持大小写敏感、仅首个/全部匹配、正则转义开关与自定义包裹元素/样式。";
+    readonly exports: readonly ["Highlight"];
+    readonly props: readonly [{
+        readonly name: "sourceString";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "待处理原始文本（纯文本，HTML 被转义）";
+    }, {
+        readonly name: "searchWords";
+        readonly type: "string|string[]";
+        readonly default: "[]";
+        readonly desc: "需高亮关键词，空串忽略";
+    }, {
+        readonly name: "caseSensitive";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "是否大小写敏感";
+    }, {
+        readonly name: "highlightAll";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "true 高亮全部匹配，false 仅首个";
+    }, {
+        readonly name: "autoEscape";
+        readonly type: "boolean";
+        readonly default: "true";
+        readonly desc: "是否对关键词正则转义；关闭后 searchWords 视为正则源";
+    }, {
+        readonly name: "component";
+        readonly type: "string";
+        readonly default: "'mark'";
+        readonly desc: "高亮片段包裹标签名";
+    }, {
+        readonly name: "highlightClassName";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "追加到高亮片段的类名";
+    }, {
+        readonly name: "highlightStyle";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "追加到高亮片段的内联样式";
+    }, {
+        readonly name: "className";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "根 span 类名";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "根 span 内联样式";
+    }, {
+        readonly name: "unstyled";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "移除默认高亮视觉，仅保留语义与类名";
+    }, {
+        readonly name: "idPrefix";
+        readonly type: "string";
+        readonly default: "auto";
+        readonly desc: "命中片段 id 前缀（生成 `${prefix}-${index}`），用于 aria 关联；省略则自动生成";
+    }, {
+        readonly name: "describedById";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "追加到每个命中片段的 aria-describedby，指向外部说明元素";
+    }, {
+        readonly name: "highlightAriaLabel";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "命中片段的 aria-label；默认不加以避免逐字播报噪音";
+    }];
+    readonly events: readonly [];
+    readonly slots: readonly [{
+        readonly name: "highlight";
+        readonly type: "Snippet<[{ chunk: string; index: number }]>";
+        readonly desc: "自定义命中片段渲染，覆盖默认 <mark>；不传则保持默认高亮行为";
+    }, {
+        readonly name: "chunk";
+        readonly type: "Snippet<[{ chunk: string; index: number }]>";
+        readonly desc: "自定义非命中片段渲染；不传则输出裸文本";
+    }];
+    readonly a11y: {
+        readonly role: "none";
+        readonly focusable: false;
+        readonly notes: readonly ["高亮片段用原生 <mark> 元素承载浏览器/AT 内建“标记”语义", "不可聚焦、无 tabindex，避免搜索结果列表产生大量 Tab 停留点", "默认不对每个高亮加 aria-label，避免逐字播报噪音；命中计数由调用方外层 live region 负责", "每个命中片段带稳定 id（idPrefix-index），可被外部 aria-describedby/控件引用以定位", "可选 describedById/highlightAriaLabel 供需要显式关联的无障碍场景按需开启", "语义+背景双通道区分，不仅靠颜色（WCAG 1.4.1）"];
+    };
+    readonly tokens: readonly ["--cd-highlight-bg", "--cd-highlight-color", "--cd-radius-small"];
+    readonly examples: readonly [{
+        readonly title: "基础";
+        readonly code: "<Highlight sourceString=\"hello world\" searchWords=\"world\" />";
+    }, {
+        readonly title: "多词";
+        readonly code: "<Highlight sourceString=\"foo bar baz\" searchWords={[\"foo\", \"baz\"]} />";
+    }];
+};
+//# sourceMappingURL=meta.d.ts.map

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

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

package/dist/highlight/meta.js

@@ -0,0 +1,79 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * Highlight — see specs/components/show/Highlight.spec.md
+ */
+export const meta = {
+    name: 'Highlight',
+    category: 'show',
+    description: '纯展示文本高亮：在 sourceString 中标记 searchWords，默认用 <mark> 包裹。纯文本输出（HTML 会被转义而非解析），支持大小写敏感、仅首个/全部匹配、正则转义开关与自定义包裹元素/样式。',
+    exports: ['Highlight'],
+    props: [
+        { name: 'sourceString', type: 'string', default: "''", desc: '待处理原始文本（纯文本，HTML 被转义）' },
+        { name: 'searchWords', type: 'string|string[]', default: '[]', desc: '需高亮关键词，空串忽略' },
+        { name: 'caseSensitive', type: 'boolean', default: 'false', desc: '是否大小写敏感' },
+        { name: 'highlightAll', type: 'boolean', default: 'true', desc: 'true 高亮全部匹配，false 仅首个' },
+        {
+            name: 'autoEscape',
+            type: 'boolean',
+            default: 'true',
+            desc: '是否对关键词正则转义；关闭后 searchWords 视为正则源',
+        },
+        { name: 'component', type: 'string', default: "'mark'", desc: '高亮片段包裹标签名' },
+        { name: 'highlightClassName', type: 'string', default: "''", desc: '追加到高亮片段的类名' },
+        { name: 'highlightStyle', type: 'string', default: "''", desc: '追加到高亮片段的内联样式' },
+        { name: 'className', type: 'string', default: "''", desc: '根 span 类名' },
+        { name: 'style', type: 'string', default: "''", desc: '根 span 内联样式' },
+        { name: 'unstyled', type: 'boolean', default: 'false', desc: '移除默认高亮视觉，仅保留语义与类名' },
+        {
+            name: 'idPrefix',
+            type: 'string',
+            default: 'auto',
+            desc: '命中片段 id 前缀（生成 `${prefix}-${index}`），用于 aria 关联；省略则自动生成',
+        },
+        {
+            name: 'describedById',
+            type: 'string',
+            default: "''",
+            desc: '追加到每个命中片段的 aria-describedby，指向外部说明元素',
+        },
+        {
+            name: 'highlightAriaLabel',
+            type: 'string',
+            default: 'undefined',
+            desc: '命中片段的 aria-label；默认不加以避免逐字播报噪音',
+        },
+    ],
+    events: [],
+    slots: [
+        {
+            name: 'highlight',
+            type: 'Snippet<[{ chunk: string; index: number }]>',
+            desc: '自定义命中片段渲染，覆盖默认 <mark>；不传则保持默认高亮行为',
+        },
+        {
+            name: 'chunk',
+            type: 'Snippet<[{ chunk: string; index: number }]>',
+            desc: '自定义非命中片段渲染；不传则输出裸文本',
+        },
+    ],
+    a11y: {
+        role: 'none',
+        focusable: false,
+        notes: [
+            '高亮片段用原生 <mark> 元素承载浏览器/AT 内建“标记”语义',
+            '不可聚焦、无 tabindex，避免搜索结果列表产生大量 Tab 停留点',
+            '默认不对每个高亮加 aria-label，避免逐字播报噪音；命中计数由调用方外层 live region 负责',
+            '每个命中片段带稳定 id（idPrefix-index），可被外部 aria-describedby/控件引用以定位',
+            '可选 describedById/highlightAriaLabel 供需要显式关联的无障碍场景按需开启',
+            '语义+背景双通道区分，不仅靠颜色（WCAG 1.4.1）',
+        ],
+    },
+    tokens: ['--cd-highlight-bg', '--cd-highlight-color', '--cd-radius-small'],
+    examples: [
+        { title: '基础', code: '<Highlight sourceString="hello world" searchWords="world" />' },
+        {
+            title: '多词',
+            code: '<Highlight sourceString="foo bar baz" searchWords={["foo", "baz"]} />',
+        },
+    ],
+};

package/dist/icon/Icon.svelte

@@ -0,0 +1,156 @@
+<!--
+  Icon — see specs/components/basic/Icon.spec.md
+  Pure presentational primitive. Token-driven size/color, a11y-correct.
+-->
+<script lang="ts">
+  import type { Component, Snippet } from 'svelte';
+
+  type IconSize = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large' | number;
+  type IconStatus = 'default' | 'warning' | 'error' | 'success' | 'info';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    status?: IconStatus;
+    color?: string;
+    /** 直接传入 SVG 字符串，内部用 {@html} 渲染。来源须可信（构建期 SVGO 净化）。 */
+    svg?: string;
+    /** 传入一个 Svelte 图标组件作为渲染源。 */
+    component?: Component;
+    label?: string;
+    class?: string;
+    /** 透传到根元素的内联样式。 */
+    style?: string;
+    children?: Snippet;
+  }
+
+  let {
+    size = 'default',
+    spin = false,
+    rotate = 0,
+    status = 'default',
+    color,
+    svg,
+    component,
+    label,
+    class: className = '',
+    style = '',
+    children,
+  }: Props = $props();
+
+  // 渲染源派生：优先级 svg > component > children。
+  const SvgComponent = $derived(component);
+
+  const isNumericSize = $derived(typeof size === 'number');
+
+  const cls = $derived(
+    [
+      'cd-icon',
+      !isNumericSize && `cd-icon--${size}`,
+      status !== 'default' && `cd-icon--status-${status}`,
+      spin && 'cd-icon--spin',
+      className,
+    ]
+      .filter(Boolean)
+      .join(' '),
+  );
+
+  const inlineStyle = $derived(
+    [
+      isNumericSize && `width:${size}px`,
+      isNumericSize && `height:${size}px`,
+      color && `color:${color}`,
+      rotate && `transform:rotate(${rotate}deg)`,
+      style,
+    ]
+      .filter(Boolean)
+      .join(';'),
+  );
+</script>
+
+<span
+  class={cls}
+  style={inlineStyle || undefined}
+  role={label ? 'img' : undefined}
+  aria-label={label}
+  aria-hidden={label ? undefined : 'true'}
+>
+  {#if svg}
+    <!-- 渲染源 svg：信任来源（构建期 SVGO 净化），运行时不做净化；用户传入的运行时 svg 须自行确保可信。 -->
+    {@html svg}
+  {:else if SvgComponent}
+    <SvgComponent />
+  {:else}
+    {@render children?.()}
+  {/if}
+</span>
+
+<style>
+  .cd-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: -0.125em;
+    width: var(--cd-icon-size-default);
+    height: var(--cd-icon-size-default);
+    color: currentColor;
+    fill: currentColor;
+    line-height: 1;
+  }
+  .cd-icon :global(svg) {
+    width: 100%;
+    height: 100%;
+    /* Do NOT force fill here: stroke-based SVGs set their own fill="none".
+       Color propagates via currentColor; fill-based icons should use
+       fill="currentColor" in their own markup. */
+  }
+  .cd-icon--extra-small {
+    width: var(--cd-icon-size-extra-small);
+    height: var(--cd-icon-size-extra-small);
+  }
+  .cd-icon--small {
+    width: var(--cd-icon-size-small);
+    height: var(--cd-icon-size-small);
+  }
+  .cd-icon--default {
+    width: var(--cd-icon-size-default);
+    height: var(--cd-icon-size-default);
+  }
+  .cd-icon--large {
+    width: var(--cd-icon-size-large);
+    height: var(--cd-icon-size-large);
+  }
+  .cd-icon--extra-large {
+    width: var(--cd-icon-size-extra-large);
+    height: var(--cd-icon-size-extra-large);
+  }
+  .cd-icon--status-warning {
+    color: var(--cd-icon-color-warning);
+  }
+  .cd-icon--status-error {
+    color: var(--cd-icon-color-error);
+  }
+  .cd-icon--status-success {
+    color: var(--cd-icon-color-success);
+  }
+  .cd-icon--status-info {
+    color: var(--cd-icon-color-info);
+  }
+  .cd-icon--spin {
+    animation: cd-icon-spin var(--cd-icon-spin-duration) var(--cd-icon-spin-timing) infinite;
+  }
+  @keyframes cd-icon-spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .cd-icon--spin {
+      animation: none;
+    }
+  }
+</style>

package/dist/icon/Icon.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Component, Snippet } from 'svelte';
+type IconSize = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large' | number;
+type IconStatus = 'default' | 'warning' | 'error' | 'success' | 'info';
+interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    status?: IconStatus;
+    color?: string;
+    /** 直接传入 SVG 字符串，内部用 {@html} 渲染。来源须可信（构建期 SVGO 净化）。 */
+    svg?: string;
+    /** 传入一个 Svelte 图标组件作为渲染源。 */
+    component?: Component;
+    label?: string;
+    class?: string;
+    /** 透传到根元素的内联样式。 */
+    style?: string;
+    children?: Snippet;
+}
+declare const Icon: Component<Props, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;
+//# sourceMappingURL=Icon.svelte.d.ts.map

package/dist/icon/Icon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.svelte.d.ts","sourceRoot":"","sources":["../../src/icon/Icon.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAG/C,KAAK,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACvF,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmEH,QAAA,MAAM,IAAI,0BAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/icon/index.d.ts

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

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

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

package/dist/icon/index.js

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

package/dist/icon/meta.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/components/basic/Icon.spec.md.
+ */
+export declare const meta: {
+    readonly name: "Icon";
+    readonly category: "basic";
+    readonly description: "统一尺寸、颜色、对齐的矢量图标容器，纯展示原语。";
+    readonly props: readonly [{
+        readonly name: "size";
+        readonly type: "'extra-small'|'small'|'default'|'large'|'extra-large'|number";
+        readonly default: "'default'";
+        readonly desc: "尺寸枚举映射到 token，数字直接作为 px";
+    }, {
+        readonly name: "spin";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "持续旋转，受 reduced-motion 抑制";
+    }, {
+        readonly name: "rotate";
+        readonly type: "number";
+        readonly default: "0";
+        readonly desc: "静态旋转角度（deg）";
+    }, {
+        readonly name: "status";
+        readonly type: "'default'|'warning'|'error'|'success'|'info'";
+        readonly default: "'default'";
+    }, {
+        readonly name: "color";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "显式覆盖颜色，优先级高于 status";
+    }, {
+        readonly name: "svg";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "SVG 字符串，内部 {@html} 渲染（来源须可信）；优先级最高";
+    }, {
+        readonly name: "component";
+        readonly type: "Component";
+        readonly default: "undefined";
+        readonly desc: "Svelte 图标组件作渲染源；优先级高于 children";
+    }, {
+        readonly name: "label";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "语义图标可访问名称；提供后 role=img";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "''";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "透传到根元素的内联样式";
+    }];
+    readonly events: readonly [];
+    readonly slots: readonly [{
+        readonly name: "children";
+        readonly desc: "自定义图标内容（SVG）";
+    }];
+    readonly a11y: {
+        readonly role: "img-when-labeled";
+        readonly decorativeDefault: true;
+        readonly reducedMotion: true;
+    };
+    readonly tokens: readonly ["--cd-icon-size-*", "--cd-icon-color", "--cd-icon-color-*", "--cd-icon-spin-*"];
+    readonly examples: readonly [{
+        readonly title: "加载中";
+        readonly code: "<Icon spin status=\"info\">{@render svg()}</Icon>";
+    }];
+};
+//# sourceMappingURL=meta.d.ts.map

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

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