@sia.soul/sia-react-ui 0.1.40 → 0.1.41

package/dist/{core-BAHoW7_e.d.cts → core-C2IieVNm.d.cts}

@@ -852,15 +852,15 @@ declare const Dropdown: typeof DropdownRoot & {
     Button: typeof DropdownButton;
 };
 
-/** Floating的位置类型。 */
-type FloatingPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "right";
+/** 气泡十二个方向；start/end 为对应边的起点/终点对齐，同时支持 topLeft、leftTop 等驼峰别名。 */
+type FloatingPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
 /** 触发浮层显示的交互方式。 */
 type FloatingTrigger = "hover" | "focus" | "click";
 /** 文字提示的属性配置。 */
 interface TooltipProps {
     /** 标题内容，可传入文本或 React 节点。 */
     title?: ReactNode;
-    /** 子内容；组件嵌套内容或当前节点的子项。 */
+    /** 触发气泡的元素；定位以实际接收触发事件的 DOM 元素为准，初始打开时使用首个子元素。 */
     children: ReactElement;
     /** 相对于触发元素的弹出方向和对齐位置。 */
     placement?: FloatingPlacement;
@@ -876,8 +876,13 @@ interface TooltipProps {
     mouseEnterDelay?: number;
     /** 鼠标移出后延迟隐藏的时间。 */
     mouseLeaveDelay?: number;
-    /** 显示箭头及是否指向触发器中心 */
-    arrow?: boolean;
+    /** 是否显示箭头，默认 true；对象配置可让箭头指向触发元素中心。 */
+    arrow?: boolean | {
+        /** 是否指向触发元素中心，默认 false；空间受限时箭头限制在气泡边缘内。 */
+        pointAtCenter?: boolean;
+    };
+    /** 是否自动翻转和贴边偏移，默认 true；滚动时始终跟随触发元素，目标完全离开可视区域时隐藏气泡。 */
+    autoAdjustOverflow?: boolean;
     /** 显示颜色，可使用 CSS 颜色值。 */
     color?: string;
     /** 附加到组件根节点的 CSS 类名。 */
@@ -1119,7 +1124,7 @@ declare function Tree({ treeData, selectedKeys, defaultSelectedKeys, expandedKey
 
 /** 气泡确认的属性配置。 */
 interface PopconfirmProps {
-    /** 子内容；组件嵌套内容或当前节点的子项。 */
+    /** 触发确认框的元素；默认在该元素上方居中显示，空间不足时自动避让。 */
     children: ReactElement;
     /** 标题内容，可传入文本或 React 节点。 */
     title: ReactNode;
@@ -1144,6 +1149,12 @@ interface PopconfirmProps {
      * @defaultValue "top"
      */
     placement?: FloatingPlacement;
+    /** 是否显示箭头，默认 true；设置 { pointAtCenter: true } 时指向触发元素中心。 */
+    arrow?: TooltipProps["arrow"];
+    /** 是否自动翻转和贴边偏移，默认 true；滚动时跟随目标，目标完全离开可视区域时隐藏。 */
+    autoAdjustOverflow?: boolean;
+    /** 是否跳过气泡直接确认，默认 false；为 true 时仅点击触发元素会调用 onConfirm，disabled 优先，异步执行期间忽略重复点击。 */
+    skipConfirm?: boolean;
     /**
      * 触发显示的交互方式。
      * @defaultValue "click"
@@ -1168,15 +1179,17 @@ interface PopconfirmProps {
     showCancel?: boolean;
     /** 显示在内容旁的图标节点，建议使用 Icon 组件。 */
     icon?: ReactNode;
-    /** 用户确认时调用；支持异步返回值，具体签名见类型。 */
-    onConfirm?: (event?: React.MouseEvent) => void | boolean | Promise<void | boolean>;
-    /** 用户取消或通过关闭入口退出时调用。 */
+    /** 点击确定或跳过确认时调用，参数为点击事件；返回 false 保持打开，其余同步结果关闭。返回 Promise 时显示加载状态，成功且结果不为 false 时关闭；抛错或拒绝时保持打开并调用 onConfirmError。受控模式通过 onOpenChange 请求关闭，需外部更新 open。 */
+    onConfirm?: (event?: React.MouseEvent) => void | boolean | PromiseLike<void | boolean>;
+    /** 确认回调抛错或 Promise 拒绝时调用，参数为原始错误；可用于展示失败提示，默认保持气泡并恢复按钮，不自动展示错误文案。 */
+    onConfirmError?: (error: unknown) => void;
+    /** 点击取消按钮时调用，参数为点击事件；点击外部关闭不会触发此回调。 */
     onCancel?: (event?: React.MouseEvent) => void;
     /** 打开状态改变时触发，参数为新的打开状态。 */
     onOpenChange?: (open: boolean) => void;
 }
 /** 气泡确认组件。 */
-declare function Popconfirm({ children, title, description, okText, cancelText, okButtonProps, cancelButtonProps, placement, trigger, open, defaultOpen, disabled, showCancel, icon, onConfirm, onCancel, onOpenChange, }: PopconfirmProps): react.JSX.Element;
+declare function Popconfirm({ children, title, description, okText, cancelText, okButtonProps, cancelButtonProps, placement, trigger, open, defaultOpen, disabled, showCancel, icon, onConfirm, onConfirmError, onCancel, onOpenChange, arrow, autoAdjustOverflow, skipConfirm, }: PopconfirmProps): react.JSX.Element;
 /** 进度的状态类型。 */
 type ProgressStatus = "normal" | "active" | "success" | "exception";
 /** 进度的属性配置。 */

package/dist/{core-fn8h4yRg.d.ts → core-ZmKnvCFV.d.ts}

@@ -852,15 +852,15 @@ declare const Dropdown: typeof DropdownRoot & {
     Button: typeof DropdownButton;
 };
 
-/** Floating的位置类型。 */
-type FloatingPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "right";
+/** 气泡十二个方向；start/end 为对应边的起点/终点对齐，同时支持 topLeft、leftTop 等驼峰别名。 */
+type FloatingPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
 /** 触发浮层显示的交互方式。 */
 type FloatingTrigger = "hover" | "focus" | "click";
 /** 文字提示的属性配置。 */
 interface TooltipProps {
     /** 标题内容，可传入文本或 React 节点。 */
     title?: ReactNode;
-    /** 子内容；组件嵌套内容或当前节点的子项。 */
+    /** 触发气泡的元素；定位以实际接收触发事件的 DOM 元素为准，初始打开时使用首个子元素。 */
     children: ReactElement;
     /** 相对于触发元素的弹出方向和对齐位置。 */
     placement?: FloatingPlacement;
@@ -876,8 +876,13 @@ interface TooltipProps {
     mouseEnterDelay?: number;
     /** 鼠标移出后延迟隐藏的时间。 */
     mouseLeaveDelay?: number;
-    /** 显示箭头及是否指向触发器中心 */
-    arrow?: boolean;
+    /** 是否显示箭头，默认 true；对象配置可让箭头指向触发元素中心。 */
+    arrow?: boolean | {
+        /** 是否指向触发元素中心，默认 false；空间受限时箭头限制在气泡边缘内。 */
+        pointAtCenter?: boolean;
+    };
+    /** 是否自动翻转和贴边偏移，默认 true；滚动时始终跟随触发元素，目标完全离开可视区域时隐藏气泡。 */
+    autoAdjustOverflow?: boolean;
     /** 显示颜色，可使用 CSS 颜色值。 */
     color?: string;
     /** 附加到组件根节点的 CSS 类名。 */
@@ -1119,7 +1124,7 @@ declare function Tree({ treeData, selectedKeys, defaultSelectedKeys, expandedKey
 
 /** 气泡确认的属性配置。 */
 interface PopconfirmProps {
-    /** 子内容；组件嵌套内容或当前节点的子项。 */
+    /** 触发确认框的元素；默认在该元素上方居中显示，空间不足时自动避让。 */
     children: ReactElement;
     /** 标题内容，可传入文本或 React 节点。 */
     title: ReactNode;
@@ -1144,6 +1149,12 @@ interface PopconfirmProps {
      * @defaultValue "top"
      */
     placement?: FloatingPlacement;
+    /** 是否显示箭头，默认 true；设置 { pointAtCenter: true } 时指向触发元素中心。 */
+    arrow?: TooltipProps["arrow"];
+    /** 是否自动翻转和贴边偏移，默认 true；滚动时跟随目标，目标完全离开可视区域时隐藏。 */
+    autoAdjustOverflow?: boolean;
+    /** 是否跳过气泡直接确认，默认 false；为 true 时仅点击触发元素会调用 onConfirm，disabled 优先，异步执行期间忽略重复点击。 */
+    skipConfirm?: boolean;
     /**
      * 触发显示的交互方式。
      * @defaultValue "click"
@@ -1168,15 +1179,17 @@ interface PopconfirmProps {
     showCancel?: boolean;
     /** 显示在内容旁的图标节点，建议使用 Icon 组件。 */
     icon?: ReactNode;
-    /** 用户确认时调用；支持异步返回值，具体签名见类型。 */
-    onConfirm?: (event?: React.MouseEvent) => void | boolean | Promise<void | boolean>;
-    /** 用户取消或通过关闭入口退出时调用。 */
+    /** 点击确定或跳过确认时调用，参数为点击事件；返回 false 保持打开，其余同步结果关闭。返回 Promise 时显示加载状态，成功且结果不为 false 时关闭；抛错或拒绝时保持打开并调用 onConfirmError。受控模式通过 onOpenChange 请求关闭，需外部更新 open。 */
+    onConfirm?: (event?: React.MouseEvent) => void | boolean | PromiseLike<void | boolean>;
+    /** 确认回调抛错或 Promise 拒绝时调用，参数为原始错误；可用于展示失败提示，默认保持气泡并恢复按钮，不自动展示错误文案。 */
+    onConfirmError?: (error: unknown) => void;
+    /** 点击取消按钮时调用，参数为点击事件；点击外部关闭不会触发此回调。 */
     onCancel?: (event?: React.MouseEvent) => void;
     /** 打开状态改变时触发，参数为新的打开状态。 */
     onOpenChange?: (open: boolean) => void;
 }
 /** 气泡确认组件。 */
-declare function Popconfirm({ children, title, description, okText, cancelText, okButtonProps, cancelButtonProps, placement, trigger, open, defaultOpen, disabled, showCancel, icon, onConfirm, onCancel, onOpenChange, }: PopconfirmProps): react.JSX.Element;
+declare function Popconfirm({ children, title, description, okText, cancelText, okButtonProps, cancelButtonProps, placement, trigger, open, defaultOpen, disabled, showCancel, icon, onConfirm, onConfirmError, onCancel, onOpenChange, arrow, autoAdjustOverflow, skipConfirm, }: PopconfirmProps): react.JSX.Element;
 /** 进度的状态类型。 */
 type ProgressStatus = "normal" | "active" | "success" | "exception";
 /** 进度的属性配置。 */

package/dist/core.cjs

@@ -2204,38 +2204,66 @@ var activeTooltipClose;
 function clampFloating(value, min, max) {
   return Math.min(Math.max(value, min), Math.max(min, max));
 }
-function resolveFloatingPosition(trigger, overlay, placement) {
+function normalizeFloatingPlacement(placement) {
+  const aliases = {
+    topLeft: "top-start",
+    topRight: "top-end",
+    bottomLeft: "bottom-start",
+    bottomRight: "bottom-end",
+    leftTop: "left-start",
+    leftBottom: "left-end",
+    rightTop: "right-start",
+    rightBottom: "right-end"
+  };
+  return aliases[placement] ?? placement;
+}
+function resolveFloatingPosition(trigger, overlay, placement, pointAtCenter, adjust) {
   const viewportWidth = document.documentElement.clientWidth;
   const viewportHeight = document.documentElement.clientHeight;
-  let resolvedPlacement = placement;
-  if (placement.startsWith("top") && trigger.top - overlay.height - FLOATING_GAP < FLOATING_VIEWPORT_PADDING && trigger.bottom + overlay.height + FLOATING_GAP <= viewportHeight - FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = placement.replace("top", "bottom");
-  } else if (placement.startsWith("bottom") && trigger.bottom + overlay.height + FLOATING_GAP > viewportHeight - FLOATING_VIEWPORT_PADDING && trigger.top - overlay.height - FLOATING_GAP >= FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = placement.replace("bottom", "top");
-  } else if (placement === "left" && trigger.left - overlay.width - FLOATING_GAP < FLOATING_VIEWPORT_PADDING && trigger.right + overlay.width + FLOATING_GAP <= viewportWidth - FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = "right";
-  } else if (placement === "right" && trigger.right + overlay.width + FLOATING_GAP > viewportWidth - FLOATING_VIEWPORT_PADDING && trigger.left - overlay.width - FLOATING_GAP >= FLOATING_VIEWPORT_PADDING) {
-    resolvedPlacement = "left";
+  let resolvedPlacement = normalizeFloatingPlacement(placement);
+  const side = resolvedPlacement.split("-")[0];
+  const available = { top: trigger.top, bottom: viewportHeight - trigger.bottom, left: trigger.left, right: viewportWidth - trigger.right };
+  const opposite = { top: "bottom", bottom: "top", left: "right", right: "left" };
+  const preferred = side;
+  const other = opposite[preferred];
+  const needed = (side === "top" || side === "bottom" ? overlay.height : overlay.width) + FLOATING_GAP + FLOATING_VIEWPORT_PADDING;
+  if (adjust && available[preferred] < needed && available[other] > available[preferred]) {
+    resolvedPlacement = resolvedPlacement.replace(preferred, other);
   }
-  let top = trigger.top;
-  let left = trigger.left;
-  if (resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom")) {
-    top = resolvedPlacement.startsWith("top") ? trigger.top - overlay.height - FLOATING_GAP : trigger.bottom + FLOATING_GAP;
-    left = resolvedPlacement.endsWith("-start") ? trigger.left : resolvedPlacement.endsWith("-end") ? trigger.right - overlay.width : trigger.left + (trigger.width - overlay.width) / 2;
-  } else {
-    top = trigger.top + (trigger.height - overlay.height) / 2;
-    left = resolvedPlacement === "left" ? trigger.left - overlay.width - FLOATING_GAP : trigger.right + FLOATING_GAP;
+  const vertical = resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom");
+  const start = resolvedPlacement.endsWith("-start");
+  const end = resolvedPlacement.endsWith("-end");
+  let top = vertical ? resolvedPlacement.startsWith("top") ? trigger.top - overlay.height - FLOATING_GAP : trigger.bottom + FLOATING_GAP : start ? trigger.top : end ? trigger.bottom - overlay.height : trigger.top + (trigger.height - overlay.height) / 2;
+  let left = vertical ? start ? trigger.left : end ? trigger.right - overlay.width : trigger.left + (trigger.width - overlay.width) / 2 : resolvedPlacement.startsWith("left") ? trigger.left - overlay.width - FLOATING_GAP : trigger.right + FLOATING_GAP;
+  if (adjust) {
+    if (vertical) left = clampFloating(left, FLOATING_VIEWPORT_PADDING, viewportWidth - overlay.width - FLOATING_VIEWPORT_PADDING);
+    else top = clampFloating(top, FLOATING_VIEWPORT_PADDING, viewportHeight - overlay.height - FLOATING_VIEWPORT_PADDING);
   }
-  top = clampFloating(top, FLOATING_VIEWPORT_PADDING, viewportHeight - overlay.height - FLOATING_VIEWPORT_PADDING);
-  left = clampFloating(left, FLOATING_VIEWPORT_PADDING, viewportWidth - overlay.width - FLOATING_VIEWPORT_PADDING);
   const result = { top, left, placement: resolvedPlacement };
-  if (resolvedPlacement.startsWith("top") || resolvedPlacement.startsWith("bottom")) {
-    result.arrowX = resolvedPlacement.endsWith("-start") ? clampFloating(FLOATING_ARROW_EDGE_OFFSET, 8, overlay.width - 16) : resolvedPlacement.endsWith("-end") ? clampFloating(overlay.width - FLOATING_ARROW_EDGE_OFFSET - 8, 8, overlay.width - 16) : clampFloating(trigger.left + trigger.width / 2 - left - 4, 8, overlay.width - 16);
-  } else {
-    result.arrowY = clampFloating(trigger.top + trigger.height / 2 - top - 4, 8, overlay.height - 16);
-  }
+  const size = vertical ? trigger.width : trigger.height;
+  const anchorStart = vertical ? trigger.left : trigger.top;
+  const edge = Math.min(size / 2, FLOATING_ARROW_EDGE_OFFSET + 4);
+  const target = anchorStart + (pointAtCenter || !start && !end ? size / 2 : start ? edge : size - edge);
+  if (vertical) result.arrowX = clampFloating(target - left - 4, 8, overlay.width - 16);
+  else result.arrowY = clampFloating(target - top - 4, 8, overlay.height - 16);
   return result;
 }
+function isFloatingAnchorHidden(anchor, rect) {
+  let left = 0, top = 0, right = document.documentElement.clientWidth, bottom = document.documentElement.clientHeight;
+  for (let parent = anchor.parentElement; parent; parent = parent.parentElement) {
+    const css = getComputedStyle(parent);
+    const bounds = parent.getBoundingClientRect();
+    if (/(auto|scroll|hidden|clip)/.test(css.overflowX)) {
+      left = Math.max(left, bounds.left);
+      right = Math.min(right, bounds.right);
+    }
+    if (/(auto|scroll|hidden|clip)/.test(css.overflowY)) {
+      top = Math.max(top, bounds.top);
+      bottom = Math.min(bottom, bounds.bottom);
+    }
+  }
+  return rect.right <= left || rect.left >= right || rect.bottom <= top || rect.top >= bottom;
+}
 function Floating({
   children,
   content,
@@ -2246,6 +2274,7 @@ function Floating({
   mouseEnterDelay = 0.1,
   mouseLeaveDelay = 0.1,
   arrow = true,
+  autoAdjustOverflow = true,
   color,
   className = "",
   overlayClassName = "",
@@ -2253,6 +2282,7 @@ function Floating({
   onOpenChange
 }) {
   const rootRef = (0, import_react13.useRef)(null);
+  const triggerElementRef = (0, import_react13.useRef)(null);
   const overlayRef = (0, import_react13.useRef)(null);
   const enterTimer = (0, import_react13.useRef)();
   const leaveTimer = (0, import_react13.useRef)();
@@ -2304,28 +2334,42 @@ function Floating({
       setPosition(void 0);
       return;
     }
+    const getAnchor = () => {
+      const root = rootRef.current;
+      const target = triggerElementRef.current;
+      return target && root?.contains(target) ? target : root?.firstElementChild ?? root;
+    };
     const update = () => {
       if (!rootRef.current || !overlayRef.current) return;
-      setPosition(resolveFloatingPosition(rootRef.current.getBoundingClientRect(), overlayRef.current.getBoundingClientRect(), placement));
+      const anchor2 = getAnchor();
+      if (anchor2) {
+        const rect = anchor2.getBoundingClientRect();
+        const next = resolveFloatingPosition(rect, overlayRef.current.getBoundingClientRect(), placement, typeof arrow === "object" && !!arrow.pointAtCenter, autoAdjustOverflow);
+        next.hidden = isFloatingAnchorHidden(anchor2, rect);
+        setPosition(next);
+      }
     };
     update();
     window.addEventListener("resize", update);
     window.addEventListener("scroll", update, true);
     const observer = new ResizeObserver(update);
     if (rootRef.current) observer.observe(rootRef.current);
+    const anchor = getAnchor();
+    if (anchor) observer.observe(anchor);
     if (overlayRef.current) observer.observe(overlayRef.current);
     return () => {
       window.removeEventListener("resize", update);
       window.removeEventListener("scroll", update, true);
       observer.disconnect();
     };
-  }, [children, content, placement, visible]);
+  }, [children, content, placement, visible, autoAdjustOverflow, typeof arrow === "object" && arrow.pointAtCenter]);
   (0, import_react13.useEffect)(() => () => {
     clearTimers();
     if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
   }, []);
   const child = (0, import_react13.cloneElement)(children, {
     ...triggers.includes("hover") ? { onMouseEnter: (event) => {
+      triggerElementRef.current = event.currentTarget;
       children.props.onMouseEnter?.(event);
       show(mouseEnterDelay);
     }, onMouseLeave: (event) => {
@@ -2333,6 +2377,7 @@ function Floating({
       hide(mouseLeaveDelay);
     } } : {},
     ...triggers.includes("focus") ? { onFocus: (event) => {
+      triggerElementRef.current = event.currentTarget;
       children.props.onFocus?.(event);
       show();
     }, onBlur: (event) => {
@@ -2340,6 +2385,7 @@ function Floating({
       hide();
     } } : {},
     ...triggers.includes("click") ? { onClick: (event) => {
+      triggerElementRef.current = event.currentTarget;
       children.props.onClick?.(event);
       if (visible) closeNow();
       else openNow();
@@ -2354,14 +2400,14 @@ function Floating({
         id: contentId,
         role,
         "data-custom-color": color ? "" : void 0,
-        className: `sia-floating__overlay sia-floating__overlay--${position?.placement ?? placement} ${overlayClassName}`.trim(),
+        className: `sia-floating__overlay sia-floating__overlay--${position?.placement ?? normalizeFloatingPlacement(placement)} ${overlayClassName}`.trim(),
         style: {
           "--sia-floating-color": color,
           "--sia-floating-arrow-x": position?.arrowX == null ? void 0 : `${position.arrowX}px`,
           "--sia-floating-arrow-y": position?.arrowY == null ? void 0 : `${position.arrowY}px`,
           top: position?.top ?? 0,
           left: position?.left ?? 0,
-          visibility: position ? "visible" : "hidden"
+          visibility: position && !position.hidden ? "visible" : "hidden"
         },
         onMouseEnter: triggers.includes("hover") ? () => show() : void 0,
         onMouseLeave: triggers.includes("hover") ? () => hide(mouseLeaveDelay) : void 0,

package/dist/core.css

@@ -121,6 +121,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   min-width: 0;
   height: 100%;
 }
+.sia-picker-range-control__field.is-active::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  bottom: -1px;
+  left: 0;
+  height: 3px;
+  background: var(--sia-color-primary);
+  pointer-events: none;
+}
 .sia-picker-range-control__field.sia-placeholder-floating > .is-placeholder {
   color: transparent;
 }
@@ -405,7 +415,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   --sia-control-height-large: 38px;
   --sia-control-height: var(--sia-control-height-medium);
   --sia-spacing: 16px;
-  --sia-font-size: 16px;
+  --sia-font-size: 13px;
   --sia-font-size-small: 13px;
   --sia-control-font-size: 13px;
   --sia-font-size-large: 18px;
@@ -7380,6 +7390,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-form-item__label {
   padding-top: 8px;
   text-align: right;
+  font-size: 13px;
   line-height: 1.45;
 }
 .sia-form-item__required-mark {
@@ -9075,13 +9086,17 @@ body > .sia-popup-portal[data-sia-popup-layer] {
   border-top-width: 1px;
   border-left-width: 1px;
 }
-.sia-floating__overlay--left .sia-floating__arrow {
+.sia-floating__overlay--left .sia-floating__arrow,
+.sia-floating__overlay--left-start .sia-floating__arrow,
+.sia-floating__overlay--left-end .sia-floating__arrow {
   top: var(--sia-floating-arrow-y, calc(50% - 4px));
   right: -4px;
   border-top-width: 1px;
   border-right-width: 1px;
 }
-.sia-floating__overlay--right .sia-floating__arrow {
+.sia-floating__overlay--right .sia-floating__arrow,
+.sia-floating__overlay--right-start .sia-floating__arrow,
+.sia-floating__overlay--right-end .sia-floating__arrow {
   top: var(--sia-floating-arrow-y, calc(50% - 4px));
   left: -4px;
   border-bottom-width: 1px;

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, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-BAHoW7_e.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-C2IieVNm.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, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-fn8h4yRg.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagSize, T as TagStatus, aA as TagVariant, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aR as Typography, aS as TypographyLinkProps, aT as TypographyProps, aU as TypographyTitleProps, aV as TypographyType, aW as Upload, aX as UploadChangeInfo, aY as UploadDraggerProps, aZ as UploadFile, a_ as UploadFileStatus, b1 as UploadProps, b5 as UploadRequestOptions, b9 as message } from './core-ZmKnvCFV.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-CEZ4GW3X.js";
+} from "./chunk-IPDCEXQO.js";
 import "./chunk-SMCYEPBL.js";
 import {
   Modal,
   Select
-} from "./chunk-ZTJUFVJO.js";
+} from "./chunk-3Q3S6CDZ.js";
 import {
   Icon,
   Input,