@chenzy-design/svelte 0.3.1 → 0.4.1

package/dist/card/CardGroup.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { Snippet } from 'svelte';
+export type CardGroupType = 'grid';
+export interface Props {
+    /** 卡片间距：number 统一，[x, y] 分别指定水平/垂直（网格型下被忽略）。 */
+    spacing?: number | number[];
+    /** 卡片组类型；grid 为网格型，将覆盖 spacing。 */
+    type?: CardGroupType;
+    /** 根节点自定义类名。 */
+    class?: string;
+    /** 根节点自定义内联样式。 */
+    style?: string;
+    /** 子 Card。 */
+    children?: Snippet;
+    /** 其余原生属性透传到根节点（对齐 Semi ...others）。 */
+    [key: string]: unknown;
+}
+declare const CardGroup: import("svelte").Component<Props, {}, "">;
+type CardGroup = ReturnType<typeof CardGroup>;
+export default CardGroup;
+//# sourceMappingURL=CardGroup.svelte.d.ts.map

package/dist/card/CardGroup.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/card/CardGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,KAAK;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,mCAAmC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA8CH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/card/CardMeta.svelte

@@ -1,60 +1,70 @@
 <!--
-  Card.Meta — 卡片内容区的结构化元信息子组件。
-  含 avatar（左侧图标/头像）、title（标题）、description（描述），均支持字符串或 Snippet。
+  Card.Meta — 卡片内容区的结构化元信息子组件，对齐 Semi Card.Meta。
+  结构（同 Semi meta.tsx）：avatar（左）+ wrapper(title + description)。
+  title / description 支持字符串或 Snippet；仅在有 title 或 description 时渲染 wrapper。
 -->
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
   export interface Props {
+    /** 头像。 */
     avatar?: Snippet;
+    /** 标题。 */
     title?: Snippet | string;
+    /** 描述。 */
     description?: Snippet | string;
+    /** 根节点自定义类名。 */
     class?: string;
+    /** 根节点自定义内联样式。 */
     style?: string;
   }
 
   let { avatar, title, description, class: className, style }: Props = $props();
+
+  const hasWrapper = $derived(title !== undefined || description !== undefined);
 </script>
 
 <div class={['cd-card__meta', className].filter(Boolean).join(' ')} {style}>
   {#if avatar}
     <div class="cd-card__meta-avatar">{@render avatar()}</div>
   {/if}
-  <div class="cd-card__meta-detail">
-    {#if title !== undefined}
-      <div class="cd-card__meta-title">
-        {#if typeof title === 'string'}{title}{:else}{@render title()}{/if}
-      </div>
-    {/if}
-    {#if description !== undefined}
-      <div class="cd-card__meta-description">
-        {#if typeof description === 'string'}{description}{:else}{@render description()}{/if}
-      </div>
-    {/if}
-  </div>
+  {#if hasWrapper}
+    <div class="cd-card__meta-wrapper">
+      {#if title !== undefined}
+        <div class="cd-card__meta-wrapper-title">
+          {#if typeof title === 'string'}{title}{:else}{@render title()}{/if}
+        </div>
+      {/if}
+      {#if description !== undefined}
+        <div class="cd-card__meta-wrapper-description">
+          {#if typeof description === 'string'}{description}{:else}{@render description()}{/if}
+        </div>
+      {/if}
+    </div>
+  {/if}
 </div>
 
 <style>
   .cd-card__meta {
     display: flex;
-    align-items: flex-start;
-    gap: var(--cd-spacing-base-tight);
+    align-items: center;
+    justify-content: flex-start;
   }
   .cd-card__meta-avatar {
-    flex: 0 0 auto;
-  }
-  .cd-card__meta-detail {
-    flex: 1 1 auto;
-    min-inline-size: 0;
+    margin-inline-end: var(--cd-card-avatar-marginright);
   }
-  .cd-card__meta-title {
+  .cd-card__meta-wrapper-title {
+    font-size: var(--cd-card-title-size);
+    font-weight: var(--cd-card-title-weight);
+    line-height: var(--cd-card-title-lineheight);
     color: var(--cd-card-title-color);
-    font-weight: var(--cd-font-weight-bold);
-    font-size: var(--cd-font-size-header-6);
-    margin-block-end: var(--cd-spacing-extra-tight);
+    letter-spacing: 0;
   }
-  .cd-card__meta-description {
-    color: var(--cd-color-text-2);
-    font-size: var(--cd-font-size-regular);
+  .cd-card__meta-wrapper-description {
+    font-size: var(--cd-card-default-size);
+    font-weight: var(--cd-card-default-weight);
+    line-height: var(--cd-card-default-lineheight);
+    color: var(--cd-card-desc-color);
+    letter-spacing: 0;
   }
 </style>

package/dist/card/CardMeta.svelte.d.ts

@@ -1,9 +1,14 @@
 import type { Snippet } from 'svelte';
 export interface Props {
+    /** 头像。 */
     avatar?: Snippet;
+    /** 标题。 */
     title?: Snippet | string;
+    /** 描述。 */
     description?: Snippet | string;
+    /** 根节点自定义类名。 */
     class?: string;
+    /** 根节点自定义内联样式。 */
     style?: string;
 }
 declare const CardMeta: import("svelte").Component<Props, {}, "">;

package/dist/card/CardMeta.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardMeta.svelte.d.ts","sourceRoot":"","sources":["../../src/card/CardMeta.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+BH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardMeta.svelte.d.ts","sourceRoot":"","sources":["../../src/card/CardMeta.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,MAAM,WAAW,KAAK;IACpB,UAAU;IACV,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU;IACV,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU;IACV,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/card/index.d.ts

@@ -1,8 +1,10 @@
 import CardMeta from './CardMeta.svelte';
 declare const Card: import("svelte").Component<import("./Card.svelte").Props, {}, ""> & {
     Meta: import("svelte").Component<import("./CardMeta.svelte").Props, {}, "">;
+    Group: import("svelte").Component<import("./CardGroup.svelte").Props, {}, "">;
 };
 export { Card };
 export { CardMeta };
-export { meta as cardMeta } from './meta.js';
+export { default as CardGroup } from './CardGroup.svelte';
+export { meta as cardMeta, cardGroupMeta } from './meta.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,QAAA,MAAM,IAAI;;CAAmD,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAGzC,QAAA,MAAM,IAAI;;;CAGR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}

package/dist/card/index.js

@@ -1,6 +1,11 @@
 import CardComponent from './Card.svelte';
 import CardMeta from './CardMeta.svelte';
-const Card = Object.assign(CardComponent, { Meta: CardMeta });
+import CardGroupComponent from './CardGroup.svelte';
+const Card = Object.assign(CardComponent, {
+    Meta: CardMeta,
+    Group: CardGroupComponent,
+});
 export { Card };
 export { CardMeta };
-export { meta as cardMeta } from './meta.js';
+export { default as CardGroup } from './CardGroup.svelte';
+export { meta as cardMeta, cardGroupMeta } from './meta.js';

package/dist/card/meta.d.ts

@@ -1,136 +1,183 @@
 /**
  * Machine-readable component metadata for AI/docs consumption.
- * Card — see specs/components/show/Card.spec.md
+ * Card — 对齐 Semi Design Card。
  */
 export declare const meta: {
     readonly name: "Card";
     readonly category: "show";
-    readonly description: "卡片容器：cover(出血) → header(title + extra) → body(children，loading 时骨架占位) → actions(底部等分操作)；bordered/shadow/hoverable 控制视觉，title 为 string 时 aria-labelledby 关联。";
+    readonly semiEquivalent: "Card";
+    readonly description: "卡片容器：header(headerExtraContent + title，或 header 覆盖) → cover(出血) → body(children，loading 时 Skeleton 占位 + actions 底部操作) → footer。bordered/shadows 控制视觉；string title 用 Typography.Title heading=6 渲染并经 aria-labelledby 关联。";
     readonly exports: readonly ["Card"];
+    readonly subComponents: readonly [{
+        readonly name: "Card.Meta";
+        readonly usage: "<Card.Meta avatar title description /> 承载结构化元信息";
+        readonly desc: "卡片元信息子组件（对齐 Semi Card.Meta）：avatar（左）+ wrapper(title + description)。title/description 支持 string 或 Snippet。";
+        readonly props: readonly [{
+            readonly name: "avatar";
+            readonly type: "Snippet";
+            readonly default: "undefined";
+            readonly desc: "左侧头像（右侧留 marginRight）";
+        }, {
+            readonly name: "title";
+            readonly type: "string|Snippet";
+            readonly default: "undefined";
+            readonly desc: "标题";
+        }, {
+            readonly name: "description";
+            readonly type: "string|Snippet";
+            readonly default: "undefined";
+            readonly desc: "描述";
+        }, {
+            readonly name: "class";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "根节点自定义类名";
+        }, {
+            readonly name: "style";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "根节点自定义内联样式";
+        }];
+    }, {
+        readonly name: "Card.Group";
+        readonly usage: "<Card.Group spacing={16}> 或 <Card.Group type=\"grid\"> 成组排布";
+        readonly desc: "卡片组子组件（对齐 Semi CardGroup），等价于 CardGroup 独立导出。基于 Space 成组排布多个 Card；type=grid 时卡片去圆角以 -1px 拼接。";
+        readonly props: readonly [{
+            readonly name: "spacing";
+            readonly type: "number|number[]";
+            readonly default: "16";
+            readonly desc: "卡片间距（网格型下忽略）";
+        }, {
+            readonly name: "type";
+            readonly type: "'grid'";
+            readonly default: "undefined";
+            readonly desc: "网格型，覆盖 spacing";
+        }, {
+            readonly name: "ariaLabel";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "组语义标签";
+        }, {
+            readonly name: "class";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "根节点自定义类名";
+        }, {
+            readonly name: "style";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "根节点自定义内联样式";
+        }];
+    }];
     readonly props: readonly [{
         readonly name: "title";
         readonly type: "string|Snippet";
         readonly default: "undefined";
-        readonly desc: "标题；string 时关联 aria-labelledby";
+        readonly desc: "标题；string 时用 Typography.Title heading=6 渲染并关联 aria-labelledby";
     }, {
-        readonly name: "extra";
+        readonly name: "headerExtraContent";
         readonly type: "Snippet";
         readonly default: "undefined";
-        readonly desc: "header 右侧内容";
+        readonly desc: "header 右侧的额外内容";
     }, {
-        readonly name: "cover";
+        readonly name: "header";
         readonly type: "Snippet";
         readonly default: "undefined";
-        readonly desc: "顶部出血封面";
+        readonly desc: "自定义头部，覆盖 title 与 headerExtraContent";
     }, {
-        readonly name: "actions";
-        readonly type: "Snippet";
-        readonly default: "undefined";
-        readonly desc: "底部等分操作区";
-    }, {
-        readonly name: "size";
-        readonly type: "'small'|'default'|'large'";
-        readonly default: "'default'";
-    }, {
-        readonly name: "bordered";
+        readonly name: "headerLine";
         readonly type: "boolean";
         readonly default: "true";
-    }, {
-        readonly name: "shadow";
-        readonly type: "'never'|'hover'|'always'";
-        readonly default: "'never'";
-        readonly desc: "hover 时悬停抬升";
-    }, {
-        readonly name: "hoverable";
-        readonly type: "boolean";
-        readonly default: "false";
-        readonly desc: "悬停阴影，同 shadow=hover 视觉";
-    }, {
-        readonly name: "loading";
-        readonly type: "boolean";
-        readonly default: "false";
-        readonly desc: "body 显示骨架占位";
-    }, {
-        readonly name: "loadingRows";
-        readonly type: "number";
-        readonly default: "3";
-        readonly desc: "骨架行数";
+        readonly desc: "header 与 body 间分隔线";
     }, {
         readonly name: "headerStyle";
         readonly type: "string";
         readonly default: "undefined";
         readonly desc: "header 区内联样式透传";
+    }, {
+        readonly name: "cover";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "顶部出血封面";
     }, {
         readonly name: "bodyStyle";
         readonly type: "string";
         readonly default: "undefined";
         readonly desc: "body 区内联样式透传";
     }, {
-        readonly name: "headerLine";
-        readonly type: "boolean";
-        readonly default: "true";
-        readonly desc: "header 与 body 间分隔线";
+        readonly name: "actions";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "body 底部操作组，以 12px 水平间距（Space）排布";
+    }, {
+        readonly name: "footer";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "自定义页脚";
     }, {
         readonly name: "footerLine";
         readonly type: "boolean";
-        readonly default: "true";
-        readonly desc: "actions 区上方分隔线";
+        readonly default: "false";
+        readonly desc: "footer 区上方分隔线";
     }, {
-        readonly name: "clickable";
+        readonly name: "footerStyle";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "footer 区内联样式透传";
+    }, {
+        readonly name: "bordered";
         readonly type: "boolean";
-        readonly default: "false";
-        readonly desc: "整卡可点击：role=button + 键盘/点击激活，合并 hoverable 视觉";
+        readonly default: "true";
+        readonly desc: "是否有外边框";
+    }, {
+        readonly name: "shadows";
+        readonly type: "'hover'|'always'";
+        readonly default: "undefined";
+        readonly desc: "阴影显示时机：hover 悬停显示、always 常显；不设则无阴影";
     }, {
-        readonly name: "disabled";
+        readonly name: "loading";
         readonly type: "boolean";
         readonly default: "false";
-        readonly desc: "仅 clickable 时生效，禁用点击与 hover";
+        readonly desc: "body 显示 Skeleton 占位（Title + Paragraph rows=3）";
     }, {
         readonly name: "class";
         readonly type: "string";
         readonly default: "undefined";
         readonly desc: "根节点自定义类名";
     }, {
-        readonly name: "onClick";
-        readonly type: "(e: MouseEvent | KeyboardEvent) => void";
-        readonly default: "undefined";
-        readonly desc: "clickable 时点击/键盘激活回调；disabled 不触发";
-    }, {
-        readonly name: "onMouseenter";
-        readonly type: "(e: MouseEvent) => void";
+        readonly name: "style";
+        readonly type: "string";
         readonly default: "undefined";
+        readonly desc: "根节点自定义内联样式";
     }, {
-        readonly name: "onMouseleave";
-        readonly type: "(e: MouseEvent) => void";
+        readonly name: "ariaLabel";
+        readonly type: "string";
         readonly default: "undefined";
+        readonly desc: "根节点 aria-label，表述该 Card 的作用";
     }, {
         readonly name: "children";
         readonly type: "Snippet";
         readonly default: "undefined";
         readonly desc: "卡片正文";
     }];
-    readonly events: readonly [{
-        readonly name: "onClick";
-        readonly desc: "clickable 整卡点击或键盘激活（Enter/Space）";
-    }, {
-        readonly name: "onMouseenter";
-        readonly desc: "指针进入卡片";
-    }, {
-        readonly name: "onMouseleave";
-        readonly desc: "指针离开卡片";
-    }];
     readonly slots: readonly [{
         readonly name: "title";
         readonly desc: "标题(string 或 Snippet)";
     }, {
-        readonly name: "extra";
-        readonly desc: "header 右侧";
+        readonly name: "headerExtraContent";
+        readonly desc: "header 右侧额外内容";
+    }, {
+        readonly name: "header";
+        readonly desc: "自定义头部（覆盖 title/headerExtraContent）";
     }, {
         readonly name: "cover";
         readonly desc: "封面";
     }, {
         readonly name: "actions";
-        readonly desc: "底部操作";
+        readonly desc: "body 底部操作";
+    }, {
+        readonly name: "footer";
+        readonly desc: "页脚";
     }, {
         readonly name: "children";
         readonly desc: "正文";
@@ -138,19 +185,74 @@ export declare const meta: {
     readonly a11y: {
         readonly hasRole: true;
         readonly focusable: false;
-        readonly note: "有 title 时根 role=region；string title 经 useId 关联 aria-labelledby；骨架 aria-hidden。clickable 时根 role=button + tabindex，Enter/Space 激活，disabled 时 aria-disabled + tabindex=-1。";
+        readonly note: "有 title 时根 role=region；string title 经 useId 关联 aria-labelledby（无 ariaLabel 时）；loading 时根 aria-busy；Skeleton 占位自带 role=status/aria-busy。";
     };
-    readonly tokens: readonly ["--cd-card-bg", "--cd-card-border", "--cd-card-radius", "--cd-card-padding", "--cd-card-padding-small", "--cd-card-header-border", "--cd-card-title-color", "--cd-card-title-weight", "--cd-card-title-size", "--cd-card-desc-color", "--cd-card-body-color", "--cd-card-shadow", "--cd-card-shadow-hover"];
+    readonly tokens: readonly ["--cd-card-bg", "--cd-card-border-color", "--cd-card-border-width", "--cd-card-radius", "--cd-card-padding", "--cd-card-margin", "--cd-card-title-color", "--cd-card-title-weight", "--cd-card-title-size", "--cd-card-title-lineheight", "--cd-card-extra-color", "--cd-card-extra-weight", "--cd-card-extra-size", "--cd-card-desc-color", "--cd-card-body-color", "--cd-card-default-weight", "--cd-card-default-size", "--cd-card-default-lineheight", "--cd-card-avatar-marginright", "--cd-card-shadow", "--cd-card-transition-duration", "--cd-card-z-hover"];
     readonly responsive: false;
     readonly examples: readonly [{
         readonly title: "基础";
         readonly code: "<Card title=\"标题\">内容</Card>";
     }, {
-        readonly title: "悬浮";
-        readonly code: "<Card hoverable title=\"卡片\">内容</Card>";
+        readonly title: "阴影";
+        readonly code: "<Card shadows=\"hover\" title=\"卡片\">内容</Card>";
     }, {
         readonly title: "加载";
-        readonly code: "<Card loading loadingRows={3} />";
+        readonly code: "<Card loading>内容</Card>";
+    }];
+};
+/**
+ * CardGroup — 对齐 Semi CardGroup。
+ * 基于 Space（flex wrap）成组排布多个 Card；type='grid' 时卡片去圆角以 -1px 负边距拼接。
+ */
+export declare const cardGroupMeta: {
+    readonly name: "CardGroup";
+    readonly relatedTo: "Card";
+    readonly semiEquivalent: "CardGroup";
+    readonly description: "卡片组容器：基于 Space 成组排布多个 Card。普通型下 spacing 控制等间距（默认 16）；type=grid 网格型下卡片去圆角、以 -1px 负边距拼接边框，spacing 被忽略。";
+    readonly exports: readonly ["CardGroup"];
+    readonly props: readonly [{
+        readonly name: "spacing";
+        readonly type: "number | number[]";
+        readonly default: "16";
+        readonly desc: "卡片间距；number 统一，[x,y] 分别指定水平/垂直（网格型下忽略）";
+    }, {
+        readonly name: "type";
+        readonly type: "'grid'";
+        readonly default: "undefined";
+        readonly desc: "网格型，将覆盖 spacing";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根节点自定义类名";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根节点自定义内联样式";
+    }, {
+        readonly name: "children";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "子 Card";
+    }];
+    readonly slots: readonly [{
+        readonly name: "children";
+        readonly desc: "子 Card";
+    }];
+    readonly a11y: {
+        readonly hasRole: false;
+        readonly focusable: false;
+        readonly note: "对齐 Semi：CardGroup 是纯 Space 包裹，根节点不加 role/aria-label；卡片本身 a11y 由 Card 提供。";
+    };
+    readonly tokens: readonly ["--cd-cardgroup-spacing", "--cd-cardgroup-card-margin"];
+    readonly responsive: true;
+    readonly examples: readonly [{
+        readonly title: "卡片组";
+        readonly code: "<CardGroup spacing={16}><Card title=\"A\" /><Card title=\"B\" /></CardGroup>";
+    }, {
+        readonly title: "网格型";
+        readonly code: "<CardGroup type=\"grid\"><Card title=\"A\" /><Card title=\"B\" /></CardGroup>";
     }];
 };
 //# sourceMappingURL=meta.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/card/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/card/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGP,CAAC;AAEX;;;GAGG;AAGH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BhB,CAAC"}