@bysages/react 0.4.4 → 0.5.0

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/chip/index.d.ts
 /** A counting coin: the numeric value, capped at `max` with an ellipsis
  * of the remainder ("99+"). */
 export interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
@@ -12,4 +11,4 @@ declare function ChipImpl({ value, max, tone, variant, ...rest }: ChipProps): im
 export declare const Chip: typeof ChipImpl & {
   Root: typeof ChipImpl;
 };
-//#endregion
+export {};

package/dist/components/chip/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/chip/index.tsx
+// src/components/chip/index.tsx
 function ChipImpl({ value, max, tone = "ink", variant = "solid", ...rest }) {
 	injectComponentStyle("chip");
 	const text = max != null && value > max ? `${max}+` : String(value);
@@ -15,5 +15,4 @@ function ChipImpl({ value, max, tone = "ink", variant = "solid", ...rest }) {
 	});
 }
 const Chip = withSelfRoot(ChipImpl);
-//#endregion
 export { Chip };

package/dist/components/client-only/index.d.mts

@@ -1,7 +1,5 @@
 import { ClientOnlyProps } from "@ark-ui/react/client-only";
-//#region src/components/client-only/index.d.ts
 export declare const ClientOnly: ((props: import("@ark-ui/react/client-only").ClientOnlyProps) => React.ReactNode) & {
   Root: (props: import("@ark-ui/react/client-only").ClientOnlyProps) => React.ReactNode;
 };
-//#endregion
 export type { ClientOnlyProps };

package/dist/components/client-only/index.mjs

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

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps, HTMLAttributes } from "react";
 import { Clipboard as Clipboard$1 } from "@ark-ui/react/clipboard";
-//#region src/components/clipboard/index.d.ts
 /** Ark's Clipboard, dressed in the paper-and-ink system: a hairline value
  * field beside an icon-sized copy trigger whose ink turns bamboo while the
  * copy is confirmed. The API is Ark's own — Root, Label, Control, Input,
@@ -27,4 +26,4 @@ declare function ClipboardFacade(props: ClipboardFacadeProps): import("react").J
 export declare const Clipboard: typeof ClipboardFacade & Omit<typeof Clipboard$1, "Root"> & {
   Root: typeof ClipboardRoot;
 };
-//#endregion
+export {};

package/dist/components/clipboard/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 { Clipboard as Clipboard$1 } from "@ark-ui/react/clipboard";
-//#region src/components/clipboard/index.tsx
+// src/components/clipboard/index.tsx
 function ClipboardRoot(props) {
 	injectComponentStyle("clipboard");
 	const id = useElementId("clipboard", props);
@@ -41,5 +41,4 @@ const Clipboard = Object.assign(ClipboardFacade, {
 	...Clipboard$1,
 	Root: ClipboardRoot
 });
-//#endregion
 export { Clipboard };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Collapsible as Collapsible$1 } from "@ark-ui/react/collapsible";
-//#region src/components/collapsible/index.d.ts
 export interface CollapsibleFacadeProps {
   open?: boolean;
   defaultOpen?: boolean;
@@ -16,4 +15,4 @@ declare namespace CollapsibleFacade {
 }
 type CollapsibleParts = typeof Collapsible$1;
 export declare const Collapsible: typeof CollapsibleFacade & CollapsibleParts;
-//#endregion
+export {};

package/dist/components/collapsible/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 { Collapsible as Collapsible$1 } from "@ark-ui/react/collapsible";
-//#region src/components/collapsible/index.tsx
+// src/components/collapsible/index.tsx
 /** Ark's Collapsible, dressed in the paper-and-ink system: one control on
 * the paper, its panel dissolving open to the machine's measured height.
 * The API is Ark's own — Root, Trigger, Content, Indicator. */
@@ -30,5 +30,4 @@ const Collapsible = Object.assign(CollapsibleFacade, {
 	Root: CollapsibleRoot
 });
 injectComponentStyle("collapsible");
-//#endregion
 export { Collapsible };

package/dist/components/collection/index.mjs

@@ -1,2 +1 @@
-import { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection } from "@ark-ui/react/collection";
-export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection } from "@ark-ui/react/collection";

package/dist/components/color-picker/index.d.mts

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Color, ColorPicker as ColorPicker$1 } from "@ark-ui/react/color-picker";
-//#region src/components/color-picker/index.d.ts
 type ColorPickerRootProps = ComponentProps<typeof ColorPicker$1.Root> & {
   /** One rung of the control-height ladder for the swatch seal. */
   size?: "sm" | "md" | "lg";
@@ -35,4 +34,4 @@ declare function ColorPickerFacade(props: ColorPickerFacadeProps): import("react
 export declare const ColorPicker: typeof ColorPickerFacade & Omit<typeof ColorPicker$1, "Root"> & {
   Root: typeof ColorPickerRoot;
 };
-//#endregion
+export {};

package/dist/components/color-picker/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 { ColorPicker as ColorPicker$1, parseColor } from "@ark-ui/react/color-picker";
-//#region src/components/color-picker/index.tsx
+// src/components/color-picker/index.tsx
 const checkIcon = iconNode("check", {
 	width: 12,
 	height: 12
@@ -77,5 +77,4 @@ const ColorPicker = Object.assign(ColorPickerFacade, {
 	...ColorPicker$1,
 	Root: ColorPickerRoot
 });
-//#endregion
 export { ColorPicker };

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

@@ -1,7 +1,6 @@
 import { CSSProperties } from "react";
 import { CollectionItem } from "@ark-ui/react/collection";
 import { Combobox as Combobox$1, ComboboxRootComponentProps } from "@ark-ui/react/combobox";
-//#region src/components/combobox/index.d.ts
 /** Ark's Combobox, dressed in the paper-and-ink system: the field carries
  * the control recipe and its matches dissolve open as a paper vessel, the
  * checked row taking the flat ink fill. The API is Ark's own — Root, Label,
@@ -40,4 +39,4 @@ declare function ComboboxFacade(props: ComboboxFacadeProps): import("react").JSX
 export declare const Combobox: typeof ComboboxFacade & Omit<typeof Combobox$1, "Root"> & {
   Root: typeof ComboboxRoot;
 };
-//#endregion
+export {};

package/dist/components/combobox/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 { Combobox as Combobox$1, createListCollection } from "@ark-ui/react/combobox";
-//#region src/components/combobox/index.tsx
+// src/components/combobox/index.tsx
 function ComboboxRoot(props) {
 	injectComponentStyle("combobox");
 	const id = useElementId("combobox", props);
@@ -71,5 +71,4 @@ const Combobox = Object.assign(ComboboxFacade, {
 	...Combobox$1,
 	Root: ComboboxRoot
 });
-//#endregion
 export { Combobox };

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

@@ -1,5 +1,4 @@
 import { Dialog } from "../dialog/index.mjs";
-//#region src/components/command/index.d.ts
 export interface CommandEntry {
   label: string;
   value: string;
@@ -43,4 +42,4 @@ export interface CommandProps {
 }
 declare function CommandImpl({ items, placeholder, open, autoFilter, inputValue, emptyText, onSelect, onOpenChange, onInputValueChange, id }: CommandProps): import("react").JSX.Element;
 export declare const Command: typeof CommandImpl & typeof Dialog;
-//#endregion
+export {};

package/dist/components/command/index.mjs

@@ -1,5 +1,5 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { Dialog as Dialog$1 } from "../dialog/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,7 +8,7 @@ import { Portal } from "@ark-ui/react/portal";
 import { useListCollection } from "@ark-ui/react/collection";
 import { Combobox } from "@ark-ui/react/combobox";
 import { Dialog } from "@ark-ui/react/dialog";
-//#region src/components/command/index.tsx
+// src/components/command/index.tsx
 function CommandImpl({ items = [], placeholder, open, autoFilter = true, inputValue, emptyText, onSelect, onOpenChange, onInputValueChange, id }) {
 	injectComponentStyle("command");
 	injectComponentStyle("dialog");
@@ -145,5 +145,4 @@ function CommandImpl({ items = [], placeholder, open, autoFilter = true, inputVa
 	});
 }
 const Command = Object.assign(CommandImpl, Dialog$1);
-//#endregion
 export { Command };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/comment/index.d.ts
 /**
  * A voice on the record: the portrait hangs left (the `avatar` prop),
  * the body carries the byline from `author` and `datetime`, the ink is
@@ -17,4 +16,4 @@ declare function CommentImpl({ author, datetime, avatar, actions, children, ...r
 export declare const Comment: typeof CommentImpl & {
   Root: typeof CommentImpl;
 };
-//#endregion
+export {};

package/dist/components/comment/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/comment/index.tsx
+// src/components/comment/index.tsx
 function CommentImpl({ author, datetime, avatar, actions, children, ...rest }) {
 	injectComponentStyle("comment");
 	return /* @__PURE__ */ jsxs("article", {
@@ -45,5 +45,4 @@ function CommentImpl({ author, datetime, avatar, actions, children, ...rest }) {
 	});
 }
 const Comment = withSelfRoot(CommentImpl);
-//#endregion
 export { Comment };

package/dist/components/config-provider/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentMessagesOverride, ThemeScene } from "@bysages/core";
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/config-provider/index.d.ts
 /** The four density tiers the token layer's `[data-density]` selectors
  * name — whitespace and control heights compress, readability never
  * does. */
@@ -49,4 +48,4 @@ declare function ConfigProviderImpl({ density, scene, accent, dir, locale, messa
 export declare const ConfigProvider: typeof ConfigProviderImpl & {
   Root: typeof ConfigProviderImpl;
 };
-//#endregion
+export {};

package/dist/components/config-provider/index.mjs

@@ -1,7 +1,7 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-//#region src/components/config-provider/index.tsx
+// src/components/config-provider/index.tsx
 const ConfigContextImpl = createContext({});
 /** The nearest provider's snapshot, or an empty one when no provider
 * wraps the caller — the hook the date and format families will consume
@@ -40,5 +40,4 @@ function ConfigProviderImpl({ density, scene, accent, dir, locale, messages, chi
 	});
 }
 const ConfigProvider = withSelfRoot(ConfigProviderImpl);
-//#endregion
 export { ConfigProvider, useConfig };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/container/index.d.ts
 /** The reading frame: content held to a measure and centered on the
  * page. The sizes name typographic measures, not breakpoints — the page
  * owns its edges, the container only owns how long a line of ink runs. */
@@ -13,4 +12,4 @@ declare function ContainerImpl({ size, padding, ...rest }: ContainerProps): impo
 export declare const Container: typeof ContainerImpl & {
   Root: typeof ContainerImpl;
 };
-//#endregion
+export {};

package/dist/components/container/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/container/index.tsx
+// src/components/container/index.tsx
 function ContainerImpl({ size = "readable", padding = true, ...rest }) {
 	injectComponentStyle("container");
 	return /* @__PURE__ */ jsx("div", {
@@ -13,5 +13,4 @@ function ContainerImpl({ size = "readable", padding = true, ...rest }) {
 	});
 }
 const Container = withSelfRoot(ContainerImpl);
-//#endregion
 export { Container };

package/dist/components/data-view/index.d.mts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/data-view/index.d.ts
 export interface DataViewProps extends HTMLAttributes<HTMLDivElement> {
   items: unknown[];
   /** Ledger rows or a lattice of cards. */
@@ -18,4 +17,4 @@ declare function DataViewImpl({ items, layout, pageSize, renderItem, header, ...
 export declare const DataView: typeof DataViewImpl & {
   Root: typeof DataViewImpl;
 };
-//#endregion
+export {};

package/dist/components/data-view/index.mjs

@@ -1,10 +1,10 @@
-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 { Pagination } from "../pagination/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-//#region src/components/data-view/index.tsx
+// src/components/data-view/index.tsx
 /** One vessel, two layouts: the caller renders each record through
 * renderItem, the view lays the records out as a ledger or a lattice
 * and — when a page size is given — pages them with the pagination
@@ -64,5 +64,4 @@ function DataViewImpl({ items, layout = "list", pageSize, renderItem, header, ..
 	});
 }
 const DataView = withSelfRoot(DataViewImpl);
-//#endregion
 export { DataView };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { DateInput as DateInput$1, DateInputDateValue, DateInputFocusChangeDetails, DateInputValueChangeDetails } from "@ark-ui/react/date-input";
-//#region src/components/date-input/index.d.ts
 type DateInputRootProps = ComponentProps<typeof DateInput$1.Root> & {
   /** One rung of the control-height ladder for the segmented field. */
   size?: "sm" | "md" | "lg";
@@ -28,5 +27,4 @@ declare function DateInputFacade(props: DateInputFacadeProps): import("react").J
 export declare const DateInput: typeof DateInputFacade & Omit<typeof DateInput$1, "Root"> & {
   Root: typeof DateInputRoot;
 };
-//#endregion
 export type { DateInputFocusChangeDetails, DateInputValueChangeDetails };

package/dist/components/date-input/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 { DateInput as DateInput$1 } from "@ark-ui/react/date-input";
-//#region src/components/date-input/index.tsx
+// src/components/date-input/index.tsx
 function DateInputRoot(props) {
 	injectComponentStyle("date-input");
 	const id = useElementId("date-input", props);
@@ -41,5 +41,4 @@ const DateInput = Object.assign(DateInputFacade, {
 	...DateInput$1,
 	Root: DateInputRoot
 });
-//#endregion
 export { DateInput };

package/dist/components/date-picker/index.d.mts

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { DatePicker as DatePicker$1, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails, DateValue } from "@ark-ui/react/date-picker";
-//#region src/components/date-picker/index.d.ts
 type DatePickerRootProps$1 = ComponentProps<typeof DatePicker$1.Root> & {
   /** One rung of the control-height ladder for the field row. */
   size?: "sm" | "md" | "lg";
@@ -32,5 +31,4 @@ declare function DatePickerFacade(props: DatePickerFacadeProps): import("react")
 export declare const DatePicker: typeof DatePickerFacade & Omit<typeof DatePicker$1, "Root"> & {
   Root: typeof DatePickerRoot;
 };
-//#endregion
 export type { DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails };

package/dist/components/date-picker/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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DatePicker as DatePicker$1 } from "@ark-ui/react/date-picker";
-//#region src/components/date-picker/index.tsx
+// src/components/date-picker/index.tsx
 function DatePickerRoot(props) {
 	injectComponentStyle("date-picker");
 	const id = useElementId("date-picker", props);
@@ -66,5 +66,4 @@ const DatePicker = Object.assign(DatePickerFacade, {
 	...DatePicker$1,
 	Root: DatePickerRoot
 });
-//#endregion
 export { DatePicker };

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 };