@bysages/react 0.4.4 → 0.5.0

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

package/dist/components/aspect-ratio/index.d.mts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/aspect-ratio/index.d.ts
 /** A frame that keeps its shape: the box holds the given ratio whatever
  * the width it is dealt, and the child fills the frame it is given. */
 export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
@@ -10,4 +9,4 @@ declare function AspectRatioImpl({ ratio, ...rest }: AspectRatioProps): import("
 export declare const AspectRatio: typeof AspectRatioImpl & {
   Root: typeof AspectRatioImpl;
 };
-//#endregion
+export {};

package/dist/components/aspect-ratio/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/aspect-ratio/index.tsx
+// src/components/aspect-ratio/index.tsx
 function AspectRatioImpl({ ratio = "1 / 1", ...rest }) {
 	injectComponentStyle("aspect-ratio");
 	return /* @__PURE__ */ jsx("div", {
@@ -15,5 +15,4 @@ function AspectRatioImpl({ ratio = "1 / 1", ...rest }) {
 	});
 }
 const AspectRatio = withSelfRoot(AspectRatioImpl);
-//#endregion
 export { AspectRatio };

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

@@ -1,6 +1,5 @@
 import { Combobox } from "../combobox/index.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/autocomplete/index.d.ts
 /**
  * Free text with suggestions: the reader types anything, the list
  * narrows to help, and both a pick and a custom value end up in the
@@ -20,4 +19,4 @@ export interface AutoCompleteProps extends Omit<HTMLAttributes<HTMLDivElement>,
 }
 declare function AutoCompleteImpl({ value, items, placeholder, filter, size, onValueChange, ...rest }: AutoCompleteProps): import("react").JSX.Element;
 export declare const AutoComplete: typeof AutoCompleteImpl & typeof Combobox;
-//#endregion
+export {};

package/dist/components/autocomplete/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 { Combobox as Combobox$1 } from "../combobox/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -7,7 +7,7 @@ import { useEffect, useRef } from "react";
 import { Portal } from "@ark-ui/react/portal";
 import { useListCollection } from "@ark-ui/react/collection";
 import { Combobox } from "@ark-ui/react/combobox";
-//#region src/components/autocomplete/index.tsx
+// src/components/autocomplete/index.tsx
 function AutoCompleteImpl({ value = "", items = [], placeholder, filter, size = "md", onValueChange, ...rest }) {
 	injectComponentStyle("combobox");
 	const messages = useComponentMessages();
@@ -45,5 +45,4 @@ function AutoCompleteImpl({ value = "", items = [], placeholder, filter, size =
 	});
 }
 const AutoComplete = Object.assign(AutoCompleteImpl, Combobox$1);
-//#endregion
 export { AutoComplete };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
-//#region src/components/avatar/index.d.ts
 /** Avatar, dressed in the paper-and-ink system: a circular seal on
  * inset paper that holds initials until the image loads over them.
  * `size` picks a control-height rung for the seal — the core styles
@@ -30,4 +29,4 @@ declare namespace AvatarFacade {
 export declare const Avatar: typeof AvatarFacade & typeof Avatar$1 & {
   Root: typeof AvatarRoot;
 };
-//#endregion
+export {};

package/dist/components/avatar/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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
-//#region src/components/avatar/index.tsx
+// src/components/avatar/index.tsx
 function initials(name) {
 	return name?.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("") ?? "";
 }
@@ -33,5 +33,4 @@ const Avatar = Object.assign(AvatarFacade, {
 	Root: AvatarRoot
 });
 injectComponentStyle("avatar");
-//#endregion
 export { Avatar };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/avatar-group/index.d.ts
 /** Avatars overlapping one row, each rimmed in the ground so the pile
  * stays legible. */
 export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
@@ -11,4 +10,4 @@ declare function AvatarGroupImpl({ size, children, ...rest }: AvatarGroupProps):
 export declare const AvatarGroup: typeof AvatarGroupImpl & {
   Root: typeof AvatarGroupImpl;
 };
-//#endregion
+export {};

package/dist/components/avatar-group/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/avatar-group/index.tsx
+// src/components/avatar-group/index.tsx
 function AvatarGroupImpl({ size, children, ...rest }) {
 	injectComponentStyle("avatar-group");
 	return /* @__PURE__ */ jsx("div", {
@@ -13,5 +13,4 @@ function AvatarGroupImpl({ size, children, ...rest }) {
 	});
 }
 const AvatarGroup = withSelfRoot(AvatarGroupImpl);
-//#endregion
 export { AvatarGroup };

package/dist/components/back-top/index.d.mts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/back-top/index.d.ts
 export interface BackTopProps extends HTMLAttributes<HTMLButtonElement> {
   /** How far the reader must have travelled (px) before the affordance
    * appears. */
@@ -32,4 +31,4 @@ declare function BackTopImpl({ threshold, label, scrollEl, ...rest }: BackTopPro
 export declare const BackTop: typeof BackTopImpl & {
   Root: typeof BackTopImpl;
 };
-//#endregion
+export {};

package/dist/components/back-top/index.mjs

@@ -1,10 +1,10 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { Button } from "../button/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-//#region src/components/back-top/index.tsx
+// src/components/back-top/index.tsx
 const chevronUp = iconNode("chevron-up", {
 	width: 16,
 	height: 16
@@ -73,5 +73,4 @@ function BackTopImpl({ threshold = 400, label = "Back to top", scrollEl, ...rest
 	});
 }
 const BackTop = withSelfRoot(BackTopImpl);
-//#endregion
 export { BackTop };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/badge/index.d.ts
 /** A small seal of state. Ink is the neutral tone; the four semantic
  * pigments are fixed. Subtle and outline re-register the same pigment. */
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
@@ -10,4 +9,4 @@ declare function BadgeImpl({ tone, variant, ...rest }: BadgeProps): import("reac
 export declare const Badge: typeof BadgeImpl & {
   Root: typeof BadgeImpl;
 };
-//#endregion
+export {};

package/dist/components/badge/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/badge/index.tsx
+// src/components/badge/index.tsx
 function BadgeImpl({ tone = "ink", variant = "solid", ...rest }) {
 	injectComponentStyle("badge");
 	return /* @__PURE__ */ jsx("span", {
@@ -13,5 +13,4 @@ function BadgeImpl({ tone = "ink", variant = "solid", ...rest }) {
 	});
 }
 const Badge = withSelfRoot(BadgeImpl);
-//#endregion
 export { Badge };

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

@@ -1,5 +1,4 @@
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
-//#region src/components/banner/index.d.ts
 export type BannerStatus = "ink" | "info" | "success" | "warning" | "danger";
 export interface BannerRootProps extends HTMLAttributes<HTMLElement> {
   status?: BannerStatus;
@@ -42,4 +41,4 @@ export declare const Banner: typeof BannerFacade & {
   };
   Close: (rest: ButtonHTMLAttributes<HTMLButtonElement>) => import("react").JSX.Element;
 };
-//#endregion
+export {};

package/dist/components/banner/index.mjs

@@ -1,9 +1,9 @@
-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 { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-//#region src/components/banner/index.tsx
+// src/components/banner/index.tsx
 /** A page-level notice, spoken across the full measure: a wash of the
 * status pigment, one heavier hairline on the leading edge, and room
 * for actions and a quiet close. Ink is the neutral register; the four
@@ -70,5 +70,4 @@ const Banner = Object.assign(BannerFacade, {
 	Close
 });
 injectComponentStyle("banner");
-//#endregion
 export { Banner };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/bento/index.d.ts
 export interface BentoProps extends HTMLAttributes<HTMLDivElement> {
   /** Tracks across the lattice. */
   columns?: number;
@@ -22,5 +21,4 @@ export declare function BentoCell({ span, rowSpan, children, ...rest }: BentoCel
 export declare const Bento: typeof BentoRoot & {
   Root: typeof BentoRoot;
   Cell: typeof BentoCell;
-};
-//#endregion
+};

package/dist/components/bento/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/bento/index.tsx
+// src/components/bento/index.tsx
 /** The bento lattice: a grid of unequal tiles that reads as one plate.
 * The container owns the track count; each cell claims its own span. */
 function BentoRoot({ columns = 3, children, ...rest }) {
@@ -37,5 +37,4 @@ const Bento = Object.assign(BentoRoot, {
 	Root: BentoRoot,
 	Cell: BentoCell
 });
-//#endregion
 export { Bento, BentoCell, BentoRoot };

package/dist/components/block-ui/index.d.mts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/block-ui/index.d.ts
 export interface BlockUIProps extends HTMLAttributes<HTMLDivElement> {
   /** Whether the curtain is drawn. */
   blocked?: boolean;
@@ -12,4 +11,4 @@ declare function BlockUIImpl({ blocked, children, ...rest }: BlockUIProps): impo
 export declare const BlockUI: typeof BlockUIImpl & {
   Root: typeof BlockUIImpl;
 };
-//#endregion
+export {};

package/dist/components/block-ui/index.mjs

@@ -1,8 +1,8 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { Spinner } from "../spinner/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/block-ui/index.tsx
+// src/components/block-ui/index.tsx
 /** A curtain over content that must wait: the blocked region keeps its
 * shape and dims under frosted paper while a quiet wheel reports the
 * wait. Callers own the state; the curtain only answers it. */
@@ -22,5 +22,4 @@ function BlockUIImpl({ blocked = false, children, ...rest }) {
 	});
 }
 const BlockUI = withSelfRoot(BlockUIImpl);
-//#endregion
 export { BlockUI };

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

@@ -1,5 +1,4 @@
 import { AnchorHTMLAttributes, HTMLAttributes } from "react";
-//#region src/components/breadcrumb/index.d.ts
 declare function Root({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
 export type BreadcrumbItem = string | {
   label: string;
@@ -38,4 +37,4 @@ export declare const Breadcrumb: typeof BreadcrumbFacade & {
     displayName: string;
   };
 };
-//#endregion
+export {};

package/dist/components/breadcrumb/index.mjs

@@ -1,8 +1,8 @@
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1 } from "react";
-//#region src/components/breadcrumb/index.tsx
+// src/components/breadcrumb/index.tsx
 /** A trail of waymarks: Root wraps the nav, List the ordered trail, and
 * each Item carries a Link — or the Current page — parted by a quiet
 * Separator. Links take href and the rest through attributes. */
@@ -59,5 +59,4 @@ const Breadcrumb = Object.assign(BreadcrumbFacade, {
 	Separator
 });
 injectComponentStyle("breadcrumb");
-//#endregion
 export { Breadcrumb };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/browser/index.d.ts
 export interface BrowserPartProps extends HTMLAttributes<HTMLDivElement> {
   children?: ReactNode;
 }
@@ -19,5 +18,4 @@ export declare const Browser: typeof BrowserRoot & {
   Dots: typeof BrowserDots;
   UrlBar: typeof BrowserUrlBar;
   Body: typeof BrowserBody;
-};
-//#endregion
+};

package/dist/components/browser/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/browser/index.tsx
+// src/components/browser/index.tsx
 /** The three lamps are the system's own fixed pigments — the same
 * semantics reserved for danger, warning, and success. */
 function BrowserDots(props) {
@@ -66,5 +66,4 @@ const Browser = Object.assign(BrowserRoot, {
 	UrlBar: BrowserUrlBar,
 	Body: BrowserBody
 });
-//#endregion
 export { Browser, BrowserBody, BrowserDots, BrowserRoot, BrowserTitleBar, BrowserUrlBar };

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

@@ -1,5 +1,4 @@
 import { ButtonHTMLAttributes, ReactNode } from "react";
-//#region src/components/button/index.d.ts
 /** The control recipe as a standalone button: the variant chooses how it
  * rests, the tone chooses the pigment. Ink is the solemn default; any
  * action can carry the primary weight. */
@@ -19,4 +18,4 @@ declare function ButtonImpl({ variant, tone, size, square, asChild, disabled, ty
 export declare const Button: typeof ButtonImpl & {
   Root: typeof ButtonImpl;
 };
-//#endregion
+export {};

package/dist/components/button/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 { Children, cloneElement, isValidElement } from "react";
-//#region src/components/button/index.tsx
+// src/components/button/index.tsx
 function ButtonImpl({ variant = "solid", tone = "ink", size = "md", square = false, asChild = false, disabled = false, type = "button", children, ...rest }) {
 	injectComponentStyle("button");
 	const partProps = {
@@ -27,5 +27,4 @@ function ButtonImpl({ variant = "solid", tone = "ink", size = "md", square = fal
 	});
 }
 const Button = withSelfRoot(ButtonImpl);
-//#endregion
 export { Button };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/button-group/index.d.ts
 export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
   /** The seam runs across the group (default) or down it. */
   orientation?: "horizontal" | "vertical";
@@ -21,4 +20,4 @@ declare function Root({ orientation, size, radius, children, ...rest }: ButtonGr
 export declare const ButtonGroup: typeof Root & {
   Root: typeof Root;
 };
-//#endregion
+export {};

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

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/button-group/index.tsx
+// src/components/button-group/index.tsx
 /**
 * Buttons fused into one control: the group owns only the joinery, so
 * members keep every variant they were given — a solid action can sit
@@ -21,5 +21,4 @@ function Root({ orientation = "horizontal", size, radius, children, ...rest }) {
 }
 const ButtonGroup = Object.assign(Root, { Root });
 injectComponentStyle("button-group");
-//#endregion
 export { ButtonGroup };

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

@@ -1,7 +1,6 @@
 import { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
 import { HTMLAttributes } from "react";
 import { DatePickerRootProps } from "@ark-ui/react/date-picker";
-//#region src/components/calendar/index.d.ts
 export interface CalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
   /** Selected date(s) — an array, as the machine speaks in ranges. */
   value?: DatePickerRootProps["value"];
@@ -27,4 +26,4 @@ export interface CalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, "def
  * on a month overview; choosing a month drills into its day grid. */
 declare function CalendarImpl({ value, defaultValue, min, max, variant, mode, selectionMode, startOfWeek, fixedWeeks, showWeekNumbers, outsideDaySelectable, closeOnSelect, minView, maxView, onValueChange, children, ...rest }: CalendarProps): import("react").JSX.Element;
 export declare const Calendar: typeof CalendarImpl & typeof DatePicker$1;
-//#endregion
+export {};

package/dist/components/calendar/index.mjs

@@ -1,10 +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 { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DatePicker } from "@ark-ui/react/date-picker";
-//#region src/components/calendar/index.tsx
+// src/components/calendar/index.tsx
 function chevron(dir) {
 	return iconNode(dir === "left" ? "chevron-left" : "chevron-right", {
 		width: 16,
@@ -127,5 +127,4 @@ function CalendarImpl({ value, defaultValue, min, max, variant = "compact", mode
 	});
 }
 const Calendar = Object.assign(CalendarImpl, DatePicker$1);
-//#endregion
 export { Calendar };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/card/index.d.ts
 export declare const Card: {
   ({ asChild, children, ...rest }: HTMLAttributes<HTMLElement> & {
     asChild?: boolean;
@@ -42,5 +41,4 @@ export declare const Card: {
     }): import("react").JSX.Element | null;
     displayName: string;
   };
-};
-//#endregion
+};

package/dist/components/card/index.mjs

@@ -1,7 +1,7 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Children, cloneElement, isValidElement } from "react";
-//#region src/components/card/index.tsx
+// src/components/card/index.tsx
 /** A vessel: round, resting at the first elevation, one hairline for its
 * edge. Root, Header, Title, Description, Content, Footer — sections
 * carry their own whitespace, so any subset composes. */
@@ -40,5 +40,4 @@ const Card = Object.assign(Root, {
 	Footer
 });
 injectComponentStyle("card");
-//#endregion
 export { Card };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Carousel as Carousel$1 } from "@ark-ui/react/carousel";
-//#region src/components/carousel/index.d.ts
 /** 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,
@@ -26,4 +25,4 @@ declare function CarouselFacade(props: CarouselFacadeProps): import("react").JSX
 export declare const Carousel: typeof CarouselFacade & Omit<typeof Carousel$1, "Root"> & {
   Root: typeof CarouselRoot;
 };
-//#endregion
+export {};

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