@bysages/react 0.4.4 → 0.5.0

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

@@ -1,6 +1,5 @@
 import { Menu } from "../menu/index.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/split-button/index.d.ts
 export interface SplitButtonEntry {
   label: string;
   /** Handed back with `onSelect` when the entry is chosen. */
@@ -35,4 +34,4 @@ export interface SplitButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "
  */
 declare function SplitButtonImpl({ label, items, variant, tone, size, disabled, onClick, onSelect, ...rest }: SplitButtonProps): import("react").JSX.Element;
 export declare const SplitButton: typeof SplitButtonImpl & typeof Menu;
-//#endregion
+export {};

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

@@ -1,13 +1,13 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { n as useComponentMessages } 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 } from "../../messages-B6n0lVyt.mjs";
 import { Button } from "../button/index.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";
-//#region src/components/split-button/index.tsx
+// src/components/split-button/index.tsx
 /**
 * A primary action with its alternatives one seam away: the main button
 * fires `onClick`, the fitted arrow opens a paper vessel of the same
@@ -64,5 +64,4 @@ const chevronDown = iconNode("chevron-down", {
 	width: 16,
 	height: 16
 });
-//#endregion
 export { SplitButton };

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

@@ -1,5 +1,4 @@
 import { Splitter as Splitter$1 } from "@ark-ui/react/splitter";
-//#region src/components/splitter/index.d.ts
 export type SplitterItem = {
   id: string;
   label: string;
@@ -17,4 +16,4 @@ declare namespace SplitterFacade {
 }
 type SplitterParts = typeof Splitter$1;
 export declare const Splitter: typeof SplitterFacade & SplitterParts;
-//#endregion
+export {};

package/dist/components/splitter/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 { Fragment as Fragment$1 } from "react";
 import { Splitter as Splitter$1 } from "@ark-ui/react/splitter";
-//#region src/components/splitter/index.tsx
+// src/components/splitter/index.tsx
 /** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
 * a hairline and a small paper-seal thumb answers the hand. The API is
 * Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
@@ -40,5 +40,4 @@ const Splitter = Object.assign(SplitterFacade, {
 	Root: SplitterRoot
 });
 injectComponentStyle("splitter");
-//#endregion
 export { Splitter };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/spotlight/index.d.ts
 export interface SpotlightProps extends HTMLAttributes<HTMLDivElement> {
   /** How far the lamp throws before the ink swallows it. */
   radius?: string;
@@ -12,4 +11,4 @@ declare function SpotlightImpl({ radius, children, ...rest }: SpotlightProps): i
 export declare const Spotlight: typeof SpotlightImpl & {
   Root: typeof SpotlightImpl;
 };
-//#endregion
+export {};

package/dist/components/spotlight/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/spotlight/index.tsx
+// src/components/spotlight/index.tsx
 /** The ink-light card: a vessel whose rim and face take light from the
 * reader's hand. The wrapper only measures and writes the geometry —
 * the lamp itself is the two layers the stylesheet paints. */
@@ -31,5 +31,4 @@ function SpotlightImpl({ radius, children, ...rest }) {
 	});
 }
 const Spotlight = withSelfRoot(SpotlightImpl);
-//#endregion
 export { Spotlight };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/stack/index.d.ts
 export interface StackProps extends HTMLAttributes<HTMLDivElement> {
   direction?: "column" | "row";
   gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -11,4 +10,4 @@ declare function StackImpl({ direction, gap, wrap, align, justify, ...rest }: St
 export declare const Stack: typeof StackImpl & {
   Root: typeof StackImpl;
 };
-//#endregion
+export {};

package/dist/components/stack/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/stack/index.tsx
+// src/components/stack/index.tsx
 /** Whitespace chosen by name: the named steps point at the space ramp so
 * siblings are held apart by one token, never by ad-hoc margins. */
 const gapVars = {
@@ -30,5 +30,4 @@ function StackImpl({ direction = "column", gap = "md", wrap = false, align, just
 	});
 }
 const Stack = withSelfRoot(StackImpl);
-//#endregion
 export { Stack };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/stat/index.d.ts
 export interface StatDeltaProps extends HTMLAttributes<HTMLElement> {
   direction?: "up" | "down" | "flat";
   "data-direction"?: string;
@@ -25,5 +24,4 @@ export declare const Stat: {
     ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
     displayName: string;
   };
-};
-//#endregion
+};

package/dist/components/stat/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stat/index.tsx
+// src/components/stat/index.tsx
 function part(name, tag) {
 	const Tag = tag;
 	const Component = ({ children, ...rest }) => /* @__PURE__ */ jsx(Tag, {
@@ -33,5 +33,4 @@ const Stat = Object.assign(Root, {
 	Description
 });
 injectComponentStyle("stat");
-//#endregion
 export { Stat };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Steps as Steps$1 } from "@ark-ui/react/steps";
-//#region src/components/steps/index.d.ts
 type StepsRootProps = ComponentProps<typeof Steps$1.Root> & {
   /** One rung of the control-height ladder every indicator stands on. */
   size?: "sm" | "md" | "lg";
@@ -43,5 +42,4 @@ type StepsParts = Omit<typeof Steps$1, "Root" | "Item"> & {
   Item: typeof StepsItem;
 };
 export declare const Steps: typeof StepsFacade & StepsParts;
-//#endregion
 export { StepsItem };

package/dist/components/steps/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 { Steps as Steps$1 } from "@ark-ui/react/steps";
-//#region src/components/steps/index.tsx
+// src/components/steps/index.tsx
 function StepsRoot(props) {
 	const id = useElementId("steps", props);
 	const { size = "md", variant = "default", ...rest } = props;
@@ -46,5 +46,4 @@ const Steps = Object.assign(StepsFacade, {
 	Item: StepsItem
 });
 injectComponentStyle("steps");
-//#endregion
 export { Steps };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Swap as Swap$1 } from "@ark-ui/react/swap";
-//#region src/components/swap/index.d.ts
 interface SwapFacadeProps {
   swap?: boolean;
   on?: ReactNode;
@@ -11,4 +10,4 @@ interface SwapFacadeProps {
  * transitions and indicators stay on the anatomy. */
 declare function SwapFacade({ swap, on, off }: SwapFacadeProps): import("react").JSX.Element;
 export declare const Swap: typeof SwapFacade & typeof Swap$1;
-//#endregion
+export {};

package/dist/components/swap/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 { Swap as Swap$1 } from "@ark-ui/react/swap";
-//#region src/components/swap/index.tsx
+// src/components/swap/index.tsx
 /** Swap, dressed in the paper-and-ink system: two impressions
 * occupying one seal, the arriving one growing into place on the spring
 * while the departing one shrinks away. The parts — Root,
@@ -34,5 +34,4 @@ const Swap = Object.assign(SwapFacade, {
 	Root: SwapRoot
 });
 injectComponentStyle("swap");
-//#endregion
 export { Swap };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Switch as Switch$1 } from "@ark-ui/react/switch";
-//#region src/components/switch/index.d.ts
 type SwitchRootProps = ComponentProps<typeof Switch$1.Root> & {
   /** One rung for the thumb; the track travels with it. */
   size?: "sm" | "md" | "lg";
@@ -31,4 +30,4 @@ type SwitchParts = Omit<typeof Switch$1, "Root"> & {
   Root: typeof SwitchRoot;
 };
 export declare const Switch: typeof SwitchFacade & SwitchParts;
-//#endregion
+export {};

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

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

@@ -1,6 +1,5 @@
 import { CSSProperties } from "react";
 import { CellData, ColumnDef, FlexRender, RowData, SortingState, TableFeatures, createColumnHelper } from "@tanstack/react-table";
-//#region src/components/table/index.d.ts
 /** Column metadata understood by this table: mark columns whose values
  * read right-aligned in tabular figures. The type parameters mirror the
  * library's own declaration — augmentation merging demands an identical
@@ -80,5 +79,4 @@ declare function DataTableImpl(rawProps: DataTableProps): import("react").JSX.El
 export declare const DataTable: typeof DataTableImpl & {
   Root: typeof DataTableImpl;
 };
-//#endregion
 export { type ColumnDef, FlexRender, type SortingState, createColumnHelper };

package/dist/components/table/index.mjs

@@ -1,15 +1,15 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
+import { n as useComponentMessages, t as formatMessage } from "../../messages-B6n0lVyt.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-D_soVdWK.mjs";
+import { t as Select$1 } from "../../select-DQ5669_K.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { createListCollection } from "@ark-ui/react/select";
 import { FlexRender, cellSpanningFeature, columnFilteringFeature, columnOrderingFeature, columnPinningFeature, columnSizingFeature, columnVisibilityFeature, createColumnHelper, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_equals, filterFn_inDateRange, filterFn_inNumberRange, filterFn_includesString, filterFn_weakEquals, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures, useTable } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/table/index.tsx
+// src/components/table/index.tsx
 function pageIcon(direction) {
 	return iconNode(direction === "start" ? "chevron-left" : "chevron-right", {
 		width: 14,
@@ -667,5 +667,4 @@ function DataTableImpl(rawProps) {
 	});
 }
 const DataTable = withSelfRoot(DataTableImpl);
-//#endregion
 export { DataTable, FlexRender, createColumnHelper };

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