@bysages/react 0.4.4 → 0.5.0

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;
@@ -70,5 +70,4 @@ const FileUpload = Object.assign(FileUploadFacade, {
 	Trigger: FileUploadTrigger
 });
 injectComponentStyle("file-upload");
-//#endregion
 export { FileUpload };

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

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

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

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

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

@@ -1,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,
@@ -67,5 +67,4 @@ const FloatingPanel = Object.assign(FloatingPanelFacade, {
 	Root: FloatingPanelRoot
 });
 injectComponentStyle("floating-panel");
-//#endregion
 export { FloatingPanel };

package/dist/components/focus-trap/index.d.mts

@@ -1,7 +1,5 @@
 import { FocusTrapBaseProps, FocusTrapProps } from "@ark-ui/react/focus-trap";
-//#region src/components/focus-trap/index.d.ts
 export declare const FocusTrap: import("react").ForwardRefExoticComponent<import("@ark-ui/react/focus-trap").FocusTrapProps & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<import("@ark-ui/react/focus-trap").FocusTrapProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
 export type { FocusTrapBaseProps, FocusTrapProps };

package/dist/components/focus-trap/index.mjs

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

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

@@ -1,6 +1,5 @@
 import { ComponentType, HTMLAttributes, ReactNode } from "react";
 import { FieldApi, FormApi, useField, useForm } from "@tanstack/react-form";
-//#region src/components/form/index.d.ts
 /** The seam this family passes the engine through — the members the
  * components drive, with the engine's field-name generics opened to
  * `any`. The engine ships no "any form" alias: its loosest, `FormLikeAPI`,
@@ -44,5 +43,4 @@ declare function FormFieldImpl({ form: formProp, name, label, hint, required, in
 export declare const FormField: typeof FormFieldImpl & {
   Root: typeof FormFieldImpl;
 };
-//#endregion
 export { type FieldApi, type FormApi, useField, useForm };

package/dist/components/form/index.mjs

@@ -1,10 +1,10 @@
-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";
 import { createContext, useContext } from "react";
 import { Field } from "@ark-ui/react/field";
 import { useField, useForm } from "@tanstack/react-form";
-//#region src/components/form/index.tsx
+// src/components/form/index.tsx
 const FormContext = createContext(null);
 /** A validator's complaint is a string or a Standard Schema issue; both
 * reduce to the sentence the field shows. */
@@ -66,5 +66,4 @@ function FormFieldImpl({ form: formProp, name, label, hint, required = false, in
 	});
 }
 const FormField = withSelfRoot(FormFieldImpl);
-//#endregion
 export { Form, FormField, useField, useForm };

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

@@ -1,9 +1,7 @@
 import { Format as Format$1 } from "@ark-ui/react/format";
-//#region src/components/format/index.d.ts
 /** Ark's Format, dressed in the paper-and-ink system: Intl formatting for
  * numbers, currency, bytes and relative time. The components render bare
  * text with no DOM of their own — typography flows from the token layer,
  * so there is no component stylesheet. The API is Ark's own — Number,
  * Byte, Time, RelativeTime. */
-export declare const Format: typeof Format$1;
-//#endregion
+export declare const Format: typeof Format$1;

package/dist/components/format/index.mjs

@@ -1,10 +1,9 @@
 import { Format as Format$1 } from "@ark-ui/react/format";
-//#region src/components/format/index.tsx
+// src/components/format/index.tsx
 /** Ark's Format, dressed in the paper-and-ink system: Intl formatting for
 * numbers, currency, bytes and relative time. The components render bare
 * text with no DOM of their own — typography flows from the token layer,
 * so there is no component stylesheet. The API is Ark's own — Number,
 * Byte, Time, RelativeTime. */
 const Format = Format$1;
-//#endregion
 export { Format };

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

@@ -1,6 +1,4 @@
 import { FrameProps } from "@ark-ui/react/frame";
-//#region src/components/frame/index.d.ts
 export declare const Frame: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<HTMLIFrameElement>> & {
   Root: import("react").ForwardRefExoticComponent<FrameProps & import("react").RefAttributes<HTMLIFrameElement>>;
-};
-//#endregion
+};

package/dist/components/frame/index.mjs

@@ -1,9 +1,9 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Frame as Frame$1 } from "@ark-ui/react/frame";
-//#region src/components/frame/index.tsx
+// src/components/frame/index.tsx
 /** Ark's Frame, dressed in the paper-and-ink system: a sandboxed
 * iframe whose body teleports the children and whose `head` prop
 * carries extra <head> nodes — styles the child renders must travel
@@ -20,5 +20,4 @@ const FrameRoot = forwardRef(function FrameRoot(props, ref) {
 	});
 });
 const Frame = withSelfRoot(FrameRoot);
-//#endregion
 export { Frame };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/grid/index.d.ts
 /** An alignment lattice: tracks of equal measure, sized by column count
  * — or, with `minChildWidth`, as many tracks as the container fits. */
 export interface GridProps extends HTMLAttributes<HTMLDivElement> {
@@ -13,4 +12,4 @@ declare function GridImpl({ columns, gap, minChildWidth, ...rest }: GridProps):
 export declare const Grid: typeof GridImpl & {
   Root: typeof GridImpl;
 };
-//#endregion
+export {};

package/dist/components/grid/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/grid/index.tsx
+// src/components/grid/index.tsx
 /** The same named steps of the space ramp the stack uses — one
 * vocabulary of distance across the layout primitives. */
 const gapVars = {
@@ -29,5 +29,4 @@ function GridImpl({ columns = 12, gap = "md", minChildWidth, ...rest }) {
 	});
 }
 const Grid = withSelfRoot(GridImpl);
-//#endregion
 export { Grid };

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

@@ -1,5 +1,3 @@
-//#region src/components/highlight/index.d.ts
 export declare const Highlight: ((props: import("@ark-ui/react/highlight").HighlightProps) => import("react").JSX.Element) & {
   Root: (props: import("@ark-ui/react/highlight").HighlightProps) => import("react").JSX.Element;
-};
-//#endregion
+};

package/dist/components/highlight/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 { Highlight as Highlight$1 } from "@ark-ui/react/highlight";
-//#region src/components/highlight/index.tsx
+// src/components/highlight/index.tsx
 /** Ark's Highlight, dressed in the paper-and-ink system: query hits are
 * strokes of pigment on the page — a quiet tint of the accent behind the
 * ink, never neon. The component renders bare <mark> elements, so the
@@ -12,5 +12,4 @@ function HighlightRoot(props) {
 }
 const Highlight = withSelfRoot(HighlightRoot);
 injectComponentStyle("highlight");
-//#endregion
 export { Highlight };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { HoverCard as HoverCard$1 } from "@ark-ui/react/hover-card";
-//#region src/components/hover-card/index.d.ts
 type HoverCardPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
 export interface HoverCardFacadeProps {
   open?: boolean;
@@ -20,4 +19,4 @@ declare namespace HoverCardFacade {
 }
 type HoverCardParts = typeof HoverCard$1;
 export declare const HoverCard: typeof HoverCardFacade & HoverCardParts;
-//#endregion
+export {};

package/dist/components/hover-card/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 { HoverCard as HoverCard$1 } from "@ark-ui/react/hover-card";
-//#region src/components/hover-card/index.tsx
+// src/components/hover-card/index.tsx
 /** Ark's HoverCard, dressed in the paper-and-ink system: a preview card
 * that dissolves in over a quiet inline link, never stealing focus. The
 * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
@@ -37,5 +37,4 @@ const HoverCard = Object.assign(HoverCardFacade, {
 	Root: HoverCardRoot
 });
 injectComponentStyle("hover-card");
-//#endregion
 export { HoverCard };

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

@@ -1,6 +1,5 @@
 import { IconifyIcon } from "@bysages/core/icons";
 import { HTMLAttributes } from "react";
-//#region src/components/icon/index.d.ts
 /** The inkwell: a standard box that keeps any inline svg at its optical
  * measure and in the text's own ink — the icon carries no pigment and no
  * size of its own. Bring an `@bysages/icons` export or any other
@@ -23,4 +22,4 @@ declare function IconImpl({ size, label, glyph, name, children, ...rest }: IconP
 export declare const Icon: typeof IconImpl & {
   Root: typeof IconImpl;
 };
-//#endregion
+export {};

package/dist/components/icon/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 { getIcon } from "@bysages/core/icons";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/icon/index.tsx
+// src/components/icon/index.tsx
 function IconImpl({ size = "inherit", label, glyph, name, children, ...rest }) {
 	injectComponentStyle("icon");
 	const resolved = glyph ?? (name && children == null ? getIcon(name) : void 0);
@@ -24,5 +24,4 @@ function IconImpl({ size = "inherit", label, glyph, name, children, ...rest }) {
 	});
 }
 const Icon = withSelfRoot(IconImpl);
-//#endregion
 export { Icon };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/image/index.d.ts
 /** A framed picture: while the source loads, the frame keeps the
  * skeleton's breath; the picture dissolves in when it lands; a broken
  * source leaves the `fallback` — or the placeholder icon when the
@@ -23,4 +22,4 @@ declare function ImageImpl({ src, alt, fit, loading, width, height, fallback, ..
 export declare const Image: typeof ImageImpl & {
   Root: typeof ImageImpl;
 };
-//#endregion
+export {};

package/dist/components/image/index.mjs

@@ -1,9 +1,9 @@
-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 { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-//#region src/components/image/index.tsx
+// src/components/image/index.tsx
 const placeholderIcon = iconNode("image");
 function ImageImpl({ src, alt = "", fit = "cover", loading = "lazy", width, height, fallback, ...rest }) {
 	injectComponentStyle("image");
@@ -40,5 +40,4 @@ function ImageImpl({ src, alt = "", fit = "cover", loading = "lazy", width, heig
 	});
 }
 const Image = withSelfRoot(ImageImpl);
-//#endregion
 export { Image };

package/dist/components/image-cropper/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/react/image-cropper";
-//#region src/components/image-cropper/index.d.ts
 /** ImageCropper, dressed in the paper-and-ink system: a rounded vessel
  * holding the photograph, one lit selection window framed by light hairlines.
  * The API is Ark's own — Root, Viewport, Image, Selection, Handle, Grid,
@@ -16,4 +15,4 @@ declare function ImageCropperFacade({ src, alt }: ImageCropperFacadeProps): impo
 export declare const ImageCropper: typeof ImageCropperFacade & typeof ImageCropper$1 & {
   Root: typeof ImageCropperRoot;
 };
-//#endregion
+export {};

package/dist/components/image-cropper/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 { ImageCropper as ImageCropper$1 } from "@ark-ui/react/image-cropper";
-//#region src/components/image-cropper/index.tsx
+// src/components/image-cropper/index.tsx
 /** ImageCropper, dressed in the paper-and-ink system: a rounded vessel
 * holding the photograph, one lit selection window framed by light hairlines.
 * The API is Ark's own — Root, Viewport, Image, Selection, Handle, Grid,
@@ -39,5 +39,4 @@ const ImageCropper = Object.assign(ImageCropperFacade, {
 	Root: ImageCropperRoot
 });
 injectComponentStyle("image-cropper");
-//#endregion
 export { ImageCropper };

package/dist/components/image-viewer/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ImageViewerProps, t as ImageViewer } from "../../index-Dj8S4eyJ.mjs";
+import { n as ImageViewerProps, t as ImageViewer } from "../../index-D4C52fI7.mjs";
 export { ImageViewer, ImageViewerProps };