@chenzy-design/svelte 0.2.1 → 0.3.0

package/dist/form/FormDatePicker.svelte

@@ -66,12 +66,12 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, onBlur, status, disabled: fieldDisabled, id })}
     <DatePicker
-      value={value instanceof Date || value === null || value === undefined ? (value as DatePickerProps['value']) : undefined}
-      {placeholder}
+      {...(value instanceof Date || value === null ? { value: value as NonNullable<DatePickerProps['value']> } : {})}
+      {...(placeholder !== undefined ? { placeholder } : {})}
       disabled={disabled ?? fieldDisabled}
-      {size}
-      {format}
-      {disabledDate}
+      {...(size !== undefined ? { size } : {})}
+      {...(format !== undefined ? { format } : {})}
+      {...(disabledDate !== undefined ? { disabledDate } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(v) => onChange(v)}
       onBlur={() => onBlur()}

package/dist/form/FormLabel.svelte

@@ -37,10 +37,10 @@
 <style>
   .cd-form-field__label-optional {
     color: var(--cd-form-optional-color, var(--cd-color-text-3));
-    font-size: var(--cd-font-size-1, 0.75rem);
+    font-size: var(--cd-font-size-small, 0.75rem);
   }
   .cd-form-field__label-extra {
     color: var(--cd-form-extra-color, var(--cd-color-text-3));
-    font-size: var(--cd-font-size-1, 0.75rem);
+    font-size: var(--cd-font-size-small, 0.75rem);
   }
 </style>

package/dist/form/FormRadio.svelte

@@ -47,7 +47,7 @@
     disabled,
     size,
     type,
-    children,
+    children: slotChildren,
   }: Props = $props();
 
   const fieldProps = $derived<ComponentProps<typeof Field>>({
@@ -70,14 +70,14 @@
   {#snippet children({ value, onChange, status, disabled: fieldDisabled })}
     <Radio
       value={radioValue}
-      checked={typeof value === 'boolean' ? value : undefined}
+      {...(typeof value === 'boolean' ? { checked: value } : {})}
       disabled={disabled ?? fieldDisabled}
-      {size}
-      {type}
+      {...(size !== undefined ? { size } : {})}
+      {...(type !== undefined ? { type } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(checked) => onChange(checked)}
     >
-      {@render children?.()}
+      {@render slotChildren?.()}
     </Radio>
   {/snippet}
 </Field>

package/dist/form/FormRating.svelte

@@ -70,14 +70,14 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, status, disabled: fieldDisabled })}
     <Rating
-      value={typeof value === 'number' ? value : undefined}
-      {count}
-      {allowHalf}
-      {allowClear}
+      {...(typeof value === 'number' ? { value } : {})}
+      {...(count !== undefined ? { count } : {})}
+      {...(allowHalf !== undefined ? { allowHalf } : {})}
+      {...(allowClear !== undefined ? { allowClear } : {})}
       disabled={disabled ?? fieldDisabled}
-      {readonly}
-      {size}
-      {tooltips}
+      {...(readonly !== undefined ? { readonly } : {})}
+      {...(size !== undefined ? { size } : {})}
+      {...(tooltips !== undefined ? { tooltips } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(v) => onChange(v)}
     />

package/dist/form/FormSection.svelte

@@ -38,8 +38,8 @@
   .cd-form__section-legend {
     color: var(--cd-form-label-color, var(--cd-color-text-1));
     font-weight: var(--cd-font-weight-medium, 500);
-    font-size: var(--cd-font-size-2, 0.875rem);
+    font-size: var(--cd-font-size-regular, 0.875rem);
     padding: 0;
-    margin-block-end: var(--cd-spacing-2);
+    margin-block-end: var(--cd-spacing-tight);
   }
 </style>

package/dist/form/FormSelect.svelte

@@ -74,21 +74,21 @@
 </script>
 
 <Field {...fieldProps}>
-  {#snippet children({ value, onChange, status, disabled: fieldDisabled, id })}
+  {#snippet children({ value, onChange, status, disabled: fieldDisabled, id, describedBy })}
     <Select
-      value={value as SelectProps['value']}
-      {options}
-      {multiple}
-      {filter}
-      {placeholder}
+      {...(value !== undefined ? { value: value as NonNullable<SelectProps['value']> } : {})}
+      {...(options !== undefined ? { options } : {})}
+      {...(multiple !== undefined ? { multiple } : {})}
+      {...(filter !== undefined ? { filter } : {})}
+      {...(placeholder !== undefined ? { placeholder } : {})}
       disabled={disabled ?? fieldDisabled}
-      {clearable}
-      {size}
-      {maxTagCount}
-      {allowCreate}
-      {virtualized}
+      {...(clearable !== undefined ? { clearable } : {})}
+      {...(size !== undefined ? { size } : {})}
+      {...(maxTagCount !== undefined ? { maxTagCount } : {})}
+      {...(allowCreate !== undefined ? { allowCreate } : {})}
+      {...(virtualized !== undefined ? { virtualized } : {})}
       status={status === 'error' ? 'error' : 'default'}
-      ariaLabelledby={label !== undefined ? undefined : id}
+      {...(label !== undefined ? {} : { ariaLabelledby: id })}
       {...(describedBy !== undefined ? { ariaLabel: describedBy } : {})}
       onChange={(v) => onChange(v)}
     />

package/dist/form/FormSlider.svelte

@@ -76,17 +76,17 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, onBlur, status, disabled: fieldDisabled })}
     <Slider
-      value={value as SliderProps['value']}
-      {min}
-      {max}
-      {step}
-      {range}
-      {marks}
+      {...(value !== undefined ? { value: value as NonNullable<SliderProps['value']> } : {})}
+      {...(min !== undefined ? { min } : {})}
+      {...(max !== undefined ? { max } : {})}
+      {...(step !== undefined ? { step } : {})}
+      {...(range !== undefined ? { range } : {})}
+      {...(marks !== undefined ? { marks } : {})}
       disabled={disabled ?? fieldDisabled}
-      {vertical}
-      {size}
-      {tooltipVisible}
-      {tipFormatter}
+      {...(vertical !== undefined ? { vertical } : {})}
+      {...(size !== undefined ? { size } : {})}
+      {...(tooltipVisible !== undefined ? { tooltipVisible } : {})}
+      {...(tipFormatter !== undefined ? { tipFormatter } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(v) => onChange(v)}
       onBlur={() => onBlur()}

package/dist/form/FormSwitch.svelte

@@ -68,12 +68,12 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, onBlur, status, disabled: fieldDisabled })}
     <Switch
-      value={typeof value === 'boolean' ? value : undefined}
+      {...(typeof value === 'boolean' ? { value } : {})}
       disabled={disabled ?? fieldDisabled}
-      {size}
-      {loading}
-      {checkedChildren}
-      {uncheckedChildren}
+      {...(size !== undefined ? { size } : {})}
+      {...(loading !== undefined ? { loading } : {})}
+      {...(checkedChildren !== undefined ? { checkedChildren } : {})}
+      {...(uncheckedChildren !== undefined ? { uncheckedChildren } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(v) => onChange(v)}
       onBlur={() => onBlur()}

package/dist/form/FormTagInput.svelte

@@ -66,12 +66,12 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, status, disabled: fieldDisabled })}
     <TagInput
-      value={Array.isArray(value) ? (value as string[]) : undefined}
-      {placeholder}
+      {...(Array.isArray(value) ? { value: value as string[] } : {})}
+      {...(placeholder !== undefined ? { placeholder } : {})}
       disabled={disabled ?? fieldDisabled}
-      {size}
-      {maxLength}
-      {allowDuplicates}
+      {...(size !== undefined ? { size } : {})}
+      {...(maxLength !== undefined ? { maxLength } : {})}
+      {...(allowDuplicates !== undefined ? { allowDuplicates } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(tags) => onChange(tags)}
     />

package/dist/form/FormTreeSelect.svelte

@@ -70,14 +70,14 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, status, disabled: fieldDisabled })}
     <TreeSelect
-      value={value as TreeSelectProps['value']}
-      {treeData}
-      {multiple}
-      {placeholder}
+      {...(value !== undefined ? { value: value as NonNullable<TreeSelectProps['value']> } : {})}
+      {...(treeData !== undefined ? { treeData } : {})}
+      {...(multiple !== undefined ? { multiple } : {})}
+      {...(placeholder !== undefined ? { placeholder } : {})}
       disabled={disabled ?? fieldDisabled}
-      {clearable}
-      {size}
-      {maxTagCount}
+      {...(clearable !== undefined ? { clearable } : {})}
+      {...(size !== undefined ? { size } : {})}
+      {...(maxTagCount !== undefined ? { maxTagCount } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(v) => onChange(v)}
     />

package/dist/form/FormUpload.svelte

@@ -53,7 +53,7 @@
     drag,
     action,
     size,
-    children,
+    children: slotChildren,
   }: Props = $props();
 
   const fieldProps = $derived<ComponentProps<typeof Field>>({
@@ -74,19 +74,19 @@
 <Field {...fieldProps}>
   {#snippet children({ value, onChange, status, disabled: fieldDisabled })}
     <Upload
-      value={Array.isArray(value) ? (value as UploadProps['value']) : undefined}
-      {accept}
-      {multiple}
-      {limit}
+      {...(Array.isArray(value) ? { value: value as NonNullable<UploadProps['value']> } : {})}
+      {...(accept !== undefined ? { accept } : {})}
+      {...(multiple !== undefined ? { multiple } : {})}
+      {...(limit !== undefined ? { limit } : {})}
       disabled={disabled ?? fieldDisabled}
-      {listType}
-      {drag}
-      {action}
-      {size}
+      {...(listType !== undefined ? { listType } : {})}
+      {...(drag !== undefined ? { drag } : {})}
+      {...(action !== undefined ? { action } : {})}
+      {...(size !== undefined ? { size } : {})}
       status={status === 'error' ? 'error' : 'default'}
       onChange={(list) => onChange(list)}
     >
-      {@render children?.()}
+      {@render slotChildren?.()}
     </Upload>
   {/snippet}
 </Field>

package/dist/highlight/Highlight.svelte

@@ -86,10 +86,10 @@
   }
   .cd-highlight__mark {
     padding-inline: 2px;
-    border-radius: var(--cd-radius-small);
+    border-radius: var(--cd-border-radius-small);
     background: var(--cd-highlight-bg);
     color: var(--cd-highlight-color);
-    font-weight: inherit;
+    font-weight: var(--cd-highlight-weight); /* 对齐 Semi 高亮字重 600 */
   }
   .cd-highlight__mark--unstyled {
     padding-inline: 0;

package/dist/highlight/meta.d.ts

@@ -93,7 +93,7 @@ export declare const meta: {
         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 tokens: readonly ["--cd-highlight-bg", "--cd-highlight-color", "--cd-highlight-weight", "--cd-border-radius-small"];
     readonly examples: readonly [{
         readonly title: "基础";
         readonly code: "<Highlight sourceString=\"hello world\" searchWords=\"world\" />";

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

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

package/dist/highlight/meta.js

@@ -68,7 +68,12 @@ export const meta = {
             '语义+背景双通道区分，不仅靠颜色（WCAG 1.4.1）',
         ],
     },
-    tokens: ['--cd-highlight-bg', '--cd-highlight-color', '--cd-radius-small'],
+    tokens: [
+        '--cd-highlight-bg',
+        '--cd-highlight-color',
+        '--cd-highlight-weight',
+        '--cd-border-radius-small',
+    ],
     examples: [
         { title: '基础', code: '<Highlight sourceString="hello world" searchWords="world" />' },
         {

package/dist/image/ImagePreview.svelte

@@ -216,7 +216,7 @@
     block-size: 36px;
     padding: 0;
     border: 0;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-image-mask-bg);
     color: var(--cd-image-mask-color);
     font-size: 24px;
@@ -237,7 +237,7 @@
     block-size: 44px;
     padding: 0;
     border: 0;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-image-mask-bg);
     color: var(--cd-image-mask-color);
     font-size: 28px;
@@ -268,13 +268,13 @@
     transform: translateX(-50%);
     display: flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
-    padding: var(--cd-spacing-2);
-    border-radius: var(--cd-radius-full);
+    gap: var(--cd-spacing-tight);
+    padding: var(--cd-spacing-tight);
+    border-radius: var(--cd-border-radius-full);
     background: var(--cd-image-mask-bg);
   }
   .cd-image__preview-counter {
-    padding-inline: var(--cd-spacing-2);
+    padding-inline: var(--cd-spacing-tight);
     color: var(--cd-image-mask-color);
     font-size: 13px;
     line-height: 1;
@@ -287,7 +287,7 @@
     block-size: 32px;
     padding: 0;
     border: 0;
-    border-radius: var(--cd-radius-full);
+    border-radius: var(--cd-border-radius-full);
     background: transparent;
     color: var(--cd-image-mask-color);
     font-size: 18px;

package/dist/image/meta.d.ts

@@ -142,7 +142,7 @@ export declare const meta: {
         readonly focusable: true;
         readonly notes: readonly ["img 必传 alt 语义；默认破图占位用 role=img + aria-label", "preview 触发器为原生 button，可键盘聚焦与触发", "预览遮罩 role=dialog、aria-modal=true，portal 到 body；useFocusTrap 锁定焦点（Tab 循环不外泄）、进入聚焦关闭按钮、关闭后焦点归还触发元素；Esc 关闭，关闭按钮有 aria-label", "组预览左右切换：← → 按钮（aria-label 经 locale）+ 键盘左右箭头，到边界按钮 disabled", "装饰性占位/遮罩文案、页码计数器 aria-hidden=true"];
     };
-    readonly tokens: readonly ["--cd-image-bg", "--cd-image-radius", "--cd-image-placeholder-color", "--cd-image-mask-bg", "--cd-image-mask-color", "--cd-image-preview-overlay", "--cd-image-preview-z", "--cd-focus-ring", "--cd-radius-full", "--cd-motion-duration-fast"];
+    readonly tokens: readonly ["--cd-image-bg", "--cd-image-radius", "--cd-image-placeholder-color", "--cd-image-mask-bg", "--cd-image-mask-color", "--cd-image-preview-overlay", "--cd-image-preview-z", "--cd-focus-ring", "--cd-border-radius-full", "--cd-motion-duration-fast"];
     readonly examples: readonly [{
         readonly title: "基础";
         readonly code: "<Image src=\"/a.jpg\" alt=\"示例\" width={200} />";

package/dist/image/meta.js

@@ -101,7 +101,7 @@ export const meta = {
         '--cd-image-preview-overlay',
         '--cd-image-preview-z',
         '--cd-focus-ring',
-        '--cd-radius-full',
+        '--cd-border-radius-full',
         '--cd-motion-duration-fast',
     ],
     examples: [

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * @chenzy-design/svelte — Svelte 5 component implementations.
  * Each component is its own entry for tree-shaking.
  */
-export { Button, buttonMeta } from './button/index.js';
+export { Button, ButtonGroup, SplitButtonGroup, buttonMeta } from './button/index.js';
 export { Icon, iconMeta } from './icon/index.js';
 export { Divider, dividerMeta } from './divider/index.js';
 export { Space, spaceMeta } from './space/index.js';
@@ -34,6 +34,7 @@ export { Steps, stepsMeta, type StepItem } from './steps/index.js';
 export { Tabs, TabPane, tabsMeta, type TabItem } from './tabs/index.js';
 export { Dropdown, dropdownMeta, type DropdownItem } from './dropdown/index.js';
 export { Menu, menuMeta, type MenuItemDef } from './menu/index.js';
+export { Nav, NavHeader, NavFooter, NavItem, NavSub, navMeta, type NavItemDef, type NavKey, type NavMode, } from './nav/index.js';
 export { Anchor, anchorMeta, type AnchorLink } from './anchor/index.js';
 export { Tag, tagMeta } from './tag/index.js';
 export { ScrollList, scrollListMeta, type ScrollListItem, type ScrollListValue, } from './scroll-list/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,7 +2,7 @@
  * @chenzy-design/svelte — Svelte 5 component implementations.
  * Each component is its own entry for tree-shaking.
  */
-export { Button, buttonMeta } from './button/index.js';
+export { Button, ButtonGroup, SplitButtonGroup, buttonMeta } from './button/index.js';
 export { Icon, iconMeta } from './icon/index.js';
 export { Divider, dividerMeta } from './divider/index.js';
 export { Space, spaceMeta } from './space/index.js';
@@ -36,6 +36,7 @@ export { Steps, stepsMeta } from './steps/index.js';
 export { Tabs, TabPane, tabsMeta } from './tabs/index.js';
 export { Dropdown, dropdownMeta } from './dropdown/index.js';
 export { Menu, menuMeta } from './menu/index.js';
+export { Nav, NavHeader, NavFooter, NavItem, NavSub, navMeta, } from './nav/index.js';
 export { Anchor, anchorMeta } from './anchor/index.js';
 // --- M4 Show ---
 export { Tag, tagMeta } from './tag/index.js';

package/dist/input/Input.svelte

@@ -404,7 +404,7 @@
   .cd-input {
     display: inline-flex;
     align-items: center;
-    gap: var(--cd-spacing-2);
+    gap: var(--cd-spacing-tight);
     inline-size: 100%;
     block-size: var(--cd-input-height-default);
     padding-inline: var(--cd-input-padding-x);
@@ -413,17 +413,24 @@
     border: 1px solid var(--cd-input-border);
     border-radius: var(--cd-input-radius);
     font-size: var(--cd-input-font-size);
-    transition: border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
+    transition:
+      border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
+      background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
   }
   .cd-input--small {
     block-size: var(--cd-input-height-small);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-input--large {
     block-size: var(--cd-input-height-large);
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
+  }
+  /* 对齐 Semi 填充式：悬浮加深底色 */
+  .cd-input:hover:not(.cd-input--disabled):not(:focus-within) {
+    background: var(--cd-input-bg-hover);
   }
   .cd-input:focus-within {
+    background: var(--cd-input-color-bg);
     border-color: var(--cd-input-border-active);
     box-shadow: var(--cd-focus-ring);
   }
@@ -434,7 +441,7 @@
     border-color: var(--cd-input-border-error);
   }
   .cd-input--disabled {
-    background: var(--cd-color-fill-0);
+    background: var(--cd-color-disabled-fill, var(--cd-color-fill-0));
     color: var(--cd-color-text-3);
     cursor: not-allowed;
   }
@@ -482,7 +489,7 @@
     background: transparent;
     color: var(--cd-color-text-2);
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-input__action:hover {
     color: var(--cd-color-text-0);
@@ -494,7 +501,7 @@
   .cd-input__count {
     flex: 0 0 auto;
     color: var(--cd-color-text-3);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
     white-space: nowrap;
   }
   @media (prefers-reduced-motion: reduce) {

package/dist/input-number/InputNumber.svelte

@@ -489,11 +489,11 @@
   }
   .cd-input-number--small {
     block-size: var(--cd-input-height-small);
-    font-size: var(--cd-font-size-1);
+    font-size: var(--cd-font-size-small);
   }
   .cd-input-number--large {
     block-size: var(--cd-input-height-large);
-    font-size: var(--cd-font-size-3);
+    font-size: var(--cd-font-size-header-6);
   }
   .cd-input-number:focus-within {
     border-color: var(--cd-input-border-active);
@@ -525,12 +525,12 @@
     justify-content: center;
     flex: 0 0 auto;
     padding: 0;
-    padding-inline-end: var(--cd-spacing-1);
+    padding-inline-end: var(--cd-spacing-extra-tight);
     border: none;
     background: transparent;
     color: var(--cd-color-text-2);
     cursor: pointer;
-    border-radius: var(--cd-radius-1);
+    border-radius: var(--cd-border-radius-small);
   }
   .cd-input-number__clear:hover {
     color: var(--cd-color-text-0);
@@ -553,10 +553,10 @@
   }
   /* 有前/后缀时，由 affix 承担该侧边距，避免双重留白。 */
   .cd-input-number--has-prefix .cd-input-number__native {
-    padding-inline-start: var(--cd-spacing-1);
+    padding-inline-start: var(--cd-spacing-extra-tight);
   }
   .cd-input-number--has-suffix .cd-input-number__native {
-    padding-inline-end: var(--cd-spacing-1);
+    padding-inline-end: var(--cd-spacing-extra-tight);
   }
   .cd-input-number__native::placeholder {
     color: var(--cd-input-color-placeholder);
@@ -578,12 +578,14 @@
   .cd-input-number__native:disabled {
     cursor: not-allowed;
   }
+  /* 步进器：对齐 Semi inputNumber，实底 bg-2 按钮 + 描边 + small 圆角，按钮间留 1px 缝 */
   .cd-input-number__actions {
     display: flex;
     flex-direction: column;
     flex: 0 0 auto;
-    inline-size: var(--cd-spacing-5);
-    border-inline-start: 1px solid var(--cd-input-border);
+    inline-size: var(--cd-input-number-step-width);
+    gap: 1px;
+    margin-inline-start: 4px; /* Semi button-marginLeft */
   }
   .cd-input-number__action {
     display: inline-flex;
@@ -592,21 +594,25 @@
     flex: 1 1 50%;
     min-block-size: 0;
     padding: 0;
-    border: none;
-    background: transparent;
-    color: var(--cd-color-text-2);
+    border: 1px solid var(--cd-input-number-step-border);
+    border-radius: var(--cd-input-number-step-radius);
+    background: var(--cd-input-number-step-bg);
+    color: var(--cd-input-number-step-color);
     cursor: pointer;
-    transition: background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
-  }
-  .cd-input-number__increment {
-    border-block-end: 1px solid var(--cd-input-border);
+    transition:
+      background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
+      border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
   }
   .cd-input-number__action:hover:not(:disabled) {
-    color: var(--cd-color-primary);
-    background: var(--cd-color-fill-1);
+    background: var(--cd-input-number-step-bg-hover);
+    border-color: var(--cd-color-fill-2);
+  }
+  .cd-input-number__action:active:not(:disabled) {
+    background: var(--cd-input-number-step-bg-active);
   }
   .cd-input-number__action:disabled {
-    color: var(--cd-color-text-3);
+    color: var(--cd-input-number-step-color-disabled);
+    background: var(--cd-input-number-step-bg-disabled);
     cursor: not-allowed;
   }
   /* --- controlsPosition="sides"：减/输入/加 横向排布，按钮分居两侧 --- */
@@ -634,7 +640,7 @@
     text-align: center;
   }
   .cd-input-number--controls-sides .cd-input-number__action {
-    inline-size: var(--cd-spacing-6, 28px);
+    inline-size: var(--cd-spacing-loose, 28px);
   }
   /* sides 布局：前缀紧贴减号右、后缀紧贴加号左，包裹中央输入。 */
   .cd-input-number--controls-sides .cd-input-number__prefix {

package/dist/layout/Content.svelte

@@ -8,10 +8,23 @@
     /** true→token padding; number→px; string→raw; false→0 */
     padding?: string | number | boolean;
     class?: string;
+    /** 根元素自定义内联样式（透传，叠加在 padding 之后）。 */
+    style?: string;
+    /** 可访问性标签（透传到根元素 aria-label）。 */
+    ariaLabel?: string;
+    /** 可访问性 role（透传到根元素，覆盖默认 main 语义）。 */
+    role?: string;
     children?: Snippet;
   }
 
-  let { padding = false, class: className = '', children }: Props = $props();
+  let {
+    padding = false,
+    class: className = '',
+    style,
+    ariaLabel,
+    role,
+    children,
+  }: Props = $props();
 
   const paddingCss = $derived.by(() => {
     if (padding === true) return 'var(--cd-layout-content-padding)';
@@ -21,10 +34,11 @@
 
   const cls = $derived(['cd-layout-content', className].filter(Boolean).join(' '));
 
-  const inlineStyle = $derived(`padding:${paddingCss}`);
+  // padding 派生样式在前，用户 style 在后（可覆盖）。
+  const inlineStyle = $derived([`padding:${paddingCss}`, style ?? ''].filter(Boolean).join(';'));
 </script>
 
-<main class={cls} style={inlineStyle}>
+<main class={cls} style={inlineStyle} aria-label={ariaLabel} {role}>
   {@render children?.()}
 </main>