@sia.soul/sia-react-ui 0.1.91 → 0.1.92

package/dist/{chunk-GLXGN5SO.js → chunk-3JCIEB7I.js}

@@ -1,10 +1,10 @@
 import {
   FloatingScrollbarProvider,
   Select
-} from "./chunk-7BJPQCRG.js";
+} from "./chunk-ZY3YKRD4.js";
 import {
   Icon
-} from "./chunk-G5K72R4O.js";
+} from "./chunk-X5BFQUFX.js";
 import {
   PopupPortal,
   useControlSize,

package/dist/{chunk-AG2VFAZR.js → chunk-7MTL2KB5.js}

@@ -1,12 +1,12 @@
 import {
   Popover,
   Tooltip
-} from "./chunk-7BJPQCRG.js";
+} from "./chunk-ZY3YKRD4.js";
 import {
   Dropdown,
   Icon,
   useOverlayLifecycle
-} from "./chunk-G5K72R4O.js";
+} from "./chunk-X5BFQUFX.js";
 import {
   Button,
   TextArea

package/dist/{chunk-G5K72R4O.js → chunk-X5BFQUFX.js}

@@ -1351,7 +1351,8 @@ var placementMap = {
   topLeft: "top-start",
   topRight: "top-end"
 };
-function DropdownRoot({
+function DropdownInternal({
+  popupAnchorRef,
   menu,
   children,
   trigger = ["hover"],
@@ -1564,7 +1565,7 @@ function DropdownRoot({
           PopupPortal,
           {
             ref: popupRef,
-            anchorRef: contextPoint ? contextAnchorRef : rootRef,
+            anchorRef: contextPoint ? contextAnchorRef : popupAnchorRef ?? rootRef,
             open: mounted,
             placement: contextPoint ? "bottom-start" : placementMap[placement],
             offset: contextPoint ? 2 : 6,
@@ -1586,6 +1587,9 @@ function DropdownRoot({
     }
   );
 }
+function DropdownRoot(props) {
+  return /* @__PURE__ */ jsx5(DropdownInternal, { ...props });
+}
 function DropdownButton({
   children,
   className = "",
@@ -1597,9 +1601,10 @@ function DropdownButton({
   trigger = ["click"],
   ...dropdownProps
 }) {
-  return /* @__PURE__ */ jsxs4("span", { className: `sia-dropdown-button ${className}`.trim(), children: [
+  const groupRef = useRef2(null);
+  return /* @__PURE__ */ jsxs4("span", { ref: groupRef, className: `sia-dropdown-button ${className}`.trim(), children: [
     /* @__PURE__ */ jsx5(Button, { ...buttonProps, disabled: disabled || buttonDisabled, onClick, children }),
-    /* @__PURE__ */ jsx5(DropdownRoot, { ...dropdownProps, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx5(DropdownInternal, { ...dropdownProps, popupAnchorRef: groupRef, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ jsx5(
       Button,
       {
         ...buttonProps,

package/dist/{chunk-OPYA3PMD.js → chunk-YPHUBD4F.js}

@@ -2,7 +2,7 @@ import {
   Dropdown,
   Icon,
   Input
-} from "./chunk-G5K72R4O.js";
+} from "./chunk-X5BFQUFX.js";
 import {
   Button
 } from "./chunk-SJFT5OSX.js";

package/dist/{chunk-7BJPQCRG.js → chunk-ZY3YKRD4.js}

@@ -3,7 +3,7 @@ import {
   Icon,
   Input,
   Modal
-} from "./chunk-G5K72R4O.js";
+} from "./chunk-X5BFQUFX.js";
 import {
   Button
 } from "./chunk-SJFT5OSX.js";

package/dist/{core-BGA9VB0L.d.ts → core-DBfzPqVR.d.ts}

@@ -875,9 +875,15 @@ interface DropdownProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"
         source: DropdownOpenSource;
     }) => void;
 }
-declare function DropdownRoot({ menu, children, trigger, placement, open, defaultOpen, disabled, showTriggerIcon, arrow, autoFocus, openDelay, closeDelay, popupClassName, popupStyle, popupRender, onOpenChange, className, onClick, onMouseEnter, onMouseLeave, onContextMenu, onKeyDown, ...props }: DropdownProps): react.JSX.Element;
-/** DropdownButton的属性配置。 */
+/** 普通下拉菜单使用自身触发器定位，不对外暴露组合按钮的内部锚点。 */
+declare function DropdownRoot(props: DropdownProps): react.JSX.Element;
+/** 组合下拉按钮的属性配置；菜单相对于整组按钮定位，主操作和箭头触发保持独立。 */
 interface DropdownButtonProps extends Omit<DropdownProps, "children" | "className"> {
+    /**
+     * 相对于整组按钮的弹出方向和对齐位置；默认优先与主按钮左侧对齐，视口空间不足时自动调整位置。
+     * @defaultValue "bottomLeft"
+     */
+    placement?: DropdownPlacement;
     /** 子内容；组件嵌套内容或当前节点的子项。 */
     children?: ReactNode;
     /**

package/dist/{core-OIIkAeiG.d.cts → core-DV-4tf3K.d.cts}

@@ -875,9 +875,15 @@ interface DropdownProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"
         source: DropdownOpenSource;
     }) => void;
 }
-declare function DropdownRoot({ menu, children, trigger, placement, open, defaultOpen, disabled, showTriggerIcon, arrow, autoFocus, openDelay, closeDelay, popupClassName, popupStyle, popupRender, onOpenChange, className, onClick, onMouseEnter, onMouseLeave, onContextMenu, onKeyDown, ...props }: DropdownProps): react.JSX.Element;
-/** DropdownButton的属性配置。 */
+/** 普通下拉菜单使用自身触发器定位，不对外暴露组合按钮的内部锚点。 */
+declare function DropdownRoot(props: DropdownProps): react.JSX.Element;
+/** 组合下拉按钮的属性配置；菜单相对于整组按钮定位，主操作和箭头触发保持独立。 */
 interface DropdownButtonProps extends Omit<DropdownProps, "children" | "className"> {
+    /**
+     * 相对于整组按钮的弹出方向和对齐位置；默认优先与主按钮左侧对齐，视口空间不足时自动调整位置。
+     * @defaultValue "bottomLeft"
+     */
+    placement?: DropdownPlacement;
     /** 子内容；组件嵌套内容或当前节点的子项。 */
     children?: ReactNode;
     /**

package/dist/core.cjs

@@ -1707,7 +1707,8 @@ var placementMap = {
   topLeft: "top-start",
   topRight: "top-end"
 };
-function DropdownRoot({
+function DropdownInternal({
+  popupAnchorRef,
   menu,
   children,
   trigger = ["hover"],
@@ -1920,7 +1921,7 @@ function DropdownRoot({
           PopupPortal,
           {
             ref: popupRef,
-            anchorRef: contextPoint ? contextAnchorRef : rootRef,
+            anchorRef: contextPoint ? contextAnchorRef : popupAnchorRef ?? rootRef,
             open: mounted,
             placement: contextPoint ? "bottom-start" : placementMap[placement],
             offset: contextPoint ? 2 : 6,
@@ -1942,6 +1943,9 @@ function DropdownRoot({
     }
   );
 }
+function DropdownRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownInternal, { ...props });
+}
 function DropdownButton({
   children,
   className = "",
@@ -1953,9 +1957,10 @@ function DropdownButton({
   trigger = ["click"],
   ...dropdownProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: `sia-dropdown-button ${className}`.trim(), children: [
+  const groupRef = (0, import_react8.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { ref: groupRef, className: `sia-dropdown-button ${className}`.trim(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { ...buttonProps, disabled: disabled || buttonDisabled, onClick, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownRoot, { ...dropdownProps, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownInternal, { ...dropdownProps, popupAnchorRef: groupRef, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Button,
       {
         ...buttonProps,

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-OIIkAeiG.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-DV-4tf3K.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-Bv2AmXRD.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-BGA9VB0L.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-DBfzPqVR.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-Cc1owuvN.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,16 +10,16 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-AG2VFAZR.js";
+} from "./chunk-7MTL2KB5.js";
 import {
   Select
-} from "./chunk-7BJPQCRG.js";
+} from "./chunk-ZY3YKRD4.js";
 import {
   Icon,
   Input,
   Modal,
   Segmented
-} from "./chunk-G5K72R4O.js";
+} from "./chunk-X5BFQUFX.js";
 import {
   Button
 } from "./chunk-SJFT5OSX.js";

package/dist/index.cjs

@@ -1877,7 +1877,8 @@ var placementMap = {
   topLeft: "top-start",
   topRight: "top-end"
 };
-function DropdownRoot({
+function DropdownInternal({
+  popupAnchorRef,
   menu,
   children,
   trigger = ["hover"],
@@ -2090,7 +2091,7 @@ function DropdownRoot({
           PopupPortal,
           {
             ref: popupRef,
-            anchorRef: contextPoint ? contextAnchorRef : rootRef,
+            anchorRef: contextPoint ? contextAnchorRef : popupAnchorRef ?? rootRef,
             open: mounted,
             placement: contextPoint ? "bottom-start" : placementMap[placement],
             offset: contextPoint ? 2 : 6,
@@ -2112,6 +2113,9 @@ function DropdownRoot({
     }
   );
 }
+function DropdownRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownInternal, { ...props });
+}
 function DropdownButton({
   children,
   className = "",
@@ -2123,9 +2127,10 @@ function DropdownButton({
   trigger = ["click"],
   ...dropdownProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: `sia-dropdown-button ${className}`.trim(), children: [
+  const groupRef = (0, import_react8.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { ref: groupRef, className: `sia-dropdown-button ${className}`.trim(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { ...buttonProps, disabled: disabled || buttonDisabled, onClick, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownRoot, { ...dropdownProps, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownInternal, { ...dropdownProps, popupAnchorRef: groupRef, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Button,
       {
         ...buttonProps,

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-OIIkAeiG.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 TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-OIIkAeiG.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-DV-4tf3K.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 TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-DV-4tf3K.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-BGA9VB0L.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 TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-BGA9VB0L.js';
+import { T as TagStatus, B as BadgeProps } from './core-DBfzPqVR.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 TagSize, aA as TagVariant, aB as Timeline, aC as TimelineItem, aD as TimelineProps, aE as Toolbar, aF as ToolbarItem, aG as ToolbarProps, aH as Tooltip, aI as TooltipProps, aJ as Tour, aK as TourProps, aL as TourStep, aM as Tree, aN as TreeDropPosition, aO as TreeKey, aP as TreeNode, aQ as TreeProps, 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, a$ as UploadHttpRequest, b0 as UploadItemActions, b1 as UploadProps, b2 as UploadRef, b3 as UploadRejectInfo, b4 as UploadRequestHandle, b5 as UploadRequestOptions, b6 as Watermark, b7 as WatermarkFont, b8 as WatermarkProps, b9 as message, ba as notification } from './core-DBfzPqVR.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,19 +80,19 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-AG2VFAZR.js";
+} from "./chunk-7MTL2KB5.js";
 import {
   MarkdownEditor
 } from "./chunk-TUXNOSCT.js";
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-OPYA3PMD.js";
+} from "./chunk-YPHUBD4F.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-GLXGN5SO.js";
+} from "./chunk-3JCIEB7I.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -104,7 +104,7 @@ import {
   Tooltip,
   Tree,
   useScrollbarProximity
-} from "./chunk-7BJPQCRG.js";
+} from "./chunk-ZY3YKRD4.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -117,7 +117,7 @@ import {
   Segmented,
   Steps,
   useOverlayLifecycle
-} from "./chunk-G5K72R4O.js";
+} from "./chunk-X5BFQUFX.js";
 import {
   Button,
   TextArea

package/dist/rich-text-editor.cjs

@@ -1710,7 +1710,8 @@ var placementMap = {
   topLeft: "top-start",
   topRight: "top-end"
 };
-function DropdownRoot({
+function DropdownInternal({
+  popupAnchorRef,
   menu,
   children,
   trigger = ["hover"],
@@ -1923,7 +1924,7 @@ function DropdownRoot({
           PopupPortal,
           {
             ref: popupRef,
-            anchorRef: contextPoint ? contextAnchorRef : rootRef,
+            anchorRef: contextPoint ? contextAnchorRef : popupAnchorRef ?? rootRef,
             open: mounted,
             placement: contextPoint ? "bottom-start" : placementMap[placement],
             offset: contextPoint ? 2 : 6,
@@ -1945,6 +1946,9 @@ function DropdownRoot({
     }
   );
 }
+function DropdownRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownInternal, { ...props });
+}
 function DropdownButton({
   children,
   className = "",
@@ -1956,9 +1960,10 @@ function DropdownButton({
   trigger = ["click"],
   ...dropdownProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: `sia-dropdown-button ${className}`.trim(), children: [
+  const groupRef = (0, import_react8.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { ref: groupRef, className: `sia-dropdown-button ${className}`.trim(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { ...buttonProps, disabled: disabled || buttonDisabled, onClick, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownRoot, { ...dropdownProps, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownInternal, { ...dropdownProps, popupAnchorRef: groupRef, disabled: disabled || dropdownDisabled, trigger, showTriggerIcon: false, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Button,
       {
         ...buttonProps,

package/dist/rich-text-editor.js

@@ -1,8 +1,8 @@
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-OPYA3PMD.js";
-import "./chunk-G5K72R4O.js";
+} from "./chunk-YPHUBD4F.js";
+import "./chunk-X5BFQUFX.js";
 import "./chunk-SJFT5OSX.js";
 import "./chunk-PUZWLIIJ.js";
 export {

package/dist/select-date-range.js

@@ -1,8 +1,8 @@
 import {
   SelectDateRange
-} from "./chunk-GLXGN5SO.js";
-import "./chunk-7BJPQCRG.js";
-import "./chunk-G5K72R4O.js";
+} from "./chunk-3JCIEB7I.js";
+import "./chunk-ZY3YKRD4.js";
+import "./chunk-X5BFQUFX.js";
 import "./chunk-SJFT5OSX.js";
 import "./chunk-PUZWLIIJ.js";
 export {

package/package.json

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