@sia.soul/sia-react-ui 0.1.13 → 0.1.15

package/dist/chart.cjs

@@ -3952,12 +3952,25 @@ function layoutTreeNodes(root, options = {}) {
 // src/components/ChartDataEditor.tsx
 var import_react31 = require("react");
 
-// src/components/Button.tsx
+// src/components/shared.ts
 var import_react28 = require("react");
+var ControlSizeContext = (0, import_react28.createContext)("medium");
+function useControlSize(size) {
+  const inherited = (0, import_react28.useContext)(ControlSizeContext);
+  return size ?? inherited;
+}
+var PlaceholderModeContext = (0, import_react28.createContext)("default");
+function usePlaceholderMode(mode) {
+  const inherited = (0, import_react28.useContext)(PlaceholderModeContext);
+  return mode ?? inherited;
+}
+
+// src/components/Button.tsx
+var import_react29 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var Button = (0, import_react28.forwardRef)(function Button2({
+var Button = (0, import_react29.forwardRef)(function Button2({
   variant = "default",
-  size = "medium",
+  size: sizeProp,
   loading = false,
   block = false,
   danger = false,
@@ -3970,7 +3983,8 @@ var Button = (0, import_react28.forwardRef)(function Button2({
   style,
   ...props
 }, forwardedRef) {
-  const localRef = (0, import_react28.useRef)(null);
+  const size = useControlSize(sizeProp);
+  const localRef = (0, import_react29.useRef)(null);
   function setRef(node) {
     localRef.current = node;
     if (typeof forwardedRef === "function") forwardedRef(node);
@@ -4008,14 +4022,6 @@ var Button = (0, import_react28.forwardRef)(function Button2({
   );
 });
 
-// src/components/shared.ts
-var import_react29 = require("react");
-var PlaceholderModeContext = (0, import_react29.createContext)("default");
-function usePlaceholderMode(mode) {
-  const inherited = (0, import_react29.useContext)(PlaceholderModeContext);
-  return mode ?? inherited;
-}
-
 // src/components/FloatingPlaceholder.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
@@ -4034,6 +4040,7 @@ var TextArea = (0, import_react30.forwardRef)(function TextArea2({
   label,
   hint,
   status = "default",
+  size: sizeProp,
   showCount = false,
   placeholder,
   placeholderMode,
@@ -4046,6 +4053,7 @@ var TextArea = (0, import_react30.forwardRef)(function TextArea2({
   onChange,
   ...props
 }, ref) {
+  const size = useControlSize(sizeProp);
   const fallbackId = (0, import_react30.useId)();
   const textAreaId = id ?? fallbackId;
   const [uncontrolledValue, setUncontrolledValue] = (0, import_react30.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
@@ -4057,7 +4065,7 @@ var TextArea = (0, import_react30.forwardRef)(function TextArea2({
     setUncontrolledValue(event.target.value);
     onChange?.(event);
   }
-  const control = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: `sia-textarea-control sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
+  const control = /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "textarea",
       {

package/dist/chart.js

@@ -56,10 +56,10 @@ import {
   smoothSvgPath,
   svgArcPath,
   transferCompositeValue
-} from "./chunk-Z3T6RDQP.js";
-import "./chunk-WHARTF2I.js";
-import "./chunk-MBS2HXLZ.js";
-import "./chunk-EJDPRAU2.js";
+} from "./chunk-OKP4DIQH.js";
+import "./chunk-YT6E3X2K.js";
+import "./chunk-TZGUBGA4.js";
+import "./chunk-3VJ4CZDQ.js";
 export {
   BarChart,
   CHART_VIEWBOX_HEIGHT,

package/dist/{chunk-RLTG3IK7.js → chunk-25BU7YTB.js}

@@ -1,14 +1,15 @@
 import {
   Select
-} from "./chunk-BUMS62NO.js";
+} from "./chunk-R3TYVU53.js";
 import {
   Icon,
   PopupPortal
-} from "./chunk-JJVD2ITI.js";
+} from "./chunk-ALWHRV4L.js";
 import {
+  useControlSize,
   useControllableState,
   useFloatingPlaceholder
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/DatePicker.tsx
 import { useEffect, useId, useMemo, useRef as useRef2, useState } from "react";
@@ -274,7 +275,7 @@ function DatePicker({
   value,
   defaultValue,
   picker = "date",
-  size = "medium",
+  size: sizeProp,
   status = "default",
   allowClear = true,
   multiple = false,
@@ -298,6 +299,7 @@ function DatePicker({
   renderExtraFooter,
   ...props
 }) {
+  const size = useControlSize(sizeProp);
   const id = useId();
   const rootRef = useRef2(null);
   const popupRef = useRef2(null);
@@ -458,7 +460,7 @@ function DateRangePicker({
   maxRangeDays,
   allowEmpty = [false, false],
   endpointDisabled = [false, false],
-  size = "medium",
+  size: sizeProp,
   status = "default",
   allowClear = true,
   needConfirm,
@@ -479,6 +481,7 @@ function DateRangePicker({
   renderExtraFooter,
   ...props
 }) {
+  const size = useControlSize(sizeProp);
   const id = useId();
   const rootRef = useRef2(null);
   const popupRef = useRef2(null);
@@ -719,8 +722,9 @@ function DateRangePicker({
       endpointLabel
     );
   }
-  const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder.filter(Boolean).join(" / "), filled: currentValue.some(Boolean), active: visible });
-  return /* @__PURE__ */ jsxs2("span", { ref: rootRef, className: `sia-picker${floating.className} sia-picker-range-control sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
+  const startFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[0], filled: Boolean(currentValue[0]), active: visible });
+  const endFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[1], filled: Boolean(currentValue[1]), active: visible });
+  return /* @__PURE__ */ jsxs2("span", { ref: rootRef, className: `sia-picker sia-picker-range-control sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ jsxs2(
       "button",
       {
@@ -737,14 +741,19 @@ function DateRangePicker({
         disabled,
         onClick: () => changeOpen(!visible),
         children: [
-          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue(currentValue[0]) : placeholder[0] }),
+          /* @__PURE__ */ jsxs2("span", { className: `sia-picker-range-control__field${startFloating.className}`, children: [
+            /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue(currentValue[0]) : placeholder[0] }),
+            startFloating.label
+          ] }),
           /* @__PURE__ */ jsx2("span", { className: "sia-picker-range-control__separator", children: separator }),
-          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue(currentValue[1]) : placeholder[1] }),
+          /* @__PURE__ */ jsxs2("span", { className: `sia-picker-range-control__field${endFloating.className}`, children: [
+            /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue(currentValue[1]) : placeholder[1] }),
+            endFloating.label
+          ] }),
           /* @__PURE__ */ jsx2("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ jsx2(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
-    floating.label,
     allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ jsx2("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ jsx2(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ jsxs2(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel sia-date-panel--range${showTime ? ` sia-date-panel--with-time sia-date-panel--range-time-${compactDateTime ? "compact" : "paired"}` : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u9762\u677F", children: [
       /* @__PURE__ */ jsx2("div", { className: "sia-date-panel__body", children: showTime ? /* @__PURE__ */ jsx2("div", { className: "sia-date-panel__range-date-time", children: compactDateTime ? renderDateTimeGroup(activeIndex) : /* @__PURE__ */ jsxs2(Fragment, { children: [
@@ -820,7 +829,7 @@ function SelectDateRange({
   selectAriaLabel = "\u9009\u62E9\u7C7B\u578B",
   rangeAriaLabel = "\u65E5\u671F\u8303\u56F4",
   presets,
-  size = "medium",
+  size: sizeProp,
   status = "default",
   disabled = false,
   onChange,
@@ -828,6 +837,7 @@ function SelectDateRange({
   style,
   ...props
 }) {
+  const size = useControlSize(sizeProp);
   const initialValue = defaultValue ?? { select: options[0]?.value ?? "", range: ["", ""] };
   const [currentValue, setCurrentValue] = useControllableState({ value: value === void 0 ? void 0 : value && typeof value === "object" ? value : { select: "", range: ["", ""] }, defaultValue: initialValue, onChange });
   return /* @__PURE__ */ jsxs3("div", { className: `sia-select-date-range sia-select-date-range--${size} ${className}`.trim(), role: "group", "aria-label": `${selectAriaLabel}\u4E0E${rangeAriaLabel}`, ...props, style: { ...style, "--sia-select-date-range-select-width": typeof selectWidth === "number" ? `${selectWidth}px` : selectWidth }, children: [

package/dist/{chunk-EJDPRAU2.js → chunk-3VJ4CZDQ.js}

@@ -1,5 +1,10 @@
 // src/components/shared.ts
 import { createContext, useCallback, useContext, useState } from "react";
+var ControlSizeContext = createContext("medium");
+function useControlSize(size) {
+  const inherited = useContext(ControlSizeContext);
+  return size ?? inherited;
+}
 var PlaceholderModeContext = createContext("default");
 function usePlaceholderMode(mode) {
   const inherited = useContext(PlaceholderModeContext);
@@ -29,6 +34,8 @@ function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
 }
 
 export {
+  ControlSizeContext,
+  useControlSize,
   PlaceholderModeContext,
   usePlaceholderMode,
   useControllableState,

package/dist/{chunk-JJVD2ITI.js → chunk-ALWHRV4L.js}

@@ -1,10 +1,11 @@
 import {
   Button
-} from "./chunk-MBS2HXLZ.js";
+} from "./chunk-TZGUBGA4.js";
 import {
+  useControlSize,
   useControllableState,
   usePlaceholderMode
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/Icon.tsx
 import { forwardRef } from "react";
@@ -1134,7 +1135,8 @@ function Steps({ items, current = 0, initial = 0, direction = "horizontal", type
     ] }, index);
   }) });
 }
-function Segmented({ options, value, defaultValue, size = "medium", block = false, vertical = false, disabled = false, onChange, className = "", onKeyDown, ...props }) {
+function Segmented({ options, value, defaultValue, size: sizeProp, block = false, vertical = false, disabled = false, onChange, className = "", onKeyDown, ...props }) {
+  const size = useControlSize(sizeProp);
   const normalized = useMemo(() => options.map((option) => typeof option === "object" ? option : { label: option, value: option }), [options]);
   const [current, setCurrent] = useControllableState({ value, defaultValue: defaultValue ?? normalized[0]?.value, onChange: (next) => next !== void 0 && onChange?.(next) });
   function keyboard(event) {
@@ -1412,7 +1414,7 @@ var Input = forwardRef3(function Input2({
   label,
   hint,
   status = "default",
-  size = "medium",
+  size: sizeProp,
   prefix,
   suffix,
   allowClear = false,
@@ -1429,6 +1431,7 @@ var Input = forwardRef3(function Input2({
   onChange,
   ...props
 }, forwardedRef) {
+  const size = useControlSize(sizeProp);
   const fallbackId = useId2();
   const inputId = id ?? fallbackId;
   const localRef = useRef4(null);

package/dist/{chunk-MOOMDRAN.js → chunk-E7F47Z2C.js}

@@ -1,21 +1,22 @@
 import {
   TextArea
-} from "./chunk-WHARTF2I.js";
+} from "./chunk-YT6E3X2K.js";
 import {
   Popover,
   Tooltip,
   useOverlayLifecycle
-} from "./chunk-BUMS62NO.js";
+} from "./chunk-R3TYVU53.js";
 import {
   Dropdown,
   Icon
-} from "./chunk-JJVD2ITI.js";
+} from "./chunk-ALWHRV4L.js";
 import {
   Button
-} from "./chunk-MBS2HXLZ.js";
+} from "./chunk-TZGUBGA4.js";
 import {
+  useControlSize,
   useControllableState
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/Card.tsx
 import { useState } from "react";
@@ -75,6 +76,7 @@ function Tag({
   variant = "soft",
   icon,
   closable = false,
+  closeOnHover = false,
   disabled = false,
   onClose,
   className = "",
@@ -84,7 +86,7 @@ function Tag({
   return /* @__PURE__ */ jsxs2(
     "span",
     {
-      className: `sia-tag 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}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
       ...props,
       children: [
@@ -580,14 +582,15 @@ function Tour({ open = false, steps, current, defaultCurrent = 0, mask = true, c
 import { Children, useEffect as useEffect2, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function Rate({ value, defaultValue = 0, count = 5, allowHalf = false, allowClear = true, disabled = false, character, tooltips, onChange, onHoverChange, className = "", ...props }) {
+function Rate({ value, size: sizeProp, defaultValue = 0, count = 5, allowHalf = false, allowClear = true, disabled = false, character, tooltips, onChange, onHoverChange, className = "", ...props }) {
+  const size = useControlSize(sizeProp);
   const [current, setCurrent] = useControllableState({ value, defaultValue, onChange });
   const [hover, setHover] = useState4(0);
   const shown = hover || current;
   function choose(next) {
     setCurrent(allowClear && next === current ? 0 : next);
   }
-  return /* @__PURE__ */ jsx5("div", { className: `sia-rate${disabled ? " is-disabled" : ""} ${className}`.trim(), role: "radiogroup", "aria-label": "\u8BC4\u5206", onMouseLeave: () => {
+  return /* @__PURE__ */ jsx5("div", { className: `sia-rate sia-rate--${size}${disabled ? " is-disabled" : ""} ${className}`.trim(), role: "radiogroup", "aria-label": "\u8BC4\u5206", onMouseLeave: () => {
     setHover(0);
     onHoverChange?.(0);
   }, ...props, children: Array.from({ length: count }, (_, index) => {

package/dist/{chunk-F3VH6LJH.js → chunk-MUTJVDM6.js}

@@ -2,13 +2,13 @@ import {
   Dropdown,
   Icon,
   Input
-} from "./chunk-JJVD2ITI.js";
+} from "./chunk-ALWHRV4L.js";
 import {
   Button
-} from "./chunk-MBS2HXLZ.js";
+} from "./chunk-TZGUBGA4.js";
 import {
   useFloatingPlaceholder
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/RichTextEditor.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-Z3T6RDQP.js → chunk-OKP4DIQH.js}

@@ -1,9 +1,9 @@
 import {
   TextArea
-} from "./chunk-WHARTF2I.js";
+} from "./chunk-YT6E3X2K.js";
 import {
   Button
-} from "./chunk-MBS2HXLZ.js";
+} from "./chunk-TZGUBGA4.js";
 
 // src/components/ChartWhirlingLoading.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-5ZTWY3PG.js → chunk-QJ4OQNQ4.js}

@@ -1,6 +1,6 @@
 import {
   useFloatingPlaceholder
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/MarkdownEditor.tsx
 import { useEffect, useRef, useState } from "react";
@@ -274,7 +274,7 @@ function MarkdownEditor({
         width: "100%",
         height: "100%",
         minHeight: typeof minHeight === "number" ? minHeight : void 0,
-        placeholder,
+        placeholder: floating.enabled ? "" : placeholder,
         cdn: assetBaseUrl,
         cache: { enable: false },
         toolbar,
@@ -354,7 +354,7 @@ function MarkdownEditor({
       if (editorRef.current === createdEditor) editorRef.current = null;
       if (editorInitialized) createdEditor?.destroy();
     };
-  }, [ariaLabel, assetBaseUrl, hasImageUpload, minHeight, mode, placeholder]);
+  }, [ariaLabel, assetBaseUrl, hasImageUpload, minHeight, mode, placeholder, floating.enabled]);
   useEffect(() => {
     const editor = editorRef.current;
     if (!editor || value === void 0) return;

package/dist/{chunk-BUMS62NO.js → chunk-R3TYVU53.js}

@@ -3,20 +3,23 @@ import {
   Icon,
   Input,
   PopupPortal
-} from "./chunk-JJVD2ITI.js";
+} from "./chunk-ALWHRV4L.js";
 import {
   Button
-} from "./chunk-MBS2HXLZ.js";
+} from "./chunk-TZGUBGA4.js";
 import {
+  ControlSizeContext,
+  useControlSize,
   useControllableState,
   useFloatingPlaceholder
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/Checkbox.tsx
 import { createContext, forwardRef, useContext, useEffect, useId, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CheckboxGroupContext = createContext(null);
-var CheckboxRoot = forwardRef(function Checkbox({ value, indeterminate = false, children, disabled, checked, defaultChecked, className = "", onChange, ...props }, forwardedRef) {
+var CheckboxRoot = forwardRef(function Checkbox({ value, size: sizeProp, indeterminate = false, children, disabled, checked, defaultChecked, className = "", onChange, ...props }, forwardedRef) {
+  const size = useControlSize(sizeProp);
   const group = useContext(CheckboxGroupContext);
   const localRef = useRef(null);
   const fallbackId = useId();
@@ -30,7 +33,7 @@ var CheckboxRoot = forwardRef(function Checkbox({ value, indeterminate = false,
     if (typeof forwardedRef === "function") forwardedRef(node);
     else if (forwardedRef) forwardedRef.current = node;
   }
-  return /* @__PURE__ */ jsxs("label", { className: `sia-checkbox${disabled || group?.disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
+  return /* @__PURE__ */ jsxs("label", { className: `sia-checkbox sia-checkbox--${size}${disabled || group?.disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -55,6 +58,7 @@ var CheckboxRoot = forwardRef(function Checkbox({ value, indeterminate = false,
   ] });
 });
 function CheckboxGroup({
+  size: sizeProp,
   value,
   defaultValue = [],
   options,
@@ -64,6 +68,7 @@ function CheckboxGroup({
   children,
   onChange
 }) {
+  const size = useControlSize(sizeProp);
   const [values, setValues] = useControllableState({ value, defaultValue, onChange });
   const context = useMemo(() => ({
     values,
@@ -74,13 +79,13 @@ function CheckboxGroup({
       setValues(next);
     }
   }), [disabled, name, setValues, values]);
-  return /* @__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 ${className}`.trim(), 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);
     }),
     children
-  ] }) });
+  ] }) }) });
 }
 var Checkbox2 = Object.assign(CheckboxRoot, { Group: CheckboxGroup });
 
@@ -1072,7 +1077,7 @@ var Select = forwardRef3(function Select2({
   onChange,
   placeholder = "\u8BF7\u9009\u62E9",
   placeholderMode,
-  size = "medium",
+  size: sizeProp,
   status = "default",
   allowClear = false,
   loading = false,
@@ -1098,6 +1103,7 @@ var Select = forwardRef3(function Select2({
   onKeyDown,
   ...props
 }, forwardedRef) {
+  const size = useControlSize(sizeProp);
   const fallbackId = useId5();
   const selectId = id ?? fallbackId;
   const listboxId = `${selectId}-listbox`;

package/dist/{chunk-MBS2HXLZ.js → chunk-TZGUBGA4.js}

@@ -1,9 +1,13 @@
+import {
+  useControlSize
+} from "./chunk-3VJ4CZDQ.js";
+
 // src/components/Button.tsx
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Button = forwardRef(function Button2({
   variant = "default",
-  size = "medium",
+  size: sizeProp,
   loading = false,
   block = false,
   danger = false,
@@ -16,6 +20,7 @@ var Button = forwardRef(function Button2({
   style,
   ...props
 }, forwardedRef) {
+  const size = useControlSize(sizeProp);
   const localRef = useRef(null);
   function setRef(node) {
     localRef.current = node;

package/dist/{chunk-WHARTF2I.js → chunk-YT6E3X2K.js}

@@ -1,6 +1,7 @@
 import {
+  useControlSize,
   useFloatingPlaceholder
-} from "./chunk-EJDPRAU2.js";
+} from "./chunk-3VJ4CZDQ.js";
 
 // src/components/TextArea.tsx
 import { forwardRef, useId, useState } from "react";
@@ -9,6 +10,7 @@ var TextArea = forwardRef(function TextArea2({
   label,
   hint,
   status = "default",
+  size: sizeProp,
   showCount = false,
   placeholder,
   placeholderMode,
@@ -21,6 +23,7 @@ var TextArea = forwardRef(function TextArea2({
   onChange,
   ...props
 }, ref) {
+  const size = useControlSize(sizeProp);
   const fallbackId = useId();
   const textAreaId = id ?? fallbackId;
   const [uncontrolledValue, setUncontrolledValue] = useState(() => defaultValue === void 0 ? "" : String(defaultValue));
@@ -32,7 +35,7 @@ var TextArea = forwardRef(function TextArea2({
     setUncontrolledValue(event.target.value);
     onChange?.(event);
   }
-  const control = /* @__PURE__ */ jsxs("span", { className: `sia-textarea-control sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
+  const control = /* @__PURE__ */ jsxs("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
     /* @__PURE__ */ jsx(
       "textarea",
       {

package/dist/{core-y0w5PBO2.d.cts → core-AeKYVPDZ.d.cts}

@@ -300,10 +300,12 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: TagVariant;
     icon?: ReactNode;
     closable?: boolean;
+    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    closeOnHover?: boolean;
     disabled?: boolean;
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-declare function Tag({ status, compact, variant, icon, closable, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
 
 type MenuMode = "vertical" | "horizontal" | "inline";
 type MenuTheme = "light" | "dark";
@@ -391,7 +393,7 @@ interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultVa
     disabled?: boolean;
     onChange?: (value: SegmentedValue) => void;
 }
-declare function Segmented({ options, value, defaultValue, size, block, vertical, disabled, onChange, className, onKeyDown, ...props }: SegmentedProps): react.JSX.Element;
+declare function Segmented({ options, value, defaultValue, size: sizeProp, block, vertical, disabled, onChange, className, onKeyDown, ...props }: SegmentedProps): react.JSX.Element;
 
 interface TabItem {
     key: string;
@@ -714,6 +716,7 @@ interface TourProps {
 declare function Tour({ open, steps, current, defaultCurrent, mask, closable, disabledInteraction, onChange, onClose, onFinish }: TourProps): react.ReactPortal | null;
 
 interface RateProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    size?: ControlSize;
     value?: number;
     defaultValue?: number;
     count?: number;
@@ -725,7 +728,7 @@ interface RateProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"
     onChange?: (value: number) => void;
     onHoverChange?: (value: number) => void;
 }
-declare function Rate({ value, defaultValue, count, allowHalf, allowClear, disabled, character, tooltips, onChange, onHoverChange, className, ...props }: RateProps): react.JSX.Element;
+declare function Rate({ value, size: sizeProp, defaultValue, count, allowHalf, allowClear, disabled, character, tooltips, onChange, onHoverChange, className, ...props }: RateProps): react.JSX.Element;
 type BadgeStatus = "success" | "processing" | "default" | "error" | "warning";
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     count?: ReactNode;
@@ -1076,4 +1079,4 @@ declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & re
     BackTop: typeof FloatButtonBackTop;
 };
 
-export { Menu as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type IconVariant as T, Image as U, ImagePreview as V, type ImagePreviewConfig as W, type ImagePreviewProps as X, type ImageProps as Y, Input as Z, type InputProps as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, type MenuClickInfo as a0, type MenuItem as a1, type MenuMode as a2, type MenuProps as a3, type MenuTheme as a4, type MessageConfig as a5, type MessageHandle as a6, type MessageKey as a7, type MessageType as a8, Modal as a9, type TabItem as aA, Tabs as aB, type TabsContextMenuClickInfo as aC, type TabsOrientation as aD, type TabsPosition as aE, type TabsProps as aF, type TabsType as aG, Tag as aH, type TagProps as aI, type TagStatus as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, type ModalActionResult as aa, type ModalOpenConfig as ab, type ModalProps as ac, type ModalType as ad, type NotificationConfig as ae, type NotificationPlacement as af, type NotificationType as ag, Popconfirm as ah, type PopconfirmProps as ai, Popover as aj, type PopoverProps as ak, Progress as al, type ProgressProps as am, type ProgressStatus as an, Rate as ao, type RateProps as ap, Segmented as aq, type SegmentedOption as ar, type SegmentedProps as as, type SegmentedValue as at, Spin as au, type SpinProps as av, type StepItem as aw, type StepStatus as ax, Steps as ay, type StepsProps as az, Badge as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, type BadgeRibbonProps as d, type BadgeStatus as e, Breadcrumb as f, type BreadcrumbItem as g, type BreadcrumbProps as h, Button as i, type ButtonSize as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };
+export { type InputProps as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type TagStatus as T, type IconVariant as U, Image as V, ImagePreview as W, type ImagePreviewConfig as X, type ImagePreviewProps as Y, type ImageProps as Z, Input as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, Menu as a0, type MenuClickInfo as a1, type MenuItem as a2, type MenuMode as a3, type MenuProps as a4, type MenuTheme as a5, type MessageConfig as a6, type MessageHandle as a7, type MessageKey as a8, type MessageType as a9, type StepsProps as aA, type TabItem as aB, Tabs as aC, type TabsContextMenuClickInfo as aD, type TabsOrientation as aE, type TabsPosition as aF, type TabsProps as aG, type TabsType as aH, Tag as aI, type TagProps as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, Modal as aa, type ModalActionResult as ab, type ModalOpenConfig as ac, type ModalProps as ad, type ModalType as ae, type NotificationConfig as af, type NotificationPlacement as ag, type NotificationType as ah, Popconfirm as ai, type PopconfirmProps as aj, Popover as ak, type PopoverProps as al, Progress as am, type ProgressProps as an, type ProgressStatus as ao, Rate as ap, type RateProps as aq, Segmented as ar, type SegmentedOption as as, type SegmentedProps as at, type SegmentedValue as au, Spin as av, type SpinProps as aw, type StepItem as ax, type StepStatus as ay, Steps as az, type ButtonSize as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, Badge as d, type BadgeRibbonProps as e, type BadgeStatus as f, Breadcrumb as g, type BreadcrumbItem as h, type BreadcrumbProps as i, Button as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };

package/dist/{core-VmiEI1Jp.d.ts → core-DcSXqSRs.d.ts}

@@ -300,10 +300,12 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: TagVariant;
     icon?: ReactNode;
     closable?: boolean;
+    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    closeOnHover?: boolean;
     disabled?: boolean;
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-declare function Tag({ status, compact, variant, icon, closable, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
 
 type MenuMode = "vertical" | "horizontal" | "inline";
 type MenuTheme = "light" | "dark";
@@ -391,7 +393,7 @@ interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultVa
     disabled?: boolean;
     onChange?: (value: SegmentedValue) => void;
 }
-declare function Segmented({ options, value, defaultValue, size, block, vertical, disabled, onChange, className, onKeyDown, ...props }: SegmentedProps): react.JSX.Element;
+declare function Segmented({ options, value, defaultValue, size: sizeProp, block, vertical, disabled, onChange, className, onKeyDown, ...props }: SegmentedProps): react.JSX.Element;
 
 interface TabItem {
     key: string;
@@ -714,6 +716,7 @@ interface TourProps {
 declare function Tour({ open, steps, current, defaultCurrent, mask, closable, disabledInteraction, onChange, onClose, onFinish }: TourProps): react.ReactPortal | null;
 
 interface RateProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    size?: ControlSize;
     value?: number;
     defaultValue?: number;
     count?: number;
@@ -725,7 +728,7 @@ interface RateProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"
     onChange?: (value: number) => void;
     onHoverChange?: (value: number) => void;
 }
-declare function Rate({ value, defaultValue, count, allowHalf, allowClear, disabled, character, tooltips, onChange, onHoverChange, className, ...props }: RateProps): react.JSX.Element;
+declare function Rate({ value, size: sizeProp, defaultValue, count, allowHalf, allowClear, disabled, character, tooltips, onChange, onHoverChange, className, ...props }: RateProps): react.JSX.Element;
 type BadgeStatus = "success" | "processing" | "default" | "error" | "warning";
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     count?: ReactNode;
@@ -1076,4 +1079,4 @@ declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & re
     BackTop: typeof FloatButtonBackTop;
 };
 
-export { Menu as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type IconVariant as T, Image as U, ImagePreview as V, type ImagePreviewConfig as W, type ImagePreviewProps as X, type ImageProps as Y, Input as Z, type InputProps as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, type MenuClickInfo as a0, type MenuItem as a1, type MenuMode as a2, type MenuProps as a3, type MenuTheme as a4, type MessageConfig as a5, type MessageHandle as a6, type MessageKey as a7, type MessageType as a8, Modal as a9, type TabItem as aA, Tabs as aB, type TabsContextMenuClickInfo as aC, type TabsOrientation as aD, type TabsPosition as aE, type TabsProps as aF, type TabsType as aG, Tag as aH, type TagProps as aI, type TagStatus as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, type ModalActionResult as aa, type ModalOpenConfig as ab, type ModalProps as ac, type ModalType as ad, type NotificationConfig as ae, type NotificationPlacement as af, type NotificationType as ag, Popconfirm as ah, type PopconfirmProps as ai, Popover as aj, type PopoverProps as ak, Progress as al, type ProgressProps as am, type ProgressStatus as an, Rate as ao, type RateProps as ap, Segmented as aq, type SegmentedOption as ar, type SegmentedProps as as, type SegmentedValue as at, Spin as au, type SpinProps as av, type StepItem as aw, type StepStatus as ax, Steps as ay, type StepsProps as az, Badge as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, type BadgeRibbonProps as d, type BadgeStatus as e, Breadcrumb as f, type BreadcrumbItem as g, type BreadcrumbProps as h, Button as i, type ButtonSize as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };
+export { type InputProps as $, type DropdownProps as A, type ButtonProps as B, Calendar as C, Dropdown as D, type DropdownTrigger as E, FILLED_ICON_NAMES as F, type FilledIconName as G, FloatButton as H, type FloatButtonBackTopProps as I, type FloatButtonGroupProps as J, type FloatButtonProps as K, type FloatButtonShape as L, type FloatingPlacement as M, type FloatingTrigger as N, type OverlayContainer as O, ICON_NAMES as P, Icon as Q, type IconName as R, type IconProps as S, type TagStatus as T, type IconVariant as U, Image as V, ImagePreview as W, type ImagePreviewConfig as X, type ImagePreviewProps as Y, type ImageProps as Z, Input as _, type OverlayApiHandle as a, type TypographyTitleProps as a$, Menu as a0, type MenuClickInfo as a1, type MenuItem as a2, type MenuMode as a3, type MenuProps as a4, type MenuTheme as a5, type MessageConfig as a6, type MessageHandle as a7, type MessageKey as a8, type MessageType as a9, type StepsProps as aA, type TabItem as aB, Tabs as aC, type TabsContextMenuClickInfo as aD, type TabsOrientation as aE, type TabsPosition as aF, type TabsProps as aG, type TabsType as aH, Tag as aI, type TagProps as aJ, type TagVariant as aK, Timeline as aL, type TimelineItem as aM, type TimelineProps as aN, Tooltip as aO, type TooltipProps as aP, Tour as aQ, type TourProps as aR, type TourStep as aS, Tree as aT, type TreeDropPosition as aU, type TreeKey as aV, type TreeNode as aW, type TreeProps as aX, Typography as aY, type TypographyLinkProps as aZ, type TypographyProps as a_, Modal as aa, type ModalActionResult as ab, type ModalOpenConfig as ac, type ModalProps as ad, type ModalType as ae, type NotificationConfig as af, type NotificationPlacement as ag, type NotificationType as ah, Popconfirm as ai, type PopconfirmProps as aj, Popover as ak, type PopoverProps as al, Progress as am, type ProgressProps as an, type ProgressStatus as ao, Rate as ap, type RateProps as aq, Segmented as ar, type SegmentedOption as as, type SegmentedProps as at, type SegmentedValue as au, Spin as av, type SpinProps as aw, type StepItem as ax, type StepStatus as ay, Steps as az, type ButtonSize as b, type TypographyType as b0, Upload as b1, type UploadChangeInfo as b2, type UploadDraggerProps as b3, type UploadFile as b4, type UploadFileStatus as b5, type UploadProps as b6, type UploadRequestOptions as b7, Watermark as b8, type WatermarkFont as b9, type WatermarkProps as ba, message as bb, notification as bc, type BadgeProps as c, Badge as d, type BadgeRibbonProps as e, type BadgeStatus as f, Breadcrumb as g, type BreadcrumbItem as h, type BreadcrumbProps as i, Button as j, type ButtonVariant as k, type CalendarProps as l, Card as m, type CardAccent as n, type CardProps as o, Carousel as p, type CarouselProps as q, type CarouselRef as r, Collapse as s, type CollapseItem as t, type CollapseKey as u, type CollapseProps as v, type DropdownButtonProps as w, type DropdownMenuProps as x, type DropdownOpenSource as y, type DropdownPlacement as z };