@bysages/solid 0.2.1 → 0.2.3

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

@@ -0,0 +1,17 @@
+import { Tabs as Tabs$1, TabsRootProps } from "@ark-ui/solid/tabs";
+//#region src/components/tabs/index.d.ts
+/**
+ * Tabs — tabbed navigation.
+ *
+ * Parts: Root, List, Trigger, Content, Indicator (machine-positioned ink
+ * bar on the list rule).
+ */
+type TabsOwnProps = {
+  /** One rung of the control-height ladder for the tab rows. */
+  size?: "sm" | "md" | "lg";
+};
+declare function TabsRoot(props: TabsRootProps & TabsOwnProps): import("solid-js").JSX.Element;
+export declare const Tabs: Omit<typeof Tabs$1, "Root"> & {
+  Root: typeof TabsRoot;
+};
+//#endregion

package/dist/components/tabs/index.mjs

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Tabs as Tabs$1 } from "@ark-ui/solid/tabs";
+//#region src/components/tabs/index.tsx
+function TabsRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(Tabs$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const Tabs = {
+	...Tabs$1,
+	Root: TabsRoot
+};
+injectComponentStyle("tabs");
+//#endregion
+export { Tabs };

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

@@ -0,0 +1,16 @@
+import { TagsInput as TagsInput$1, TagsInputRootProps } from "@ark-ui/solid/tags-input";
+//#region src/components/tags-input/index.d.ts
+/** Ark's TagsInput, dressed in the paper-and-ink system: one field vessel
+ * whose chips rest as quiet ink and lift only a tone when edited. The API
+ * is Ark's own — Root, Label, Control, Input, ClearTrigger, Item,
+ * ItemPreview, ItemText, ItemInput, ItemDeleteTrigger, HiddenInput,
+ * Context. */
+type TagsInputOwnProps = {
+  /** One rung of the control-height ladder for the vessel at rest. */
+  size?: "sm" | "md" | "lg";
+};
+declare function TagsInputRoot(props: TagsInputRootProps & TagsInputOwnProps): import("solid-js").JSX.Element;
+export declare const TagsInput: Omit<typeof TagsInput$1, "Root"> & {
+  Root: typeof TagsInputRoot;
+};
+//#endregion

package/dist/components/tags-input/index.mjs

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { TagsInput as TagsInput$1 } from "@ark-ui/solid/tags-input";
+//#region src/components/tags-input/index.tsx
+function TagsInputRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(TagsInput$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const TagsInput = {
+	...TagsInput$1,
+	Root: TagsInputRoot
+};
+injectComponentStyle("tags-input");
+//#endregion
+export { TagsInput };

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

@@ -0,0 +1,14 @@
+import { JSX } from "solid-js";
+//#region src/components/textarea/index.d.ts
+export interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  invalid?: boolean;
+}
+/** 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
+ * field context, picking up the label id, the described-by wiring and
+ * the invalid state for free. Disabled rides the native attribute. */
+export declare function Textarea(props: TextareaProps): JSX.Element;
+//#endregion

package/dist/components/textarea/index.mjs

@@ -0,0 +1,37 @@
+import { injectComponentStyle } from "@bysages/core";
+import { mergeProps, spread, template } from "solid-js/web";
+import { mergeProps as mergeProps$1, splitProps } from "solid-js";
+import { useFieldContext } from "@ark-ui/solid/field";
+//#region src/components/textarea/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<textarea>`);
+/** 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
+* field context, picking up the label id, the described-by wiring and
+* the invalid state for free. Disabled rides the native attribute. */
+function Textarea(props) {
+	injectComponentStyle("textarea");
+	const field = useFieldContext();
+	const [own, rest] = splitProps(props, [
+		"value",
+		"invalid",
+		"onValueChange"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(() => mergeProps$1(() => field?.().getTextareaProps() ?? {}, rest, {
+			get value() {
+				return own.value;
+			},
+			"data-scope": "textarea",
+			"data-part": "root",
+			get "data-invalid"() {
+				return own.invalid || field?.().getTextareaProps()["data-invalid"] != null ? "" : void 0;
+			},
+			onInput: (event) => own.onValueChange?.(event.currentTarget.value)
+		})), false, false);
+		return _el$;
+	})();
+}
+//#endregion
+export { Textarea };

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

@@ -0,0 +1,9 @@
+import { Component } from "solid-js";
+//#region src/components/timeline/index.d.ts
+export declare const Timeline: Component<Record<string, unknown>> & {
+  Root: Component<Record<string, unknown>>;
+  Item: Component<Record<string, unknown>>;
+  Marker: Component<Record<string, unknown>>;
+  Content: Component<Record<string, unknown>>;
+};
+//#endregion

package/dist/components/timeline/index.mjs

@@ -0,0 +1,29 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+//#region 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. */
+function part(name, tag) {
+	return ((props) => {
+		return createComponent(tag, mergeProps(props, {
+			"data-scope": "timeline",
+			get ["data-part"]() {
+				return name.toLowerCase();
+			}
+		}));
+	});
+}
+const Root = part("Root", "ol");
+const Item = part("Item", "li");
+const Marker = part("Marker", "span");
+const Content = part("Content", "div");
+const Timeline = Object.assign(Root, {
+	Root,
+	Item,
+	Marker,
+	Content
+});
+injectComponentStyle("timeline");
+//#endregion
+export { Timeline };

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

@@ -0,0 +1,8 @@
+import { Timer as Timer$1 } from "@ark-ui/solid/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,
+ * Context. Unit labels are plain content, not a machine part. */
+export declare const Timer: typeof Timer$1;
+//#endregion

package/dist/components/timer/index.mjs

@@ -0,0 +1,11 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Timer as Timer$1 } from "@ark-ui/solid/timer";
+//#region src/components/timer/index.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,
+* Context. Unit labels are plain content, not a machine part. */
+const Timer = Timer$1;
+injectComponentStyle("timer");
+//#endregion
+export { Timer };

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

@@ -0,0 +1,11 @@
+import { CreateToasterReturn, Toast as Toast$1, createToaster } from "@ark-ui/solid/toast";
+//#region src/components/toast/index.d.ts
+/** 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,
+ * Root, Title, Description, ActionTrigger, CloseTrigger, plus
+ * createToaster. */
+export declare const Toast: typeof Toast$1;
+export declare const Toaster: (props: import("@ark-ui/solid/toast").ToasterProps) => import("solid-js").JSX.Element;
+//#endregion
+export { type CreateToasterReturn, createToaster };

package/dist/components/toast/index.mjs

@@ -0,0 +1,13 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/solid/toast";
+//#region src/components/toast/index.ts
+/** 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,
+* Root, Title, Description, ActionTrigger, CloseTrigger, plus
+* createToaster. */
+const Toast = Toast$1;
+const Toaster = Toaster$1;
+injectComponentStyle("toast");
+//#endregion
+export { Toast, Toaster, createToaster };

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

@@ -0,0 +1,7 @@
+import { Toc as Toc$1 } from "@ark-ui/solid/toc";
+//#region src/components/toc/index.d.ts
+/** Ark's 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 API is Ark's own — Root, Title, List, Item, Link, Indicator. */
+export declare const Toc: typeof Toc$1;
+//#endregion

package/dist/components/toc/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Toc as Toc$1 } from "@ark-ui/solid/toc";
+//#region src/components/toc/index.ts
+/** Ark's 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 API is Ark's own — Root, Title, List, Item, Link, Indicator. */
+const Toc = Toc$1;
+injectComponentStyle("toc");
+//#endregion
+export { Toc };

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

@@ -0,0 +1,7 @@
+import { Toggle as Toggle$1 } from "@ark-ui/solid/toggle";
+//#region src/components/toggle/index.d.ts
+/** 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. */
+export declare const Toggle: typeof Toggle$1;
+//#endregion

package/dist/components/toggle/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Toggle as Toggle$1 } from "@ark-ui/solid/toggle";
+//#region src/components/toggle/index.ts
+/** 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. */
+const Toggle = Toggle$1;
+injectComponentStyle("toggle");
+//#endregion
+export { Toggle };

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

@@ -0,0 +1,14 @@
+import { ToggleGroup as ToggleGroup$1, ToggleGroupRootProps } from "@ark-ui/solid/toggle-group";
+//#region src/components/toggle-group/index.d.ts
+/** Ark's ToggleGroup, dressed in the paper-and-ink system: a hairline tray
+ * of quiet seals where the pressed item takes the flat ink fill. The API is
+ * Ark's own — Root, Item. */
+type ToggleGroupOwnProps = {
+  /** One rung of the control-height ladder for the items. */
+  size?: "sm" | "md" | "lg";
+};
+declare function ToggleGroupRoot(props: ToggleGroupRootProps & ToggleGroupOwnProps): import("solid-js").JSX.Element;
+export declare const ToggleGroup: Omit<typeof ToggleGroup$1, "Root"> & {
+  Root: typeof ToggleGroupRoot;
+};
+//#endregion

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

@@ -0,0 +1,18 @@
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/solid/toggle-group";
+//#region src/components/toggle-group/index.tsx
+function ToggleGroupRoot(props) {
+	const [own, rest] = splitProps(props, ["size"]);
+	return createComponent(ToggleGroup$1.Root, mergeProps(rest, { get ["data-size"]() {
+		return own.size ?? "md";
+	} }));
+}
+const ToggleGroup = {
+	...ToggleGroup$1,
+	Root: ToggleGroupRoot
+};
+injectComponentStyle("toggle-group");
+//#endregion
+export { ToggleGroup };

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

@@ -0,0 +1,7 @@
+import { Tooltip as Tooltip$1 } from "@ark-ui/solid/tooltip";
+//#region src/components/tooltip/index.d.ts
+/** 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. */
+export declare const Tooltip: typeof Tooltip$1;
+//#endregion

package/dist/components/tooltip/index.mjs

@@ -0,0 +1,10 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Tooltip as Tooltip$1 } from "@ark-ui/solid/tooltip";
+//#region src/components/tooltip/index.ts
+/** 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. */
+const Tooltip = Tooltip$1;
+injectComponentStyle("tooltip");
+//#endregion
+export { Tooltip };

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

@@ -0,0 +1,11 @@
+import { Tour as Tour$1, TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails, useTour } from "@ark-ui/solid/tour";
+//#region src/components/tour/index.d.ts
+/** 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,
+ * Spotlight, Positioner, Content, Arrow, ArrowTip, Title, Description,
+ * ProgressText, Control, Actions, ActionTrigger, CloseTrigger, plus
+ * useTour. */
+export declare const Tour: typeof Tour$1;
+//#endregion
+export { type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, useTour };

package/dist/components/tour/index.mjs

@@ -0,0 +1,13 @@
+import { injectComponentStyle } from "@bysages/core";
+import { Tour as Tour$1, useTour } from "@ark-ui/solid/tour";
+//#region src/components/tour/index.ts
+/** 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,
+* Spotlight, Positioner, Content, Arrow, ArrowTip, Title, Description,
+* ProgressText, Control, Actions, ActionTrigger, CloseTrigger, plus
+* useTour. */
+const Tour = Tour$1;
+injectComponentStyle("tour");
+//#endregion
+export { Tour, useTour };

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

@@ -0,0 +1,24 @@
+import { JSX } from "solid-js";
+//#region src/components/transfer/index.d.ts
+export interface TransferItem {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+export interface TransferProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  value?: string[];
+  data: TransferItem[];
+  titles?: string[];
+  searchable?: boolean;
+  disabled?: boolean;
+  onValueChange?: (value: string[]) => void;
+}
+/**
+ * Two ledgers and a crossing: items sit in the source column until the
+ * reader checks them and walks them across — and back, the same way.
+ * `value` is the target column's value list; everything else in
+ * `data` stays on the left. `searchable` adds a filter line to each
+ * panel.
+ */
+export declare function Transfer(props: TransferProps): JSX.Element;
+//#endregion

package/dist/components/transfer/index.mjs

@@ -0,0 +1,166 @@
+import { Button } from "../button/index.mjs";
+import { Input } from "../input/index.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import { createComponent, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { For, Show, createSignal, splitProps } from "solid-js";
+import { Checkbox } from "@ark-ui/solid/checkbox";
+//#region src/components/transfer/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.75 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-scope=transfer data-part=search>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-scope=transfer data-part=panel><div data-scope=transfer data-part=head><span data-scope=transfer data-part=title></span><span data-scope=transfer data-part=count></span></div><div data-scope=transfer data-part=list>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p data-scope=transfer data-part=empty>Nothing here`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div><div data-scope=transfer data-part=operations>`);
+function checkGlyph() {
+	return _tmpl$();
+}
+function arrowGlyph(direction) {
+	return (() => {
+		var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+		setAttribute(_el$3, "d", direction === "right" ? "M5 12h14m-6-6 6 6-6 6" : "M19 12H5m6-6-6 6 6 6");
+		return _el$2;
+	})();
+}
+/**
+* Two ledgers and a crossing: items sit in the source column until the
+* reader checks them and walks them across — and back, the same way.
+* `value` is the target column's value list; everything else in
+* `data` stays on the left. `searchable` adds a filter line to each
+* panel.
+*/
+function Transfer(props) {
+	injectComponentStyle("transfer");
+	injectComponentStyle("checkbox");
+	const [own, rest] = splitProps(props, [
+		"value",
+		"data",
+		"titles",
+		"searchable",
+		"disabled",
+		"onValueChange"
+	]);
+	const [checkedSource, setCheckedSource] = createSignal(/* @__PURE__ */ new Set());
+	const [checkedTarget, setCheckedTarget] = createSignal(/* @__PURE__ */ new Set());
+	const [sourceQuery, setSourceQuery] = createSignal("");
+	const [targetQuery, setTargetQuery] = createSignal("");
+	const target = () => new Set(own.value ?? []);
+	function panelItems(values, inTarget, query) {
+		return values.filter((item) => item.label.toLowerCase().includes(query.toLowerCase()) && target().has(item.value) === inTarget);
+	}
+	function toggle(set, value, setChecked) {
+		const next = new Set(set);
+		if (next.has(value)) next.delete(value);
+		else next.add(value);
+		setChecked(next);
+	}
+	function move(toTarget) {
+		const moving = toTarget ? checkedSource() : checkedTarget();
+		if (moving.size === 0) return;
+		const next = toTarget ? [...own.value ?? [], ...moving].filter((value, index, all) => all.indexOf(value) === index) : (own.value ?? []).filter((value) => !moving.has(value));
+		(toTarget ? setCheckedSource : setCheckedTarget)(/* @__PURE__ */ new Set());
+		own.onValueChange?.(next);
+	}
+	function panel(side, title, query, setQuery, checked, setChecked, items) {
+		return (() => {
+			var _el$4 = _tmpl$4(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$9 = _el$5.nextSibling;
+			setAttribute(_el$4, "data-side", side);
+			insert(_el$6, title);
+			insert(_el$7, () => String(items.length));
+			insert(_el$4, createComponent(Show, {
+				get when() {
+					return own.searchable;
+				},
+				get children() {
+					var _el$8 = _tmpl$3();
+					insert(_el$8, createComponent(Input, {
+						size: "sm",
+						get value() {
+							return query();
+						},
+						onValueChange: setQuery,
+						placeholder: "Filter…",
+						"aria-label": `Filter ${title}`
+					}));
+					return _el$8;
+				}
+			}), _el$9);
+			insert(_el$9, createComponent(Show, {
+				get when() {
+					return items.length > 0;
+				},
+				get fallback() {
+					return _tmpl$5();
+				},
+				get children() {
+					return createComponent(For, {
+						each: items,
+						children: (item) => createComponent(Checkbox.Root, {
+							get checked() {
+								return checked().has(item.value);
+							},
+							get disabled() {
+								return own.disabled || item.disabled === true;
+							},
+							onCheckedChange: () => toggle(checked(), item.value, setChecked),
+							get children() {
+								return [
+									createComponent(Checkbox.Control, { get children() {
+										return createComponent(Checkbox.Indicator, { get children() {
+											return checkGlyph();
+										} });
+									} }),
+									createComponent(Checkbox.Label, {
+										"data-part": "label",
+										get children() {
+											return item.label;
+										}
+									}),
+									createComponent(Checkbox.HiddenInput, {})
+								];
+							}
+						})
+					});
+				}
+			}));
+			return _el$4;
+		})();
+	}
+	return (() => {
+		var _el$1 = _tmpl$6(), _el$10 = _el$1.firstChild;
+		spread(_el$1, mergeProps(rest, {
+			"data-scope": "transfer",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$1, () => panel("source", own.titles?.[0] ?? "Source", sourceQuery, setSourceQuery, checkedSource, setCheckedSource, panelItems(own.data, false, sourceQuery())), _el$10);
+		insert(_el$10, createComponent(Button, {
+			variant: "outline",
+			size: "sm",
+			square: true,
+			get disabled() {
+				return checkedSource().size === 0 || own.disabled;
+			},
+			"aria-label": "Move right",
+			onClick: () => move(true),
+			get children() {
+				return arrowGlyph("right");
+			}
+		}), null);
+		insert(_el$10, createComponent(Button, {
+			variant: "outline",
+			size: "sm",
+			square: true,
+			get disabled() {
+				return checkedTarget().size === 0 || own.disabled;
+			},
+			"aria-label": "Move left",
+			onClick: () => move(false),
+			get children() {
+				return arrowGlyph("left");
+			}
+		}), null);
+		insert(_el$1, () => panel("target", own.titles?.[1] ?? "Target", targetQuery, setTargetQuery, checkedTarget, setCheckedTarget, panelItems(own.data, true, targetQuery())), null);
+		return _el$1;
+	})();
+}
+//#endregion
+export { Transfer };

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

@@ -0,0 +1,28 @@
+import { JSX } from "solid-js";
+//#region src/components/tree-select/index.d.ts
+export interface TreeSelectNode {
+  label: string;
+  value: string;
+  children?: TreeSelectNode[];
+  disabled?: boolean;
+}
+export interface TreeSelectProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  value?: string;
+  data: TreeSelectNode[];
+  placeholder?: string;
+  filterable?: boolean;
+  /** One rung of the ladder: the trigger height and the vessel's
+   * row register follow it together. */
+  size?: "sm" | "md" | "lg";
+  disabled?: boolean;
+  onValueChange?: (value: string) => void;
+}
+/**
+ * A tree behind a field: the control reads like an input, the vessel
+ * below walks the hierarchy, and one leaf click closes the deal. Single
+ * selection — the chosen label rides on the control, its value rides in
+ * `value`. `filterable` puts a filter line at the top of the vessel;
+ * matches keep their ancestors and the branches fan open.
+ */
+export declare function TreeSelect(props: TreeSelectProps): JSX.Element;
+//#endregion