@sia.soul/sia-react-ui 0.1.30 → 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-KT7DIBXX.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,7 @@ 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,
@@ -155,11 +156,12 @@ function Tag({
   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),
@@ -177,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-BwuvPHYM.d.ts → core-C89ubkwU.d.ts}

@@ -379,8 +379,15 @@ 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;
     /**
@@ -389,7 +396,7 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      */
     status?: TagStatus;
     /**
-     * 紧凑尺寸
+     * 兼容旧版的紧凑尺寸，未显式设置 size 时等同于 size="small"，优先于 Form 继承尺寸；新代码建议直接使用 size。
      * @defaultValue false
      */
     compact?: boolean;
@@ -419,7 +426,7 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /** 标记状态或筛选条件的标签，支持语义配色、自定义边框色或背景色及关闭操作。 */
-declare function Tag({ color, status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, style, ...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";
@@ -1990,7 +1997,7 @@ interface MessageConfig {
     key?: MessageKey;
     /** 类型标识，用于选择对应的表现形式。 */
     type?: MessageType;
-    /** 消息正文，支持文本或 React 节点。 */
+    /** 消息正文，默认字号为 14px；支持文本或 React 节点，自定义节点可自行设置字号。 */
     content: ReactNode;
     /** 自动关闭延迟，单位为秒；0 表示不自动关闭。 */
     duration?: number;
@@ -2229,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-B687rqFa.d.cts → core-DwsFTbqh.d.cts}

@@ -379,8 +379,15 @@ 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;
     /**
@@ -389,7 +396,7 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      */
     status?: TagStatus;
     /**
-     * 紧凑尺寸
+     * 兼容旧版的紧凑尺寸，未显式设置 size 时等同于 size="small"，优先于 Form 继承尺寸；新代码建议直接使用 size。
      * @defaultValue false
      */
     compact?: boolean;
@@ -419,7 +426,7 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /** 标记状态或筛选条件的标签，支持语义配色、自定义边框色或背景色及关闭操作。 */
-declare function Tag({ color, status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, style, ...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";
@@ -1990,7 +1997,7 @@ interface MessageConfig {
     key?: MessageKey;
     /** 类型标识，用于选择对应的表现形式。 */
     type?: MessageType;
-    /** 消息正文，支持文本或 React 节点。 */
+    /** 消息正文，默认字号为 14px；支持文本或 React 节点，自定义节点可自行设置字号。 */
     content: ReactNode;
     /** 自动关闭延迟，单位为秒；0 表示不自动关闭。 */
     duration?: number;
@@ -2229,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,7 @@ function Card({
 // src/components/Tag.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Tag({
+  size: sizeProp,
   color,
   status = "default",
   compact = false,
@@ -1775,11 +1776,12 @@ function Tag({
   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),
@@ -1797,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
       ]
@@ -2069,6 +2071,9 @@ var CheckboxRoot = (0, import_react11.forwardRef)(function Checkbox({ value, siz
 });
 function CheckboxGroup({
   size: sizeProp,
+  columns,
+  direction = "horizontal",
+  gap,
   value,
   defaultValue = [],
   options,
@@ -2079,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,
@@ -2089,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;
@@ -5554,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-B687rqFa.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-BwuvPHYM.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-KT7DIBXX.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,7 @@ var message = {
 // src/components/Tag.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Tag({
+  size: sizeProp,
   color,
   status = "default",
   compact = false,
@@ -10778,11 +10787,12 @@ function Tag({
   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),
@@ -10800,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
       ]
@@ -12540,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 })
                   ] })
@@ -14796,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;
@@ -5554,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-B687rqFa.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-B687rqFa.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;
@@ -2451,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>>;
@@ -2835,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-BwuvPHYM.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-BwuvPHYM.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;
@@ -2451,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>>;
@@ -2835,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-KT7DIBXX.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 })
                   ] })
@@ -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.30",
+  "version": "0.1.31",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",