@bysages/react 0.4.3 → 0.5.0

package/dist/components/deferred-content/index.d.mts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/deferred-content/index.d.ts
 export interface DeferredContentProps extends HTMLAttributes<HTMLDivElement> {
   /** How much of the placeholder must be visible before the content
    * mounts, from 0 (any pixel) to 1 (the whole box). */
@@ -16,4 +15,4 @@ declare function DeferredContentImpl({ threshold, placeholder, children, ...rest
 export declare const DeferredContent: typeof DeferredContentImpl & {
   Root: typeof DeferredContentImpl;
 };
-//#endregion
+export {};

package/dist/components/deferred-content/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 { useEffect, useRef, useState } from "react";
-//#region src/components/deferred-content/index.tsx
+// src/components/deferred-content/index.tsx
 /** Content that waits to be worth rendering: the slot stays off the
 * tree until the placeholder scrolls near the viewport, then mounts
 * once and stays. The placeholder is drawn by the caller, so the late
@@ -32,5 +32,4 @@ function DeferredContentImpl({ threshold = .2, placeholder, children, ...rest })
 	});
 }
 const DeferredContent = withSelfRoot(DeferredContentImpl);
-//#endregion
 export { DeferredContent };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/descriptions/index.d.ts
 /** Simple term/detail records for the callable facade. */
 export interface DescriptionsItemData {
   term: string;
@@ -38,4 +37,4 @@ export declare const Descriptions: typeof DescriptionsRoot & {
     displayName: string;
   };
 };
-//#endregion
+export {};

package/dist/components/descriptions/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/descriptions/index.tsx
+// src/components/descriptions/index.tsx
 function DescriptionsRoot({ layout = "horizontal", bordered = false, column = 1, items, children, ...rest }) {
 	injectComponentStyle("descriptions");
 	return /* @__PURE__ */ jsx("dl", {
@@ -51,5 +51,4 @@ const Descriptions = Object.assign(withSelfRoot(DescriptionsRoot), {
 	Term,
 	Detail
 });
-//#endregion
 export { Descriptions, DescriptionsRoot };

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

@@ -1,6 +1,29 @@
-import { ReactNode } from "react";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 import { Dialog as Dialog$1, DialogOpenChangeDetails } from "@ark-ui/react/dialog";
-//#region src/components/dialog/index.d.ts
+interface DialogPartProps extends HTMLAttributes<HTMLElement> {
+  children?: ReactNode;
+}
+/** A semantic section for the dialog's title and description. */
+declare function Header({ children, ...rest }: DialogPartProps): import("react").JSX.Element;
+declare namespace Header {
+  var displayName: string;
+}
+/** The dialog's principal content; it may shrink inside narrow sheets. */
+declare function Body({ children, ...rest }: DialogPartProps): import("react").JSX.Element;
+declare namespace Body {
+  var displayName: string;
+}
+/** The dialog's action row; actions read from start to end. */
+declare function Footer({ children, ...rest }: DialogPartProps): import("react").JSX.Element;
+declare namespace Footer {
+  var displayName: string;
+}
+/** 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 —
+ * plus the Header, Body, and Footer anatomy parts. */
+declare function DialogRoot(props: ComponentProps<typeof Dialog$1.Root>): import("react").JSX.Element;
 export interface DialogFacadeProps {
   open?: boolean;
   defaultOpen?: boolean;
@@ -17,6 +40,10 @@ declare namespace DialogFacade {
   var displayName: string;
 }
 type DialogParts = typeof Dialog$1;
-export declare const Dialog: typeof DialogFacade & DialogParts;
-//#endregion
+export declare const Dialog: typeof DialogFacade & Omit<DialogParts, "Root"> & {
+  Root: typeof DialogRoot;
+  Header: typeof Header;
+  Body: typeof Body;
+  Footer: typeof Footer;
+};
 export type { DialogOpenChangeDetails };

package/dist/components/dialog/index.mjs

@@ -1,13 +1,44 @@
-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 { 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";
 /** 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, {
@@ -28,10 +59,8 @@ function DialogFacade({ open, defaultOpen, trigger, content, label, description,
 			}),
 			/* @__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__ */ 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", {
@@ -46,8 +75,10 @@ function DialogFacade({ open, defaultOpen, trigger, content, label, description,
 DialogFacade.displayName = "SDialog";
 const Dialog = Object.assign(DialogFacade, {
 	...Dialog$1,
-	Root: DialogRoot
+	Root: DialogRoot,
+	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,6 +1,5 @@
 import { ReactNode } from "react";
 import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
-//#region src/components/drawer/index.d.ts
 export interface DrawerFacadeProps {
   open?: boolean;
   defaultOpen?: boolean;
@@ -18,4 +17,4 @@ declare namespace DrawerFacade {
 }
 type DrawerParts = typeof Drawer$1;
 export declare const Drawer: typeof DrawerFacade & DrawerParts;
-//#endregion
+export {};

package/dist/components/drawer/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 { 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,
@@ -47,5 +47,4 @@ const Drawer = Object.assign(DrawerFacade, {
 	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;
@@ -35,10 +35,6 @@ const fileIcon = iconNode("file", {
 	width: 16,
 	height: 16
 });
-const uploadIcon = iconNode("upload", {
-	width: 28,
-	height: 28
-});
 const closeIcon = iconNode("x", {
 	width: 14,
 	height: 14
@@ -54,7 +50,7 @@ function FileUploadFacade({ label, placeholder, disabled = false, invalid = fals
 		maxFiles,
 		children: [
 			label ? /* @__PURE__ */ jsx(FileUpload$1.Label, { children: label }) : null,
-			/* @__PURE__ */ jsx(FileUpload$1.Dropzone, { children: /* @__PURE__ */ jsxs(FileUploadTrigger, { children: [uploadIcon, placeholder ?? "Choose files"] }) }),
+			/* @__PURE__ */ jsx(FileUpload$1.Dropzone, { children: /* @__PURE__ */ jsx(FileUploadTrigger, { children: placeholder ?? "Choose files" }) }),
 			/* @__PURE__ */ jsx(FileUpload$1.ItemGroup, { children: /* @__PURE__ */ jsx(FileUpload$1.Context, { children: (api) => api.acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUpload$1.Item, {
 				file,
 				children: [
@@ -74,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. */
@@ -51,9 +50,30 @@ interface FloatButtonItemProps {
   children?: ReactNode;
 }
 declare function Item({ label, disabled, onClick, children }: FloatButtonItemProps): import("react").JSX.Element;
-export declare const FloatButton: typeof Root & {
+export interface FloatButtonAction {
+  /** The action's accessible name and its surfaced annotation. */
+  label: string;
+  /** A curated core icon; pencil is the fallback mark. */
+  icon?: string;
+  disabled?: boolean;
+  /** The action fires before the fan folds. */
+  onClick?: () => void;
+}
+export interface FloatButtonFacadeProps extends FloatButtonRootProps {
+  /** The trigger's accessible name. */
+  label?: string;
+  /** The fanned actions behind the trigger. */
+  actions?: FloatButtonAction[];
+  /** Starts the speed dial open before the reader touches it. */
+  defaultOpen?: boolean;
+}
+declare function FloatButtonFacade({ label, actions, placement, size, defaultOpen, children, open: openProp, onOpenChange, ...rest }: FloatButtonFacadeProps): import("react").JSX.Element;
+declare namespace FloatButtonFacade {
+  var displayName: string;
+}
+export declare const FloatButton: typeof FloatButtonFacade & {
   Root: typeof Root;
   Trigger: typeof Trigger;
   Item: typeof Item;
 };
-//#endregion
+export {};

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

@@ -1,9 +1,10 @@
-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 { jsx, jsxs } from "react/jsx-runtime";
+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);
@@ -82,11 +83,35 @@ function Item({ label, disabled = false, onClick, children }) {
 		})]
 	});
 }
-const FloatButton = Object.assign(Root, {
+function FloatButtonFacade({ label, actions = [], placement, size, defaultOpen = false, children, open: openProp, onOpenChange, ...rest }) {
+	const [innerOpen, setInnerOpen] = useState(defaultOpen);
+	const open = openProp ?? innerOpen;
+	const setOpen = (value) => {
+		setInnerOpen(value);
+		onOpenChange?.(value);
+	};
+	return /* @__PURE__ */ jsx(Root, {
+		open,
+		onOpenChange: setOpen,
+		placement,
+		size,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Trigger, {
+			label,
+			children: iconNode("plus")
+		}), actions.map((action) => /* @__PURE__ */ jsx(Item, {
+			label: action.label,
+			disabled: action.disabled,
+			onClick: action.onClick,
+			children: iconNode(action.icon ?? "pencil")
+		}, action.label))] })
+	});
+}
+FloatButtonFacade.displayName = "SFloatButton";
+const FloatButton = Object.assign(FloatButtonFacade, {
 	Root,
 	Trigger,
 	Item
 });
 injectComponentStyle("float-button");
-//#endregion
 export { FLOAT_BUTTON_CONTEXT, FloatButton };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/react/floating-panel";
-//#region src/components/floating-panel/index.d.ts
 export interface FloatingPanelFacadeProps {
   open?: boolean;
   defaultOpen?: boolean;
@@ -18,4 +17,4 @@ declare namespace FloatingPanelFacade {
 }
 type FloatingPanelParts = typeof FloatingPanel$1;
 export declare const FloatingPanel: typeof FloatingPanelFacade & FloatingPanelParts;
-//#endregion
+export {};

package/dist/components/floating-panel/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 { FloatingPanel as FloatingPanel$1 } from "@ark-ui/react/floating-panel";
-//#region src/components/floating-panel/index.tsx
+// src/components/floating-panel/index.tsx
 /** 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,
@@ -42,6 +42,11 @@ function FloatingPanelFacade({ open, defaultOpen, trigger, content, label, descr
 					stage: "maximized",
 					children: iconNode("maximize-2")
 				}),
+				/* @__PURE__ */ jsx(FloatingPanel$1.StageTrigger, {
+					stage: "default",
+					"aria-label": "Restore",
+					children: iconNode("minimize-2")
+				}),
 				/* @__PURE__ */ jsx(FloatingPanel$1.CloseTrigger, {
 					"aria-label": "Close",
 					children: iconNode("x")
@@ -62,5 +67,4 @@ const FloatingPanel = Object.assign(FloatingPanelFacade, {
 	Root: FloatingPanelRoot
 });
 injectComponentStyle("floating-panel");
-//#endregion
 export { FloatingPanel };