@bysages/react 0.4.4 → 0.6.0

package/dist/components/tag/index.mjs

@@ -1,9 +1,9 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-//#region src/components/tag/index.tsx
+// src/components/tag/index.tsx
 /** A small named seal for filtering and cataloguing. The resting shape
 * is a span; `checkable` raises it to a pressed button, and `closable`
 * hangs the removal seal inside — dismissal stays the consumer's state,
@@ -71,5 +71,4 @@ function TagImpl({ tone = "ink", variant = "solid", checkable = false, value, de
 }
 TagImpl.displayName = "STag";
 const Tag = withSelfRoot(TagImpl);
-//#endregion
 export { Tag };

package/dist/components/tags-input/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
 import { TagsInput as TagsInput$1 } from "@ark-ui/react/tags-input";
-//#region src/components/tags-input/index.d.ts
 type TagsInputRootProps = ComponentProps<typeof TagsInput$1.Root> & {
   /** One rung of the control-height ladder for the vessel at rest. */
   size?: "sm" | "md" | "lg";
@@ -39,4 +38,4 @@ export declare const TagsInput: typeof TagsInputFacade & {
   Label: import("react").ForwardRefExoticComponent<TagsInput$1.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<TagsInput$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
+export {};

package/dist/components/tags-input/index.mjs

@@ -1,9 +1,9 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TagsInput as TagsInput$1 } from "@ark-ui/react/tags-input";
-//#region src/components/tags-input/index.tsx
+// src/components/tags-input/index.tsx
 function TagsInputRoot(props) {
 	const id = useElementId("tags-input", props);
 	const { size = "md", ...rest } = props;
@@ -50,5 +50,4 @@ const TagsInput = Object.assign(TagsInputFacade, {
 	Root: TagsInputRoot
 });
 injectComponentStyle("tags-input");
-//#endregion
 export { TagsInput };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/terminal/index.d.ts
 export interface TerminalProps extends HTMLAttributes<HTMLDivElement> {
   /** The transcript, oldest line first. */
   lines?: string[];
@@ -7,14 +6,16 @@ export interface TerminalProps extends HTMLAttributes<HTMLDivElement> {
   prompt?: string;
   placeholder?: string;
   label?: string;
+  /** Treat the transcript as output only; no command line mounts. */
+  readOnly?: boolean;
   onCommand?: (text: string) => void;
 }
 /** A quiet console: the transcript above, the prompt line below. The
  * component owns only the reading and the caret — each entered line
  * leaves as an event, and the caller answers through the lines prop,
  * so history stays theirs to shape. */
-declare function TerminalImpl({ lines, prompt, placeholder, label, onCommand, ...rest }: TerminalProps): import("react").JSX.Element;
+declare function TerminalImpl({ lines, prompt, placeholder, label, readOnly, onCommand, ...rest }: TerminalProps): import("react").JSX.Element;
 export declare const Terminal: typeof TerminalImpl & {
   Root: typeof TerminalImpl;
 };
-//#endregion
+export {};

package/dist/components/terminal/index.mjs

@@ -1,22 +1,23 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
+import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-//#region src/components/terminal/index.tsx
+// src/components/terminal/index.tsx
 /** A quiet console: the transcript above, the prompt line below. The
 * component owns only the reading and the caret — each entered line
 * leaves as an event, and the caller answers through the lines prop,
 * so history stays theirs to shape. */
-function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand, ...rest }) {
+function TerminalImpl({ lines = [], prompt = "$", placeholder, label, readOnly = false, onCommand, ...rest }) {
 	injectComponentStyle("terminal");
 	const messages = useComponentMessages();
 	const commandLineLabel = label ?? messages.terminal.commandLine;
 	const [draft, setDraft] = useState("");
 	const scroll = useRef(null);
+	const transcript = lines.join("\n");
 	useEffect(() => {
 		scroll.current?.scrollTo({ top: scroll.current.scrollHeight });
-	}, [lines.length]);
+	}, [transcript]);
 	function submit() {
 		const text = draft.trim();
 		if (!text) return;
@@ -29,6 +30,7 @@ function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand,
 		"aria-label": commandLineLabel,
 		"data-scope": "terminal",
 		"data-part": "root",
+		...readOnly ? { "data-readonly": "" } : {},
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: scroll,
 			"data-scope": "terminal",
@@ -38,7 +40,7 @@ function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand,
 				"data-part": "line",
 				children: line
 			}, index))
-		}), /* @__PURE__ */ jsxs("div", {
+		}), readOnly ? null : /* @__PURE__ */ jsxs("div", {
 			"data-scope": "terminal",
 			"data-part": "entry",
 			children: [/* @__PURE__ */ jsx("span", {
@@ -66,5 +68,4 @@ function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand,
 	});
 }
 const Terminal = withSelfRoot(TerminalImpl);
-//#endregion
 export { Terminal };

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

@@ -1,5 +1,4 @@
 import { TextareaHTMLAttributes } from "react";
-//#region src/components/textarea/index.d.ts
 /** The bare multi-line input: the field recipe on a `<textarea>`, sized
  * by rows and resizable in the block direction. Standing alone it styles
  * itself from the `invalid` prop; inside a `Field.Root` it consumes the
@@ -14,4 +13,4 @@ declare function TextareaImpl({ value, invalid, onValueChange, ...rest }: Textar
 export declare const Textarea: typeof TextareaImpl & {
   Root: typeof TextareaImpl;
 };
-//#endregion
+export {};

package/dist/components/textarea/index.mjs

@@ -1,8 +1,8 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useFieldContext } from "@ark-ui/react/field";
-//#region src/components/textarea/index.tsx
+// src/components/textarea/index.tsx
 function TextareaImpl({ value, invalid = false, onValueChange, ...rest }) {
 	injectComponentStyle("textarea");
 	const field = useFieldContext();
@@ -18,5 +18,4 @@ function TextareaImpl({ value, invalid = false, onValueChange, ...rest }) {
 	});
 }
 const Textarea = withSelfRoot(TextareaImpl);
-//#endregion
 export { Textarea };

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

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { HTMLAttributes } from "react";
-//#region src/components/timeline/index.d.ts
 declare function Root({ orientation, children, ...rest }: HTMLAttributes<HTMLElement> & {
   children?: React.ReactNode;
   orientation?: "vertical" | "horizontal";
@@ -23,4 +22,4 @@ export declare const Timeline: typeof Root & {
     displayName: string;
   };
 };
-//#endregion
+export {};

package/dist/components/timeline/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/timeline/index.tsx
+// src/components/timeline/index.tsx
 /** A line of moments: Root is the ordered thread, Item one moment on it,
 * Marker the point where the thread passes, Content what the moment
 * holds. The hairline between markers is drawn by the stylesheet. */
@@ -36,5 +36,4 @@ const Timeline = Object.assign(Root, {
 	Content
 });
 injectComponentStyle("timeline");
-//#endregion
 export { Timeline };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Timer as Timer$1 } from "@ark-ui/react/timer";
-//#region src/components/timer/index.d.ts
 /** Ark's Timer, dressed in the paper-and-ink system: monospaced digits
  * that never jitter, quiet action triggers on the control recipe. The API
  * is Ark's own — Root, Area, Control, Item, Separator, ActionTrigger,
@@ -22,4 +21,4 @@ declare function TimerFacade(props: TimerFacadeProps): import("react").JSX.Eleme
 export declare const Timer: typeof TimerFacade & Omit<typeof Timer$1, "Root"> & {
   Root: typeof TimerRoot;
 };
-//#endregion
+export {};

package/dist/components/timer/index.mjs

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Timer as Timer$1 } from "@ark-ui/react/timer";
-//#region src/components/timer/index.tsx
+// src/components/timer/index.tsx
 /** Ark's Timer, dressed in the paper-and-ink system: monospaced digits
 * that never jitter, quiet action triggers on the control recipe. The API
 * is Ark's own — Root, Area, Control, Item, Separator, ActionTrigger,
@@ -56,5 +56,4 @@ const Timer = Object.assign(TimerFacade, {
 	...Timer$1,
 	Root: TimerRoot
 });
-//#endregion
 export { Timer };

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

@@ -1,8 +1,6 @@
 import { CreateToasterReturn, Toast as Toast$1, createToaster } from "@ark-ui/react/toast";
-//#region src/components/toast/index.d.ts
 export declare const Toast: typeof Toast$1;
 export declare const Toaster: import("react").ForwardRefExoticComponent<import("@ark-ui/react/toast").ToasterProps & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<import("@ark-ui/react/toast").ToasterProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
 export { type CreateToasterReturn, createToaster };

package/dist/components/toast/index.mjs

@@ -1,11 +1,11 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/react/toast";
-//#region src/components/toast/index.tsx
+// src/components/toast/index.tsx
 /** Ark's Toast, dressed in the paper-and-ink system: each notice rides the
 * popup vessel while a pigment accents the title by type, and the machine's
 * translate variables carry the slide. The API is Ark's own — Toaster,
@@ -42,5 +42,4 @@ const ToasterRoot = forwardRef(function ToasterRoot(props, ref) {
 });
 const Toaster = withSelfRoot(ToasterRoot);
 injectComponentStyle("toast");
-//#endregion
 export { Toast, Toaster, createToaster };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Toc as Toc$1, TocItemData } from "@ark-ui/react/toc";
-//#region src/components/toc/index.d.ts
 /** Toc, dressed in the paper-and-ink system: a quiet rail of links
  * beside the scroll, one stroke of primary ink marking where the reader
  * stands. The parts — Root, Title, List, Item, Link, Indicator. */
@@ -24,4 +23,4 @@ export declare const Toc: typeof TocFacade & Omit<typeof Toc$1, "Root" | "Indica
   Root: typeof TocRoot;
   Indicator: typeof TocIndicator;
 };
-//#endregion
+export {};

package/dist/components/toc/index.mjs

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Toc as Toc$1 } from "@ark-ui/react/toc";
-//#region src/components/toc/index.tsx
+// src/components/toc/index.tsx
 /** Toc, dressed in the paper-and-ink system: a quiet rail of links
 * beside the scroll, one stroke of primary ink marking where the reader
 * stands. The parts — Root, Title, List, Item, Link, Indicator. */
@@ -44,5 +44,4 @@ const Toc = Object.assign(TocFacade, {
 	Indicator: TocIndicator
 });
 injectComponentStyle("toc");
-//#endregion
 export { Toc };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Toggle as Toggle$1 } from "@ark-ui/react/toggle";
-//#region src/components/toggle/index.d.ts
 export interface ToggleFacadeProps extends ComponentProps<typeof Toggle$1.Root> {
   /** The accessible name when the content is only an icon. */
   label?: string;
@@ -11,4 +10,4 @@ declare namespace ToggleFacade {
 }
 type ToggleParts = typeof Toggle$1;
 export declare const Toggle: typeof ToggleFacade & ToggleParts;
-//#endregion
+export {};

package/dist/components/toggle/index.mjs

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@ark-ui/react/toggle";
-//#region src/components/toggle/index.tsx
+// src/components/toggle/index.tsx
 /** Ark's Toggle, dressed in the paper-and-ink system: a standalone seal that
 * settles into the flat ink fill while pressed on. The API is Ark's own —
 * Root, Indicator. */
@@ -26,5 +26,4 @@ const Toggle = Object.assign(ToggleFacade, {
 	Root: ToggleRoot
 });
 injectComponentStyle("toggle");
-//#endregion
 export { Toggle };

package/dist/components/toggle-group/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/react/toggle-group";
-//#region src/components/toggle-group/index.d.ts
 type ToggleGroupRootProps = ComponentProps<typeof ToggleGroup$1.Root> & {
   /** One rung of the control-height ladder for the items. */
   size?: "sm" | "md" | "lg";
@@ -36,4 +35,4 @@ type ToggleGroupParts = Omit<typeof ToggleGroup$1, "Root"> & {
   Root: typeof ToggleGroupRoot;
 };
 export declare const ToggleGroup: typeof ToggleGroupFacade & ToggleGroupParts;
-//#endregion
+export {};

package/dist/components/toggle-group/index.mjs

@@ -1,9 +1,9 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/react/toggle-group";
-//#region src/components/toggle-group/index.tsx
+// src/components/toggle-group/index.tsx
 function ToggleGroupRoot(props) {
 	const id = useElementId("toggle-group", props);
 	const { size = "md", ...rest } = props;
@@ -41,5 +41,4 @@ const ToggleGroup = Object.assign(ToggleGroupFacade, {
 	Root: ToggleGroupRoot
 });
 injectComponentStyle("toggle-group");
-//#endregion
 export { ToggleGroup };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/toolbar/index.d.ts
 export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
   /** Accessible name when more than one toolbar shares a page. */
   label?: string;
@@ -17,4 +16,4 @@ declare function ToolbarImpl({ label, start, end, children, ...rest }: ToolbarPr
 export declare const Toolbar: typeof ToolbarImpl & {
   Root: typeof ToolbarImpl;
 };
-//#endregion
+export {};

package/dist/components/toolbar/index.mjs

@@ -1,7 +1,7 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/toolbar/index.tsx
+// src/components/toolbar/index.tsx
 /** A workbench rail: the start tools at the leading edge, the end tools
 * at the trailing, the rail itself carrying the toolbar role so
 * assistive tech reads it as one group of commands. */
@@ -27,5 +27,4 @@ function ToolbarImpl({ label, start, end, children, ...rest }) {
 	});
 }
 const Toolbar = withSelfRoot(ToolbarImpl);
-//#endregion
 export { Toolbar };

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

@@ -1,8 +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";
-//#region src/components/tooltip/index.d.ts
+/** 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;
@@ -11,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;
-//#endregion
+export {};

package/dist/components/tooltip/index.mjs

@@ -1,9 +1,10 @@
-import { t as useElementId } from "../../id-C37UYLwJ.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";
 import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
-//#region src/components/tooltip/index.tsx
+// src/components/tooltip/index.tsx
 /** 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. */
@@ -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,14 +26,17 @@ 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");
-//#endregion
 export { Tooltip };

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

@@ -1,20 +1,35 @@
-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";
-//#region src/components/tour/index.d.ts
+/** 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;
-//#endregion
 export type { TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails };

package/dist/components/tour/index.mjs

@@ -1,9 +1,10 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+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";
-//#region src/components/tour/index.tsx
+// src/components/tour/index.tsx
 /** 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,
@@ -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. */
@@ -51,5 +57,4 @@ function useTour(props = {}) {
 	});
 }
 injectComponentStyle("tour");
-//#endregion
 export { Tour, useTour };

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

@@ -1,6 +1,5 @@
 import { Checkbox } from "../checkbox/index.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/transfer/index.d.ts
 export interface TransferItem {
   label: string;
   value: string;
@@ -22,4 +21,4 @@ export interface TransferProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare function TransferImpl({ value, data, titles, searchable, disabled, onValueChange, ...rest }: TransferProps): import("react").JSX.Element;
 export declare const Transfer: typeof TransferImpl & typeof Checkbox;
-//#endregion
+export {};

package/dist/components/transfer/index.mjs

@@ -1,14 +1,14 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as useComponentMessages, t as formatMessage } from "../../messages-B6n0lVyt.mjs";
 import { Button } from "../button/index.mjs";
-import { t as Input } from "../../input-BDpQ0e6G.mjs";
+import { t as Input } from "../../input-YRjehBhU.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Checkbox } from "@ark-ui/react/checkbox";
-//#region src/components/transfer/index.tsx
+// src/components/transfer/index.tsx
 const checkIcon = iconNode("check");
 function arrowIcon(direction) {
 	return iconNode(direction === "right" ? "arrow-right" : "arrow-left");
@@ -140,5 +140,4 @@ function TransferImpl({ value = [], data, titles = ["Source", "Target"], searcha
 	});
 }
 const Transfer = Object.assign(TransferImpl, Checkbox$1);
-//#endregion
 export { Transfer };

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

@@ -1,6 +1,6 @@
-import { t as Popover } from "../../index-Eu-Bttta.mjs";
+import { n as FloatingPortalTarget } from "../../floating-BhcDRgnx.mjs";
+import { t as Popover } from "../../index-j02dTkfc.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/tree-select/index.d.ts
 export interface TreeSelectNode {
   label: string;
   value: string;
@@ -15,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;
@@ -25,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;
-//#endregion
+export {};