@sia.soul/sia-react-ui 0.1.0 → 0.1.2

package/THIRD_PARTY_NOTICES.md

@@ -9,4 +9,3 @@ Ant Design Icons is licensed under the MIT License.
 - Project: https://github.com/ant-design/ant-design-icons
 - Copyright: Ant Design Team
 - License: https://github.com/ant-design/ant-design-icons/blob/master/LICENSE
-

package/dist/{chunk-34TTF4Y7.js → chunk-QEDWRVDA.js}

@@ -49,14 +49,15 @@ function withTime(date, time, showSecond = false) {
   const [hour = "00", minute = "00", second = "00"] = time.split(":");
   return `${date} ${hour}:${minute}${showSecond ? `:${second}` : ""}`;
 }
-function normalizeDateValue(value, showTime) {
+function normalizeDateValue(value, showTime, index = 0) {
   if (!value) return "";
   const date = parseDate(value);
   if (!date) return value;
   const day = dateKey(date);
   if (!showTime) return day;
   const config = typeof showTime === "object" ? showTime : {};
-  return withTime(day, timePart(value, config.defaultValue ?? "00:00:00"), Boolean(config.showSecond));
+  const fallback = typeof config.defaultValue === "string" ? config.defaultValue : config.defaultValue?.[index] ?? "00:00:00";
+  return withTime(day, timePart(value, fallback), Boolean(config.showSecond));
 }
 var WEEKDAYS = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"];
 function CalendarMonth({
@@ -256,8 +257,9 @@ function placeholderFor(picker, showTime, multiple) {
 function showSecondFrom(showTime) {
   return Boolean(typeof showTime === "object" && showTime.showSecond);
 }
-function defaultTimeFrom(showTime) {
-  return typeof showTime === "object" ? showTime.defaultValue ?? "00:00:00" : "00:00:00";
+function defaultTimeFrom(showTime, index = 0) {
+  const value = typeof showTime === "object" ? showTime.defaultValue : void 0;
+  return typeof value === "string" ? value : value?.[index] ?? "00:00:00";
 }
 function resolvePreset(value) {
   return typeof value === "function" ? value() : value;
@@ -288,6 +290,8 @@ function DatePicker({
   onChange,
   onOpenChange,
   placeholder,
+  formatValue = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = useId();
@@ -353,6 +357,8 @@ function DatePicker({
     }
   }
   function commitDraft() {
+    const values = Array.isArray(draftValue) ? draftValue : [draftValue];
+    if (values.some((value2) => !value2 || isDisabled(dayFromValue(value2)))) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -362,7 +368,7 @@ function DatePicker({
     setDraftValue(empty);
     setCurrentValue(empty);
   }
-  const display = Array.isArray(currentValue) ? currentValue.join("\u3001") : currentValue;
+  const display = Array.isArray(currentValue) ? currentValue.map(formatValue).join("\u3001") : currentValue ? formatValue(currentValue) : "";
   const triggerLabel = props["aria-label"] ?? (typeof placeholder === "string" ? placeholder : "\u65E5\u671F\u9009\u62E9\u5668");
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, className: `sia-picker sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ jsxs2(
@@ -388,15 +394,16 @@ function DatePicker({
         },
         children: [
           /* @__PURE__ */ jsx2("span", { className: `sia-picker__value${display ? "" : " is-placeholder"}`, children: display || placeholder || placeholderFor(picker, showTime, multiple) }),
-          allowClear && display && !disabled ? /* @__PURE__ */ jsx2("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ jsx2(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
           /* @__PURE__ */ jsx2("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ jsx2(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && display && !disabled ? /* @__PURE__ */ jsx2("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", 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${showTime ? " sia-date-panel--with-time" : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u9009\u62E9\u9762\u677F", children: [
       /* @__PURE__ */ jsxs2("div", { className: "sia-date-panel__body", children: [
         presets?.length ? /* @__PURE__ */ jsx2("aside", { className: "sia-date-panel__presets", children: presets.map((preset, index) => /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => {
           const next = resolvePreset(preset.value);
+          if (!next || isDisabled(dayFromValue(next))) return;
           setDraftValue(next);
           if (!resolvedNeedConfirm) {
             setCurrentValue(next);
@@ -424,6 +431,7 @@ function DatePicker({
       /* @__PURE__ */ jsx2(
         DatePanelFooter,
         {
+          extra: renderExtraFooter?.(),
           showToday,
           needConfirm: resolvedNeedConfirm,
           disabledConfirm: Array.isArray(draftValue) ? draftValue.length === 0 : !draftValue,
@@ -441,6 +449,8 @@ function DateRangePicker({
   separator = "\u2192",
   presets,
   maxRangeDays,
+  allowEmpty = [false, false],
+  endpointDisabled = [false, false],
   size = "medium",
   status = "default",
   allowClear = true,
@@ -458,6 +468,8 @@ function DateRangePicker({
   onCalendarChange,
   onChange,
   onOpenChange,
+  formatValue = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = useId();
@@ -473,9 +485,10 @@ function DateRangePicker({
   const [compactDateTime, setCompactDateTime] = useState(false);
   const showSecond = showSecondFrom(showTime);
   const defaultTime = defaultTimeFrom(showTime);
+  const defaultEndTime = defaultTimeFrom(showTime, 1);
   const [times, setTimes] = useState([
     timePart(currentValue[0], defaultTime),
-    timePart(currentValue[1], defaultTime)
+    timePart(currentValue[1], defaultEndTime)
   ]);
   const resolvedNeedConfirm = needConfirm ?? Boolean(showTime);
   const rangeDates = [dayFromValue(draftValue[0]), dayFromValue(draftValue[1])];
@@ -505,8 +518,8 @@ function DateRangePicker({
   function changeOpen(next) {
     if (next) {
       setDraftValue(currentValue);
-      setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultTime)]);
-      setActiveIndex(currentValue[0] && !currentValue[1] ? 1 : 0);
+      setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultEndTime)]);
+      setActiveIndex(endpointDisabled[0] ? 1 : endpointDisabled[1] ? 0 : currentValue[0] && !currentValue[1] ? 1 : 0);
       const nextStartMonth = startOfMonth(parseDate(dayFromValue(currentValue[0] || currentValue[1])) ?? /* @__PURE__ */ new Date());
       setViewMonth(nextStartMonth);
       setEndViewMonth(startOfMonth(parseDate(dayFromValue(currentValue[1])) ?? addMonths(nextStartMonth, 1)));
@@ -514,6 +527,7 @@ function DateRangePicker({
     setVisible(next);
   }
   function isDisabled(day, index = activeIndex, pairedDateTime = false) {
+    if (endpointDisabled[index]) return true;
     const minimum = minDate ?? props.min;
     const maximum = maxDate ?? props.max;
     if (minimum && day < String(minimum).slice(0, 10)) return true;
@@ -536,6 +550,17 @@ function DateRangePicker({
   }
   function selectDate(day) {
     if (isDisabled(day)) return;
+    if (endpointDisabled.some(Boolean)) {
+      const index = endpointDisabled[0] ? 1 : 0;
+      const next = [...draftValue];
+      next[index] = buildRangeValue(day, index);
+      updateDraft(next);
+      if (!resolvedNeedConfirm && isValidRange(next)) {
+        setCurrentValue(next);
+        changeOpen(false);
+      }
+      return;
+    }
     if (activeIndex === 0 || !rangeDates[0] || rangeDates[1]) {
       const next = [buildRangeValue(day, 0), ""];
       updateDraft(next);
@@ -571,6 +596,7 @@ function DateRangePicker({
     }
   }
   function changeTime(index, nextTime) {
+    if (endpointDisabled[index]) return;
     const nextTimes = [...times];
     nextTimes[index] = nextTime;
     setTimes(nextTimes);
@@ -581,6 +607,28 @@ function DateRangePicker({
       updateDraft(nextValue);
     }
   }
+  function isValidRange(next) {
+    if (!next.some(Boolean)) return false;
+    for (const index of [0, 1]) {
+      if (!next[index]) {
+        if (!allowEmpty[index]) return false;
+        else continue;
+      }
+      if (endpointDisabled[index]) {
+        if (next[index] !== currentValue[index]) return false;
+        else continue;
+      }
+      const day = dayFromValue(next[index]);
+      if (!day) return false;
+      if (minDate && day < minDate.slice(0, 10) || maxDate && day > maxDate.slice(0, 10)) return false;
+      if (disabledDate?.(day, { from: index === 1 ? dayFromValue(next[0]) || void 0 : void 0, type: "date" })) return false;
+    }
+    if (next[0] && next[1]) {
+      if (next[0] > next[1]) return false;
+      if (maxRangeDays && Math.abs(daysBetween(dayFromValue(next[0]), dayFromValue(next[1]))) >= maxRangeDays) return false;
+    }
+    return true;
+  }
   function confirm() {
     if (compactDateTime && showTime && activeIndex === 0) {
       if (!draftValue[0]) return;
@@ -589,7 +637,7 @@ function DateRangePicker({
       setHoverDate("");
       return;
     }
-    if (!draftValue[0] || !draftValue[1] || invalidDateTimeRange) return;
+    if (!isValidRange(draftValue)) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -597,10 +645,11 @@ function DateRangePicker({
     const raw = resolveRangePreset(preset.value);
     const next = [
       normalizeDateValue(raw[0], showTime),
-      normalizeDateValue(raw[1], showTime)
+      normalizeDateValue(raw[1], showTime, 1)
     ];
+    if (!isValidRange(next)) return;
     updateDraft(next);
-    setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultTime)]);
+    setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultEndTime)]);
     const nextStartMonth = startOfMonth(parseDate(dayFromValue(next[0] || next[1])) ?? /* @__PURE__ */ new Date());
     setViewMonth(nextStartMonth);
     setEndViewMonth(startOfMonth(parseDate(dayFromValue(next[1])) ?? addMonths(nextStartMonth, 1)));
@@ -611,7 +660,7 @@ function DateRangePicker({
   }
   function clearValue(event) {
     event.stopPropagation();
-    const empty = ["", ""];
+    const empty = [endpointDisabled[0] ? currentValue[0] : "", endpointDisabled[1] ? currentValue[1] : ""];
     updateDraft(empty);
     setCurrentValue(empty);
     setActiveIndex(0);
@@ -680,14 +729,14 @@ function DateRangePicker({
         disabled,
         onClick: () => changeOpen(!visible),
         children: [
-          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] || placeholder[0] }),
+          /* @__PURE__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue(currentValue[0]) : placeholder[0] }),
           /* @__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] || placeholder[1] }),
-          allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ jsx2("span", { role: "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__ */ jsx2("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue(currentValue[1]) : placeholder[1] }),
           /* @__PURE__ */ jsx2("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ jsx2(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    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: [
         renderDateTimeGroup(0),
@@ -722,10 +771,11 @@ function DateRangePicker({
         DatePanelFooter,
         {
           showToday: showToday && !presets?.length,
-          needConfirm: resolvedNeedConfirm,
-          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !draftValue[0] || !draftValue[1] || invalidDateTimeRange,
+          needConfirm: resolvedNeedConfirm || allowEmpty.some(Boolean),
+          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !isValidRange(draftValue),
           confirmText: compactDateTime && showTime && activeIndex === 0 ? "\u4E0B\u4E00\u6B65" : "\u786E\u5B9A",
           extra: /* @__PURE__ */ jsxs2(Fragment, { children: [
+            renderExtraFooter?.(),
             presets?.map((preset, index) => /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => applyPreset(preset), children: preset.label }, index)),
             compactDateTime && showTime && activeIndex === 1 ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => {
               setActiveIndex(0);

package/dist/{chunk-ULEGTKXR.js → chunk-ZPYGBMBH.js}

@@ -740,10 +740,10 @@ function Tree({
             },
             children: (() => {
               const content = /* @__PURE__ */ jsxs5("span", { className: "sia-tree__context-content", children: [
-                hasChildren ? /* @__PURE__ */ jsx5("button", { type: "button", className: "sia-tree__switcher", style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, disabled: node.disabled, onClick: (event) => {
+                hasChildren ? /* @__PURE__ */ jsx5("button", { type: "button", className: "sia-tree__switcher", "aria-label": open ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", "aria-expanded": open, style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, disabled: node.disabled, onClick: (event) => {
                   event.stopPropagation();
                   void toggleExpand(node);
-                }, children: nodeLoading ? /* @__PURE__ */ jsx5(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ jsx5(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx5("span", { className: "sia-tree__switcher", style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, "aria-hidden": "true" }),
+                }, children: nodeLoading ? /* @__PURE__ */ jsx5(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ jsx5(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx5("span", { className: "sia-tree__switcher", "aria-label": open ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", "aria-expanded": open, style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, "aria-hidden": "true" }),
                 checkable || node.checkable ? /* @__PURE__ */ jsx5("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx5(Checkbox2, { checked: isChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
                 node.prefix ? /* @__PURE__ */ jsx5("span", { className: "sia-tree__prefix", onClick: (event) => event.stopPropagation(), children: node.prefix }) : null,
                 showIcon ? /* @__PURE__ */ jsx5("span", { className: "sia-tree__icon", children: node.icon ?? /* @__PURE__ */ jsx5(Icon, { name: hasChildren ? "folder" : "file", size: 15 }) }) : null,
@@ -1541,6 +1541,7 @@ var ModalRoot = forwardRef2(function Modal({
   onOk,
   onCancel,
   onOpenChange,
+  afterOpenChange,
   className = "",
   style,
   ...props
@@ -1550,6 +1551,14 @@ var ModalRoot = forwardRef2(function Modal({
   const [submitting, setSubmitting] = useState6(false);
   const [rendered, setRendered] = useState6(open);
   const [closing, setClosing] = useState6(false);
+  const afterOpenChangeRef = useRef7(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = useRef7(false);
+  useEffect6(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
   useEffect6(() => {
     if (open) {
       setRendered(true);
@@ -1561,6 +1570,7 @@ var ModalRoot = forwardRef2(function Modal({
     const timer = window.setTimeout(() => {
       setRendered(false);
       setClosing(false);
+      afterOpenChangeRef.current?.(false);
     }, MODAL_MOTION_DURATION);
     return () => window.clearTimeout(timer);
   }, [open, rendered]);
@@ -1575,8 +1585,11 @@ var ModalRoot = forwardRef2(function Modal({
     onOpenChange?.(false);
   }
   async function handleOk() {
+    if (submitLock.current || confirmLoading) return;
+    submitLock.current = true;
     if (!onOk) {
       onOpenChange?.(false);
+      submitLock.current = false;
       return;
     }
     try {
@@ -1591,6 +1604,7 @@ var ModalRoot = forwardRef2(function Modal({
     } catch {
       return;
     } finally {
+      submitLock.current = false;
       setSubmitting(false);
     }
   }

package/dist/{core-BeiAQiDY.d.ts → core-DFYheaoJ.d.ts}

@@ -930,6 +930,8 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onS
     onOk?: () => ModalActionResult;
     onCancel?: () => void;
     onOpenChange?: (open: boolean) => void;
+    /** 动画完成后触发，适用于聚焦内容和释放外部挂载点。 */
+    afterOpenChange?: (open: boolean) => void;
 }
 interface ModalOpenConfig extends Omit<ModalProps, "open"> {
 }

package/dist/{core-DRICIs2n.d.cts → core-De2pRX5w.d.cts}

@@ -930,6 +930,8 @@ interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onS
     onOk?: () => ModalActionResult;
     onCancel?: () => void;
     onOpenChange?: (open: boolean) => void;
+    /** 动画完成后触发，适用于聚焦内容和释放外部挂载点。 */
+    afterOpenChange?: (open: boolean) => void;
 }
 interface ModalOpenConfig extends Omit<ModalProps, "open"> {
 }

package/dist/core.cjs

@@ -2710,6 +2710,7 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
   onOk,
   onCancel,
   onOpenChange,
+  afterOpenChange,
   className = "",
   style,
   ...props
@@ -2719,6 +2720,14 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
   const [submitting, setSubmitting] = (0, import_react16.useState)(false);
   const [rendered, setRendered] = (0, import_react16.useState)(open);
   const [closing, setClosing] = (0, import_react16.useState)(false);
+  const afterOpenChangeRef = (0, import_react16.useRef)(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = (0, import_react16.useRef)(false);
+  (0, import_react16.useEffect)(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
   (0, import_react16.useEffect)(() => {
     if (open) {
       setRendered(true);
@@ -2730,6 +2739,7 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
     const timer = window.setTimeout(() => {
       setRendered(false);
       setClosing(false);
+      afterOpenChangeRef.current?.(false);
     }, MODAL_MOTION_DURATION);
     return () => window.clearTimeout(timer);
   }, [open, rendered]);
@@ -2744,8 +2754,11 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
     onOpenChange?.(false);
   }
   async function handleOk() {
+    if (submitLock.current || confirmLoading) return;
+    submitLock.current = true;
     if (!onOk) {
       onOpenChange?.(false);
+      submitLock.current = false;
       return;
     }
     try {
@@ -2760,6 +2773,7 @@ var ModalRoot = (0, import_react16.forwardRef)(function Modal({
     } catch {
       return;
     } finally {
+      submitLock.current = false;
       setSubmitting(false);
     }
   }

package/dist/core.css

@@ -3915,6 +3915,17 @@
 .sia-space-compact--vertical > *:not(:first-child) {
   margin-top: -1px;
 }
+.sia-space-compact--horizontal > *:not(:first-child) :is(.sia-input, .sia-input-control, .sia-select, .sia-tree-select__trigger, .sia-picker, .sia-input-number) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.sia-space-compact--horizontal > *:not(:last-child) :is(.sia-input, .sia-input-control, .sia-select, .sia-tree-select__trigger, .sia-picker, .sia-input-number) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.sia-space-compact > *:focus-within {
+  z-index: 1;
+}
 .sia-row {
   --sia-grid-gutter-x: 0px;
   --sia-grid-gutter-y: 0px;
@@ -5674,10 +5685,20 @@
   font-size: 12px;
 }
 .sia-tree-select__clear {
+  position: absolute;
+  right: 30px;
+  top: 50%;
+  transform: translateY(-50%);
   display: none;
+  align-items: center;
+  padding: 2px;
+  border: 0;
+  background: var(--sia-color-surface);
   color: var(--sia-color-text-secondary);
+  cursor: pointer;
 }
-.sia-tree-select__trigger:hover .sia-tree-select__clear {
+.sia-tree-select:hover .sia-tree-select__clear,
+.sia-tree-select:focus-within .sia-tree-select__clear {
   display: inline-flex;
 }
 .sia-tree-select__dropdown {
@@ -8382,6 +8403,115 @@ button.sia-treemap__tile:focus-visible,
     transition-duration: .01ms;
   }
 }
+.sia-input-select {
+  min-width: 0;
+}
+.sia-input-select__suffix,
+.sia-selection-panel__actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.sia-input-select__suffix .sia-button {
+  padding: 0 3px;
+  min-width: 18px;
+}
+.sia-input-select__popup {
+  z-index: 1100;
+  width: max(240px, var(--sia-popup-anchor-width));
+  max-width: calc(100vw - 24px);
+  padding: 8px;
+  background: var(--sia-color-bg, white);
+  border: 1px solid var(--sia-color-border, #ddd);
+  border-radius: 6px;
+  box-shadow: 0 6px 24px #0002;
+}
+.sia-selection-panel {
+  min-width: 0;
+  display: grid;
+  gap: 8px;
+}
+.sia-selection-panel__actions {
+  margin-bottom: 4px;
+  flex-wrap: wrap;
+  font-size: 12px;
+}
+.sia-selection-panel__actions > span {
+  margin-left: auto;
+  color: var(--sia-color-text-secondary, #777);
+}
+.sia-selection-panel__list {
+  overflow: auto;
+  outline-offset: 1px;
+}
+.sia-selection-panel__row {
+  display: grid;
+  gap: 4px;
+}
+.sia-selection-panel__group {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--sia-color-text-secondary, #777);
+  padding: 0 6px;
+}
+.sia-selection-panel__option {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  background: transparent;
+  border-radius: 4px;
+  padding: 4px 8px;
+  text-align: left;
+  color: inherit;
+  cursor: pointer;
+  min-width: 0;
+  font: inherit;
+}
+.sia-selection-panel__option:hover,
+.sia-selection-panel__option.is-active {
+  background: var(--sia-color-fill-secondary, #f2f5f8);
+}
+.sia-selection-panel__option[aria-selected=true] {
+  background: var(--sia-color-primary-bg, #eaf4ff);
+  color: var(--sia-color-primary, #1677ff);
+}
+.sia-selection-panel__option[aria-disabled=true] {
+  opacity: .45;
+  cursor: not-allowed;
+}
+.sia-selection-panel__check {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+  border: 1px solid currentColor;
+  border-radius: 3px;
+  line-height: 12px;
+  text-align: center;
+}
+.sia-selection-panel__text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sia-selection-panel__text small {
+  display: block;
+  opacity: .65;
+  font-size: 11px;
+}
+.sia-selection-panel__divider {
+  align-self: center;
+  border-top: 1px solid var(--sia-color-border, #ddd);
+}
+.sia-selection-panel__empty {
+  padding: 16px;
+  text-align: center;
+  color: var(--sia-color-text-secondary, #777);
+}
 
 /* src/breadcrumb.css */
 .sia-breadcrumb {

package/dist/core.d.cts

@@ -1,3 +1,3 @@
-export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-DRICIs2n.cjs';
+export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-De2pRX5w.cjs';
 export { S as Select, d as SelectOption, e as SelectProps, f as SelectValue } from './Select-CJJ5LQap.cjs';
 import 'react';

package/dist/core.d.ts

@@ -1,3 +1,3 @@
-export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-BeiAQiDY.js';
+export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-DFYheaoJ.js';
 export { S as Select, d as SelectOption, e as SelectProps, f as SelectValue } from './Select-CJJ5LQap.js';
 import 'react';

package/dist/core.js

@@ -10,7 +10,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-ULEGTKXR.js";
+} from "./chunk-ZPYGBMBH.js";
 import "./chunk-NZAT2RUM.js";
 import {
   Input,