@sia.soul/sia-react-ui 0.1.29 → 0.1.31

package/dist/{chunk-T2EKKSCH.js → chunk-33C5ZEQ6.js}

@@ -1,7 +1,7 @@
 import {
   FloatingScrollbarProvider,
   Select
-} from "./chunk-DQYNL6VZ.js";
+} from "./chunk-AHBC5UXJ.js";
 import {
   Icon
 } from "./chunk-YF2I6SDB.js";

package/dist/{chunk-DQYNL6VZ.js → chunk-AHBC5UXJ.js}

@@ -60,6 +60,9 @@ var CheckboxRoot = forwardRef(function Checkbox({ value, size: sizeProp, indeter
 });
 function CheckboxGroup({
   size: sizeProp,
+  columns,
+  direction = "horizontal",
+  gap,
   value,
   defaultValue = [],
   options,
@@ -70,6 +73,11 @@ function CheckboxGroup({
   onChange
 }) {
   const size = useControlSize(sizeProp);
+  const gridColumns = columns !== void 0 && Number.isInteger(columns) && columns > 0 ? columns : void 0;
+  const layoutStyle = {
+    gridTemplateColumns: gridColumns ? `repeat(${gridColumns}, minmax(0, 1fr))` : void 0,
+    gap: gap === void 0 ? void 0 : typeof gap === "number" ? Math.max(0, gap) : `${Math.max(0, gap[0])}px ${Math.max(0, gap[1])}px`
+  };
   const [values, setValues] = useControllableState({ value, defaultValue, onChange });
   const context = useMemo(() => ({
     values,
@@ -80,7 +88,7 @@ function CheckboxGroup({
       setValues(next);
     }
   }), [disabled, name, setValues, values]);
-  return /* @__PURE__ */ jsx(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsxs("div", { className: `sia-checkbox-group ${className}`.trim(), role: "group", children: [
+  return /* @__PURE__ */ jsx(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ jsxs("div", { className: `sia-checkbox-group${gridColumns ? " sia-checkbox-group--grid" : direction === "vertical" ? " sia-checkbox-group--vertical" : ""} ${className}`.trim(), style: layoutStyle, role: "group", children: [
     options?.map((option) => {
       const normalized = typeof option === "object" ? option : { label: String(option), value: option };
       return /* @__PURE__ */ jsx(CheckboxRoot, { value: normalized.value, disabled: normalized.disabled, children: normalized.label }, normalized.value);

package/dist/{chunk-I5KAI6FC.js → chunk-NDJSNM54.js}

@@ -5,7 +5,7 @@ import {
   Popover,
   Tooltip,
   useOverlayLifecycle
-} from "./chunk-DQYNL6VZ.js";
+} from "./chunk-AHBC5UXJ.js";
 import {
   Dropdown,
   Icon
@@ -141,6 +141,8 @@ function Card({
 // src/components/Tag.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Tag({
+  size: sizeProp,
+  color,
   status = "default",
   compact = false,
   variant = "soft",
@@ -151,13 +153,17 @@ function Tag({
   onClose,
   className = "",
   children,
+  style,
   ...props
 }) {
+  const size = useControlSize(sizeProp ?? (compact ? "small" : void 0));
+  const customColor = color?.trim() ? variant === "outlined" ? { borderColor: color, color, backgroundColor: "transparent" } : variant === "filled" ? { backgroundColor: color, color: "#fff", borderColor: "transparent" } : { color, backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)`, borderColor: `color-mix(in srgb, ${color} 35%, transparent)` } : void 0;
   return /* @__PURE__ */ jsxs3(
     "span",
     {
-      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
+      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant} sia-tag--${size}${compact && size === "small" ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
+      style: customColor ? { ...customColor, ...style } : style,
       ...withTitleTooltip(props),
       children: [
         icon ? /* @__PURE__ */ jsx3("span", { className: "sia-tag__icon", children: icon }) : null,
@@ -173,7 +179,7 @@ function Tag({
               event.stopPropagation();
               onClose?.(event);
             },
-            children: /* @__PURE__ */ jsx3(Icon, { name: "close", size: 12 })
+            children: /* @__PURE__ */ jsx3(Icon, { name: "close", size: size === "large" ? 14 : 12 })
           }
         ) : null
       ]

package/dist/{core-CuszFlw9.d.ts → core-C89ubkwU.d.ts}

@@ -377,22 +377,31 @@ declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttribu
 
 /** 标签的状态类型。 */
 type TagStatus = "default" | "success" | "processing" | "warning" | "error";
-/** 标签的视觉样式。 */
+/** 标签的视觉样式：soft 为柔和浅底，outlined 为透明底描边，filled 为实色背景。 */
 type TagVariant = "soft" | "outlined" | "filled";
+/** 标签尺寸等级：small、medium、large，分别对应最小高度 20、24、32 像素。 */
+type TagSize = ControlSize;
 /** 标签的属性配置。 */
 interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /**
-     * 语义状态
+     * 标签尺寸，small / medium / large 的最小高度为 20 / 24 / 32 像素，字号为 12 / 12 / 14 像素。显式 size 优先于 compact；未设置时 compact=true 使用 small，否则继承 Form 的尺寸，无 Form 时为 medium。
+     * @defaultValue "medium"（未指定且无 Form 上下文、未开启 compact 时）
+     */
+    size?: TagSize;
+    /** 自定义 CSS 颜色，支持十六进制、rgb、颜色名称及 CSS 变量；覆盖 status 的颜色，由 variant 决定浅底、描边或实色效果。未提供非空颜色时沿用状态配色，style 中对应属性优先级最高。 */
+    color?: string;
+    /**
+     * 语义状态配色；提供 color 时由自定义颜色覆盖。
      * @defaultValue "default"
      */
     status?: TagStatus;
     /**
-     * 紧凑尺寸
+     * 兼容旧版的紧凑尺寸，未显式设置 size 时等同于 size="small"，优先于 Form 继承尺寸；新代码建议直接使用 size。
      * @defaultValue false
      */
     compact?: boolean;
     /**
-     组件的视觉样式。
+     * 视觉样式：soft 使用浅色背景和彩色文字；outlined 使用透明背景、彩色边框和文字；filled 使用实色背景、白字和透明边框。同样适用于自定义 color；实色浅底可通过 style.color 调整文字。
      * @defaultValue "soft"
      */
     variant?: TagVariant;
@@ -403,7 +412,10 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      * @defaultValue false
      */
     closable?: boolean;
-    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    /**
+     * 配合 closable 使用：默认隐藏关闭按钮且不占宽度，鼠标悬停或内部获得键盘焦点时，标签向右扩展并显示按钮；离开后收回，过渡为 180 毫秒。禁用时不展开，无悬停能力的触屏设备直接显示以便操作，减少动态效果偏好下取消动画。
+     * @defaultValue false
+     */
     closeOnHover?: boolean;
     /**
      * 禁用关闭操作
@@ -413,8 +425,8 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /** 请求关闭时触发的回调。 */
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-/** 标签组件。 */
-declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+/** 标记状态或筛选条件的标签，支持语义配色、自定义边框色或背景色及关闭操作。 */
+declare function Tag({ size: sizeProp, color, status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, style, ...props }: TagProps): react.JSX.Element;
 
 /** 菜单的模式类型。 */
 type MenuMode = "vertical" | "horizontal" | "inline";
@@ -1985,7 +1997,7 @@ interface MessageConfig {
     key?: MessageKey;
     /** 类型标识，用于选择对应的表现形式。 */
     type?: MessageType;
-    /** 消息正文，支持文本或 React 节点。 */
+    /** 消息正文，默认字号为 14px；支持文本或 React 节点，自定义节点可自行设置字号。 */
     content: ReactNode;
     /** 自动关闭延迟，单位为秒；0 表示不自动关闭。 */
     duration?: number;
@@ -2224,4 +2236,4 @@ declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & re
     BackTop: typeof FloatButtonBackTop;
 };
 
-export { type MenuTheme as $, type FloatButtonGroupProps as A, type BadgeProps as B, Calendar as C, Dropdown as D, type FloatButtonProps as E, FILLED_ICON_NAMES as F, type FloatButtonShape as G, type FloatingPlacement as H, type FloatingTrigger as I, ICON_NAMES as J, Icon as K, type IconName as L, type IconProps as M, type IconVariant as N, Image as O, ImagePreview as P, type ImagePreviewConfig as Q, type ImagePreviewProps as R, type ImageProps as S, type TagStatus as T, Input as U, type InputProps as V, Menu as W, type MenuClickInfo as X, type MenuItem as Y, type MenuMode as Z, type MenuProps as _, Badge as a, type UploadItemActions as a$, type MessageConfig as a0, type MessageHandle as a1, type MessageKey as a2, type MessageType as a3, type NotificationConfig as a4, type NotificationPlacement as a5, type NotificationType as a6, Popconfirm as a7, type PopconfirmProps as a8, Popover as a9, Timeline as aA, type TimelineItem as aB, type TimelineProps as aC, Toolbar as aD, type ToolbarItem as aE, type ToolbarProps as aF, Tooltip as aG, type TooltipProps as aH, Tour as aI, type TourProps as aJ, type TourStep as aK, Tree as aL, type TreeDropPosition as aM, type TreeKey as aN, type TreeNode as aO, type TreeProps as aP, Typography as aQ, type TypographyLinkProps as aR, type TypographyProps as aS, type TypographyTitleProps as aT, type TypographyType as aU, Upload as aV, type UploadChangeInfo as aW, type UploadDraggerProps as aX, type UploadFile as aY, type UploadFileStatus as aZ, type UploadHttpRequest as a_, type PopoverProps as aa, Progress as ab, type ProgressProps as ac, type ProgressStatus as ad, Rate as ae, type RateProps as af, Segmented as ag, type SegmentedOption as ah, type SegmentedProps as ai, type SegmentedValue as aj, Spin as ak, type SpinProps as al, type StepItem as am, type StepStatus as an, Steps as ao, type StepsProps as ap, type TabItem as aq, Tabs as ar, type TabsContextMenuClickInfo as as, type TabsOrientation as at, type TabsPosition as au, type TabsProps as av, type TabsType as aw, Tag as ax, type TagProps as ay, type TagVariant as az, type BadgeRibbonProps as b, type UploadProps as b0, type UploadRef as b1, type UploadRejectInfo as b2, type UploadRequestHandle as b3, type UploadRequestOptions as b4, Watermark as b5, type WatermarkFont as b6, type WatermarkProps as b7, message as b8, notification as b9, type BadgeStatus as c, Breadcrumb as d, type BreadcrumbItem as e, type BreadcrumbProps as f, type CalendarProps as g, Card as h, type CardAccent as i, type CardProps as j, Carousel as k, type CarouselProps as l, type CarouselRef as m, Collapse as n, type CollapseItem as o, type CollapseKey as p, type CollapseProps as q, type DropdownButtonProps as r, type DropdownMenuProps as s, type DropdownOpenSource as t, type DropdownPlacement as u, type DropdownProps as v, type DropdownTrigger as w, type FilledIconName as x, FloatButton as y, type FloatButtonBackTopProps as z };
+export { type MenuTheme as $, type FloatButtonGroupProps as A, type BadgeProps as B, Calendar as C, Dropdown as D, type FloatButtonProps as E, FILLED_ICON_NAMES as F, type FloatButtonShape as G, type FloatingPlacement as H, type FloatingTrigger as I, ICON_NAMES as J, Icon as K, type IconName as L, type IconProps as M, type IconVariant as N, Image as O, ImagePreview as P, type ImagePreviewConfig as Q, type ImagePreviewProps as R, type ImageProps as S, type TagStatus as T, Input as U, type InputProps as V, Menu as W, type MenuClickInfo as X, type MenuItem as Y, type MenuMode as Z, type MenuProps as _, Badge as a, type UploadHttpRequest as a$, type MessageConfig as a0, type MessageHandle as a1, type MessageKey as a2, type MessageType as a3, type NotificationConfig as a4, type NotificationPlacement as a5, type NotificationType as a6, Popconfirm as a7, type PopconfirmProps as a8, Popover as a9, type TagVariant as aA, Timeline as aB, type TimelineItem as aC, type TimelineProps as aD, Toolbar as aE, type ToolbarItem as aF, type ToolbarProps as aG, Tooltip as aH, type TooltipProps as aI, Tour as aJ, type TourProps as aK, type TourStep as aL, Tree as aM, type TreeDropPosition as aN, type TreeKey as aO, type TreeNode as aP, type TreeProps as aQ, Typography as aR, type TypographyLinkProps as aS, type TypographyProps as aT, type TypographyTitleProps as aU, type TypographyType as aV, Upload as aW, type UploadChangeInfo as aX, type UploadDraggerProps as aY, type UploadFile as aZ, type UploadFileStatus as a_, type PopoverProps as aa, Progress as ab, type ProgressProps as ac, type ProgressStatus as ad, Rate as ae, type RateProps as af, Segmented as ag, type SegmentedOption as ah, type SegmentedProps as ai, type SegmentedValue as aj, Spin as ak, type SpinProps as al, type StepItem as am, type StepStatus as an, Steps as ao, type StepsProps as ap, type TabItem as aq, Tabs as ar, type TabsContextMenuClickInfo as as, type TabsOrientation as at, type TabsPosition as au, type TabsProps as av, type TabsType as aw, Tag as ax, type TagProps as ay, type TagSize as az, type BadgeRibbonProps as b, type UploadItemActions as b0, type UploadProps as b1, type UploadRef as b2, type UploadRejectInfo as b3, type UploadRequestHandle as b4, type UploadRequestOptions as b5, Watermark as b6, type WatermarkFont as b7, type WatermarkProps as b8, message as b9, notification as ba, type BadgeStatus as c, Breadcrumb as d, type BreadcrumbItem as e, type BreadcrumbProps as f, type CalendarProps as g, Card as h, type CardAccent as i, type CardProps as j, Carousel as k, type CarouselProps as l, type CarouselRef as m, Collapse as n, type CollapseItem as o, type CollapseKey as p, type CollapseProps as q, type DropdownButtonProps as r, type DropdownMenuProps as s, type DropdownOpenSource as t, type DropdownPlacement as u, type DropdownProps as v, type DropdownTrigger as w, type FilledIconName as x, FloatButton as y, type FloatButtonBackTopProps as z };

package/dist/{core-C_aAA7OF.d.cts → core-DwsFTbqh.d.cts}

@@ -377,22 +377,31 @@ declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttribu
 
 /** 标签的状态类型。 */
 type TagStatus = "default" | "success" | "processing" | "warning" | "error";
-/** 标签的视觉样式。 */
+/** 标签的视觉样式：soft 为柔和浅底，outlined 为透明底描边，filled 为实色背景。 */
 type TagVariant = "soft" | "outlined" | "filled";
+/** 标签尺寸等级：small、medium、large，分别对应最小高度 20、24、32 像素。 */
+type TagSize = ControlSize;
 /** 标签的属性配置。 */
 interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /**
-     * 语义状态
+     * 标签尺寸，small / medium / large 的最小高度为 20 / 24 / 32 像素，字号为 12 / 12 / 14 像素。显式 size 优先于 compact；未设置时 compact=true 使用 small，否则继承 Form 的尺寸，无 Form 时为 medium。
+     * @defaultValue "medium"（未指定且无 Form 上下文、未开启 compact 时）
+     */
+    size?: TagSize;
+    /** 自定义 CSS 颜色，支持十六进制、rgb、颜色名称及 CSS 变量；覆盖 status 的颜色，由 variant 决定浅底、描边或实色效果。未提供非空颜色时沿用状态配色，style 中对应属性优先级最高。 */
+    color?: string;
+    /**
+     * 语义状态配色；提供 color 时由自定义颜色覆盖。
      * @defaultValue "default"
      */
     status?: TagStatus;
     /**
-     * 紧凑尺寸
+     * 兼容旧版的紧凑尺寸，未显式设置 size 时等同于 size="small"，优先于 Form 继承尺寸；新代码建议直接使用 size。
      * @defaultValue false
      */
     compact?: boolean;
     /**
-     组件的视觉样式。
+     * 视觉样式：soft 使用浅色背景和彩色文字；outlined 使用透明背景、彩色边框和文字；filled 使用实色背景、白字和透明边框。同样适用于自定义 color；实色浅底可通过 style.color 调整文字。
      * @defaultValue "soft"
      */
     variant?: TagVariant;
@@ -403,7 +412,10 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      * @defaultValue false
      */
     closable?: boolean;
-    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    /**
+     * 配合 closable 使用：默认隐藏关闭按钮且不占宽度，鼠标悬停或内部获得键盘焦点时，标签向右扩展并显示按钮；离开后收回，过渡为 180 毫秒。禁用时不展开，无悬停能力的触屏设备直接显示以便操作，减少动态效果偏好下取消动画。
+     * @defaultValue false
+     */
     closeOnHover?: boolean;
     /**
      * 禁用关闭操作
@@ -413,8 +425,8 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /** 请求关闭时触发的回调。 */
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-/** 标签组件。 */
-declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+/** 标记状态或筛选条件的标签，支持语义配色、自定义边框色或背景色及关闭操作。 */
+declare function Tag({ size: sizeProp, color, status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, style, ...props }: TagProps): react.JSX.Element;
 
 /** 菜单的模式类型。 */
 type MenuMode = "vertical" | "horizontal" | "inline";
@@ -1985,7 +1997,7 @@ interface MessageConfig {
     key?: MessageKey;
     /** 类型标识，用于选择对应的表现形式。 */
     type?: MessageType;
-    /** 消息正文，支持文本或 React 节点。 */
+    /** 消息正文，默认字号为 14px；支持文本或 React 节点，自定义节点可自行设置字号。 */
     content: ReactNode;
     /** 自动关闭延迟，单位为秒；0 表示不自动关闭。 */
     duration?: number;
@@ -2224,4 +2236,4 @@ declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & re
     BackTop: typeof FloatButtonBackTop;
 };
 
-export { type MenuTheme as $, type FloatButtonGroupProps as A, type BadgeProps as B, Calendar as C, Dropdown as D, type FloatButtonProps as E, FILLED_ICON_NAMES as F, type FloatButtonShape as G, type FloatingPlacement as H, type FloatingTrigger as I, ICON_NAMES as J, Icon as K, type IconName as L, type IconProps as M, type IconVariant as N, Image as O, ImagePreview as P, type ImagePreviewConfig as Q, type ImagePreviewProps as R, type ImageProps as S, type TagStatus as T, Input as U, type InputProps as V, Menu as W, type MenuClickInfo as X, type MenuItem as Y, type MenuMode as Z, type MenuProps as _, Badge as a, type UploadItemActions as a$, type MessageConfig as a0, type MessageHandle as a1, type MessageKey as a2, type MessageType as a3, type NotificationConfig as a4, type NotificationPlacement as a5, type NotificationType as a6, Popconfirm as a7, type PopconfirmProps as a8, Popover as a9, Timeline as aA, type TimelineItem as aB, type TimelineProps as aC, Toolbar as aD, type ToolbarItem as aE, type ToolbarProps as aF, Tooltip as aG, type TooltipProps as aH, Tour as aI, type TourProps as aJ, type TourStep as aK, Tree as aL, type TreeDropPosition as aM, type TreeKey as aN, type TreeNode as aO, type TreeProps as aP, Typography as aQ, type TypographyLinkProps as aR, type TypographyProps as aS, type TypographyTitleProps as aT, type TypographyType as aU, Upload as aV, type UploadChangeInfo as aW, type UploadDraggerProps as aX, type UploadFile as aY, type UploadFileStatus as aZ, type UploadHttpRequest as a_, type PopoverProps as aa, Progress as ab, type ProgressProps as ac, type ProgressStatus as ad, Rate as ae, type RateProps as af, Segmented as ag, type SegmentedOption as ah, type SegmentedProps as ai, type SegmentedValue as aj, Spin as ak, type SpinProps as al, type StepItem as am, type StepStatus as an, Steps as ao, type StepsProps as ap, type TabItem as aq, Tabs as ar, type TabsContextMenuClickInfo as as, type TabsOrientation as at, type TabsPosition as au, type TabsProps as av, type TabsType as aw, Tag as ax, type TagProps as ay, type TagVariant as az, type BadgeRibbonProps as b, type UploadProps as b0, type UploadRef as b1, type UploadRejectInfo as b2, type UploadRequestHandle as b3, type UploadRequestOptions as b4, Watermark as b5, type WatermarkFont as b6, type WatermarkProps as b7, message as b8, notification as b9, type BadgeStatus as c, Breadcrumb as d, type BreadcrumbItem as e, type BreadcrumbProps as f, type CalendarProps as g, Card as h, type CardAccent as i, type CardProps as j, Carousel as k, type CarouselProps as l, type CarouselRef as m, Collapse as n, type CollapseItem as o, type CollapseKey as p, type CollapseProps as q, type DropdownButtonProps as r, type DropdownMenuProps as s, type DropdownOpenSource as t, type DropdownPlacement as u, type DropdownProps as v, type DropdownTrigger as w, type FilledIconName as x, FloatButton as y, type FloatButtonBackTopProps as z };
+export { type MenuTheme as $, type FloatButtonGroupProps as A, type BadgeProps as B, Calendar as C, Dropdown as D, type FloatButtonProps as E, FILLED_ICON_NAMES as F, type FloatButtonShape as G, type FloatingPlacement as H, type FloatingTrigger as I, ICON_NAMES as J, Icon as K, type IconName as L, type IconProps as M, type IconVariant as N, Image as O, ImagePreview as P, type ImagePreviewConfig as Q, type ImagePreviewProps as R, type ImageProps as S, type TagStatus as T, Input as U, type InputProps as V, Menu as W, type MenuClickInfo as X, type MenuItem as Y, type MenuMode as Z, type MenuProps as _, Badge as a, type UploadHttpRequest as a$, type MessageConfig as a0, type MessageHandle as a1, type MessageKey as a2, type MessageType as a3, type NotificationConfig as a4, type NotificationPlacement as a5, type NotificationType as a6, Popconfirm as a7, type PopconfirmProps as a8, Popover as a9, type TagVariant as aA, Timeline as aB, type TimelineItem as aC, type TimelineProps as aD, Toolbar as aE, type ToolbarItem as aF, type ToolbarProps as aG, Tooltip as aH, type TooltipProps as aI, Tour as aJ, type TourProps as aK, type TourStep as aL, Tree as aM, type TreeDropPosition as aN, type TreeKey as aO, type TreeNode as aP, type TreeProps as aQ, Typography as aR, type TypographyLinkProps as aS, type TypographyProps as aT, type TypographyTitleProps as aU, type TypographyType as aV, Upload as aW, type UploadChangeInfo as aX, type UploadDraggerProps as aY, type UploadFile as aZ, type UploadFileStatus as a_, type PopoverProps as aa, Progress as ab, type ProgressProps as ac, type ProgressStatus as ad, Rate as ae, type RateProps as af, Segmented as ag, type SegmentedOption as ah, type SegmentedProps as ai, type SegmentedValue as aj, Spin as ak, type SpinProps as al, type StepItem as am, type StepStatus as an, Steps as ao, type StepsProps as ap, type TabItem as aq, Tabs as ar, type TabsContextMenuClickInfo as as, type TabsOrientation as at, type TabsPosition as au, type TabsProps as av, type TabsType as aw, Tag as ax, type TagProps as ay, type TagSize as az, type BadgeRibbonProps as b, type UploadItemActions as b0, type UploadProps as b1, type UploadRef as b2, type UploadRejectInfo as b3, type UploadRequestHandle as b4, type UploadRequestOptions as b5, Watermark as b6, type WatermarkFont as b7, type WatermarkProps as b8, message as b9, notification as ba, type BadgeStatus as c, Breadcrumb as d, type BreadcrumbItem as e, type BreadcrumbProps as f, type CalendarProps as g, Card as h, type CardAccent as i, type CardProps as j, Carousel as k, type CarouselProps as l, type CarouselRef as m, Collapse as n, type CollapseItem as o, type CollapseKey as p, type CollapseProps as q, type DropdownButtonProps as r, type DropdownMenuProps as s, type DropdownOpenSource as t, type DropdownPlacement as u, type DropdownProps as v, type DropdownTrigger as w, type FilledIconName as x, FloatButton as y, type FloatButtonBackTopProps as z };

package/dist/core.cjs

@@ -1761,6 +1761,8 @@ function Card({
 // src/components/Tag.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Tag({
+  size: sizeProp,
+  color,
   status = "default",
   compact = false,
   variant = "soft",
@@ -1771,13 +1773,17 @@ function Tag({
   onClose,
   className = "",
   children,
+  style,
   ...props
 }) {
+  const size = useControlSize(sizeProp ?? (compact ? "small" : void 0));
+  const customColor = color?.trim() ? variant === "outlined" ? { borderColor: color, color, backgroundColor: "transparent" } : variant === "filled" ? { backgroundColor: color, color: "#fff", borderColor: "transparent" } : { color, backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)`, borderColor: `color-mix(in srgb, ${color} 35%, transparent)` } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "span",
     {
-      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
+      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant} sia-tag--${size}${compact && size === "small" ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
+      style: customColor ? { ...customColor, ...style } : style,
       ...withTitleTooltip(props),
       children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sia-tag__icon", children: icon }) : null,
@@ -1793,7 +1799,7 @@ function Tag({
               event.stopPropagation();
               onClose?.(event);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "close", size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "close", size: size === "large" ? 14 : 12 })
           }
         ) : null
       ]
@@ -2065,6 +2071,9 @@ var CheckboxRoot = (0, import_react11.forwardRef)(function Checkbox({ value, siz
 });
 function CheckboxGroup({
   size: sizeProp,
+  columns,
+  direction = "horizontal",
+  gap,
   value,
   defaultValue = [],
   options,
@@ -2075,6 +2084,11 @@ function CheckboxGroup({
   onChange
 }) {
   const size = useControlSize(sizeProp);
+  const gridColumns = columns !== void 0 && Number.isInteger(columns) && columns > 0 ? columns : void 0;
+  const layoutStyle = {
+    gridTemplateColumns: gridColumns ? `repeat(${gridColumns}, minmax(0, 1fr))` : void 0,
+    gap: gap === void 0 ? void 0 : typeof gap === "number" ? Math.max(0, gap) : `${Math.max(0, gap[0])}px ${Math.max(0, gap[1])}px`
+  };
   const [values, setValues] = useControllableState({ value, defaultValue, onChange });
   const context = (0, import_react11.useMemo)(() => ({
     values,
@@ -2085,7 +2099,7 @@ function CheckboxGroup({
       setValues(next);
     }
   }), [disabled, name, setValues, values]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `sia-checkbox-group ${className}`.trim(), role: "group", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `sia-checkbox-group${gridColumns ? " sia-checkbox-group--grid" : direction === "vertical" ? " sia-checkbox-group--vertical" : ""} ${className}`.trim(), style: layoutStyle, role: "group", children: [
     options?.map((option) => {
       const normalized = typeof option === "object" ? option : { label: String(option), value: option };
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckboxRoot, { value: normalized.value, disabled: normalized.disabled, children: normalized.label }, normalized.value);

package/dist/core.css

@@ -148,8 +148,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   font-size: 12px;
 }
 :is(.sia-picker, .sia-time-range).sia-picker--medium {
-  --sia-control-font-size: 14px;
-  font-size: 14px;
+  --sia-control-font-size: 13px;
+  font-size: var(--sia-control-font-size);
 }
 :is(.sia-picker, .sia-time-range).sia-picker--large {
   --sia-control-font-size: 16px;
@@ -162,14 +162,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-control-font-size: 12px;
 }
 :is(.sia-select--medium, .sia-tree-select--medium, .sia-cascader--medium) {
-  --sia-control-font-size: 14px;
+  --sia-control-font-size: 13px;
 }
 :is(.sia-select--large, .sia-tree-select--large, .sia-cascader--large) {
   --sia-control-font-size: 16px;
 }
 .sia-tree-select .sia-tree-select__trigger,
 .sia-cascader .sia-cascader__trigger {
-  font-size: var(--sia-control-font-size, 14px);
+  font-size: var(--sia-control-font-size, 13px);
 }
 .sia-segmented.sia-segmented--medium button {
   font-size: 14px;
@@ -188,7 +188,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-radio--medium {
   --sia-choice-size: 16px;
   --sia-choice-dot: 8px;
-  font-size: 14px;
+  font-size: 13px;
 }
 .sia-checkbox.sia-checkbox--large,
 .sia-radio.sia-radio--large {
@@ -238,7 +238,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-switch-width: 44px;
   --sia-switch-height: 22px;
   --sia-switch-segmented-height: var(--sia-control-height-medium);
-  font-size: 14px;
+  font-size: 13px;
 }
 .sia-switch-wrap.sia-switch-wrap--large {
   --sia-switch-width: 52px;
@@ -263,6 +263,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-input-select .sia-input-control--small .sia-button {
   height: 18px;
 }
+.sia-textarea-control--small {
+  --sia-control-font-size: 12px;
+}
+.sia-textarea-control--medium {
+  --sia-control-font-size: 14px;
+}
+.sia-textarea-control--large {
+  --sia-control-font-size: 16px;
+}
 .sia-textarea-control--small .sia-textarea {
   padding: 4px 7px 22px;
   font-size: 12px;
@@ -389,7 +398,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-control-height: var(--sia-control-height-medium);
   --sia-spacing: 16px;
   --sia-font-size: 16px;
-  --sia-font-size-small: 14px;
+  --sia-font-size-small: 13px;
+  --sia-control-font-size: 13px;
   --sia-font-size-large: 18px;
   --sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 22%);
   --sia-scroll-overflow: auto;
@@ -1002,7 +1012,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   resize: vertical;
   color: inherit;
   font:
-    400 var(--sia-font-size-small)/1.6 system-ui,
+    400 14px/1.6 system-ui,
     -apple-system,
     "Segoe UI",
     "Microsoft YaHei",
@@ -2393,7 +2403,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   padding-inline: 16px;
 }
 .sia-message {
-  font-size: calc(var(--sia-font-size, 16px) - 1px);
+  font-size: 14px;
   display: flex;
   align-items: center;
   gap: 9px;
@@ -2583,10 +2593,20 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border: 1px solid var(--sia-color-border);
   border-radius: 5px;
 }
+.sia-tag--small,
 .sia-tag--compact {
   min-height: 20px;
   padding-inline: 6px;
 }
+.sia-tag--medium {
+  min-height: 24px;
+  padding-inline: 8px;
+}
+.sia-tag--large {
+  min-height: 32px;
+  padding-inline: 10px;
+  font-size: 14px;
+}
 .sia-tag--success {
   color: #389e0d;
   background: #f6ffed;
@@ -3467,12 +3487,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__header-cell,
 .sia-table__cell {
   position: relative;
-  height: 38px;
-  padding: 8px 12px;
+  height: 36px;
+  padding: 5px 12px;
   border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
   border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
+  font-size: 13px;
+  line-height: 1.5;
 }
 .sia-table__cell:last-child {
   border-right: 0;
@@ -3597,7 +3619,13 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table__row {
   content-visibility: auto;
-  contain-intrinsic-size: auto 38px;
+  contain-intrinsic-size: auto 36px;
+}
+.sia-table--small .sia-table__row {
+  contain-intrinsic-size: auto 28px;
+}
+.sia-table--large .sia-table__row {
+  contain-intrinsic-size: auto 46px;
 }
 .sia-table__row--striped .sia-table__cell {
   background: color-mix(in srgb, var(--sia-color-background) 55%, var(--sia-color-surface));
@@ -3664,7 +3692,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__cell--merge-sticky > .sia-table__cell-content {
   position: sticky;
   z-index: var(--sia-table-merge-sticky-z-index, 3);
-  top: calc(var(--sia-table-header-height, 38px) + var(--sia-table-merge-sticky-inset, 0px));
+  top: calc(var(--sia-table-header-height, 36px) + var(--sia-table-merge-sticky-inset, 0px));
 }
 .sia-table__cell--fixed {
   position: sticky;
@@ -3787,7 +3815,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__empty {
   position: absolute;
   z-index: 7;
-  inset: var(--sia-table-header-height, 38px) 0 0;
+  inset: var(--sia-table-header-height, 36px) 0 0;
   display: grid;
   place-items: center;
   min-width: 0;
@@ -3813,8 +3841,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table--small .sia-table__header-cell,
 .sia-table--small .sia-table__cell {
-  height: 32px;
-  padding: 5px 9px;
+  height: 28px;
+  padding: 3px 9px;
   font-size: 12px;
 }
 .sia-table--large .sia-table__header-cell,
@@ -3876,6 +3904,19 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 1px;
 }
+.sia-table--medium .sia-table__sort-button {
+  height: 24px;
+}
+.sia-table--small .sia-table__sort-button,
+.sia-table--small .sia-table__filter-button {
+  height: 20px;
+}
+.sia-table--medium .sia-table__cell .sia-button--link {
+  height: 24px;
+}
+.sia-table--small .sia-table__cell .sia-button--link {
+  height: 20px;
+}
 .sia-table__filter-header {
   display: flex;
   align-items: center;
@@ -4421,8 +4462,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   }
 }
 .sia-table__settings-dropdown .sia-menu__item {
-  min-height: 34px;
-  padding: 4px 12px;
+  min-height: 36px;
+  padding: 5px 12px;
   gap: 10px;
   font-size: 14px;
   line-height: 24px;
@@ -5533,6 +5574,23 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   flex-wrap: wrap;
   gap: 12px 18px;
 }
+.sia-checkbox-group--vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+}
+.sia-checkbox-group--grid {
+  display: grid;
+  width: 100%;
+  align-items: start;
+}
+.sia-checkbox-group--grid > .sia-checkbox {
+  min-width: 0;
+}
+.sia-checkbox-group--grid > .sia-checkbox > .sia-checkbox__label {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
 .sia-radio__control {
   display: grid;
   place-items: center;

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-C_aAA7OF.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-DwsFTbqh.cjs';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-CuszFlw9.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-C89ubkwU.js';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,12 +10,12 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-I5KAI6FC.js";
+} from "./chunk-NDJSNM54.js";
 import "./chunk-YQDHCORW.js";
 import {
   Modal,
   Select
-} from "./chunk-DQYNL6VZ.js";
+} from "./chunk-AHBC5UXJ.js";
 import {
   Icon,
   Input,

package/dist/index.cjs

@@ -2396,6 +2396,9 @@ var CheckboxRoot = (0, import_react13.forwardRef)(function Checkbox({ value, siz
 });
 function CheckboxGroup({
   size: sizeProp,
+  columns,
+  direction = "horizontal",
+  gap,
   value,
   defaultValue = [],
   options,
@@ -2406,6 +2409,11 @@ function CheckboxGroup({
   onChange
 }) {
   const size = useControlSize(sizeProp);
+  const gridColumns = columns !== void 0 && Number.isInteger(columns) && columns > 0 ? columns : void 0;
+  const layoutStyle = {
+    gridTemplateColumns: gridColumns ? `repeat(${gridColumns}, minmax(0, 1fr))` : void 0,
+    gap: gap === void 0 ? void 0 : typeof gap === "number" ? Math.max(0, gap) : `${Math.max(0, gap[0])}px ${Math.max(0, gap[1])}px`
+  };
   const [values, setValues] = useControllableState({ value, defaultValue, onChange });
   const context = (0, import_react13.useMemo)(() => ({
     values,
@@ -2416,7 +2424,7 @@ function CheckboxGroup({
       setValues(next);
     }
   }), [disabled, name, setValues, values]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `sia-checkbox-group ${className}`.trim(), role: "group", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `sia-checkbox-group${gridColumns ? " sia-checkbox-group--grid" : direction === "vertical" ? " sia-checkbox-group--vertical" : ""} ${className}`.trim(), style: layoutStyle, role: "group", children: [
     options?.map((option) => {
       const normalized = typeof option === "object" ? option : { label: String(option), value: option };
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxRoot, { value: normalized.value, disabled: normalized.disabled, children: normalized.label }, normalized.value);
@@ -10764,6 +10772,8 @@ var message = {
 // src/components/Tag.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Tag({
+  size: sizeProp,
+  color,
   status = "default",
   compact = false,
   variant = "soft",
@@ -10774,13 +10784,17 @@ function Tag({
   onClose,
   className = "",
   children,
+  style,
   ...props
 }) {
+  const size = useControlSize(sizeProp ?? (compact ? "small" : void 0));
+  const customColor = color?.trim() ? variant === "outlined" ? { borderColor: color, color, backgroundColor: "transparent" } : variant === "filled" ? { backgroundColor: color, color: "#fff", borderColor: "transparent" } : { color, backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)`, borderColor: `color-mix(in srgb, ${color} 35%, transparent)` } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "span",
     {
-      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
+      className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant} sia-tag--${size}${compact && size === "small" ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
+      style: customColor ? { ...customColor, ...style } : style,
       ...withTitleTooltip(props),
       children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sia-tag__icon", children: icon }) : null,
@@ -10796,7 +10810,7 @@ function Tag({
               event.stopPropagation();
               onClose?.(event);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: "close", size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: "close", size: size === "large" ? 14 : 12 })
           }
         ) : null
       ]
@@ -12536,7 +12550,7 @@ function createSortPlugin(options = {}) {
                     event.stopPropagation();
                     cycle(field, context);
                   },
-                  children: order ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { name: order === "ascend" ? "arrow-up" : "arrow-down", size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+                  children: order ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { name: order === "ascend" ? "chevron-up" : "chevron-down", size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
                     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { name: "chevron-up", size: 11 }),
                     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { name: "chevron-down", size: 11 })
                   ] })
@@ -13964,7 +13978,7 @@ var EMPTY_DATA = [];
 var EMPTY_COLUMNS = [];
 var EMPTY_PLUGINS = [];
 var DEFAULT_WIDTH = 160;
-var SIZE_ROW_HEIGHT = { small: 32, medium: 38, large: 46 };
+var SIZE_ROW_HEIGHT = { small: 28, medium: 36, large: 46 };
 function getHeaderTitleText(content) {
   if (typeof content === "string" || typeof content === "number") return String(content);
   if (Array.isArray(content)) return content.map(getHeaderTitleText).join("");
@@ -14792,8 +14806,8 @@ var SIA_THEME = {
   spacing: 16,
   /** 默认字号，单位为像素。 */
   fontSize: 16,
-  /** 小号文字尺寸，单位为像素。 */
-  fontSizeSmall: 14,
+  /** 默认小号文字尺寸为 13 像素，对应 --sia-font-size-small；业务可通过 CSS 变量覆盖。 */
+  fontSizeSmall: 13,
   /** 大号文字尺寸，单位为像素。 */
   fontSizeLarge: 18
 };

package/dist/index.css

@@ -148,8 +148,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   font-size: 12px;
 }
 :is(.sia-picker, .sia-time-range).sia-picker--medium {
-  --sia-control-font-size: 14px;
-  font-size: 14px;
+  --sia-control-font-size: 13px;
+  font-size: var(--sia-control-font-size);
 }
 :is(.sia-picker, .sia-time-range).sia-picker--large {
   --sia-control-font-size: 16px;
@@ -162,14 +162,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-control-font-size: 12px;
 }
 :is(.sia-select--medium, .sia-tree-select--medium, .sia-cascader--medium) {
-  --sia-control-font-size: 14px;
+  --sia-control-font-size: 13px;
 }
 :is(.sia-select--large, .sia-tree-select--large, .sia-cascader--large) {
   --sia-control-font-size: 16px;
 }
 .sia-tree-select .sia-tree-select__trigger,
 .sia-cascader .sia-cascader__trigger {
-  font-size: var(--sia-control-font-size, 14px);
+  font-size: var(--sia-control-font-size, 13px);
 }
 .sia-segmented.sia-segmented--medium button {
   font-size: 14px;
@@ -188,7 +188,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-radio--medium {
   --sia-choice-size: 16px;
   --sia-choice-dot: 8px;
-  font-size: 14px;
+  font-size: 13px;
 }
 .sia-checkbox.sia-checkbox--large,
 .sia-radio.sia-radio--large {
@@ -238,7 +238,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-switch-width: 44px;
   --sia-switch-height: 22px;
   --sia-switch-segmented-height: var(--sia-control-height-medium);
-  font-size: 14px;
+  font-size: 13px;
 }
 .sia-switch-wrap.sia-switch-wrap--large {
   --sia-switch-width: 52px;
@@ -263,6 +263,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-input-select .sia-input-control--small .sia-button {
   height: 18px;
 }
+.sia-textarea-control--small {
+  --sia-control-font-size: 12px;
+}
+.sia-textarea-control--medium {
+  --sia-control-font-size: 14px;
+}
+.sia-textarea-control--large {
+  --sia-control-font-size: 16px;
+}
 .sia-textarea-control--small .sia-textarea {
   padding: 4px 7px 22px;
   font-size: 12px;
@@ -389,7 +398,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-control-height: var(--sia-control-height-medium);
   --sia-spacing: 16px;
   --sia-font-size: 16px;
-  --sia-font-size-small: 14px;
+  --sia-font-size-small: 13px;
+  --sia-control-font-size: 13px;
   --sia-font-size-large: 18px;
   --sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 22%);
   --sia-scroll-overflow: auto;
@@ -1002,7 +1012,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   resize: vertical;
   color: inherit;
   font:
-    400 var(--sia-font-size-small)/1.6 system-ui,
+    400 14px/1.6 system-ui,
     -apple-system,
     "Segoe UI",
     "Microsoft YaHei",
@@ -2393,7 +2403,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   padding-inline: 16px;
 }
 .sia-message {
-  font-size: calc(var(--sia-font-size, 16px) - 1px);
+  font-size: 14px;
   display: flex;
   align-items: center;
   gap: 9px;
@@ -2583,10 +2593,20 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   border: 1px solid var(--sia-color-border);
   border-radius: 5px;
 }
+.sia-tag--small,
 .sia-tag--compact {
   min-height: 20px;
   padding-inline: 6px;
 }
+.sia-tag--medium {
+  min-height: 24px;
+  padding-inline: 8px;
+}
+.sia-tag--large {
+  min-height: 32px;
+  padding-inline: 10px;
+  font-size: 14px;
+}
 .sia-tag--success {
   color: #389e0d;
   background: #f6ffed;
@@ -3467,12 +3487,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__header-cell,
 .sia-table__cell {
   position: relative;
-  height: 38px;
-  padding: 8px 12px;
+  height: 36px;
+  padding: 5px 12px;
   border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
   border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
+  font-size: 13px;
+  line-height: 1.5;
 }
 .sia-table__cell:last-child {
   border-right: 0;
@@ -3597,7 +3619,13 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table__row {
   content-visibility: auto;
-  contain-intrinsic-size: auto 38px;
+  contain-intrinsic-size: auto 36px;
+}
+.sia-table--small .sia-table__row {
+  contain-intrinsic-size: auto 28px;
+}
+.sia-table--large .sia-table__row {
+  contain-intrinsic-size: auto 46px;
 }
 .sia-table__row--striped .sia-table__cell {
   background: color-mix(in srgb, var(--sia-color-background) 55%, var(--sia-color-surface));
@@ -3664,7 +3692,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__cell--merge-sticky > .sia-table__cell-content {
   position: sticky;
   z-index: var(--sia-table-merge-sticky-z-index, 3);
-  top: calc(var(--sia-table-header-height, 38px) + var(--sia-table-merge-sticky-inset, 0px));
+  top: calc(var(--sia-table-header-height, 36px) + var(--sia-table-merge-sticky-inset, 0px));
 }
 .sia-table__cell--fixed {
   position: sticky;
@@ -3787,7 +3815,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__empty {
   position: absolute;
   z-index: 7;
-  inset: var(--sia-table-header-height, 38px) 0 0;
+  inset: var(--sia-table-header-height, 36px) 0 0;
   display: grid;
   place-items: center;
   min-width: 0;
@@ -3813,8 +3841,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table--small .sia-table__header-cell,
 .sia-table--small .sia-table__cell {
-  height: 32px;
-  padding: 5px 9px;
+  height: 28px;
+  padding: 3px 9px;
   font-size: 12px;
 }
 .sia-table--large .sia-table__header-cell,
@@ -3876,6 +3904,19 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 1px;
 }
+.sia-table--medium .sia-table__sort-button {
+  height: 24px;
+}
+.sia-table--small .sia-table__sort-button,
+.sia-table--small .sia-table__filter-button {
+  height: 20px;
+}
+.sia-table--medium .sia-table__cell .sia-button--link {
+  height: 24px;
+}
+.sia-table--small .sia-table__cell .sia-button--link {
+  height: 20px;
+}
 .sia-table__filter-header {
   display: flex;
   align-items: center;
@@ -4421,8 +4462,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   }
 }
 .sia-table__settings-dropdown .sia-menu__item {
-  min-height: 34px;
-  padding: 4px 12px;
+  min-height: 36px;
+  padding: 5px 12px;
   gap: 10px;
   font-size: 14px;
   line-height: 24px;
@@ -5533,6 +5574,23 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   flex-wrap: wrap;
   gap: 12px 18px;
 }
+.sia-checkbox-group--vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+}
+.sia-checkbox-group--grid {
+  display: grid;
+  width: 100%;
+  align-items: start;
+}
+.sia-checkbox-group--grid > .sia-checkbox {
+  min-width: 0;
+}
+.sia-checkbox-group--grid > .sia-checkbox > .sia-checkbox__label {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
 .sia-radio__control {
   display: grid;
   place-items: center;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-C_aAA7OF.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadHttpRequest, a$ as UploadItemActions, b0 as UploadProps, b1 as UploadRef, b2 as UploadRejectInfo, b3 as UploadRequestHandle, b4 as UploadRequestOptions, b5 as Watermark, b6 as WatermarkFont, b7 as WatermarkProps, b8 as message, b9 as notification } from './core-C_aAA7OF.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-DwsFTbqh.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-DwsFTbqh.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
@@ -652,7 +652,7 @@ declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAtt
 type SwitchVariant = "standard" | "segmented";
 /** 开关的属性配置。 */
 interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    /** 标准开关高度为 16 / 22 / 28px，分段开关为 22 / 30 / 38px；默认继承 Form */
+    /** small / medium / large 标准开关高度为 16 / 22 / 28px，分段开关为 22 / 30 / 38px，文字字号为 12 / 13 / 16px；默认继承 Form，无上下文时为 medium（13px）。 */
     size?: ControlSize;
     /** 开关右侧的可见标签 */
     label?: ReactNode;
@@ -863,7 +863,7 @@ declare const Form: typeof FormRoot & {
 type CheckboxValue = string | number;
 /** 复选框的属性配置。 */
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "onChange"> {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value?: CheckboxValue;
@@ -888,7 +888,13 @@ interface CheckboxOption {
 }
 /** CheckboxGroup的属性配置。 */
 interface CheckboxGroupProps {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** 等宽网格的列数，按选项顺序从左到右逐行排列并占满容器宽度；仅正整数生效，未设置或无效时使用 direction 排列。设置有效列数后优先于 direction；同样适用于直接传入的 Checkbox 子项。 */
+    columns?: number;
+    /** 非网格模式的排列方向：horizontal 横向排列并自动换行，vertical 纵向单列排列；有效 columns 优先。默认 horizontal。 */
+    direction?: "horizontal" | "vertical";
+    /** 选项间距，单位 px；数字表示统一间距，二元组为 [行间距, 列间距]，支持 0，负数按 0 处理。默认 [12, 18]，适用于横向、纵向和网格布局。 */
+    gap?: number | readonly [number, number];
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value?: readonly CheckboxValue[];
@@ -913,7 +919,7 @@ interface CheckboxGroupProps {
     /** 值发生变化时调用；参数为新值及类型声明中列出的关联信息。 */
     onChange?: (values: readonly CheckboxValue[]) => void;
 }
-declare function CheckboxGroup({ size: sizeProp, value, defaultValue, options, disabled, name, className, children, onChange, }: CheckboxGroupProps): react.JSX.Element;
+declare function CheckboxGroup({ size: sizeProp, columns, direction, gap, value, defaultValue, options, disabled, name, className, children, onChange, }: CheckboxGroupProps): react.JSX.Element;
 /** 复选框组件。 */
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>> & {
     /** 组合多个子项并统一管理布局或选择状态。 */
@@ -924,7 +930,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.Re
 type RadioValue = string | number;
 /** 单选框的属性配置。 */
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "onChange"> {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value: RadioValue;
@@ -944,7 +950,7 @@ interface RadioOption {
 }
 /** RadioGroup的属性配置。 */
 interface RadioGroupProps {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value?: RadioValue;
@@ -1365,7 +1371,7 @@ declare function buildFlatTree<T extends Record<string, any>>(items: readonly T[
 
 /** 多行输入的属性配置。 */
 interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /** 调整字号和内边距；保留 rows 和内容决定的多行高度。默认继承 Form */
+    /** 调整字号和内边距；small / medium / large 字号为 12 / 14 / 16 像素，保留 rows 和内容决定的多行高度。默认继承 Form，无上下文时为 medium（14px）。 */
     size?: ControlSize;
     /** 字段标签 */
     label?: ReactNode;
@@ -2094,7 +2100,12 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     height?: number | string;
     /** 表格滚动区域的高度。 */
     tableHeight?: number | string;
-    /** 表格密度 */
+    /**
+     * 表格密度；省略时与显式传 medium 相同。small、medium、large 默认行高分别为 28、36、46px。
+     * 单元格使用各尺寸字号和 1.5 倍文字行高，不继承宿主页面的文字行高。
+     * small / medium 数据单元格内的链接按钮高度分别为 20 / 24px，以适配行高；工具栏不受影响，其他自定义内容仍可能撑高单元格。
+     * @defaultValue "medium"
+     */
     size?: TableSize;
     /** 是否显示边框。 */
     bordered?: boolean;
@@ -2110,7 +2121,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     virtual?: boolean;
     /** 启用虚拟滚动的选项数量 */
     virtualThreshold?: number;
-    /** 行高度，虚拟滚动用其计算行位置。 */
+    /** 行高度，单位为 px，虚拟滚动用其计算行位置；默认随 size 取 small 28、medium 36、large 46。自定义内容应适配行高，避免撑高后导致虚拟滚动位置偏差。 */
     rowHeight?: number;
     /** 虚拟列表在可视区域前后额外渲染的数量。 */
     overscan?: number;
@@ -2446,7 +2457,7 @@ interface TableSortApi {
     /** 清空当前值或内容。 */
     clear: () => void;
 }
-/** 创建表格列排序插件。将返回值加入 Table 的 plugins 后生效；点击列头按钮依次切换升序、降序和未排序，当前方向以高亮单箭头显示，悬停提示当前状态及下一步操作。 */
+/** 创建表格列排序插件。将返回值加入 Table 的 plugins 后生效；点击列头按钮依次切换升序、降序和未排序，升序使用高亮 chevron-up，降序使用高亮 chevron-down，悬停提示当前状态及下一步操作。 */
 declare function createSortPlugin<T extends Record<string, unknown>>(options?: TableSortPluginOptions): TablePlugin<T, SortState, TableSortApi>;
 /** 列标识到筛选条件的映射。 */
 type TableFilterValues = Readonly<Record<string, string>>;
@@ -2830,8 +2841,8 @@ declare const SIA_THEME: {
     readonly spacing: 16;
     /** 默认字号，单位为像素。 */
     readonly fontSize: 16;
-    /** 小号文字尺寸，单位为像素。 */
-    readonly fontSizeSmall: 14;
+    /** 默认小号文字尺寸为 13 像素，对应 --sia-font-size-small；业务可通过 CSS 变量覆盖。 */
+    readonly fontSizeSmall: 13;
     /** 大号文字尺寸，单位为像素。 */
     readonly fontSizeLarge: 18;
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-CuszFlw9.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadHttpRequest, a$ as UploadItemActions, b0 as UploadProps, b1 as UploadRef, b2 as UploadRejectInfo, b3 as UploadRequestHandle, b4 as UploadRequestOptions, b5 as Watermark, b6 as WatermarkFont, b7 as WatermarkProps, b8 as message, b9 as notification } from './core-CuszFlw9.js';
+import { T as TagStatus, B as BadgeProps } from './core-C89ubkwU.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-C89ubkwU.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
@@ -652,7 +652,7 @@ declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAtt
 type SwitchVariant = "standard" | "segmented";
 /** 开关的属性配置。 */
 interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    /** 标准开关高度为 16 / 22 / 28px，分段开关为 22 / 30 / 38px；默认继承 Form */
+    /** small / medium / large 标准开关高度为 16 / 22 / 28px，分段开关为 22 / 30 / 38px，文字字号为 12 / 13 / 16px；默认继承 Form，无上下文时为 medium（13px）。 */
     size?: ControlSize;
     /** 开关右侧的可见标签 */
     label?: ReactNode;
@@ -863,7 +863,7 @@ declare const Form: typeof FormRoot & {
 type CheckboxValue = string | number;
 /** 复选框的属性配置。 */
 interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "onChange"> {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value?: CheckboxValue;
@@ -888,7 +888,13 @@ interface CheckboxOption {
 }
 /** CheckboxGroup的属性配置。 */
 interface CheckboxGroupProps {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** 等宽网格的列数，按选项顺序从左到右逐行排列并占满容器宽度；仅正整数生效，未设置或无效时使用 direction 排列。设置有效列数后优先于 direction；同样适用于直接传入的 Checkbox 子项。 */
+    columns?: number;
+    /** 非网格模式的排列方向：horizontal 横向排列并自动换行，vertical 纵向单列排列；有效 columns 优先。默认 horizontal。 */
+    direction?: "horizontal" | "vertical";
+    /** 选项间距，单位 px；数字表示统一间距，二元组为 [行间距, 列间距]，支持 0，负数按 0 处理。默认 [12, 18]，适用于横向、纵向和网格布局。 */
+    gap?: number | readonly [number, number];
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value?: readonly CheckboxValue[];
@@ -913,7 +919,7 @@ interface CheckboxGroupProps {
     /** 值发生变化时调用；参数为新值及类型声明中列出的关联信息。 */
     onChange?: (values: readonly CheckboxValue[]) => void;
 }
-declare function CheckboxGroup({ size: sizeProp, value, defaultValue, options, disabled, name, className, children, onChange, }: CheckboxGroupProps): react.JSX.Element;
+declare function CheckboxGroup({ size: sizeProp, columns, direction, gap, value, defaultValue, options, disabled, name, className, children, onChange, }: CheckboxGroupProps): react.JSX.Element;
 /** 复选框组件。 */
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>> & {
     /** 组合多个子项并统一管理布局或选择状态。 */
@@ -924,7 +930,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.Re
 type RadioValue = string | number;
 /** 单选框的属性配置。 */
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "value" | "onChange"> {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value: RadioValue;
@@ -944,7 +950,7 @@ interface RadioOption {
 }
 /** RadioGroup的属性配置。 */
 interface RadioGroupProps {
-    /** 组件尺寸；用于调整控件高度、字号和间距。 */
+    /** small / medium / large 文字字号为 12 / 13 / 16 像素，同时调整图形和间距；默认继承所在组或 Form，无上下文时为 medium（13px），组件显式 size 优先。 */
     size?: ControlSize;
     /** 当前值；作为受控属性时，需要在变更回调中同步更新。 */
     value?: RadioValue;
@@ -1365,7 +1371,7 @@ declare function buildFlatTree<T extends Record<string, any>>(items: readonly T[
 
 /** 多行输入的属性配置。 */
 interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /** 调整字号和内边距；保留 rows 和内容决定的多行高度。默认继承 Form */
+    /** 调整字号和内边距；small / medium / large 字号为 12 / 14 / 16 像素，保留 rows 和内容决定的多行高度。默认继承 Form，无上下文时为 medium（14px）。 */
     size?: ControlSize;
     /** 字段标签 */
     label?: ReactNode;
@@ -2094,7 +2100,12 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     height?: number | string;
     /** 表格滚动区域的高度。 */
     tableHeight?: number | string;
-    /** 表格密度 */
+    /**
+     * 表格密度；省略时与显式传 medium 相同。small、medium、large 默认行高分别为 28、36、46px。
+     * 单元格使用各尺寸字号和 1.5 倍文字行高，不继承宿主页面的文字行高。
+     * small / medium 数据单元格内的链接按钮高度分别为 20 / 24px，以适配行高；工具栏不受影响，其他自定义内容仍可能撑高单元格。
+     * @defaultValue "medium"
+     */
     size?: TableSize;
     /** 是否显示边框。 */
     bordered?: boolean;
@@ -2110,7 +2121,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     virtual?: boolean;
     /** 启用虚拟滚动的选项数量 */
     virtualThreshold?: number;
-    /** 行高度，虚拟滚动用其计算行位置。 */
+    /** 行高度，单位为 px，虚拟滚动用其计算行位置；默认随 size 取 small 28、medium 36、large 46。自定义内容应适配行高，避免撑高后导致虚拟滚动位置偏差。 */
     rowHeight?: number;
     /** 虚拟列表在可视区域前后额外渲染的数量。 */
     overscan?: number;
@@ -2446,7 +2457,7 @@ interface TableSortApi {
     /** 清空当前值或内容。 */
     clear: () => void;
 }
-/** 创建表格列排序插件。将返回值加入 Table 的 plugins 后生效；点击列头按钮依次切换升序、降序和未排序，当前方向以高亮单箭头显示，悬停提示当前状态及下一步操作。 */
+/** 创建表格列排序插件。将返回值加入 Table 的 plugins 后生效；点击列头按钮依次切换升序、降序和未排序，升序使用高亮 chevron-up，降序使用高亮 chevron-down，悬停提示当前状态及下一步操作。 */
 declare function createSortPlugin<T extends Record<string, unknown>>(options?: TableSortPluginOptions): TablePlugin<T, SortState, TableSortApi>;
 /** 列标识到筛选条件的映射。 */
 type TableFilterValues = Readonly<Record<string, string>>;
@@ -2830,8 +2841,8 @@ declare const SIA_THEME: {
     readonly spacing: 16;
     /** 默认字号，单位为像素。 */
     readonly fontSize: 16;
-    /** 小号文字尺寸，单位为像素。 */
-    readonly fontSizeSmall: 14;
+    /** 默认小号文字尺寸为 13 像素，对应 --sia-font-size-small；业务可通过 CSS 变量覆盖。 */
+    readonly fontSizeSmall: 13;
     /** 大号文字尺寸，单位为像素。 */
     readonly fontSizeLarge: 18;
 };

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-I5KAI6FC.js";
+} from "./chunk-NDJSNM54.js";
 import {
   TextArea
 } from "./chunk-YQDHCORW.js";
@@ -95,7 +95,7 @@ import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-T2EKKSCH.js";
+} from "./chunk-33C5ZEQ6.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -110,7 +110,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-DQYNL6VZ.js";
+} from "./chunk-AHBC5UXJ.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -5729,7 +5729,7 @@ function createSortPlugin(options = {}) {
                     event.stopPropagation();
                     cycle(field, context);
                   },
-                  children: order ? /* @__PURE__ */ jsx21(Icon, { name: order === "ascend" ? "arrow-up" : "arrow-down", size: 18 }) : /* @__PURE__ */ jsxs20(Fragment7, { children: [
+                  children: order ? /* @__PURE__ */ jsx21(Icon, { name: order === "ascend" ? "chevron-up" : "chevron-down", size: 18 }) : /* @__PURE__ */ jsxs20(Fragment7, { children: [
                     /* @__PURE__ */ jsx21(Icon, { name: "chevron-up", size: 11 }),
                     /* @__PURE__ */ jsx21(Icon, { name: "chevron-down", size: 11 })
                   ] })
@@ -7157,7 +7157,7 @@ var EMPTY_DATA = [];
 var EMPTY_COLUMNS = [];
 var EMPTY_PLUGINS = [];
 var DEFAULT_WIDTH = 160;
-var SIZE_ROW_HEIGHT = { small: 32, medium: 38, large: 46 };
+var SIZE_ROW_HEIGHT = { small: 28, medium: 36, large: 46 };
 function getHeaderTitleText(content) {
   if (typeof content === "string" || typeof content === "number") return String(content);
   if (Array.isArray(content)) return content.map(getHeaderTitleText).join("");
@@ -7985,8 +7985,8 @@ var SIA_THEME = {
   spacing: 16,
   /** 默认字号，单位为像素。 */
   fontSize: 16,
-  /** 小号文字尺寸，单位为像素。 */
-  fontSizeSmall: 14,
+  /** 默认小号文字尺寸为 13 像素，对应 --sia-font-size-small；业务可通过 CSS 变量覆盖。 */
+  fontSizeSmall: 13,
   /** 大号文字尺寸，单位为像素。 */
   fontSizeLarge: 18
 };

package/dist/select-date-range.cjs

@@ -2815,6 +2815,9 @@ var CheckboxRoot = (0, import_react12.forwardRef)(function Checkbox({ value, siz
 });
 function CheckboxGroup({
   size: sizeProp,
+  columns,
+  direction = "horizontal",
+  gap,
   value,
   defaultValue = [],
   options,
@@ -2825,6 +2828,11 @@ function CheckboxGroup({
   onChange
 }) {
   const size = useControlSize(sizeProp);
+  const gridColumns = columns !== void 0 && Number.isInteger(columns) && columns > 0 ? columns : void 0;
+  const layoutStyle = {
+    gridTemplateColumns: gridColumns ? `repeat(${gridColumns}, minmax(0, 1fr))` : void 0,
+    gap: gap === void 0 ? void 0 : typeof gap === "number" ? Math.max(0, gap) : `${Math.max(0, gap[0])}px ${Math.max(0, gap[1])}px`
+  };
   const [values, setValues] = useControllableState({ value, defaultValue, onChange });
   const context = (0, import_react12.useMemo)(() => ({
     values,
@@ -2835,7 +2843,7 @@ function CheckboxGroup({
       setValues(next);
     }
   }), [disabled, name, setValues, values]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `sia-checkbox-group ${className}`.trim(), role: "group", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `sia-checkbox-group${gridColumns ? " sia-checkbox-group--grid" : direction === "vertical" ? " sia-checkbox-group--vertical" : ""} ${className}`.trim(), style: layoutStyle, role: "group", children: [
     options?.map((option) => {
       const normalized = typeof option === "object" ? option : { label: String(option), value: option };
       return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckboxRoot, { value: normalized.value, disabled: normalized.disabled, children: normalized.label }, normalized.value);

package/dist/select-date-range.js

@@ -1,7 +1,7 @@
 import {
   SelectDateRange
-} from "./chunk-T2EKKSCH.js";
-import "./chunk-DQYNL6VZ.js";
+} from "./chunk-33C5ZEQ6.js";
+import "./chunk-AHBC5UXJ.js";
 import "./chunk-YF2I6SDB.js";
 import "./chunk-IYNS423D.js";
 import "./chunk-RAO3JHDL.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",