@bysages/react 0.4.3 → 0.5.0

package/dist/components/carousel/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 { Carousel as Carousel$1 } from "@ark-ui/react/carousel";
-//#region src/components/carousel/index.tsx
+// src/components/carousel/index.tsx
 /** Ark's Carousel, dressed in the paper-and-ink system: slides ride in one
 * hairline-clipped lane, the triggers are quiet outline controls, and the
 * current indicator alone carries the ink. The API is Ark's own — Root,
@@ -49,5 +49,4 @@ const Carousel = Object.assign(CarouselFacade, {
 	...Carousel$1,
 	Root: CarouselRoot
 });
-//#endregion
 export { Carousel };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/cascade-select/index.d.ts
 export interface CascadeSelectNode {
   label: string;
   value: string;
@@ -33,4 +32,4 @@ declare function CascadeSelectImpl({ value, data, placeholder, highlightTrigger,
 export declare const CascadeSelect: typeof CascadeSelectImpl & {
   Root: typeof CascadeSelectImpl;
 };
-//#endregion
+export {};

package/dist/components/cascade-select/index.mjs

@@ -1,8 +1,8 @@
-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 { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { t as Input } from "../../input-BDpQ0e6G.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 { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
+import { t as Input } from "../../input-YRjehBhU.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
@@ -11,7 +11,7 @@ import { useEnvironmentContext } from "@ark-ui/react/environment";
 import { useFilter, useLocaleContext } from "@ark-ui/react/locale";
 import * as cascade from "@zag-js/cascade-select";
 import { normalizeProps, useMachine } from "@zag-js/react";
-//#region src/components/cascade-select/index.tsx
+// src/components/cascade-select/index.tsx
 const chevronDown = iconNode("chevron-down");
 const chevronRight = iconNode("chevron-right");
 const checkIcon = iconNode("check");
@@ -206,5 +206,4 @@ function CascadeSelectImpl({ value, data, placeholder = "Select…", highlightTr
 	});
 }
 const CascadeSelect = withSelfRoot(CascadeSelectImpl);
-//#endregion
 export { CascadeSelect };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Checkbox as Checkbox$1 } from "@ark-ui/react/checkbox";
-//#region src/components/checkbox/index.d.ts
 type CheckboxRootProps = ComponentProps<typeof Checkbox$1.Root> & {
   /** One rung for the control's box: the tick scales with it. */
   size?: "sm" | "md" | "lg";
@@ -31,4 +30,4 @@ type CheckboxParts = Omit<typeof Checkbox$1, "Root"> & {
   Root: typeof CheckboxRoot;
 };
 export declare const Checkbox: typeof CheckboxFacade & CheckboxParts;
-//#endregion
+export {};

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

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

@@ -1,6 +1,5 @@
 import { Checkbox } from "../checkbox/index.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/checkbox-group/index.d.ts
 export interface CheckboxOption {
   label: string;
   value: string;
@@ -27,4 +26,4 @@ export interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare function CheckboxGroupImpl({ value, defaultValue, options, layout, size, invalid, disabled, onValueChange, ...rest }: CheckboxGroupProps): import("react").JSX.Element;
 export declare const CheckboxGroup: typeof CheckboxGroupImpl & typeof Checkbox;
-//#endregion
+export {};

package/dist/components/checkbox-group/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 { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFieldContext } from "@ark-ui/react/field";
 import { Checkbox } from "@ark-ui/react/checkbox";
-//#region src/components/checkbox-group/index.tsx
+// src/components/checkbox-group/index.tsx
 const checkIcon = iconNode("check");
 /**
 * One question, many answers: a labelled stack (or row) of the seal-cut
@@ -57,5 +57,4 @@ function CheckboxGroupImpl({ value, defaultValue, options, layout = "vertical",
 	});
 }
 const CheckboxGroup = Object.assign(CheckboxGroupImpl, Checkbox$1);
-//#endregion
 export { CheckboxGroup };

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";
@@ -21,6 +20,8 @@ type ColorPickerFacadeProps = {
   invalid?: boolean;
   required?: boolean;
   label?: string;
+  /** Saved colors rendered as a flat swatch row. */
+  swatches?: string[];
   size?: "sm" | "md" | "lg";
   className?: string;
   style?: CSSProperties;
@@ -33,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,13 @@
-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
+});
 function ColorPickerRoot(props) {
 	injectComponentStyle("color-picker");
 	const id = useElementId("color-picker", props);
@@ -18,7 +22,7 @@ function ColorPickerRoot(props) {
 * swatch trigger, while the popup carries the area and hue/alpha tracks.
 * Saved swatches and format switches remain anatomy work. */
 function ColorPickerFacade(props) {
-	const { value, defaultValue, disabled, invalid, required, label, size = "md", className, style, onValueChange } = props;
+	const { value, defaultValue, disabled, invalid, required, label, swatches = [], size = "md", className, style, onValueChange } = props;
 	const toColor = (color) => typeof color === "string" ? parseColor(color) : color;
 	return /* @__PURE__ */ jsxs(ColorPickerRoot, {
 		size,
@@ -33,28 +37,38 @@ function ColorPickerFacade(props) {
 		children: [
 			label ? /* @__PURE__ */ jsx(ColorPicker$1.Label, { children: label }) : null,
 			/* @__PURE__ */ jsxs(ColorPicker$1.Control, { children: [/* @__PURE__ */ jsx(ColorPicker$1.ChannelInput, { channel: "hex" }), /* @__PURE__ */ jsxs(ColorPicker$1.Trigger, { children: [/* @__PURE__ */ jsx(ColorPicker$1.TransparencyGrid, {}), /* @__PURE__ */ jsx(ColorPicker$1.ValueSwatch, {})] })] }),
-			/* @__PURE__ */ jsx(ColorPicker$1.Positioner, { children: /* @__PURE__ */ jsxs(ColorPicker$1.Content, { children: [/* @__PURE__ */ jsxs(ColorPicker$1.Area, { children: [/* @__PURE__ */ jsx(ColorPicker$1.AreaBackground, {}), /* @__PURE__ */ jsx(ColorPicker$1.AreaThumb, {})] }), /* @__PURE__ */ jsxs("div", {
-				"data-scope": "color-picker",
-				"data-part": "channel-controls",
-				children: [/* @__PURE__ */ jsx(ColorPicker$1.EyeDropperTrigger, { children: iconNode("pipette", {
-					width: 14,
-					height: 14
-				}) }), /* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx(ColorPicker$1.Positioner, { children: /* @__PURE__ */ jsxs(ColorPicker$1.Content, { children: [
+				/* @__PURE__ */ jsxs(ColorPicker$1.Area, { children: [/* @__PURE__ */ jsx(ColorPicker$1.AreaBackground, {}), /* @__PURE__ */ jsx(ColorPicker$1.AreaThumb, {})] }),
+				/* @__PURE__ */ jsxs("div", {
 					"data-scope": "color-picker",
-					"data-part": "channel-sliders",
-					children: [/* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
-						channel: "hue",
-						children: [/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}), /* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})]
-					}), /* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
-						channel: "alpha",
-						children: [
-							/* @__PURE__ */ jsx(ColorPicker$1.TransparencyGrid, {}),
-							/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}),
-							/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})
-						]
+					"data-part": "channel-controls",
+					children: [/* @__PURE__ */ jsx(ColorPicker$1.EyeDropperTrigger, { children: iconNode("pipette", {
+						width: 14,
+						height: 14
+					}) }), /* @__PURE__ */ jsxs("div", {
+						"data-scope": "color-picker",
+						"data-part": "channel-sliders",
+						children: [/* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
+							channel: "hue",
+							children: [/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}), /* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})]
+						}), /* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
+							channel: "alpha",
+							children: [
+								/* @__PURE__ */ jsx(ColorPicker$1.TransparencyGrid, {}),
+								/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}),
+								/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})
+							]
+						})]
 					})]
-				})]
-			})] }) }),
+				}),
+				swatches.length > 0 ? /* @__PURE__ */ jsx(ColorPicker$1.SwatchGroup, { children: swatches.map((color) => /* @__PURE__ */ jsx(ColorPicker$1.SwatchTrigger, {
+					value: color,
+					children: /* @__PURE__ */ jsx(ColorPicker$1.Swatch, {
+						value: color,
+						children: /* @__PURE__ */ jsx(ColorPicker$1.SwatchIndicator, { children: checkIcon })
+					})
+				}, color)) }) : null
+			] }) }),
 			/* @__PURE__ */ jsx(ColorPicker$1.HiddenInput, {})
 		]
 	});
@@ -63,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 };