@bysages/react 0.4.3 → 0.5.0

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

@@ -1,10 +1,12 @@
 import { ComponentProps, ReactNode } from "react";
 import { Tabs as Tabs$1 } from "@ark-ui/react/tabs";
-//#region src/components/tabs/index.d.ts
 export type TabsItem = {
   value: string;
   label: string;
   content?: ReactNode;
+  disabled?: boolean;
+  closable?: boolean;
+  icon?: string;
 };
 export interface TabsFacadeProps {
   value?: string;
@@ -16,9 +18,13 @@ export interface TabsFacadeProps {
   /** One rung of the control-height ladder for the tab rows. */
   size?: "sm" | "md" | "lg";
   className?: string;
+  scrollable?: boolean;
+  contentless?: boolean;
+  closable?: boolean;
   onValueChange?: (value: string) => void;
+  onClose?: (item: TabsItem) => void;
 }
-declare function TabsFacade({ value, defaultValue, items, variant, orientation, size, className, onValueChange }: TabsFacadeProps): import("react").JSX.Element;
+declare function TabsFacade({ value, defaultValue, items, variant, orientation, size, className, scrollable, contentless, closable, onValueChange, onClose }: TabsFacadeProps): import("react").JSX.Element;
 declare namespace TabsFacade {
   var displayName: string;
 }
@@ -39,4 +45,4 @@ type TabsParts = Omit<typeof Tabs$1, "Root"> & {
   Root: typeof TabsRoot;
 };
 export declare const Tabs: typeof TabsFacade & TabsParts;
-//#endregion
+export {};

package/dist/components/tabs/index.mjs

@@ -1,9 +1,12 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as useComponentMessages, t as formatMessage } from "../../messages-B6n0lVyt.mjs";
+import { Icon } from "../icon/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@ark-ui/react/tabs";
-//#region src/components/tabs/index.tsx
-function TabsFacade({ value, defaultValue, items, variant = "line", orientation = "horizontal", size = "md", className, onValueChange }) {
+// src/components/tabs/index.tsx
+function TabsFacade({ value, defaultValue, items, variant = "line", orientation = "horizontal", size = "md", className, scrollable = false, contentless = false, closable = false, onValueChange, onClose }) {
+	const messages = useComponentMessages();
 	return /* @__PURE__ */ jsxs(TabsRoot, {
 		className,
 		size,
@@ -12,10 +15,36 @@ function TabsFacade({ value, defaultValue, items, variant = "line", orientation
 		defaultValue,
 		...value === void 0 ? {} : { value },
 		onValueChange: (details) => onValueChange?.(details.value),
-		children: [/* @__PURE__ */ jsxs(Tabs$1.List, { children: [items.map((item) => /* @__PURE__ */ jsx(Tabs$1.Trigger, {
-			value: item.value,
-			children: item.label
-		}, item.value)), /* @__PURE__ */ jsx(Tabs$1.Indicator, {})] }), items.map((item) => /* @__PURE__ */ jsx(Tabs$1.Content, {
+		children: [/* @__PURE__ */ jsxs(Tabs$1.List, {
+			"data-scrollable": scrollable ? "" : void 0,
+			children: [items.map((item) => {
+				const itemClosable = item.closable ?? closable;
+				const trigger = /* @__PURE__ */ jsxs(Tabs$1.Trigger, {
+					value: item.value,
+					disabled: item.disabled,
+					"data-closable": itemClosable ? "" : void 0,
+					children: [item.icon ? /* @__PURE__ */ jsx(Icon, { name: item.icon }) : null, /* @__PURE__ */ jsx("span", { children: item.label })]
+				}, item.value);
+				if (!itemClosable) return trigger;
+				return /* @__PURE__ */ jsxs("span", {
+					"data-scope": "tabs",
+					"data-part": "item",
+					children: [trigger, /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"data-scope": "tabs",
+						"data-part": "close",
+						"aria-label": formatMessage(messages.tabs.closeTab, { name: item.label }),
+						disabled: item.disabled,
+						onClick: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							onClose?.(item);
+						},
+						children: /* @__PURE__ */ jsx(Icon, { name: "x" })
+					})]
+				}, item.value);
+			}), /* @__PURE__ */ jsx(Tabs$1.Indicator, {})]
+		}), !contentless && items.map((item) => /* @__PURE__ */ jsx(Tabs$1.Content, {
 			value: item.value,
 			children: item.content
 		}, item.value))]
@@ -36,5 +65,4 @@ const Tabs = Object.assign(TabsFacade, {
 	Root: TabsRoot
 });
 injectComponentStyle("tabs");
-//#endregion
 export { Tabs };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/tag/index.d.ts
 export interface TagProps extends Omit<HTMLAttributes<HTMLElement>, "defaultValue"> {
   /** The pigment the tag is inked with; ink is the solemn default,
    * and the fixed pigments speak for their meaning. */
@@ -30,4 +29,4 @@ declare namespace TagImpl {
 export declare const Tag: typeof TagImpl & {
   Root: typeof TagImpl;
 };
-//#endregion
+export {};

package/dist/components/tag/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 { useState } from "react";
-//#region src/components/tag/index.tsx
+// src/components/tag/index.tsx
 /** A small named seal for filtering and cataloguing. The resting shape
 * is a span; `checkable` raises it to a pressed button, and `closable`
 * hangs the removal seal inside — dismissal stays the consumer's state,
@@ -71,5 +71,4 @@ function TagImpl({ tone = "ink", variant = "solid", checkable = false, value, de
 }
 TagImpl.displayName = "STag";
 const Tag = withSelfRoot(TagImpl);
-//#endregion
 export { Tag };

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

@@ -1,6 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
 import { TagsInput as TagsInput$1 } from "@ark-ui/react/tags-input";
-//#region src/components/tags-input/index.d.ts
 type TagsInputRootProps = ComponentProps<typeof TagsInput$1.Root> & {
   /** One rung of the control-height ladder for the vessel at rest. */
   size?: "sm" | "md" | "lg";
@@ -39,4 +38,4 @@ export declare const TagsInput: typeof TagsInputFacade & {
   Label: import("react").ForwardRefExoticComponent<TagsInput$1.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<TagsInput$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
+export {};

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

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/terminal/index.d.ts
 export interface TerminalProps extends HTMLAttributes<HTMLDivElement> {
   /** The transcript, oldest line first. */
   lines?: string[];
@@ -7,14 +6,16 @@ export interface TerminalProps extends HTMLAttributes<HTMLDivElement> {
   prompt?: string;
   placeholder?: string;
   label?: string;
+  /** Treat the transcript as output only; no command line mounts. */
+  readOnly?: boolean;
   onCommand?: (text: string) => void;
 }
 /** A quiet console: the transcript above, the prompt line below. The
  * component owns only the reading and the caret — each entered line
  * leaves as an event, and the caller answers through the lines prop,
  * so history stays theirs to shape. */
-declare function TerminalImpl({ lines, prompt, placeholder, label, onCommand, ...rest }: TerminalProps): import("react").JSX.Element;
+declare function TerminalImpl({ lines, prompt, placeholder, label, readOnly, onCommand, ...rest }: TerminalProps): import("react").JSX.Element;
 export declare const Terminal: typeof TerminalImpl & {
   Root: typeof TerminalImpl;
 };
-//#endregion
+export {};

package/dist/components/terminal/index.mjs

@@ -1,22 +1,23 @@
-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 { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-//#region src/components/terminal/index.tsx
+// src/components/terminal/index.tsx
 /** A quiet console: the transcript above, the prompt line below. The
 * component owns only the reading and the caret — each entered line
 * leaves as an event, and the caller answers through the lines prop,
 * so history stays theirs to shape. */
-function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand, ...rest }) {
+function TerminalImpl({ lines = [], prompt = "$", placeholder, label, readOnly = false, onCommand, ...rest }) {
 	injectComponentStyle("terminal");
 	const messages = useComponentMessages();
 	const commandLineLabel = label ?? messages.terminal.commandLine;
 	const [draft, setDraft] = useState("");
 	const scroll = useRef(null);
+	const transcript = lines.join("\n");
 	useEffect(() => {
 		scroll.current?.scrollTo({ top: scroll.current.scrollHeight });
-	}, [lines.length]);
+	}, [transcript]);
 	function submit() {
 		const text = draft.trim();
 		if (!text) return;
@@ -29,6 +30,7 @@ function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand,
 		"aria-label": commandLineLabel,
 		"data-scope": "terminal",
 		"data-part": "root",
+		...readOnly ? { "data-readonly": "" } : {},
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: scroll,
 			"data-scope": "terminal",
@@ -38,7 +40,7 @@ function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand,
 				"data-part": "line",
 				children: line
 			}, index))
-		}), /* @__PURE__ */ jsxs("div", {
+		}), readOnly ? null : /* @__PURE__ */ jsxs("div", {
 			"data-scope": "terminal",
 			"data-part": "entry",
 			children: [/* @__PURE__ */ jsx("span", {
@@ -66,5 +68,4 @@ function TerminalImpl({ lines = [], prompt = "$", placeholder, label, onCommand,
 	});
 }
 const Terminal = withSelfRoot(TerminalImpl);
-//#endregion
 export { Terminal };

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

@@ -1,5 +1,4 @@
 import { TextareaHTMLAttributes } from "react";
-//#region src/components/textarea/index.d.ts
 /** The bare multi-line input: the field recipe on a `<textarea>`, sized
  * by rows and resizable in the block direction. Standing alone it styles
  * itself from the `invalid` prop; inside a `Field.Root` it consumes the
@@ -14,4 +13,4 @@ declare function TextareaImpl({ value, invalid, onValueChange, ...rest }: Textar
 export declare const Textarea: typeof TextareaImpl & {
   Root: typeof TextareaImpl;
 };
-//#endregion
+export {};

package/dist/components/textarea/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 { useFieldContext } from "@ark-ui/react/field";
-//#region src/components/textarea/index.tsx
+// src/components/textarea/index.tsx
 function TextareaImpl({ value, invalid = false, onValueChange, ...rest }) {
 	injectComponentStyle("textarea");
 	const field = useFieldContext();
@@ -18,5 +18,4 @@ function TextareaImpl({ value, invalid = false, onValueChange, ...rest }) {
 	});
 }
 const Textarea = withSelfRoot(TextareaImpl);
-//#endregion
 export { Textarea };

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

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { HTMLAttributes } from "react";
-//#region src/components/timeline/index.d.ts
 declare function Root({ orientation, children, ...rest }: HTMLAttributes<HTMLElement> & {
   children?: React.ReactNode;
   orientation?: "vertical" | "horizontal";
@@ -23,4 +22,4 @@ export declare const Timeline: typeof Root & {
     displayName: string;
   };
 };
-//#endregion
+export {};

package/dist/components/timeline/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/timeline/index.tsx
+// src/components/timeline/index.tsx
 /** A line of moments: Root is the ordered thread, Item one moment on it,
 * Marker the point where the thread passes, Content what the moment
 * holds. The hairline between markers is drawn by the stylesheet. */
@@ -36,5 +36,4 @@ const Timeline = Object.assign(Root, {
 	Content
 });
 injectComponentStyle("timeline");
-//#endregion
 export { Timeline };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Timer as Timer$1 } from "@ark-ui/react/timer";
-//#region src/components/timer/index.d.ts
 /** Ark's Timer, dressed in the paper-and-ink system: monospaced digits
  * that never jitter, quiet action triggers on the control recipe. The API
  * is Ark's own — Root, Area, Control, Item, Separator, ActionTrigger,
@@ -22,4 +21,4 @@ declare function TimerFacade(props: TimerFacadeProps): import("react").JSX.Eleme
 export declare const Timer: typeof TimerFacade & Omit<typeof Timer$1, "Root"> & {
   Root: typeof TimerRoot;
 };
-//#endregion
+export {};

package/dist/components/timer/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 { Timer as Timer$1 } from "@ark-ui/react/timer";
-//#region src/components/timer/index.tsx
+// src/components/timer/index.tsx
 /** Ark's Timer, dressed in the paper-and-ink system: monospaced digits
 * that never jitter, quiet action triggers on the control recipe. The API
 * is Ark's own — Root, Area, Control, Item, Separator, ActionTrigger,
@@ -56,5 +56,4 @@ const Timer = Object.assign(TimerFacade, {
 	...Timer$1,
 	Root: TimerRoot
 });
-//#endregion
 export { Timer };

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

@@ -1,8 +1,6 @@
 import { CreateToasterReturn, Toast as Toast$1, createToaster } from "@ark-ui/react/toast";
-//#region src/components/toast/index.d.ts
 export declare const Toast: typeof Toast$1;
 export declare const Toaster: import("react").ForwardRefExoticComponent<import("@ark-ui/react/toast").ToasterProps & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<import("@ark-ui/react/toast").ToasterProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
 export { type CreateToasterReturn, createToaster };

package/dist/components/toast/index.mjs

@@ -1,10 +1,11 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.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 { injectComponentStyle } from "@bysages/core/styling";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/react/toast";
-//#region src/components/toast/index.tsx
+// src/components/toast/index.tsx
 /** Ark's Toast, dressed in the paper-and-ink system: each notice rides the
 * popup vessel while a pigment accents the title by type, and the machine's
 * translate variables carry the slide. The API is Ark's own — Toaster,
@@ -22,12 +23,23 @@ const Toast = {
 	Root: ToastRoot
 };
 const ToasterRoot = forwardRef(function ToasterRoot(props, ref) {
+	const { children, ...rest } = props;
 	return /* @__PURE__ */ jsx(Toaster$1, {
 		ref,
-		...props
+		...rest,
+		children: children ?? ((toast) => /* @__PURE__ */ jsxs(Toast$1.Root, { children: [
+			/* @__PURE__ */ jsx(Toast$1.Title, { children: toast.title }),
+			toast.description ? /* @__PURE__ */ jsx(Toast$1.Description, { children: toast.description }) : null,
+			/* @__PURE__ */ jsx(Toast$1.CloseTrigger, {
+				"aria-label": "Close",
+				children: iconNode("x", {
+					width: 14,
+					height: 14
+				})
+			})
+		] }, toast.id))
 	});
 });
 const Toaster = withSelfRoot(ToasterRoot);
 injectComponentStyle("toast");
-//#endregion
 export { Toast, Toaster, createToaster };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Toc as Toc$1, TocItemData } from "@ark-ui/react/toc";
-//#region src/components/toc/index.d.ts
 /** Toc, dressed in the paper-and-ink system: a quiet rail of links
  * beside the scroll, one stroke of primary ink marking where the reader
  * stands. The parts — Root, Title, List, Item, Link, Indicator. */
@@ -24,4 +23,4 @@ export declare const Toc: typeof TocFacade & Omit<typeof Toc$1, "Root" | "Indica
   Root: typeof TocRoot;
   Indicator: typeof TocIndicator;
 };
-//#endregion
+export {};

package/dist/components/toc/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 { Toc as Toc$1 } from "@ark-ui/react/toc";
-//#region src/components/toc/index.tsx
+// src/components/toc/index.tsx
 /** Toc, dressed in the paper-and-ink system: a quiet rail of links
 * beside the scroll, one stroke of primary ink marking where the reader
 * stands. The parts — Root, Title, List, Item, Link, Indicator. */
@@ -44,5 +44,4 @@ const Toc = Object.assign(TocFacade, {
 	Indicator: TocIndicator
 });
 injectComponentStyle("toc");
-//#endregion
 export { Toc };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Toggle as Toggle$1 } from "@ark-ui/react/toggle";
-//#region src/components/toggle/index.d.ts
 export interface ToggleFacadeProps extends ComponentProps<typeof Toggle$1.Root> {
   /** The accessible name when the content is only an icon. */
   label?: string;
@@ -11,4 +10,4 @@ declare namespace ToggleFacade {
 }
 type ToggleParts = typeof Toggle$1;
 export declare const Toggle: typeof ToggleFacade & ToggleParts;
-//#endregion
+export {};

package/dist/components/toggle/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 } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@ark-ui/react/toggle";
-//#region src/components/toggle/index.tsx
+// src/components/toggle/index.tsx
 /** Ark's Toggle, dressed in the paper-and-ink system: a standalone seal that
 * settles into the flat ink fill while pressed on. The API is Ark's own —
 * Root, Indicator. */
@@ -26,5 +26,4 @@ const Toggle = Object.assign(ToggleFacade, {
 	Root: ToggleRoot
 });
 injectComponentStyle("toggle");
-//#endregion
 export { Toggle };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/react/toggle-group";
-//#region src/components/toggle-group/index.d.ts
 type ToggleGroupRootProps = ComponentProps<typeof ToggleGroup$1.Root> & {
   /** One rung of the control-height ladder for the items. */
   size?: "sm" | "md" | "lg";
@@ -36,4 +35,4 @@ type ToggleGroupParts = Omit<typeof ToggleGroup$1, "Root"> & {
   Root: typeof ToggleGroupRoot;
 };
 export declare const ToggleGroup: typeof ToggleGroupFacade & ToggleGroupParts;
-//#endregion
+export {};

package/dist/components/toggle-group/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 } from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/react/toggle-group";
-//#region src/components/toggle-group/index.tsx
+// src/components/toggle-group/index.tsx
 function ToggleGroupRoot(props) {
 	const id = useElementId("toggle-group", props);
 	const { size = "md", ...rest } = props;
@@ -41,5 +41,4 @@ const ToggleGroup = Object.assign(ToggleGroupFacade, {
 	Root: ToggleGroupRoot
 });
 injectComponentStyle("toggle-group");
-//#endregion
 export { ToggleGroup };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/toolbar/index.d.ts
 export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
   /** Accessible name when more than one toolbar shares a page. */
   label?: string;
@@ -17,4 +16,4 @@ declare function ToolbarImpl({ label, start, end, children, ...rest }: ToolbarPr
 export declare const Toolbar: typeof ToolbarImpl & {
   Root: typeof ToolbarImpl;
 };
-//#endregion
+export {};

package/dist/components/toolbar/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/toolbar/index.tsx
+// src/components/toolbar/index.tsx
 /** A workbench rail: the start tools at the leading edge, the end tools
 * at the trailing, the rail itself carrying the toolbar role so
 * assistive tech reads it as one group of commands. */
@@ -27,5 +27,4 @@ function ToolbarImpl({ label, start, end, children, ...rest }) {
 	});
 }
 const Toolbar = withSelfRoot(ToolbarImpl);
-//#endregion
 export { Toolbar };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
-//#region src/components/tooltip/index.d.ts
 type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
 export interface TooltipFacadeProps {
   open?: boolean;
@@ -17,4 +16,4 @@ declare namespace TooltipFacade {
 }
 type TooltipParts = typeof Tooltip$1;
 export declare const Tooltip: typeof TooltipFacade & TooltipParts;
-//#endregion
+export {};

package/dist/components/tooltip/index.mjs

@@ -1,9 +1,9 @@
-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 { isValidElement } from "react";
 import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";
-//#region src/components/tooltip/index.tsx
+// src/components/tooltip/index.tsx
 /** Ark's Tooltip, dressed in the paper-and-ink system: the smallest
 * vessel — a tight chip of ink that dissolves in over its anchor. The
 * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
@@ -33,5 +33,4 @@ const Tooltip = Object.assign(TooltipFacade, {
 	Root: TooltipRoot
 });
 injectComponentStyle("tooltip");
-//#endregion
 export { Tooltip };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Tour as Tour$1, TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails, UseTourProps, UseTourReturn } from "@ark-ui/react/tour";
-//#region src/components/tour/index.d.ts
 export interface TourFacadeProps {
   tour: UseTourReturn;
   trigger?: string;
@@ -16,5 +15,4 @@ type TourParts = typeof Tour$1;
 export declare const Tour: typeof TourFacade & TourParts;
 /** Tour machines are created by useTour, so the stable id belongs there. */
 export declare function useTour(props?: UseTourProps): UseTourReturn;
-//#endregion
 export type { TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails };

package/dist/components/tour/index.mjs

@@ -1,9 +1,9 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { Button } from "../button/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Tour as Tour$1, useTour as useTour$1 } from "@ark-ui/react/tour";
-//#region src/components/tour/index.tsx
+// src/components/tour/index.tsx
 /** Ark's Tour, dressed in the paper-and-ink system: a dimmed page where
 * the spotlight alone keeps the focus halo, and the anchored card rides
 * the shared popup vessel. The API is Ark's own — Root, Backdrop,
@@ -51,5 +51,4 @@ function useTour(props = {}) {
 	});
 }
 injectComponentStyle("tour");
-//#endregion
 export { Tour, useTour };

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

@@ -1,6 +1,5 @@
 import { Checkbox } from "../checkbox/index.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/transfer/index.d.ts
 export interface TransferItem {
   label: string;
   value: string;
@@ -22,4 +21,4 @@ export interface TransferProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare function TransferImpl({ value, data, titles, searchable, disabled, onValueChange, ...rest }: TransferProps): import("react").JSX.Element;
 export declare const Transfer: typeof TransferImpl & typeof Checkbox;
-//#endregion
+export {};

package/dist/components/transfer/index.mjs

@@ -1,14 +1,14 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as useComponentMessages, t as formatMessage } 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 { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Checkbox } from "@ark-ui/react/checkbox";
-//#region src/components/transfer/index.tsx
+// src/components/transfer/index.tsx
 const checkIcon = iconNode("check");
 function arrowIcon(direction) {
 	return iconNode(direction === "right" ? "arrow-right" : "arrow-left");
@@ -140,5 +140,4 @@ function TransferImpl({ value = [], data, titles = ["Source", "Target"], searcha
 	});
 }
 const Transfer = Object.assign(TransferImpl, Checkbox$1);
-//#endregion
 export { Transfer };

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

@@ -1,6 +1,5 @@
-import { t as Popover } from "../../index-Eu-Bttta.mjs";
+import { t as Popover } from "../../index-BVdkcSSY.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/tree-select/index.d.ts
 export interface TreeSelectNode {
   label: string;
   value: string;
@@ -27,4 +26,4 @@ export interface TreeSelectProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function TreeSelectImpl({ value, data, placeholder, filterable, disabled, size, onValueChange, ...rest }: TreeSelectProps): import("react").JSX.Element;
 export declare const TreeSelect: typeof TreeSelectImpl & typeof Popover;
-//#endregion
+export {};