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

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-K3XRTEIO.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";
@@ -580,14 +581,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-BK8AXc12.d.cts}

@@ -391,7 +391,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 +714,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 +726,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;

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

@@ -391,7 +391,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 +714,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 +726,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;