@sia.soul/sia-react-ui 0.1.27 → 0.1.28

package/dist/{chunk-5MW3NE2V.js → chunk-DQYNL6VZ.js}

@@ -93,6 +93,61 @@ var Checkbox2 = Object.assign(CheckboxRoot, {
   Group: CheckboxGroup
 });
 
+// src/components/treeCheckState.ts
+function affectedKeys(node) {
+  if (node.disabled || node.disableCheckbox) return [];
+  return [...node.checkable === false ? [] : [node.key], ...node.children?.flatMap(affectedKeys) ?? []];
+}
+function getTreeCheckState(nodes, keys, strictly = false) {
+  const checked = new Set(keys);
+  const halfChecked = /* @__PURE__ */ new Set();
+  if (strictly) return { checked, halfChecked };
+  const explicit = new Set(keys);
+  function expand(items) {
+    for (const node of items) {
+      if (explicit.has(node.key)) affectedKeys(node).forEach((key) => checked.add(key));
+      if (node.children) expand(node.children);
+    }
+  }
+  expand(nodes);
+  function fold(node) {
+    const children = node.children?.map(fold).filter((value) => value !== void 0) ?? [];
+    if (node.disabled || node.disableCheckbox) return void 0;
+    if (!children.length) return { checked: checked.has(node.key), partial: false };
+    const all = children.every((child) => child.checked);
+    const some = children.some((child) => child.checked || child.partial);
+    if (node.checkable !== false) {
+      if (all) checked.add(node.key);
+      else checked.delete(node.key);
+      if (!all && some) halfChecked.add(node.key);
+    }
+    return { checked: all, partial: !all && some };
+  }
+  nodes.forEach(fold);
+  return { checked, halfChecked };
+}
+function toggleTreeCheck(nodes, keys, node, strictly = false) {
+  const state = getTreeCheckState(nodes, keys, strictly);
+  const next = new Set(state.checked);
+  const checked = !next.has(node.key);
+  if (node.disabled || node.disableCheckbox || node.checkable === false) return { ...state, checkedValue: !checked };
+  (strictly ? [node.key] : affectedKeys(node)).forEach((key) => checked ? next.add(key) : next.delete(key));
+  if (!strictly && !checked) {
+    let removeParents2 = function(items) {
+      let found = false;
+      for (const item of items) {
+        const childFound = item.children ? removeParents2(item.children) : false;
+        if (childFound) next.delete(item.key);
+        if (item.key === node.key || childFound) found = true;
+      }
+      return found;
+    };
+    var removeParents = removeParents2;
+    removeParents2(nodes);
+  }
+  return { ...getTreeCheckState(nodes, [...next], strictly), checkedValue: checked };
+}
+
 // src/components/FloatingDisplay.tsx
 import { cloneElement, useEffect as useEffect2, useId as useId2, useLayoutEffect, useMemo as useMemo2, useRef as useRef2, useState } from "react";
 import { createPortal } from "react-dom";
@@ -306,9 +361,6 @@ function collectKeys(nodes, branchOnly = false, result = []) {
   });
   return result;
 }
-function descendants(node) {
-  return node.children ? collectKeys(node.children) : [];
-}
 function Tree({
   treeData,
   selectedKeys,
@@ -379,12 +431,11 @@ function Tree({
     setExpanded(next);
     onExpand?.([...next], { expanded: nextExpanded, node });
   }
+  const checkState = useMemo2(() => getTreeCheckState(treeData, checked, checkStrictly), [treeData, checked, checkStrictly]);
   function check(node) {
-    const nodeChecked = checked.includes(node.key);
-    const affected = checkStrictly ? [node.key] : [node.key, ...descendants(node)];
-    const next = nodeChecked ? checked.filter((key) => !affected.includes(key)) : [.../* @__PURE__ */ new Set([...checked, ...affected])];
-    setChecked(next);
-    onCheck?.([...next], { checked: !nodeChecked, node });
+    const next = toggleTreeCheck(treeData, checked, node, checkStrictly);
+    setChecked([...next.checked]);
+    onCheck?.([...next.checked], { checked: next.checkedValue, halfCheckedKeys: [...next.halfChecked], node });
   }
   function select(node, event) {
     if (!selectable || node.selectable === false || node.disabled) return;
@@ -467,7 +518,8 @@ function Tree({
       const open = expanded.includes(node.key);
       const isSelected = selected.includes(node.key);
       const isSelectedAncestor = selectedAncestorKeys.has(node.key);
-      const isChecked = checked.includes(node.key);
+      const isChecked = checkState.checked.has(node.key);
+      const isHalfChecked = checkState.halfChecked.has(node.key);
       const hasChildren = Boolean(node.children?.length || node.isLeaf === false);
       const nodeLoading = loading.has(node.key) || controlledLoading.has(node.key);
       const sticky = stickyAncestors && hasChildren && open;
@@ -502,7 +554,7 @@ function Tree({
                   event.stopPropagation();
                   void toggleExpand(node);
                 }, children: nodeLoading ? /* @__PURE__ */ jsx2(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ jsx2(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx2("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__ */ jsx2("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx2(Checkbox2, { checked: isChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
+                checkable || node.checkable ? /* @__PURE__ */ jsx2("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx2(Checkbox2, { checked: isChecked, indeterminate: isHalfChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
                 node.prefix ? /* @__PURE__ */ jsx2("span", { className: "sia-tree__prefix", onClick: (event) => event.stopPropagation(), children: node.prefix }) : null,
                 showIcon ? /* @__PURE__ */ jsx2("span", { className: "sia-tree__icon", children: node.icon ?? /* @__PURE__ */ jsx2(Icon, { name: hasChildren ? "folder" : "file", size: 15 }) }) : null,
                 /* @__PURE__ */ jsx2(

package/dist/{chunk-NAOV53NK.js → chunk-NEYUBLLB.js}

@@ -5,7 +5,7 @@ import {
   Popover,
   Tooltip,
   useOverlayLifecycle
-} from "./chunk-5MW3NE2V.js";
+} from "./chunk-DQYNL6VZ.js";
 import {
   Dropdown,
   Icon

package/dist/{chunk-IQU4GGLM.js → chunk-T2EKKSCH.js}

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

package/dist/{core-BM-wnJRa.d.cts → core-CTe-Sfl1.d.cts}

@@ -983,7 +983,7 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "o
      * @defaultValue false
      */
     defaultExpandAll?: boolean;
-    /** 受控的勾选节点标识集合。 */
+    /** 受控勾选键；非独立模式自动向下关联子节点、向上汇总父节点及半选，禁用节点阻断传播。通过 onCheck 同步更新。 */
     checkedKeys?: readonly TreeKey[];
     /**
      * 非受控模式下初始勾选的节点标识。
@@ -1001,7 +1001,7 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "o
      */
     checkable?: boolean;
     /**
-     * 父子节点勾选状态是否相互独立。
+     * 为 true 时父子独立；为 false 时父子联动，并显示部分子项选中的半选状态。
      * @defaultValue false
      */
     checkStrictly?: boolean;
@@ -1066,10 +1066,12 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "o
         /** 触发本次操作的原生事件。 */
         nativeEvent: React.MouseEvent;
     }) => void;
-    /** 勾选状态变化时调用。 */
+    /** 用户切换勾选时调用；keys 为联动后的完整选中键，info.halfCheckedKeys 为半选父节点。 */
     onCheck?: (keys: TreeKey[], info: {
         /** 当前是否勾选；作为受控属性时通过回调更新。 */
         checked: boolean;
+        /** 联动计算后处于半选状态的节点键；独立模式为空数组。 */
+        halfCheckedKeys: TreeKey[];
         /** 当前操作关联的节点数据。 */
         node: TreeNode;
     }) => void;

package/dist/{core-CLqv6btD.d.ts → core-DlvCqFU7.d.ts}

@@ -983,7 +983,7 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "o
      * @defaultValue false
      */
     defaultExpandAll?: boolean;
-    /** 受控的勾选节点标识集合。 */
+    /** 受控勾选键；非独立模式自动向下关联子节点、向上汇总父节点及半选，禁用节点阻断传播。通过 onCheck 同步更新。 */
     checkedKeys?: readonly TreeKey[];
     /**
      * 非受控模式下初始勾选的节点标识。
@@ -1001,7 +1001,7 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "o
      */
     checkable?: boolean;
     /**
-     * 父子节点勾选状态是否相互独立。
+     * 为 true 时父子独立；为 false 时父子联动，并显示部分子项选中的半选状态。
      * @defaultValue false
      */
     checkStrictly?: boolean;
@@ -1066,10 +1066,12 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "o
         /** 触发本次操作的原生事件。 */
         nativeEvent: React.MouseEvent;
     }) => void;
-    /** 勾选状态变化时调用。 */
+    /** 用户切换勾选时调用；keys 为联动后的完整选中键，info.halfCheckedKeys 为半选父节点。 */
     onCheck?: (keys: TreeKey[], info: {
         /** 当前是否勾选；作为受控属性时通过回调更新。 */
         checked: boolean;
+        /** 联动计算后处于半选状态的节点键；独立模式为空数组。 */
+        halfCheckedKeys: TreeKey[];
         /** 当前操作关联的节点数据。 */
         node: TreeNode;
     }) => void;

package/dist/core.d.cts

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

package/dist/core.d.ts

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

package/dist/core.js

@@ -10,12 +10,12 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-NAOV53NK.js";
+} from "./chunk-NEYUBLLB.js";
 import "./chunk-YQDHCORW.js";
 import {
   Modal,
   Select
-} from "./chunk-5MW3NE2V.js";
+} from "./chunk-DQYNL6VZ.js";
 import {
   Icon,
   Input,

package/dist/index.cjs

@@ -2432,6 +2432,61 @@ var Checkbox2 = Object.assign(CheckboxRoot, {
 // src/components/SelectionPanel.tsx
 var import_react17 = require("react");
 
+// src/components/treeCheckState.ts
+function affectedKeys(node) {
+  if (node.disabled || node.disableCheckbox) return [];
+  return [...node.checkable === false ? [] : [node.key], ...node.children?.flatMap(affectedKeys) ?? []];
+}
+function getTreeCheckState(nodes, keys, strictly = false) {
+  const checked = new Set(keys);
+  const halfChecked = /* @__PURE__ */ new Set();
+  if (strictly) return { checked, halfChecked };
+  const explicit = new Set(keys);
+  function expand(items) {
+    for (const node of items) {
+      if (explicit.has(node.key)) affectedKeys(node).forEach((key) => checked.add(key));
+      if (node.children) expand(node.children);
+    }
+  }
+  expand(nodes);
+  function fold(node) {
+    const children = node.children?.map(fold).filter((value) => value !== void 0) ?? [];
+    if (node.disabled || node.disableCheckbox) return void 0;
+    if (!children.length) return { checked: checked.has(node.key), partial: false };
+    const all = children.every((child) => child.checked);
+    const some = children.some((child) => child.checked || child.partial);
+    if (node.checkable !== false) {
+      if (all) checked.add(node.key);
+      else checked.delete(node.key);
+      if (!all && some) halfChecked.add(node.key);
+    }
+    return { checked: all, partial: !all && some };
+  }
+  nodes.forEach(fold);
+  return { checked, halfChecked };
+}
+function toggleTreeCheck(nodes, keys, node, strictly = false) {
+  const state = getTreeCheckState(nodes, keys, strictly);
+  const next = new Set(state.checked);
+  const checked = !next.has(node.key);
+  if (node.disabled || node.disableCheckbox || node.checkable === false) return { ...state, checkedValue: !checked };
+  (strictly ? [node.key] : affectedKeys(node)).forEach((key) => checked ? next.add(key) : next.delete(key));
+  if (!strictly && !checked) {
+    let removeParents2 = function(items) {
+      let found = false;
+      for (const item of items) {
+        const childFound = item.children ? removeParents2(item.children) : false;
+        if (childFound) next.delete(item.key);
+        if (item.key === node.key || childFound) found = true;
+      }
+      return found;
+    };
+    var removeParents = removeParents2;
+    removeParents2(nodes);
+  }
+  return { ...getTreeCheckState(nodes, [...next], strictly), checkedValue: checked };
+}
+
 // src/components/FloatingDisplay.tsx
 var import_react14 = require("react");
 var import_react_dom3 = require("react-dom");
@@ -2645,9 +2700,6 @@ function collectKeys(nodes, branchOnly = false, result = []) {
   });
   return result;
 }
-function descendants(node) {
-  return node.children ? collectKeys(node.children) : [];
-}
 function Tree({
   treeData,
   selectedKeys,
@@ -2718,12 +2770,11 @@ function Tree({
     setExpanded(next);
     onExpand?.([...next], { expanded: nextExpanded, node });
   }
+  const checkState = (0, import_react14.useMemo)(() => getTreeCheckState(treeData, checked, checkStrictly), [treeData, checked, checkStrictly]);
   function check(node) {
-    const nodeChecked = checked.includes(node.key);
-    const affected = checkStrictly ? [node.key] : [node.key, ...descendants(node)];
-    const next = nodeChecked ? checked.filter((key) => !affected.includes(key)) : [.../* @__PURE__ */ new Set([...checked, ...affected])];
-    setChecked(next);
-    onCheck?.([...next], { checked: !nodeChecked, node });
+    const next = toggleTreeCheck(treeData, checked, node, checkStrictly);
+    setChecked([...next.checked]);
+    onCheck?.([...next.checked], { checked: next.checkedValue, halfCheckedKeys: [...next.halfChecked], node });
   }
   function select(node, event) {
     if (!selectable || node.selectable === false || node.disabled) return;
@@ -2806,7 +2857,8 @@ function Tree({
       const open = expanded.includes(node.key);
       const isSelected = selected.includes(node.key);
       const isSelectedAncestor = selectedAncestorKeys.has(node.key);
-      const isChecked = checked.includes(node.key);
+      const isChecked = checkState.checked.has(node.key);
+      const isHalfChecked = checkState.halfChecked.has(node.key);
       const hasChildren = Boolean(node.children?.length || node.isLeaf === false);
       const nodeLoading = loading.has(node.key) || controlledLoading.has(node.key);
       const sticky = stickyAncestors && hasChildren && open;
@@ -2841,7 +2893,7 @@ function Tree({
                   event.stopPropagation();
                   void toggleExpand(node);
                 }, children: nodeLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Checkbox2, { checked: isChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
+                checkable || node.checkable ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Checkbox2, { checked: isChecked, indeterminate: isHalfChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
                 node.prefix ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-tree__prefix", onClick: (event) => event.stopPropagation(), children: node.prefix }) : null,
                 showIcon ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-tree__icon", children: node.icon ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: hasChildren ? "folder" : "file", size: 15 }) }) : null,
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -13655,9 +13707,9 @@ function buildHeaderRows(columns) {
       const colSpan = countLeaves(column);
       if (colSpan === 0) continue;
       const leaf = !column.children?.length;
-      const descendants2 = flattenTableColumns([column]);
+      const descendants = flattenTableColumns([column]);
       const segments = [];
-      for (const descendant of descendants2) {
+      for (const descendant of descendants) {
         const previous = segments[segments.length - 1];
         if (previous && normalizeFixed(previous[0].fixed) === normalizeFixed(descendant.fixed)) previous.push(descendant);
         else segments.push([descendant]);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-BM-wnJRa.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b0 as Watermark, b1 as WatermarkFont, b2 as WatermarkProps, b3 as message, b4 as notification } from './core-BM-wnJRa.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-CTe-Sfl1.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b0 as Watermark, b1 as WatermarkFont, b2 as WatermarkProps, b3 as message, b4 as notification } from './core-CTe-Sfl1.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-CLqv6btD.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b0 as Watermark, b1 as WatermarkFont, b2 as WatermarkProps, b3 as message, b4 as notification } from './core-CLqv6btD.js';
+import { T as TagStatus, B as BadgeProps } from './core-DlvCqFU7.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadProps, a$ as UploadRequestOptions, b0 as Watermark, b1 as WatermarkFont, b2 as WatermarkProps, b3 as message, b4 as notification } from './core-DlvCqFU7.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-NAOV53NK.js";
+} from "./chunk-NEYUBLLB.js";
 import {
   TextArea
 } from "./chunk-YQDHCORW.js";
@@ -95,7 +95,7 @@ import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-IQU4GGLM.js";
+} from "./chunk-T2EKKSCH.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -110,7 +110,7 @@ import {
   Tree,
   useOverlayLifecycle,
   useScrollbarProximity
-} from "./chunk-5MW3NE2V.js";
+} from "./chunk-DQYNL6VZ.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,

package/dist/select-date-range.js

@@ -1,7 +1,7 @@
 import {
   SelectDateRange
-} from "./chunk-IQU4GGLM.js";
-import "./chunk-5MW3NE2V.js";
+} from "./chunk-T2EKKSCH.js";
+import "./chunk-DQYNL6VZ.js";
 import "./chunk-YF2I6SDB.js";
 import "./chunk-IYNS423D.js";
 import "./chunk-RAO3JHDL.js";

package/package.json

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