@bysages/react 0.5.0 → 0.6.0

package/dist/components/menubar/index.mjs

@@ -1,11 +1,11 @@
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";
 // src/components/menubar/index.tsx
-function MenubarImpl({ items, onSelect, children, ...rest }) {
+function MenubarImpl({ portal = false, items, onSelect, children, ...rest }) {
 	injectComponentStyle("menubar");
 	injectComponentStyle("menu");
 	const hostId = useElementId("menubar", rest);
@@ -26,13 +26,16 @@ function MenubarImpl({ items, onSelect, children, ...rest }) {
 					"data-part": "trigger",
 					children: group.label
 				})
-			}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: group.items.map((entry) => /* @__PURE__ */ jsx(Menu.Item, {
-				value: entry.value,
-				disabled: entry.disabled,
-				"data-danger": entry.danger ? "" : void 0,
-				onSelect: () => onSelect?.(entry.value),
-				children: /* @__PURE__ */ jsx(Menu.ItemText, { children: entry.label })
-			}, entry.value)) }) }) })]
+			}), /* @__PURE__ */ jsx(FloatingPortal, {
+				portal,
+				children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: group.items.map((entry) => /* @__PURE__ */ jsx(Menu.Item, {
+					value: entry.value,
+					disabled: entry.disabled,
+					"data-danger": entry.danger ? "" : void 0,
+					onSelect: () => onSelect?.(entry.value),
+					children: /* @__PURE__ */ jsx(Menu.ItemText, { children: entry.label })
+				}, entry.value)) }) })
+			})]
 		}, group.label)), children]
 	});
 }

package/dist/components/navigation-menu/index.d.mts

@@ -1,3 +1,4 @@
+import { t as FloatingPortalProps } from "../../floating-BhcDRgnx.mjs";
 import { ComponentProps } from "react";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-menu";
 /** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
@@ -6,6 +7,12 @@ import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-men
  * Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
 declare function NavigationMenuRoot(props: ComponentProps<typeof NavigationMenu$1.Root>): import("react").JSX.Element;
 declare function NavigationMenuLink(props: ComponentProps<typeof NavigationMenu$1.Link>): import("react").JSX.Element;
+/** The shared panel stage keeps the raw Ark part until a caller opts into
+ * a portal; the flat-link facade has no vessel of its own. */
+declare const NavigationMenuViewportPositioner: {
+  ({ portal, ...rest }: FloatingPortalProps & NavigationMenu$1.ViewportPositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
 /** One flat destination in the callable bar; grouped panels and mega
  * menus stay on the anatomy. */
 export interface NavigationMenuLinkOption {
@@ -23,9 +30,10 @@ declare function NavigationMenuFacade({ items, orientation, className }: Navigat
 declare namespace NavigationMenuFacade {
   var displayName: string;
 }
-type NavigationMenuParts = Omit<typeof NavigationMenu$1, "Root" | "Link"> & {
+type NavigationMenuParts = Omit<typeof NavigationMenu$1, "Root" | "Link" | "ViewportPositioner"> & {
   Root: typeof NavigationMenuRoot;
   Link: typeof NavigationMenuLink;
+  ViewportPositioner: typeof NavigationMenuViewportPositioner;
 };
 export declare const NavigationMenu: typeof NavigationMenuFacade & NavigationMenuParts;
 export {};

package/dist/components/navigation-menu/index.mjs

@@ -1,4 +1,5 @@
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as definePositioner } from "../../floating-CMR7cvmA.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-menu";
@@ -21,6 +22,10 @@ function NavigationMenuLink(props) {
 		"data-motion": "ink-ripple"
 	});
 }
+/** The shared panel stage keeps the raw Ark part until a caller opts into
+* a portal; the flat-link facade has no vessel of its own. */
+const NavigationMenuViewportPositioner = definePositioner(NavigationMenu$1.ViewportPositioner);
+NavigationMenuViewportPositioner.displayName = "SNavigationMenuViewportPositioner";
 function NavigationMenuFacade({ items, orientation = "horizontal", className }) {
 	return /* @__PURE__ */ jsx(NavigationMenuRoot, {
 		className,
@@ -39,7 +44,8 @@ NavigationMenuFacade.displayName = "SNavigationMenu";
 const NavigationMenu = Object.assign(NavigationMenuFacade, {
 	...NavigationMenu$1,
 	Root: NavigationMenuRoot,
-	Link: NavigationMenuLink
+	Link: NavigationMenuLink,
+	ViewportPositioner: NavigationMenuViewportPositioner
 });
 injectComponentStyle("navigation-menu");
 export { NavigationMenu };

package/dist/components/pagination/index.d.mts

@@ -26,8 +26,8 @@ type PaginationFacadeProps = {
   style?: CSSProperties;
   onValueChange?: (page: number) => void;
 };
-declare const PaginationPrevTrigger: import("react").ForwardRefExoticComponent<Pagination$1.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-declare const PaginationNextTrigger: import("react").ForwardRefExoticComponent<Pagination$1.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const PaginationPrevTrigger: import("react").ForwardRefExoticComponent<Pagination$1.PrevTriggerProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const PaginationNextTrigger: import("react").ForwardRefExoticComponent<Pagination$1.NextTriggerProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 /** The complete pagination bar behind one page: count and page size become
  * the visible ladder, with edge semantics left to anatomy. */
 declare function PaginationFacade(props: PaginationFacadeProps): import("react").JSX.Element;

package/dist/components/popconfirm/index.d.mts

@@ -1,4 +1,5 @@
-import { t as Popover } from "../../index-BVdkcSSY.mjs";
+import { n as FloatingPortalTarget } from "../../floating-BhcDRgnx.mjs";
+import { t as Popover } from "../../index-j02dTkfc.mjs";
 import { ReactNode } from "react";
 /**
  * A question at the point of no return: the trigger opens a small
@@ -9,6 +10,8 @@ import { ReactNode } from "react";
  * otherwise).
  */
 export interface PopconfirmProps {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   id?: string;
   /** The question the reader is answering. */
   message: string;
@@ -18,6 +21,6 @@ export interface PopconfirmProps {
   onConfirm?: () => void;
   onCancel?: () => void;
 }
-declare function PopconfirmImpl({ message, confirmText, cancelText, children, onConfirm, onCancel, id }: PopconfirmProps): import("react").JSX.Element;
+declare function PopconfirmImpl({ portal, message, confirmText, cancelText, children, onConfirm, onCancel, id }: PopconfirmProps): import("react").JSX.Element;
 export declare const Popconfirm: typeof PopconfirmImpl & typeof Popover;
 export {};

package/dist/components/popconfirm/index.mjs

@@ -1,12 +1,12 @@
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { Button } from "../button/index.mjs";
+import { t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@ark-ui/react/popover";
-import { Portal } from "@ark-ui/react/portal";
 // src/components/popconfirm/index.tsx
-function PopconfirmImpl({ message, confirmText = "Confirm", cancelText = "Cancel", children, onConfirm, onCancel, id }) {
+function PopconfirmImpl({ portal = false, message, confirmText = "Confirm", cancelText = "Cancel", children, onConfirm, onCancel, id }) {
 	injectComponentStyle("popconfirm");
 	const hostId = useElementId("popconfirm", { id });
 	return /* @__PURE__ */ jsxs(Popover.Root, {
@@ -15,33 +15,36 @@ function PopconfirmImpl({ message, confirmText = "Confirm", cancelText = "Cancel
 		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
-			className: "bs-popconfirm",
-			children: [/* @__PURE__ */ jsx("p", {
-				"data-part": "message",
-				children: message
-			}), /* @__PURE__ */ jsxs("div", {
-				"data-part": "actions",
-				children: [/* @__PURE__ */ jsx(Popover.CloseTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						size: "sm",
-						"aria-label": cancelText,
-						onClick: () => onCancel?.(),
-						children: cancelText
-					})
-				}), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						size: "sm",
-						"aria-label": confirmText,
-						onClick: () => onConfirm?.(),
-						children: confirmText
-					})
+		}), /* @__PURE__ */ jsx(FloatingPortal, {
+			portal,
+			children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+				className: "bs-popconfirm",
+				children: [/* @__PURE__ */ jsx("p", {
+					"data-part": "message",
+					children: message
+				}), /* @__PURE__ */ jsxs("div", {
+					"data-part": "actions",
+					children: [/* @__PURE__ */ jsx(Popover.CloseTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							"aria-label": cancelText,
+							onClick: () => onCancel?.(),
+							children: cancelText
+						})
+					}), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							"aria-label": confirmText,
+							onClick: () => onConfirm?.(),
+							children: confirmText
+						})
+					})]
 				})]
-			})]
-		}) }) })]
+			}) })
+		})]
 	});
 }
 const Popconfirm = Object.assign(PopconfirmImpl, Popover$1);

package/dist/components/popover/index.d.mts

@@ -1,2 +1,2 @@
-import { n as PopoverFacadeProps, t as Popover } from "../../index-BVdkcSSY.mjs";
+import { n as PopoverFacadeProps, t as Popover } from "../../index-j02dTkfc.mjs";
 export { Popover, PopoverFacadeProps };

package/dist/components/popover/index.mjs

@@ -1,5 +1,6 @@
 import { r as iconNode } from "../../icon-C9udWCyz.mjs";
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as definePositioner, t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
@@ -16,7 +17,8 @@ function PopoverRoot(props) {
 		id
 	});
 }
-function PopoverFacade({ open, defaultOpen, trigger, content, label, description, disabled = false, placement, children, onOpenChange }) {
+const PopoverPositioner = definePositioner(Popover$1.Positioner);
+function PopoverFacade({ portal = false, open, defaultOpen, trigger, content, label, description, disabled = false, placement, children, onOpenChange }) {
 	return /* @__PURE__ */ jsxs(PopoverRoot, {
 		...placement === void 0 ? {} : { positioning: { placement } },
 		...open === void 0 ? {} : { open },
@@ -26,24 +28,28 @@ function PopoverFacade({ open, defaultOpen, trigger, content, label, description
 			asChild: isValidElement(trigger),
 			disabled,
 			children: trigger ?? label
-		}), /* @__PURE__ */ jsx(Popover$1.Positioner, { children: /* @__PURE__ */ jsxs(Popover$1.Content, { children: [
-			/* @__PURE__ */ jsx(Popover$1.CloseTrigger, {
-				"aria-label": "Close",
-				children: iconNode("x", {
-					width: 14,
-					height: 14
-				})
-			}),
-			/* @__PURE__ */ jsx(Popover$1.Title, { children: label }),
-			description ? /* @__PURE__ */ jsx(Popover$1.Description, { children: description }) : null,
-			content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
-			children
-		] }) })]
+		}), /* @__PURE__ */ jsx(FloatingPortal, {
+			portal,
+			children: /* @__PURE__ */ jsx(Popover$1.Positioner, { children: /* @__PURE__ */ jsxs(Popover$1.Content, { children: [
+				/* @__PURE__ */ jsx(Popover$1.CloseTrigger, {
+					"aria-label": "Close",
+					children: iconNode("x", {
+						width: 14,
+						height: 14
+					})
+				}),
+				/* @__PURE__ */ jsx(Popover$1.Title, { children: label }),
+				description ? /* @__PURE__ */ jsx(Popover$1.Description, { children: description }) : null,
+				content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
+				children
+			] }) })
+		})]
 	});
 }
 PopoverFacade.displayName = "SPopover";
 const Popover = Object.assign(PopoverFacade, {
 	...Popover$1,
+	Positioner: PopoverPositioner,
 	Root: PopoverRoot
 });
 injectComponentStyle("popover");

package/dist/components/select/index.d.mts

@@ -1,2 +1,2 @@
-import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "../../index-DczfbPCg.mjs";
+import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "../../index-DZ2S5rMj.mjs";
 export { NativeSelect, type NativeSelectOption, type NativeSelectProps, Select, SelectFacadeProps };

package/dist/components/select/index.mjs

@@ -1 +1 @@
-export { n as NativeSelect, t as Select } from "../../select-DQ5669_K.mjs";
+export { n as NativeSelect, t as Select } from "../../select-BLFqfeVw.mjs";

package/dist/components/split-button/index.d.mts

@@ -1,3 +1,4 @@
+import { n as FloatingPortalTarget } from "../../floating-BhcDRgnx.mjs";
 import { Menu } from "../menu/index.mjs";
 import { HTMLAttributes } from "react";
 export interface SplitButtonEntry {
@@ -8,6 +9,8 @@ export interface SplitButtonEntry {
   disabled?: boolean;
 }
 export interface SplitButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   /** The main action's label. */
   label: string;
   /** The dropdown's entries. */
@@ -32,6 +35,6 @@ export interface SplitButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "
  * button stylesheet's trigger register dresses it. The popup keeps the
  * menu parts untouched.
  */
-declare function SplitButtonImpl({ label, items, variant, tone, size, disabled, onClick, onSelect, ...rest }: SplitButtonProps): import("react").JSX.Element;
+declare function SplitButtonImpl({ portal, label, items, variant, tone, size, disabled, onClick, onSelect, ...rest }: SplitButtonProps): import("react").JSX.Element;
 export declare const SplitButton: typeof SplitButtonImpl & typeof Menu;
 export {};

package/dist/components/split-button/index.mjs

@@ -2,10 +2,10 @@ import { r as iconNode } from "../../icon-C9udWCyz.mjs";
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { Button } from "../button/index.mjs";
+import { t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";
 // src/components/split-button/index.tsx
 /**
@@ -17,7 +17,7 @@ import { Menu } from "@ark-ui/react/menu";
 * button stylesheet's trigger register dresses it. The popup keeps the
 * menu parts untouched.
 */
-function SplitButtonImpl({ label, items = [], variant = "solid", tone = "ink", size = "md", disabled = false, onClick, onSelect, ...rest }) {
+function SplitButtonImpl({ portal = false, label, items = [], variant = "solid", tone = "ink", size = "md", disabled = false, onClick, onSelect, ...rest }) {
 	injectComponentStyle("split-button");
 	injectComponentStyle("menu");
 	const hostId = useElementId("split-button", rest);
@@ -49,13 +49,16 @@ function SplitButtonImpl({ label, items = [], variant = "solid", tone = "ink", s
 					"aria-label": messages.more.actions,
 					children: chevronDown
 				})
-			}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: items.map((entry) => /* @__PURE__ */ jsx(Menu.Item, {
-				value: entry.value,
-				disabled: entry.disabled,
-				"data-danger": entry.danger ? "" : void 0,
-				onSelect: () => onSelect?.(entry.value),
-				children: /* @__PURE__ */ jsx(Menu.ItemText, { children: entry.label })
-			}, entry.value)) }) }) })]
+			}), /* @__PURE__ */ jsx(FloatingPortal, {
+				portal,
+				children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: items.map((entry) => /* @__PURE__ */ jsx(Menu.Item, {
+					value: entry.value,
+					disabled: entry.disabled,
+					"data-danger": entry.danger ? "" : void 0,
+					onSelect: () => onSelect?.(entry.value),
+					children: /* @__PURE__ */ jsx(Menu.ItemText, { children: entry.label })
+				}, entry.value)) }) })
+			})]
 		})]
 	});
 }

package/dist/components/table/index.d.mts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import { CSSProperties, ReactNode } from "react";
 import { CellData, ColumnDef, FlexRender, RowData, SortingState, TableFeatures, createColumnHelper } from "@tanstack/react-table";
 /** Column metadata understood by this table: mark columns whose values
  * read right-aligned in tabular figures. The type parameters mirror the
@@ -72,9 +72,29 @@ export interface DataTableProps {
   onRowReorder?: (rows: RowData[]) => void;
   /** Fires with the full leaf-column id order after a header drop. */
   onColumnReorder?: (ids: string[]) => void;
+  /** Render a caller-owned toolbar instead of the built-in global filter.
+   * The function receives the live filter values and setters. */
+  toolbar?: (slot: DataTableToolbarSlot) => ReactNode;
   /** Applied to the root vessel. */
   style?: CSSProperties;
 }
+/** A stable toolbar contract: the wrapper owns TanStack's state atoms and
+ * exposes only the two filter decisions a caller toolbar needs. */
+export interface DataTableToolbarSlot {
+  /** The current global filter value; empty string reads as no filter. */
+  globalFilter: string;
+  setGlobalFilter(value: string): void;
+  /** Current per-column filters, each as `{ id, value }`. */
+  columnFilters: Array<{
+    id: string;
+    value: unknown;
+  }>;
+  setColumnFilters(filters: Array<{
+    id: string;
+    value: unknown;
+  }>): void;
+  clearFilters(): void;
+}
 declare function DataTableImpl(rawProps: DataTableProps): import("react").JSX.Element;
 export declare const DataTable: typeof DataTableImpl & {
   Root: typeof DataTableImpl;

package/dist/components/table/index.mjs

@@ -2,7 +2,7 @@ import { r as iconNode } from "../../icon-C9udWCyz.mjs";
 import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { n as useComponentMessages, t as formatMessage } from "../../messages-B6n0lVyt.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-DQ5669_K.mjs";
+import { t as Select$1 } from "../../select-BLFqfeVw.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
@@ -584,13 +584,16 @@ function DataTableImpl(rawProps) {
 			children: [/* @__PURE__ */ jsx(Select$1.Control, { children: /* @__PURE__ */ jsxs(Select$1.Trigger, {
 				"aria-label": messages.table.rowsPerPage,
 				children: [/* @__PURE__ */ jsx(Select$1.ValueText, {}), /* @__PURE__ */ jsx(Select$1.Indicator, { children: chevronDownIcon })]
-			}) }), /* @__PURE__ */ jsx(Select$1.Positioner, { children: /* @__PURE__ */ jsx(Select$1.Content, { children: sizeItems.items.map((item) => /* @__PURE__ */ jsxs(Select$1.Item, {
-				item,
-				children: [/* @__PURE__ */ jsx(Select$1.ItemText, { children: item.label }), /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: iconNode("check", {
-					width: 14,
-					height: 14
-				}) })]
-			}, item.value)) }) })]
+			}) }), /* @__PURE__ */ jsx(Select$1.Positioner, {
+				portal: true,
+				children: /* @__PURE__ */ jsx(Select$1.Content, { children: sizeItems.items.map((item) => /* @__PURE__ */ jsxs(Select$1.Item, {
+					item,
+					children: [/* @__PURE__ */ jsx(Select$1.ItemText, { children: item.label }), /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: iconNode("check", {
+						width: 14,
+						height: 14
+					}) })]
+				}, item.value)) })
+			})]
 		});
 		const pager = /* @__PURE__ */ jsxs(Pagination.Root, {
 			count: rowCount,
@@ -621,7 +624,19 @@ function DataTableImpl(rawProps) {
 			})]
 		});
 	})() : null;
-	const toolbar = filterable && showToolbar ? /* @__PURE__ */ jsx("div", {
+	const toolbarSlot = filterable ? {
+		globalFilter: table.atoms.globalFilter.get() ?? "",
+		setGlobalFilter: (value) => table.setGlobalFilter(value),
+		columnFilters: table.atoms.columnFilters.get().map((filter) => ({ ...filter })),
+		setColumnFilters: (filters) => table.setColumnFilters(filters),
+		clearFilters: () => table.setColumnFilters([])
+	} : void 0;
+	const customToolbar = toolbarSlot ? props.toolbar?.(toolbarSlot) : void 0;
+	const toolbar = customToolbar !== void 0 ? /* @__PURE__ */ jsx("div", {
+		"data-scope": "table",
+		"data-part": "toolbar",
+		children: customToolbar
+	}) : filterable && showToolbar ? /* @__PURE__ */ jsx("div", {
 		"data-scope": "table",
 		"data-part": "toolbar",
 		children: /* @__PURE__ */ jsx("input", {

package/dist/components/tooltip/index.d.mts

@@ -1,7 +1,14 @@
-import { ReactNode } from "react";
+import { n as FloatingPortalTarget, t as FloatingPortalProps } from "../../floating-BhcDRgnx.mjs";
+import { ComponentProps, ReactNode } from "react";
 import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
+/** Ark's Tooltip, dressed in the paper-and-ink system: the smallest
+ * vessel — a tight chip of ink that dissolves in over its anchor. The
+ * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
+declare function TooltipRoot(props: ComponentProps<typeof Tooltip$1.Root>): import("react").JSX.Element;
 type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
 export interface TooltipFacadeProps {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   open?: boolean;
   defaultOpen?: boolean;
   trigger: ReactNode;
@@ -10,10 +17,17 @@ export interface TooltipFacadeProps {
   placement?: TooltipPlacement;
   onOpenChange?: (open: boolean) => void;
 }
-declare function TooltipFacade({ open, defaultOpen, trigger, content, disabled, placement, onOpenChange }: TooltipFacadeProps): import("react").JSX.Element;
+declare const TooltipPositioner: {
+  ({ portal, ...rest }: FloatingPortalProps & Tooltip$1.PositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+declare function TooltipFacade({ portal, open, defaultOpen, trigger, content, disabled, placement, onOpenChange }: TooltipFacadeProps): import("react").JSX.Element;
 declare namespace TooltipFacade {
   var displayName: string;
 }
-type TooltipParts = typeof Tooltip$1;
+type TooltipParts = Omit<typeof Tooltip$1, "Root" | "Positioner"> & {
+  Positioner: typeof TooltipPositioner;
+  Root: typeof TooltipRoot;
+};
 export declare const Tooltip: typeof TooltipFacade & TooltipParts;
 export {};

package/dist/components/tooltip/index.mjs

@@ -1,4 +1,5 @@
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as definePositioner, t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
@@ -14,7 +15,8 @@ function TooltipRoot(props) {
 		id
 	});
 }
-function TooltipFacade({ open, defaultOpen, trigger, content, disabled = false, placement, onOpenChange }) {
+const TooltipPositioner = definePositioner(Tooltip$1.Positioner);
+function TooltipFacade({ portal = false, open, defaultOpen, trigger, content, disabled = false, placement, onOpenChange }) {
 	return /* @__PURE__ */ jsxs(TooltipRoot, {
 		...placement === void 0 ? {} : { positioning: { placement } },
 		...open === void 0 ? {} : { open },
@@ -24,12 +26,16 @@ function TooltipFacade({ open, defaultOpen, trigger, content, disabled = false,
 			asChild: isValidElement(trigger),
 			disabled,
 			children: trigger
-		}), /* @__PURE__ */ jsx(Tooltip$1.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, { children: [/* @__PURE__ */ jsx(Tooltip$1.Arrow, { children: /* @__PURE__ */ jsx(Tooltip$1.ArrowTip, {}) }), content] }) })]
+		}), /* @__PURE__ */ jsx(FloatingPortal, {
+			portal,
+			children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, { children: [/* @__PURE__ */ jsx(Tooltip$1.Arrow, { children: /* @__PURE__ */ jsx(Tooltip$1.ArrowTip, {}) }), content] }) })
+		})]
 	});
 }
 TooltipFacade.displayName = "STooltip";
 const Tooltip = Object.assign(TooltipFacade, {
 	...Tooltip$1,
+	Positioner: TooltipPositioner,
 	Root: TooltipRoot
 });
 injectComponentStyle("tooltip");

package/dist/components/tour/index.d.mts

@@ -1,17 +1,34 @@
-import { ReactNode } from "react";
+import { n as FloatingPortalTarget, t as FloatingPortalProps } from "../../floating-BhcDRgnx.mjs";
+import { ComponentProps, ReactNode } from "react";
 import { Tour as Tour$1, TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails, UseTourProps, UseTourReturn } from "@ark-ui/react/tour";
+/** Ark's Tour, dressed in the paper-and-ink system: a dimmed page where
+ * the spotlight alone keeps the focus halo, and the anchored card rides
+ * the shared popup vessel. The API is Ark's own — Root, Backdrop,
+ * Spotlight, Positioner, Content, Arrow, ArrowTip, Title, Description,
+ * ProgressText, Control, Actions, ActionTrigger, CloseTrigger, plus
+ * useTour. */
+declare function TourRoot(props: ComponentProps<typeof Tour$1.Root>): import("react").JSX.Element;
 export interface TourFacadeProps {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   tour: UseTourReturn;
   trigger?: string;
   /** Replaces the standard card body when supplied. */
   content?: ReactNode;
   children?: ReactNode;
 }
-declare function TourFacade({ tour, trigger, content, children }: TourFacadeProps): import("react").JSX.Element;
+declare const TourPositioner: {
+  ({ portal, ...rest }: FloatingPortalProps & Tour$1.PositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+declare function TourFacade({ portal, tour, trigger, content, children }: TourFacadeProps): import("react").JSX.Element;
 declare namespace TourFacade {
   var displayName: string;
 }
-type TourParts = typeof Tour$1;
+type TourParts = Omit<typeof Tour$1, "Root" | "Positioner"> & {
+  Positioner: typeof TourPositioner;
+  Root: typeof TourRoot;
+};
 export declare const Tour: typeof TourFacade & TourParts;
 /** Tour machines are created by useTour, so the stable id belongs there. */
 export declare function useTour(props?: UseTourProps): UseTourReturn;

package/dist/components/tour/index.mjs

@@ -1,5 +1,6 @@
 import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { Button } from "../button/index.mjs";
+import { n as definePositioner, t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Tour as Tour$1, useTour as useTour$1 } from "@ark-ui/react/tour";
@@ -13,7 +14,8 @@ import { Tour as Tour$1, useTour as useTour$1 } from "@ark-ui/react/tour";
 function TourRoot(props) {
 	return /* @__PURE__ */ jsx(Tour$1.Root, { ...props });
 }
-function TourFacade({ tour, trigger = "Start tour", content, children }) {
+const TourPositioner = definePositioner(Tour$1.Positioner);
+function TourFacade({ portal = true, tour, trigger = "Start tour", content, children }) {
 	return /* @__PURE__ */ jsxs(TourRoot, {
 		tour,
 		children: [
@@ -25,21 +27,25 @@ function TourFacade({ tour, trigger = "Start tour", content, children }) {
 			children,
 			/* @__PURE__ */ jsx(Tour$1.Backdrop, {}),
 			/* @__PURE__ */ jsx(Tour$1.Spotlight, {}),
-			/* @__PURE__ */ jsx(Tour$1.Positioner, { children: /* @__PURE__ */ jsx(Tour$1.Content, { children: content ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-				/* @__PURE__ */ jsx(Tour$1.ProgressText, {}),
-				/* @__PURE__ */ jsx(Tour$1.Title, {}),
-				/* @__PURE__ */ jsx(Tour$1.Description, {}),
-				/* @__PURE__ */ jsx(Tour$1.Control, { children: /* @__PURE__ */ jsx(Tour$1.Actions, { children: (actions) => actions.map((action) => /* @__PURE__ */ jsx(Tour$1.ActionTrigger, {
-					action,
-					children: action.label
-				}, action.label)) }) })
-			] }) }) })
+			/* @__PURE__ */ jsx(FloatingPortal, {
+				portal,
+				children: /* @__PURE__ */ jsx(Tour$1.Positioner, { children: /* @__PURE__ */ jsx(Tour$1.Content, { children: content ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(Tour$1.ProgressText, {}),
+					/* @__PURE__ */ jsx(Tour$1.Title, {}),
+					/* @__PURE__ */ jsx(Tour$1.Description, {}),
+					/* @__PURE__ */ jsx(Tour$1.Control, { children: /* @__PURE__ */ jsx(Tour$1.Actions, { children: (actions) => actions.map((action) => /* @__PURE__ */ jsx(Tour$1.ActionTrigger, {
+						action,
+						children: action.label
+					}, action.label)) }) })
+				] }) }) })
+			})
 		]
 	});
 }
 TourFacade.displayName = "STour";
 const Tour = Object.assign(TourFacade, {
 	...Tour$1,
+	Positioner: TourPositioner,
 	Root: TourRoot
 });
 /** Tour machines are created by useTour, so the stable id belongs there. */

package/dist/components/tree-select/index.d.mts

@@ -1,4 +1,5 @@
-import { t as Popover } from "../../index-BVdkcSSY.mjs";
+import { n as FloatingPortalTarget } from "../../floating-BhcDRgnx.mjs";
+import { t as Popover } from "../../index-j02dTkfc.mjs";
 import { HTMLAttributes } from "react";
 export interface TreeSelectNode {
   label: string;
@@ -14,6 +15,8 @@ export interface TreeSelectNode {
  * matches keep their ancestors and the branches fan open.
  */
 export interface TreeSelectProps extends HTMLAttributes<HTMLDivElement> {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   value?: string;
   data: TreeSelectNode[];
   placeholder?: string;
@@ -24,6 +27,6 @@ export interface TreeSelectProps extends HTMLAttributes<HTMLDivElement> {
   size?: "sm" | "md" | "lg";
   onValueChange?: (value: string) => void;
 }
-declare function TreeSelectImpl({ value, data, placeholder, filterable, disabled, size, onValueChange, ...rest }: TreeSelectProps): import("react").JSX.Element;
+declare function TreeSelectImpl({ portal, value, data, placeholder, filterable, disabled, size, onValueChange, ...rest }: TreeSelectProps): import("react").JSX.Element;
 export declare const TreeSelect: typeof TreeSelectImpl & typeof Popover;
 export {};