@bysages/react 0.4.4 → 0.6.0

package/dist/components/dialog/index.mjs

@@ -1,13 +1,51 @@
-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 { n as definePositioner, t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@ark-ui/react/dialog";
-//#region src/components/dialog/index.tsx
+// src/components/dialog/index.tsx
+/** A semantic section for the dialog's title and description. */
+function Header({ children, ...rest }) {
+	return /* @__PURE__ */ jsx("header", {
+		...rest,
+		"data-scope": "dialog",
+		"data-part": "header",
+		children
+	});
+}
+/** The dialog's principal content; it may shrink inside narrow sheets. */
+function Body({ children, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		"data-scope": "dialog",
+		"data-part": "body",
+		children
+	});
+}
+/** The dialog's action row; actions read from start to end. */
+function Footer({ children, ...rest }) {
+	return /* @__PURE__ */ jsx("footer", {
+		...rest,
+		"data-scope": "dialog",
+		"data-part": "footer",
+		children
+	});
+}
+Header.displayName = "DialogHeader";
+Body.displayName = "DialogBody";
+Footer.displayName = "DialogFooter";
+function DialogContent({ size, ...rest }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Content, {
+		...rest,
+		"data-size": size
+	});
+}
 /** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
 * in on elevation, the backdrop fades, and nested overlays stack through
 * the shared z-index ladder. The API is Ark's own — Root, Trigger,
-* Backdrop, Positioner, Content, Title, Description, CloseTrigger. */
+* Backdrop, Positioner, Content, Title, Description, CloseTrigger —
+* plus the Header, Body, and Footer anatomy parts. */
 function DialogRoot(props) {
 	const id = useElementId("dialog", props);
 	return /* @__PURE__ */ jsx(Dialog$1.Root, {
@@ -15,7 +53,8 @@ function DialogRoot(props) {
 		id
 	});
 }
-function DialogFacade({ open, defaultOpen, trigger, content, label, description, disabled = false, children, onOpenChange }) {
+const DialogPositioner = definePositioner(Dialog$1.Positioner);
+function DialogFacade({ portal = true, open, defaultOpen, trigger, content, label, description, disabled = false, size = "md", children, onOpenChange }) {
 	const title = label ?? trigger;
 	return /* @__PURE__ */ jsxs(DialogRoot, {
 		...open === void 0 ? {} : { open },
@@ -27,27 +66,35 @@ function DialogFacade({ open, defaultOpen, trigger, content, label, description,
 				children: trigger ?? title ?? "Open"
 			}),
 			/* @__PURE__ */ jsx(Dialog$1.Backdrop, {}),
-			/* @__PURE__ */ jsx(Dialog$1.Positioner, { children: /* @__PURE__ */ jsxs(Dialog$1.Content, { children: [
-				/* @__PURE__ */ jsx(Dialog$1.Title, { children: title }),
-				description ? /* @__PURE__ */ jsx(Dialog$1.Description, { children: description }) : null,
-				content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
-				children,
-				/* @__PURE__ */ jsx(Dialog$1.CloseTrigger, {
-					"aria-label": "Close",
-					children: iconNode("x", {
-						width: 14,
-						height: 14
-					})
-				})
-			] }) })
+			/* @__PURE__ */ jsx(FloatingPortal, {
+				portal,
+				children: /* @__PURE__ */ jsx(Dialog$1.Positioner, { children: /* @__PURE__ */ jsxs(DialogContent, {
+					size,
+					children: [
+						/* @__PURE__ */ jsxs(Header, { children: [/* @__PURE__ */ jsx(Dialog$1.Title, { children: title }), description ? /* @__PURE__ */ jsx(Dialog$1.Description, { children: description }) : null] }),
+						/* @__PURE__ */ jsxs(Body, { children: [content ? /* @__PURE__ */ jsx("p", { children: content }) : null, children] }),
+						/* @__PURE__ */ jsx(Dialog$1.CloseTrigger, {
+							"aria-label": "Close",
+							children: iconNode("x", {
+								width: 14,
+								height: 14
+							})
+						})
+					]
+				}) })
+			})
 		]
 	});
 }
 DialogFacade.displayName = "SDialog";
 const Dialog = Object.assign(DialogFacade, {
 	...Dialog$1,
-	Root: DialogRoot
+	Positioner: DialogPositioner,
+	Root: DialogRoot,
+	Content: DialogContent,
+	Header,
+	Body,
+	Footer
 });
 injectComponentStyle("dialog");
-//#endregion
 export { Dialog };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/dock/index.d.ts
 export interface DockProps extends HTMLAttributes<HTMLDivElement> {
   /** The tallest an item swells under the hand — 1 stands still. */
   maxScale?: number;
@@ -21,5 +20,4 @@ export declare function DockItem({ children, ...rest }: DockItemProps): import("
 export declare const Dock: typeof DockRoot & {
   Root: typeof DockRoot;
   Item: typeof DockItem;
-};
-//#endregion
+};

package/dist/components/dock/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/dock/index.tsx
+// src/components/dock/index.tsx
 const ITEM = "[data-scope=\"dock\"][data-part=\"item\"]";
 /** The magnifying dock: a floating rail whose icons swell toward the
 * hand. The wrapper measures per item and writes --bs-dock-scale; CSS
@@ -47,5 +47,4 @@ const Dock = Object.assign(DockRoot, {
 	Root: DockRoot,
 	Item: DockItem
 });
-//#endregion
 export { Dock, DockItem, DockRoot };

package/dist/components/download-trigger/index.d.mts

@@ -1,7 +1,5 @@
 import { DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/react/download-trigger";
-//#region src/components/download-trigger/index.d.ts
 export declare const DownloadTrigger: import("react").ForwardRefExoticComponent<import("@ark-ui/react/download-trigger").DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>> & {
   Root: import("react").ForwardRefExoticComponent<import("@ark-ui/react/download-trigger").DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
 export { type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

package/dist/components/download-trigger/index.mjs

@@ -1,6 +1,5 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { DownloadTrigger as DownloadTrigger$1, useDownload } from "@ark-ui/react/download-trigger";
-//#region src/components/download-trigger/index.tsx
+// src/components/download-trigger/index.tsx
 const DownloadTrigger = withSelfRoot(DownloadTrigger$1);
-//#endregion
 export { DownloadTrigger, useDownload };

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

@@ -1,7 +1,15 @@
-import { ReactNode } from "react";
+import { n as FloatingPortalTarget, t as FloatingPortalProps } from "../../floating-BhcDRgnx.mjs";
+import { ComponentProps, ReactNode } from "react";
 import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
-//#region src/components/drawer/index.d.ts
+/** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
+ * cut flush to the edge it rises from, sliding on the machine's translate
+ * under the grabber's hand. The API is Ark's own — Root, Trigger,
+ * Backdrop, Positioner, Content, Grabber, GrabberIndicator, Title,
+ * Description, CloseTrigger, SwipeArea. */
+declare function DrawerRoot(props: ComponentProps<typeof Drawer$1.Root>): import("react").JSX.Element;
 export interface DrawerFacadeProps {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   open?: boolean;
   defaultOpen?: boolean;
   trigger?: string;
@@ -12,10 +20,17 @@ export interface DrawerFacadeProps {
   children?: ReactNode;
   onOpenChange?: (open: boolean) => void;
 }
-declare function DrawerFacade({ open, defaultOpen, trigger, content, label, description, disabled, children, onOpenChange }: DrawerFacadeProps): import("react").JSX.Element;
+declare const DrawerPositioner: {
+  ({ portal, ...rest }: FloatingPortalProps & Drawer$1.PositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+declare function DrawerFacade({ portal, open, defaultOpen, trigger, content, label, description, disabled, children, onOpenChange }: DrawerFacadeProps): import("react").JSX.Element;
 declare namespace DrawerFacade {
   var displayName: string;
 }
-type DrawerParts = typeof Drawer$1;
+type DrawerParts = Omit<typeof Drawer$1, "Root" | "Positioner"> & {
+  Positioner: typeof DrawerPositioner;
+  Root: typeof DrawerRoot;
+};
 export declare const Drawer: typeof DrawerFacade & DrawerParts;
-//#endregion
+export {};

package/dist/components/drawer/index.mjs

@@ -1,9 +1,10 @@
-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 { n as definePositioner, t as FloatingPortal } from "../../floating-CMR7cvmA.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
-//#region src/components/drawer/index.tsx
+// src/components/drawer/index.tsx
 /** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
 * cut flush to the edge it rises from, sliding on the machine's translate
 * under the grabber's hand. The API is Ark's own — Root, Trigger,
@@ -16,7 +17,8 @@ function DrawerRoot(props) {
 		id
 	});
 }
-function DrawerFacade({ open, defaultOpen, trigger, content, label, description, disabled = false, children, onOpenChange }) {
+const DrawerPositioner = definePositioner(Drawer$1.Positioner);
+function DrawerFacade({ portal = true, open, defaultOpen, trigger, content, label, description, disabled = false, children, onOpenChange }) {
 	return /* @__PURE__ */ jsxs(DrawerRoot, {
 		...open === void 0 ? {} : { open },
 		...defaultOpen === void 0 ? {} : { defaultOpen },
@@ -27,25 +29,28 @@ function DrawerFacade({ open, defaultOpen, trigger, content, label, description,
 				children: trigger ?? label
 			}),
 			/* @__PURE__ */ jsx(Drawer$1.Backdrop, {}),
-			/* @__PURE__ */ jsx(Drawer$1.Positioner, { children: /* @__PURE__ */ jsxs(Drawer$1.Content, { children: [
-				/* @__PURE__ */ jsx(Drawer$1.Grabber, { children: /* @__PURE__ */ jsx(Drawer$1.GrabberIndicator, {}) }),
-				/* @__PURE__ */ jsx(Drawer$1.Title, { children: label }),
-				description ? /* @__PURE__ */ jsx(Drawer$1.Description, { children: description }) : null,
-				content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
-				children,
-				/* @__PURE__ */ jsx(Drawer$1.CloseTrigger, {
-					"aria-label": "Close",
-					children: iconNode("x")
-				})
-			] }) })
+			/* @__PURE__ */ jsx(FloatingPortal, {
+				portal,
+				children: /* @__PURE__ */ jsx(Drawer$1.Positioner, { children: /* @__PURE__ */ jsxs(Drawer$1.Content, { children: [
+					/* @__PURE__ */ jsx(Drawer$1.Grabber, { children: /* @__PURE__ */ jsx(Drawer$1.GrabberIndicator, {}) }),
+					/* @__PURE__ */ jsx(Drawer$1.Title, { children: label }),
+					description ? /* @__PURE__ */ jsx(Drawer$1.Description, { children: description }) : null,
+					content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
+					children,
+					/* @__PURE__ */ jsx(Drawer$1.CloseTrigger, {
+						"aria-label": "Close",
+						children: iconNode("x")
+					})
+				] }) })
+			})
 		]
 	});
 }
 DrawerFacade.displayName = "SDrawer";
 const Drawer = Object.assign(DrawerFacade, {
 	...Drawer$1,
+	Positioner: DrawerPositioner,
 	Root: DrawerRoot
 });
 injectComponentStyle("drawer");
-//#endregion
 export { Drawer };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/dynamic-input/index.d.ts
 export interface DynamicInputProps extends HTMLAttributes<HTMLDivElement> {
   /** The rows' values; the group renders one Input per entry. */
   value?: string[];
@@ -28,4 +27,4 @@ declare function DynamicInputImpl({ value, min, max, placeholder, addLabel, disa
 export declare const DynamicInput: typeof DynamicInputImpl & {
   Root: typeof DynamicInputImpl;
 };
-//#endregion
+export {};

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

@@ -1,11 +1,11 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
+import { n as useComponentMessages } 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 { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/dynamic-input/index.tsx
+// src/components/dynamic-input/index.tsx
 /**
 * A column of entry rows: one Input per line, each with a quiet remove
 * seal, and an add row at the tail. The list is controlled — every edit
@@ -73,5 +73,4 @@ const crossIcon = iconNode("x", {
 	width: 16,
 	height: 16
 });
-//#endregion
 export { DynamicInput };

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

@@ -1,6 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
 import { Editable as Editable$1 } from "@ark-ui/react/editable";
-//#region src/components/editable/index.d.ts
 type EditableRootProps = ComponentProps<typeof Editable$1.Root> & {
   /** One rung of the control-height ladder for the editing field. */
   size?: "sm" | "md" | "lg";
@@ -34,4 +33,4 @@ export declare const Editable: typeof EditableFacade & {
   RootProvider: import("react").ForwardRefExoticComponent<Editable$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
   SubmitTrigger: import("react").ForwardRefExoticComponent<Editable$1.SubmitTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
+export {};

package/dist/components/editable/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 { Editable as Editable$1 } from "@ark-ui/react/editable";
-//#region src/components/editable/index.tsx
+// src/components/editable/index.tsx
 function EditableRoot(props) {
 	const id = useElementId("editable", props);
 	const { size = "md", ...rest } = props;
@@ -52,5 +52,4 @@ const Editable = Object.assign(EditableFacade, {
 	Root: EditableRoot
 });
 injectComponentStyle("editable");
-//#endregion
 export { Editable };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/ellipsis/index.d.ts
 /** The overflow knife: text cut at one line, or held to N lines. The
  * primitive only draws the cut — reaching the full text (title,
  * tooltip) stays the consumer's decision. */
@@ -10,4 +9,4 @@ declare function EllipsisImpl({ lines, ...rest }: EllipsisProps): import("react"
 export declare const Ellipsis: typeof EllipsisImpl & {
   Root: typeof EllipsisImpl;
 };
-//#endregion
+export {};

package/dist/components/ellipsis/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 } from "react/jsx-runtime";
-//#region src/components/ellipsis/index.tsx
+// src/components/ellipsis/index.tsx
 function EllipsisImpl({ lines = 1, ...rest }) {
 	injectComponentStyle("ellipsis");
 	const multiline = lines > 1;
@@ -17,5 +17,4 @@ function EllipsisImpl({ lines = 1, ...rest }) {
 	});
 }
 const Ellipsis = withSelfRoot(EllipsisImpl);
-//#endregion
 export { Ellipsis };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/empty/index.d.ts
 export declare const Empty: {
   ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
   displayName: string;
@@ -24,5 +23,4 @@ export declare const Empty: {
     ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
     displayName: string;
   };
-};
-//#endregion
+};

package/dist/components/empty/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/empty/index.tsx
+// src/components/empty/index.tsx
 /** An empty state: the page holds its breath. Root centers the column,
 * Visual carries the mark, Title and Description carry the ink, Actions
 * the way out. Any subset composes. */
@@ -28,5 +28,4 @@ const Empty = Object.assign(Root, {
 	Actions
 });
 injectComponentStyle("empty");
-//#endregion
 export { Empty };

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

@@ -1,5 +1,4 @@
 import { Field as Field$1 } from "@ark-ui/react/field";
-//#region src/components/field/index.d.ts
 interface FieldFacadeProps {
   value?: string | number;
   defaultValue?: string | number;
@@ -30,4 +29,4 @@ export declare const Field: typeof FieldFacade & {
   Select: import("react").ForwardRefExoticComponent<Field$1.SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
   Textarea: import("react").ForwardRefExoticComponent<Field$1.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 };
-//#endregion
+export {};

package/dist/components/field/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 { Field as Field$1 } from "@ark-ui/react/field";
-//#region src/components/field/index.tsx
+// src/components/field/index.tsx
 /** Field, dressed in the paper-and-ink system: a tracked label, a
 * border-and-halo control, and quiet help text. The parts —
 * Root, Label, Input, Textarea, Select, HelperText, ErrorText,
@@ -40,5 +40,4 @@ const Field = Object.assign(FieldFacade, {
 	Root: FieldRoot
 });
 injectComponentStyle("field");
-//#endregion
 export { Field };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Fieldset as Fieldset$1 } from "@ark-ui/react/fieldset";
-//#region src/components/fieldset/index.d.ts
 interface FieldsetFacadeProps {
   label?: string;
   description?: string;
@@ -19,4 +18,4 @@ export declare const Fieldset: typeof FieldsetFacade & {
   Legend: import("react").ForwardRefExoticComponent<Fieldset$1.LegendProps & import("react").RefAttributes<HTMLLegendElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<Fieldset$1.RootProviderProps & import("react").RefAttributes<HTMLFieldSetElement>>;
 };
-//#endregion
+export {};

package/dist/components/fieldset/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 { Fieldset as Fieldset$1 } from "@ark-ui/react/fieldset";
-//#region src/components/fieldset/index.tsx
+// src/components/fieldset/index.tsx
 /** Fieldset, dressed in the paper-and-ink system: a song-serif
 * legend heading a column of fields. The parts — Root, Legend,
 * HelperText, ErrorText. */
@@ -31,5 +31,4 @@ const Fieldset = Object.assign(FieldsetFacade, {
 	Root: FieldsetRoot
 });
 injectComponentStyle("fieldset");
-//#endregion
 export { Fieldset };

package/dist/components/file-upload/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
 import { FileUpload as FileUpload$1 } from "@ark-ui/react/file-upload";
-//#region src/components/file-upload/index.d.ts
 type FileUploadRootProps = ComponentProps<typeof FileUpload$1.Root> & {
   /** One rung of the control-height ladder for the trigger. */
   size?: "sm" | "md" | "lg";
@@ -42,4 +41,4 @@ export declare const FileUpload: typeof FileUploadFacade & {
   Label: import("react").ForwardRefExoticComponent<FileUpload$1.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<FileUpload$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
+export {};

package/dist/components/file-upload/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 { FileUpload as FileUpload$1 } from "@ark-ui/react/file-upload";
-//#region src/components/file-upload/index.tsx
+// src/components/file-upload/index.tsx
 function FileUploadRoot(props) {
 	const id = useElementId("file-upload", props);
 	const { size = "md", ...rest } = props;
@@ -70,5 +70,4 @@ const FileUpload = Object.assign(FileUploadFacade, {
 	Trigger: FileUploadTrigger
 });
 injectComponentStyle("file-upload");
-//#endregion
 export { FileUpload };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/float-button/index.d.ts
 export type FloatButtonPlacement = "bottom-end" | "bottom-start" | "top-end" | "top-start";
 export type FloatButtonSize = "sm" | "md" | "lg";
 /** The group's openness, shared from the mooring to its parts. */
@@ -77,4 +76,4 @@ export declare const FloatButton: typeof FloatButtonFacade & {
   Trigger: typeof Trigger;
   Item: typeof Item;
 };
-//#endregion
+export {};

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

@@ -1,10 +1,10 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { Button } from "../button/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState } from "react";
-//#region src/components/float-button/index.tsx
+// src/components/float-button/index.tsx
 /** Context for {@link FloatButtonContextValue}, exported so a custom
 * part can read the group's state. */
 const FLOAT_BUTTON_CONTEXT = createContext(null);
@@ -114,5 +114,4 @@ const FloatButton = Object.assign(FloatButtonFacade, {
 	Item
 });
 injectComponentStyle("float-button");
-//#endregion
 export { FLOAT_BUTTON_CONTEXT, FloatButton };

package/dist/components/floating-panel/index.d.mts

@@ -1,7 +1,15 @@
-import { ReactNode } from "react";
+import { n as FloatingPortalTarget, t as FloatingPortalProps } from "../../floating-BhcDRgnx.mjs";
+import { ComponentProps, ReactNode } from "react";
 import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/react/floating-panel";
-//#region src/components/floating-panel/index.d.ts
+/** Ark's FloatingPanel, dressed in the paper-and-ink system: the shared
+ * popup vessel let loose — a draggable, resizable sheet whose header is the
+ * handle. The API is Ark's own — Root, Trigger, Positioner, Content, Header,
+ * Title, Control, DragTrigger, StageTrigger, CloseTrigger, ResizeTrigger,
+ * Body. */
+declare function FloatingPanelRoot(props: ComponentProps<typeof FloatingPanel$1.Root>): import("react").JSX.Element;
 export interface FloatingPanelFacadeProps {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   open?: boolean;
   defaultOpen?: boolean;
   trigger?: string;
@@ -12,10 +20,17 @@ export interface FloatingPanelFacadeProps {
   children?: ReactNode;
   onOpenChange?: (open: boolean) => void;
 }
-declare function FloatingPanelFacade({ open, defaultOpen, trigger, content, label, description, disabled, children, onOpenChange }: FloatingPanelFacadeProps): import("react").JSX.Element;
+declare const FloatingPanelPositioner: {
+  ({ portal, ...rest }: FloatingPortalProps & FloatingPanel$1.PositionerProps & import("react").RefAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+declare function FloatingPanelFacade({ portal, open, defaultOpen, trigger, content, label, description, disabled, children, onOpenChange }: FloatingPanelFacadeProps): import("react").JSX.Element;
 declare namespace FloatingPanelFacade {
   var displayName: string;
 }
-type FloatingPanelParts = typeof FloatingPanel$1;
+type FloatingPanelParts = Omit<typeof FloatingPanel$1, "Root" | "Positioner"> & {
+  Positioner: typeof FloatingPanelPositioner;
+  Root: typeof FloatingPanelRoot;
+};
 export declare const FloatingPanel: typeof FloatingPanelFacade & FloatingPanelParts;
-//#endregion
+export {};