haze-ui 1.17.0 → 1.18.0

package/README.md

@@ -90,8 +90,8 @@ covers both.
 react-f0rm owns form field state, and its headless `useField` hook is
 the single binding layer — the same channel its built-in
 `Field`/`Checkbox`/`Select` components use. haze-ui contributes the
-views: controlled cores (`InputCore`, `SelectCore`, `SwitchCore`,
-`TextareaCore`, `TagInputCore`, ...) take the plain `{value, onChange}`
+views: controlled cores (`InputCore`, `SelectCore`, `SwitchCore`, `TextareaCore`,
+`TagInputCore`, `TransferCore`, `UploadCore`, ...) take the plain `{value, onChange}`
 pair with zero adapters, and `FormItem` wraps the hook's state in label,
 error and aria wiring. The sugar components (`Input`, `Select`, ...)
 keep their `ControlOrValue<T>` (`Control<T> | T`) API for standalone use outside forms.
@@ -224,11 +224,12 @@ rest of the JSX goes straight to it, type-checked against its own props:
 
 `input` wires the same id/aria/`onBlur`/`onChange`/value contract as `as`
 — every haze core (`InputCore`, `TextareaCore`, `SelectCore`,
-`TagInputCore`, `CheckboxCore`, `SwitchCore`, …) speaks the plain
-`{value, onChange}` pair, so the default adapters need nothing
-(`TagInputCore`'s `onChange` already emits the next `string[]`; a
-checkbox-style core pairs with `valueToProps`). The differences from
-`as`:
+`TagInputCore`, `TransferCore`, `UploadCore`, `CheckboxCore`, `SwitchCore`, …)
+speaks the plain `{value, onChange}` pair, so the default adapters need
+nothing (`TagInputCore`'s `onChange` already emits the next `string[]`;
+`TransferCore` emits the next `string[]` plus move metadata, `UploadCore`
+the next `File[]`; a checkbox-style core pairs with `valueToProps`). The
+differences from `as`:
 
 - Forwarded props are **type-checked against the core's own props** —
   `input={InputCore} size="xl"` is a compile error, while `asProps` is an

package/dist/components/Transfer/Transfer.js

@@ -1,94 +1,17 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                   */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { useControl as i } from "react-use-control";
+import e from "./TransferCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
 //#region src/lib/components/Transfer/Transfer.tsx
-var a = "haze-Transfer__container", o = "haze-Transfer__panel", s = "haze-Transfer__panelHeader", c = "haze-Transfer__panelBody", l = "haze-Transfer__itemStyle", u = "haze-Transfer__actions", d = "haze-Transfer__actionBtn";
-function f({ dataSource: f, targetKeys: p, onChange: m, className: h }) {
-	let [g, _] = i(p, []), [v, y] = r([]), [b, x] = r([]), S = f.filter((e) => !g.includes(e.key)), C = f.filter((e) => g.includes(e.key)), w = (e) => {
-		y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, T = (e) => {
-		x((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	};
-	return /* @__PURE__ */ n("div", {
-		className: e([a, h]),
-		children: [
-			/* @__PURE__ */ n("div", {
-				className: e([o]),
-				children: [/* @__PURE__ */ n("div", {
-					className: e([s]),
-					children: [
-						"Source (",
-						S.length,
-						")"
-					]
-				}), /* @__PURE__ */ t("div", {
-					className: e([c]),
-					children: S.map((r) => /* @__PURE__ */ n("label", {
-						className: e([l]),
-						children: [/* @__PURE__ */ t("input", {
-							type: "checkbox",
-							checked: v.includes(r.key),
-							disabled: r.disabled,
-							onChange: () => w(r.key),
-							"aria-label": r.title
-						}), r.title]
-					}, r.key))
-				})]
-			}),
-			/* @__PURE__ */ n("div", {
-				className: e([u]),
-				children: [/* @__PURE__ */ t("button", {
-					type: "button",
-					disabled: v.length === 0,
-					onClick: () => {
-						if (v.length === 0) return;
-						let e = [...g, ...v];
-						_(e), m?.(e, "right", v), y([]);
-					},
-					"aria-label": ">",
-					className: e([d]),
-					children: "›"
-				}), /* @__PURE__ */ t("button", {
-					type: "button",
-					disabled: b.length === 0,
-					onClick: () => {
-						if (b.length === 0) return;
-						let e = g.filter((e) => !b.includes(e));
-						_(e), m?.(e, "left", b), x([]);
-					},
-					"aria-label": "<",
-					className: e([d]),
-					children: "‹"
-				})]
-			}),
-			/* @__PURE__ */ n("div", {
-				className: e([o]),
-				children: [/* @__PURE__ */ n("div", {
-					className: e([s]),
-					children: [
-						"Target (",
-						C.length,
-						")"
-					]
-				}), /* @__PURE__ */ t("div", {
-					className: e([c]),
-					children: C.map((r) => /* @__PURE__ */ n("label", {
-						className: e([l]),
-						children: [/* @__PURE__ */ t("input", {
-							type: "checkbox",
-							checked: b.includes(r.key),
-							disabled: r.disabled,
-							onChange: () => T(r.key),
-							"aria-label": r.title
-						}), r.title]
-					}, r.key))
-				})]
-			})
-		]
+function r({ dataSource: r, targetKeys: i, onChange: a, className: o }) {
+	let [s, c] = n(i, []);
+	return /* @__PURE__ */ t(e, {
+		dataSource: r,
+		value: s,
+		onChange: (e, t, n) => {
+			c(e), a?.(e, t, n);
+		},
+		className: o
 	});
 }
 //#endregion
-export { f as default };
+export { r as default };

package/dist/components/Transfer/TransferCore.js

@@ -0,0 +1,90 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+//#region src/lib/components/Transfer/TransferCore.tsx
+var i = "haze-TransferCore__container", a = "haze-TransferCore__panel", o = "haze-TransferCore__panelHeader", s = "haze-TransferCore__panelBody", c = "haze-TransferCore__itemStyle", l = "haze-TransferCore__actions", u = "haze-TransferCore__actionBtn";
+function d({ dataSource: d, value: f, onChange: p, className: m, ...h }) {
+	let [g, _] = r([]), [v, y] = r([]), b = d.filter((e) => !f.includes(e.key)), x = d.filter((e) => f.includes(e.key)), S = (e) => {
+		_((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, C = (e) => {
+		y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, w = () => {
+		g.length !== 0 && (p([...f, ...g], "right", g), _([]));
+	}, T = () => {
+		v.length !== 0 && (p(f.filter((e) => !v.includes(e)), "left", v), y([]));
+	};
+	return /* @__PURE__ */ n("div", {
+		...h,
+		className: e([i, m]),
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: e([a]),
+				children: [/* @__PURE__ */ n("div", {
+					className: e([o]),
+					children: [
+						"Source (",
+						b.length,
+						")"
+					]
+				}), /* @__PURE__ */ t("div", {
+					className: e([s]),
+					children: b.map((r) => /* @__PURE__ */ n("label", {
+						className: e([c]),
+						children: [/* @__PURE__ */ t("input", {
+							type: "checkbox",
+							checked: g.includes(r.key),
+							disabled: r.disabled,
+							onChange: () => S(r.key),
+							"aria-label": r.title
+						}), r.title]
+					}, r.key))
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e([l]),
+				children: [/* @__PURE__ */ t("button", {
+					type: "button",
+					disabled: g.length === 0,
+					onClick: w,
+					"aria-label": ">",
+					className: e([u]),
+					children: "›"
+				}), /* @__PURE__ */ t("button", {
+					type: "button",
+					disabled: v.length === 0,
+					onClick: T,
+					"aria-label": "<",
+					className: e([u]),
+					children: "‹"
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e([a]),
+				children: [/* @__PURE__ */ n("div", {
+					className: e([o]),
+					children: [
+						"Target (",
+						x.length,
+						")"
+					]
+				}), /* @__PURE__ */ t("div", {
+					className: e([s]),
+					children: x.map((r) => /* @__PURE__ */ n("label", {
+						className: e([c]),
+						children: [/* @__PURE__ */ t("input", {
+							type: "checkbox",
+							checked: v.includes(r.key),
+							disabled: r.disabled,
+							onChange: () => C(r.key),
+							"aria-label": r.title
+						}), r.title]
+					}, r.key))
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { d as default };

package/dist/components/Upload/Upload.js

@@ -1,60 +1,20 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                 */
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useCallback as i, useRef as a } from "react";
+import e from "./UploadCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
 //#region src/lib/components/Upload/Upload.tsx
-var o = "haze-Upload__dropzone", s = "haze-Upload__iconStyle", c = "haze-Upload__hiddenInput";
-function l({ accept: l, multiple: u = !1, onChange: d, className: f, children: p }) {
-	let m = a(null), h = i(() => {
-		m.current?.click();
-	}, []), g = i((e) => {
-		let t = Array.from(e.target.files || []);
-		t.length > 0 && d?.(t), e.target.value = "";
-	}, [d]), _ = i((e) => {
-		e.preventDefault();
-		let t = Array.from(e.dataTransfer.files);
-		t.length > 0 && d?.(t);
-	}, [d]), v = i((e) => {
-		e.preventDefault();
-	}, []);
-	return /* @__PURE__ */ r("div", {
-		onClick: h,
-		onDrop: _,
-		onDragOver: v,
-		role: "button",
-		tabIndex: 0,
-		className: e([o, f]),
-		children: [/* @__PURE__ */ n("input", {
-			ref: m,
-			type: "file",
-			accept: l,
-			multiple: u,
-			onChange: g,
-			hidden: !0,
-			className: e([c])
-		}), p || /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("svg", {
-			width: "40",
-			height: "40",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			className: e([s]),
-			children: [
-				/* @__PURE__ */ n("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-				/* @__PURE__ */ n("polyline", { points: "17 8 12 3 7 8" }),
-				/* @__PURE__ */ n("line", {
-					x1: "12",
-					y1: "3",
-					x2: "12",
-					y2: "15"
-				})
-			]
-		}), /* @__PURE__ */ n("div", { children: "Drag & drop files here, or click to upload" })] })]
+function r({ value: r, accept: i, multiple: a = !1, onChange: o, className: s, children: c }) {
+	let [l, u] = n(r, []);
+	return /* @__PURE__ */ t(e, {
+		value: l,
+		onChange: (e) => {
+			let t = e.filter((e) => !l.includes(e));
+			u(e), o?.(t);
+		},
+		accept: i,
+		multiple: a,
+		className: s,
+		children: c
 	});
 }
 //#endregion
-export { l as default };
+export { r as default };

package/dist/components/Upload/UploadCore.js

@@ -0,0 +1,64 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                     */
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCallback as i, useRef as a } from "react";
+//#region src/lib/components/Upload/UploadCore.tsx
+var o = "haze-UploadCore__dropzone", s = "haze-UploadCore__iconStyle", c = "haze-UploadCore__hiddenInput";
+function l({ value: l, onChange: u, accept: d, multiple: f = !1, className: p, children: m, ...h }) {
+	let g = a(null), _ = i((e) => {
+		e.length !== 0 && u(f ? [...l, ...e] : e);
+	}, [
+		l,
+		f,
+		u
+	]), v = i(() => {
+		g.current?.click();
+	}, []), y = i((e) => {
+		_(Array.from(e.target.files || [])), e.target.value = "";
+	}, [_]), b = i((e) => {
+		e.preventDefault(), _(Array.from(e.dataTransfer.files));
+	}, [_]), x = i((e) => {
+		e.preventDefault();
+	}, []);
+	return /* @__PURE__ */ r("div", {
+		...h,
+		onClick: v,
+		onDrop: b,
+		onDragOver: x,
+		role: "button",
+		tabIndex: 0,
+		className: e([o, p]),
+		children: [/* @__PURE__ */ n("input", {
+			ref: g,
+			type: "file",
+			accept: d,
+			multiple: f,
+			onChange: y,
+			hidden: !0,
+			className: e([c])
+		}), m || /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("svg", {
+			width: "40",
+			height: "40",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: e([s]),
+			children: [
+				/* @__PURE__ */ n("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+				/* @__PURE__ */ n("polyline", { points: "17 8 12 3 7 8" }),
+				/* @__PURE__ */ n("line", {
+					x1: "12",
+					y1: "3",
+					x2: "12",
+					y2: "15"
+				})
+			]
+		}), /* @__PURE__ */ n("div", { children: "Drag & drop files here, or click to upload" })] })]
+	});
+}
+//#endregion
+export { l as default };

package/dist/css/transfer.css

@@ -1,2 +1,2 @@
 /* haze-ui transfer — generated by scripts/split-css.mjs, do not edit */
-.haze-Transfer__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-4);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-Transfer__panel{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);flex:1;min-width:200px;overflow:hidden}.haze-Transfer__panelHeader{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);background:var(--haze-color-bg-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-secondary)}.haze-Transfer__panelBody{max-height:200px;padding:var(--haze-space-1);overflow-y:auto}.haze-Transfer__itemStyle{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);cursor:pointer;display:flex}.haze-Transfer__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-Transfer__actions{justify-content:center;align-items:center;gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-Transfer__actionBtn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:2.25rem;height:2.25rem;color:var(--haze-color-text);font-size:var(--haze-text-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.haze-Transfer__actionBtn:hover:not(:disabled){background:var(--haze-color-bg-subtle);border-color:var(--haze-color-border-hover)}.haze-Transfer__actionBtn:disabled{opacity:.5;cursor:not-allowed}
+.haze-TransferCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-4);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-TransferCore__panel{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);flex:1;min-width:200px;overflow:hidden}.haze-TransferCore__panelHeader{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);background:var(--haze-color-bg-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-secondary)}.haze-TransferCore__panelBody{max-height:200px;padding:var(--haze-space-1);overflow-y:auto}.haze-TransferCore__itemStyle{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);cursor:pointer;display:flex}.haze-TransferCore__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-TransferCore__actions{justify-content:center;align-items:center;gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-TransferCore__actionBtn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:2.25rem;height:2.25rem;color:var(--haze-color-text);font-size:var(--haze-text-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.haze-TransferCore__actionBtn:hover:not(:disabled){background:var(--haze-color-bg-subtle);border-color:var(--haze-color-border-hover)}.haze-TransferCore__actionBtn:disabled{opacity:.5;cursor:not-allowed}

package/dist/css/upload.css

@@ -1,2 +1,2 @@
 /* haze-ui upload — generated by scripts/split-css.mjs, do not edit */
-.haze-Upload__dropzone{padding:var(--haze-space-8) var(--haze-space-4);border:2px dashed var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg-subtle);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.haze-Upload__dropzone:hover{border-color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-Upload__iconStyle{margin-bottom:var(--haze-space-3);color:var(--haze-color-text-muted)}.haze-Upload__hiddenInput{display:none}
+.haze-UploadCore__dropzone{padding:var(--haze-space-8) var(--haze-space-4);border:2px dashed var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg-subtle);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.haze-UploadCore__dropzone:hover{border-color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-UploadCore__iconStyle{margin-bottom:var(--haze-space-3);color:var(--haze-color-text-muted)}.haze-UploadCore__hiddenInput{display:none}

package/dist/haze-ui.css

@@ -121,9 +121,9 @@
 .haze-ToolCallCard__card{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);overflow:hidden}.haze-ToolCallCard__header{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-muted);font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);display:flex}.haze-ToolCallCard__statusIcon{border-radius:var(--haze-radius-full);flex-shrink:0;width:.5rem;height:.5rem}.haze-ToolCallCard__statusPending{background:var(--haze-color-text-muted)}.haze-ToolCallCard__statusRunning{background:var(--haze-color-primary);animation:1.5s infinite pulse}.haze-ToolCallCard__statusDone{background:var(--haze-color-success,#16a34a)}.haze-ToolCallCard__statusError{background:var(--haze-color-danger,#dc2626)}.haze-ToolCallCard__body{padding:var(--haze-space-3)}.haze-ToolCallCard__section{margin-bottom:var(--haze-space-2)}.haze-ToolCallCard__sectionLabel{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-1);text-transform:uppercase;letter-spacing:.05em}.haze-ToolCallCard__content{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);white-space:pre-wrap;word-break:break-all;color:var(--haze-color-text)}
 .haze-Tooltip__wrapper{display:inline-flex;position:relative}.haze-Tooltip__bubble{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);background:var(--haze-color-text);color:var(--haze-color-text-inverse);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);line-height:var(--haze-leading-normal);white-space:nowrap;pointer-events:none}
 .haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
-.haze-Transfer__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-4);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-Transfer__panel{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);flex:1;min-width:200px;overflow:hidden}.haze-Transfer__panelHeader{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);background:var(--haze-color-bg-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-secondary)}.haze-Transfer__panelBody{max-height:200px;padding:var(--haze-space-1);overflow-y:auto}.haze-Transfer__itemStyle{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);cursor:pointer;display:flex}.haze-Transfer__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-Transfer__actions{justify-content:center;align-items:center;gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-Transfer__actionBtn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:2.25rem;height:2.25rem;color:var(--haze-color-text);font-size:var(--haze-text-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.haze-Transfer__actionBtn:hover:not(:disabled){background:var(--haze-color-bg-subtle);border-color:var(--haze-color-border-hover)}.haze-Transfer__actionBtn:disabled{opacity:.5;cursor:not-allowed}
+.haze-TransferCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-4);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-TransferCore__panel{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);flex:1;min-width:200px;overflow:hidden}.haze-TransferCore__panelHeader{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);background:var(--haze-color-bg-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-secondary)}.haze-TransferCore__panelBody{max-height:200px;padding:var(--haze-space-1);overflow-y:auto}.haze-TransferCore__itemStyle{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);cursor:pointer;display:flex}.haze-TransferCore__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-TransferCore__actions{justify-content:center;align-items:center;gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-TransferCore__actionBtn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:2.25rem;height:2.25rem;color:var(--haze-color-text);font-size:var(--haze-text-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.haze-TransferCore__actionBtn:hover:not(:disabled){background:var(--haze-color-bg-subtle);border-color:var(--haze-color-border-hover)}.haze-TransferCore__actionBtn:disabled{opacity:.5;cursor:not-allowed}
 .haze-Tree__base{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);overflow:auto}.haze-Tree__group{min-width:0}
 .haze-TreeItem__item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--haze-radius-sm);align-items:center;min-height:2rem;padding:2px 0;transition:background .15s;display:flex}.haze-TreeItem__item:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__item:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-TreeItem__blockItem{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm)}.haze-TreeItem__blockItem:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__selectedStyle{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-TreeItem__disabledStyle{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-TreeItem__switcher{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.haze-TreeItem__switcher:hover{color:var(--haze-color-text)}.haze-TreeItem__switcher svg{width:12px;height:12px}.haze-TreeItem__switcherExpanded{transform:rotate(90deg)}.haze-TreeItem__checkbox{width:1.25rem;height:1.25rem;margin-right:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.haze-TreeItem__checkbox:hover{border-color:var(--haze-color-primary)}.haze-TreeItem__checkbox svg{color:#fff;width:12px;height:12px}.haze-TreeItem__checkboxChecked,.haze-TreeItem__checkboxHalfChecked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-TreeItem__nodeIcon{width:16px;height:16px;margin-right:var(--haze-space-2);color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-TreeItem__nodeIcon svg{width:16px;height:16px}.haze-TreeItem__title{font-size:var(--haze-text-sm);color:var(--haze-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.haze-TreeItem__loadingIcon{animation:1s linear infinite spin-haze-TreeItem__loadingIcon;display:inline-flex}@keyframes spin-haze-TreeItem__loadingIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-TreeItem__indentLine{flex-shrink:0;width:24px;display:inline-block}.haze-TreeItem__indentLineWithBorder{border-left:1px solid var(--haze-color-border)}
 .haze-Typography__titleBase{font-family:var(--haze-font-sans);font-weight:var(--haze-weight-bold);color:var(--haze-color-text);margin:0}.haze-Typography__1{font-size:var(--haze-text-3xl);line-height:var(--haze-leading-tight)}.haze-Typography__2{font-size:var(--haze-text-2xl);line-height:var(--haze-leading-tight)}.haze-Typography__3{font-size:var(--haze-text-xl);line-height:var(--haze-leading-tight)}.haze-Typography__4{font-size:var(--haze-text-lg);line-height:var(--haze-leading-normal)}.haze-Typography__5{font-size:var(--haze-text-base);line-height:var(--haze-leading-normal)}.haze-Typography__textBase{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal)}.haze-Typography__default{color:var(--haze-color-text)}.haze-Typography__secondary{color:var(--haze-color-text-secondary)}.haze-Typography__muted{color:var(--haze-color-text-muted)}.haze-Typography__textStrong{font-weight:var(--haze-weight-bold)}.haze-Typography__textCode{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);padding:var(--haze-space-0) var(--haze-space-1);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm)}.haze-Typography__textMark{background:color-mix(in srgb, var(--haze-color-warning) 25%, transparent);padding:0 var(--haze-space-1)}.haze-Typography__paragraphBase{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);margin:0 0 var(--haze-space-4)}
-.haze-Upload__dropzone{padding:var(--haze-space-8) var(--haze-space-4);border:2px dashed var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg-subtle);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.haze-Upload__dropzone:hover{border-color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-Upload__iconStyle{margin-bottom:var(--haze-space-3);color:var(--haze-color-text-muted)}.haze-Upload__hiddenInput{display:none}
+.haze-UploadCore__dropzone{padding:var(--haze-space-8) var(--haze-space-4);border:2px dashed var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg-subtle);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.haze-UploadCore__dropzone:hover{border-color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-UploadCore__iconStyle{margin-bottom:var(--haze-space-3);color:var(--haze-color-text-muted)}.haze-UploadCore__hiddenInput{display:none}
 .haze-VirtualList__container{font-family:var(--haze-font-sans);overflow-y:auto}.haze-VirtualList__viewport{width:100%;position:relative}

package/dist/index.js

@@ -76,69 +76,71 @@ import Se from "./components/Stepper/Step.js";
 import Ce, { CommandInput as we, CommandItem as Te, CommandList as Ee } from "./components/Command/Command.js";
 import { ResizableGroup as De, ResizableHandle as Oe, ResizablePanel as ke } from "./components/Resizable/Resizable.js";
 import { Collapsible as Ae, CollapsibleContent as je, CollapsibleTrigger as Me } from "./components/Collapsible/Collapsible.js";
-import Ne from "./components/Transfer/Transfer.js";
-import Pe from "./components/Upload/Upload.js";
-import Fe from "./components/ColorPicker/ColorPickerCore.js";
-import Ie from "./components/ColorPicker/ColorPicker.js";
-import Le from "./components/Rating/RatingCore.js";
-import Re from "./components/Rating/Rating.js";
-import { Timeline as ze, TimelineItem as Be } from "./components/Timeline/Timeline.js";
-import { Paragraph as Ve, Text as He, Title as Ue } from "./components/Typography/Typography.js";
-import { Stat as We, StatGroup as Ge } from "./components/Stat/Stat.js";
-import Ke from "./components/Segmented/SegmentedCore.js";
-import qe from "./components/Segmented/Segmented.js";
-import Je from "./components/Chip/Chip.js";
-import Ye from "./components/ScrollArea/ScrollArea.js";
-import Xe from "./components/TimePicker/TimePickerCore.js";
-import Ze from "./components/TimePicker/TimePicker.js";
-import Qe from "./components/DateRangePicker/DateRangePickerCore.js";
-import $e from "./components/DateRangePicker/DateRangePicker.js";
-import et from "./components/OTPInput/OTPInputCore.js";
-import tt from "./components/OTPInput/OTPInput.js";
-import nt from "./components/PasswordInput/PasswordInputCore.js";
-import rt from "./components/PasswordInput/PasswordInput.js";
-import it from "./components/TagInput/TagInputCore.js";
-import at from "./components/TagInput/TagInput.js";
-import ot from "./components/InlineEdit/InlineEdit.js";
-import st from "./components/DropdownMenu/DropdownMenu.js";
-import ct from "./components/DropdownMenu/DropdownMenuTrigger.js";
-import lt from "./components/DropdownMenu/DropdownMenuContent.js";
-import ut from "./components/DropdownMenu/DropdownMenuItem.js";
-import dt from "./components/DropdownMenu/DropdownMenuSeparator.js";
-import ft from "./components/ContextMenu/ContextMenu.js";
-import pt from "./components/ContextMenu/ContextMenuTrigger.js";
-import mt from "./components/ContextMenu/ContextMenuContent.js";
-import ht from "./components/ContextMenu/ContextMenuItem.js";
-import gt from "./components/ContextMenu/ContextMenuSeparator.js";
-import _t from "./components/NavigationBar/NavigationBar.js";
-import vt from "./components/NavigationBar/NavLink.js";
-import yt from "./components/BackToTop/BackToTop.js";
-import bt from "./components/Affix/Affix.js";
-import xt from "./components/Container/Container.js";
-import St from "./components/Banner/Banner.js";
-import Ct from "./components/ConfirmDialog/ConfirmDialog.js";
-import wt from "./components/CodeBlock/CodeBlock.js";
-import Tt from "./components/AspectRatio/AspectRatio.js";
-import Et from "./components/VirtualList/VirtualList.js";
-import Dt from "./components/TagGroup/TagGroup.js";
-import Ot from "./components/TagGroup/TagGroupItem.js";
-import kt from "./components/BottomSheet/BottomSheet.js";
-import At from "./components/SwipeAction/SwipeAction.js";
-import jt from "./components/ChatMessage/ChatMessage.js";
-import Mt from "./components/ChatContainer/ChatContainer.js";
-import Nt from "./components/ChatInput/ChatInput.js";
-import Pt from "./components/StreamingText/StreamingText.js";
-import Ft from "./components/MarkdownRenderer/MarkdownRenderer.js";
-import It from "./components/ToolCallCard/ToolCallCard.js";
-import Lt from "./components/ThinkingIndicator/ThinkingIndicator.js";
-import Rt, { StepTimelineItem as zt } from "./components/StepTimeline/StepTimeline.js";
-import Bt from "./components/ApprovalCard/ApprovalCard.js";
-import Vt from "./components/TokenCounter/TokenCounter.js";
-import Ht from "./components/ModelPicker/ModelPicker.js";
-import Ut from "./components/ConversationList/ConversationList.js";
-import Wt from "./components/ConversationList/ConversationItem.js";
-import Gt from "./components/DiffViewer/DiffViewer.js";
-import Kt from "./components/LogViewer/LogViewer.js";
-import qt from "./form/FormItem.js";
-import { useControl as Jt } from "react-use-control";
-export { N as Accordion, P as AccordionItem, bt as Affix, F as Alert, Bt as ApprovalCard, Tt as AspectRatio, I as Avatar, yt as BackToTop, _ as Badge, St as Banner, kt as BottomSheet, H as Breadcrumb, U as BreadcrumbItem, o as Button, s as ButtonLink, i as COMPONENT_TOKENS, x as Card, ce as Carousel, le as CarouselSlide, Mt as ChatContainer, Nt as ChatInput, jt as ChatMessage, m as Checkbox, p as CheckboxCore, Je as Chip, wt as CodeBlock, Ae as Collapsible, je as CollapsibleContent, Me as CollapsibleTrigger, Ie as ColorPicker, Fe as ColorPickerCore, ne as Combobox, Ce as Command, we as CommandInput, Te as CommandItem, Ee as CommandList, Ct as ConfirmDialog, xt as Container, ft as ContextMenu, mt as ContextMenuContent, ht as ContextMenuItem, gt as ContextMenuSeparator, pt as ContextMenuTrigger, Wt as ConversationItem, Ut as ConversationList, $e as DateRangePicker, Qe as DateRangePickerCore, de as Datepicker, ue as DatepickerCore, v as Dialog, Gt as DiffViewer, W as Disclosure, pe as Divider, be as Drawer, st as DropdownMenu, lt as DropdownMenuContent, ut as DropdownMenuItem, dt as DropdownMenuSeparator, ct as DropdownMenuTrigger, he as Empty, X as FileInput, V as Flex, qt as FormItem, ve as Grid, ye as GridItem, z as Icon, B as Image, ot as InlineEdit, l as Input, c as InputCore, ee as List, te as ListItem, Kt as LogViewer, Ft as MarkdownRenderer, G as Menu, q as MenuDivider, K as MenuItem, Ht as ModelPicker, vt as NavLink, _t as NavigationBar, Y as NumberInput, J as NumberInputCore, tt as OTPInput, et as OTPInputCore, f as Option, _e as Pagination, Ve as Paragraph, rt as PasswordInput, nt as PasswordInputCore, b as Popover, ge as Progress, S as Radio, w as RadioGroup, C as RadioGroupCore, Re as Rating, Le as RatingCore, De as ResizableGroup, Oe as ResizableHandle, ke as ResizablePanel, Ye as ScrollArea, qe as Segmented, Ke as SegmentedCore, d as Select, u as SelectCore, R as Skeleton, O as Slider, D as SliderCore, me as Spinner, We as Stat, Ge as StatGroup, Se as Step, Rt as StepTimeline, zt as StepTimelineItem, xe as Stepper, Pt as StreamingText, At as SwipeAction, g as Switch, h as SwitchCore, a as TOKEN_REGISTRY, j as Tab, A as TabList, M as TabPanel, re as Table, ae as TableBody, se as TableCell, ie as TableHead, oe as TableRow, k as Tabs, L as Tag, Dt as TagGroup, Ot as TagGroupItem, at as TagInput, it as TagInputCore, He as Text, E as Textarea, T as TextareaCore, Lt as ThinkingIndicator, Ze as TimePicker, Xe as TimePickerCore, ze as Timeline, Be as TimelineItem, Ue as Title, Z as Toast, Q as ToastContainer, Vt as TokenCounter, It as ToolCallCard, y as Tooltip, Ne as Transfer, fe as Tree, Pe as Upload, Et as VirtualList, e as darkTheme, t as lightTheme, n as spacing, r as typography, Jt as useControl, $ as useToast };
+import Ne from "./components/Transfer/TransferCore.js";
+import Pe from "./components/Transfer/Transfer.js";
+import Fe from "./components/Upload/UploadCore.js";
+import Ie from "./components/Upload/Upload.js";
+import Le from "./components/ColorPicker/ColorPickerCore.js";
+import Re from "./components/ColorPicker/ColorPicker.js";
+import ze from "./components/Rating/RatingCore.js";
+import Be from "./components/Rating/Rating.js";
+import { Timeline as Ve, TimelineItem as He } from "./components/Timeline/Timeline.js";
+import { Paragraph as Ue, Text as We, Title as Ge } from "./components/Typography/Typography.js";
+import { Stat as Ke, StatGroup as qe } from "./components/Stat/Stat.js";
+import Je from "./components/Segmented/SegmentedCore.js";
+import Ye from "./components/Segmented/Segmented.js";
+import Xe from "./components/Chip/Chip.js";
+import Ze from "./components/ScrollArea/ScrollArea.js";
+import Qe from "./components/TimePicker/TimePickerCore.js";
+import $e from "./components/TimePicker/TimePicker.js";
+import et from "./components/DateRangePicker/DateRangePickerCore.js";
+import tt from "./components/DateRangePicker/DateRangePicker.js";
+import nt from "./components/OTPInput/OTPInputCore.js";
+import rt from "./components/OTPInput/OTPInput.js";
+import it from "./components/PasswordInput/PasswordInputCore.js";
+import at from "./components/PasswordInput/PasswordInput.js";
+import ot from "./components/TagInput/TagInputCore.js";
+import st from "./components/TagInput/TagInput.js";
+import ct from "./components/InlineEdit/InlineEdit.js";
+import lt from "./components/DropdownMenu/DropdownMenu.js";
+import ut from "./components/DropdownMenu/DropdownMenuTrigger.js";
+import dt from "./components/DropdownMenu/DropdownMenuContent.js";
+import ft from "./components/DropdownMenu/DropdownMenuItem.js";
+import pt from "./components/DropdownMenu/DropdownMenuSeparator.js";
+import mt from "./components/ContextMenu/ContextMenu.js";
+import ht from "./components/ContextMenu/ContextMenuTrigger.js";
+import gt from "./components/ContextMenu/ContextMenuContent.js";
+import _t from "./components/ContextMenu/ContextMenuItem.js";
+import vt from "./components/ContextMenu/ContextMenuSeparator.js";
+import yt from "./components/NavigationBar/NavigationBar.js";
+import bt from "./components/NavigationBar/NavLink.js";
+import xt from "./components/BackToTop/BackToTop.js";
+import St from "./components/Affix/Affix.js";
+import Ct from "./components/Container/Container.js";
+import wt from "./components/Banner/Banner.js";
+import Tt from "./components/ConfirmDialog/ConfirmDialog.js";
+import Et from "./components/CodeBlock/CodeBlock.js";
+import Dt from "./components/AspectRatio/AspectRatio.js";
+import Ot from "./components/VirtualList/VirtualList.js";
+import kt from "./components/TagGroup/TagGroup.js";
+import At from "./components/TagGroup/TagGroupItem.js";
+import jt from "./components/BottomSheet/BottomSheet.js";
+import Mt from "./components/SwipeAction/SwipeAction.js";
+import Nt from "./components/ChatMessage/ChatMessage.js";
+import Pt from "./components/ChatContainer/ChatContainer.js";
+import Ft from "./components/ChatInput/ChatInput.js";
+import It from "./components/StreamingText/StreamingText.js";
+import Lt from "./components/MarkdownRenderer/MarkdownRenderer.js";
+import Rt from "./components/ToolCallCard/ToolCallCard.js";
+import zt from "./components/ThinkingIndicator/ThinkingIndicator.js";
+import Bt, { StepTimelineItem as Vt } from "./components/StepTimeline/StepTimeline.js";
+import Ht from "./components/ApprovalCard/ApprovalCard.js";
+import Ut from "./components/TokenCounter/TokenCounter.js";
+import Wt from "./components/ModelPicker/ModelPicker.js";
+import Gt from "./components/ConversationList/ConversationList.js";
+import Kt from "./components/ConversationList/ConversationItem.js";
+import qt from "./components/DiffViewer/DiffViewer.js";
+import Jt from "./components/LogViewer/LogViewer.js";
+import Yt from "./form/FormItem.js";
+import { useControl as Xt } from "react-use-control";
+export { N as Accordion, P as AccordionItem, St as Affix, F as Alert, Ht as ApprovalCard, Dt as AspectRatio, I as Avatar, xt as BackToTop, _ as Badge, wt as Banner, jt as BottomSheet, H as Breadcrumb, U as BreadcrumbItem, o as Button, s as ButtonLink, i as COMPONENT_TOKENS, x as Card, ce as Carousel, le as CarouselSlide, Pt as ChatContainer, Ft as ChatInput, Nt as ChatMessage, m as Checkbox, p as CheckboxCore, Xe as Chip, Et as CodeBlock, Ae as Collapsible, je as CollapsibleContent, Me as CollapsibleTrigger, Re as ColorPicker, Le as ColorPickerCore, ne as Combobox, Ce as Command, we as CommandInput, Te as CommandItem, Ee as CommandList, Tt as ConfirmDialog, Ct as Container, mt as ContextMenu, gt as ContextMenuContent, _t as ContextMenuItem, vt as ContextMenuSeparator, ht as ContextMenuTrigger, Kt as ConversationItem, Gt as ConversationList, tt as DateRangePicker, et as DateRangePickerCore, de as Datepicker, ue as DatepickerCore, v as Dialog, qt as DiffViewer, W as Disclosure, pe as Divider, be as Drawer, lt as DropdownMenu, dt as DropdownMenuContent, ft as DropdownMenuItem, pt as DropdownMenuSeparator, ut as DropdownMenuTrigger, he as Empty, X as FileInput, V as Flex, Yt as FormItem, ve as Grid, ye as GridItem, z as Icon, B as Image, ct as InlineEdit, l as Input, c as InputCore, ee as List, te as ListItem, Jt as LogViewer, Lt as MarkdownRenderer, G as Menu, q as MenuDivider, K as MenuItem, Wt as ModelPicker, bt as NavLink, yt as NavigationBar, Y as NumberInput, J as NumberInputCore, rt as OTPInput, nt as OTPInputCore, f as Option, _e as Pagination, Ue as Paragraph, at as PasswordInput, it as PasswordInputCore, b as Popover, ge as Progress, S as Radio, w as RadioGroup, C as RadioGroupCore, Be as Rating, ze as RatingCore, De as ResizableGroup, Oe as ResizableHandle, ke as ResizablePanel, Ze as ScrollArea, Ye as Segmented, Je as SegmentedCore, d as Select, u as SelectCore, R as Skeleton, O as Slider, D as SliderCore, me as Spinner, Ke as Stat, qe as StatGroup, Se as Step, Bt as StepTimeline, Vt as StepTimelineItem, xe as Stepper, It as StreamingText, Mt as SwipeAction, g as Switch, h as SwitchCore, a as TOKEN_REGISTRY, j as Tab, A as TabList, M as TabPanel, re as Table, ae as TableBody, se as TableCell, ie as TableHead, oe as TableRow, k as Tabs, L as Tag, kt as TagGroup, At as TagGroupItem, st as TagInput, ot as TagInputCore, We as Text, E as Textarea, T as TextareaCore, zt as ThinkingIndicator, $e as TimePicker, Qe as TimePickerCore, Ve as Timeline, He as TimelineItem, Ge as Title, Z as Toast, Q as ToastContainer, Ut as TokenCounter, Rt as ToolCallCard, y as Tooltip, Pe as Transfer, Ne as TransferCore, fe as Tree, Ie as Upload, Fe as UploadCore, Ot as VirtualList, e as darkTheme, t as lightTheme, n as spacing, r as typography, Xt as useControl, $ as useToast };

package/dist/types/components/Transfer/Transfer.d.ts

@@ -1,9 +1,5 @@
 import type { ControlOrValue } from 'react-use-control';
-type TransferItem = {
-    key: string;
-    title: string;
-    disabled?: boolean;
-};
+import type { TransferItem } from './TransferCore';
 type TransferProps = {
     dataSource: TransferItem[];
     targetKeys?: ControlOrValue<string[]>;

package/dist/types/components/Transfer/TransferCore.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type TransferItem = {
+    key: string;
+    title: string;
+    disabled?: boolean;
+};
+type TransferCoreProps = {
+    dataSource: TransferItem[];
+    /** Keys currently on the target side — the field value, emitted
+     * verbatim by `onChange`. */
+    value: string[];
+    /** Emits the next value plus move metadata; the first argument is
+     * always the complete next `string[]`, so a plain value channel
+     * (e.g. FormItem's `input` bridge) can ignore the rest. */
+    onChange: (value: string[], direction: 'left' | 'right', moveKeys: string[]) => void;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'children'>;
+export default function TransferCore({ dataSource, value: targetKeys, onChange, className, ...rest }: TransferCoreProps): import("react").JSX.Element;
+export type { TransferCoreProps, TransferItem };

package/dist/types/components/Transfer/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Transfer } from './Transfer';
 export type { TransferProps, TransferItem } from './Transfer';
+export { default as TransferCore } from './TransferCore';
+export type { TransferCoreProps } from './TransferCore';

package/dist/types/components/Upload/Upload.d.ts

@@ -1,10 +1,15 @@
 import type { ReactNode } from 'react';
+import type { ControlOrValue } from 'react-use-control';
 type UploadProps = {
+    /** Selected files; uncontrolled (accumulating internally) when omitted. */
+    value?: ControlOrValue<File[]>;
     accept?: string;
     multiple?: boolean;
+    /** Fires with the freshly picked files only — the accumulated list is
+     * the `value` channel (or internal state when uncontrolled). */
     onChange?: (files: File[]) => void;
     className?: string;
     children?: ReactNode;
 };
-export default function Upload({ accept, multiple, onChange, className, children, }: UploadProps): import("react").JSX.Element;
+export default function Upload({ value: valueControl, accept, multiple, onChange, className, children, }: UploadProps): import("react").JSX.Element;
 export type { UploadProps };

package/dist/types/components/Upload/UploadCore.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+type UploadCoreProps = {
+    /** The selected files — the field value, emitted verbatim (as the
+     * complete next list) by `onChange`. */
+    value: File[];
+    /** Emits the next file list: a single pick replaces `value`, a
+     * `multiple` pick appends to it. */
+    onChange: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    className?: string;
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'onChange' | 'children' | 'onClick' | 'onDrop' | 'onDragOver' | 'role' | 'tabIndex'>;
+export default function UploadCore({ value, onChange, accept, multiple, className, children, ...rest }: UploadCoreProps): import("react").JSX.Element;
+export type { UploadCoreProps };

package/dist/types/components/Upload/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Upload } from './Upload';
 export type { UploadProps } from './Upload';
+export { default as UploadCore } from './UploadCore';
+export type { UploadCoreProps } from './UploadCore';

package/dist/types/form/FormItem.d.ts

@@ -149,7 +149,8 @@ export type FormItemProps<TValues extends Record<string, any> = any, P extends F
      * Declarative binding for the field control, in two forms:
      *
      * - a component (`InputCore`, `TextareaCore`, `TagInputCore`,
-     *   `SelectCore`, `CheckboxCore`, …, or any DOM-element-shaped
+     *   `SelectCore`, `TransferCore`, `UploadCore`, `CheckboxCore`, …,
+     *   or any DOM-element-shaped
      *   component): FormItem wires `id`, `aria-invalid`,
      *   `aria-describedby`, `onBlur`, `onChange` and the value channel
      *   itself. Haze cores' `onChange` emits the next plain value

package/dist/types/index.d.ts

@@ -93,10 +93,10 @@ export { ResizableGroup, ResizablePanel, ResizableHandle } from './components/Re
 export type { ResizableGroupProps, ResizablePanelProps, ResizableHandleProps } from './components/Resizable';
 export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './components/Collapsible';
 export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps } from './components/Collapsible';
-export { Transfer } from './components/Transfer';
-export type { TransferProps, TransferItem } from './components/Transfer';
-export { Upload } from './components/Upload';
-export type { UploadProps } from './components/Upload';
+export { Transfer, TransferCore } from './components/Transfer';
+export type { TransferProps, TransferItem, TransferCoreProps } from './components/Transfer';
+export { Upload, UploadCore } from './components/Upload';
+export type { UploadProps, UploadCoreProps } from './components/Upload';
 export { ColorPicker, ColorPickerCore } from './components/ColorPicker';
 export type { ColorPickerProps, ColorPickerCoreProps } from './components/ColorPicker';
 export { Rating, RatingCore } from './components/Rating';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haze-ui",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "type": "module",
   "description": "A React UI component library powered by react-use-control and Linaria",
   "main": "./dist/index.js",
@@ -52,7 +52,7 @@
   "peerDependencies": {
     "@linaria/core": "^7.0.0 || ^8.0.0",
     "react": "^19.0.0",
-    "react-f0rm": ">=0.7.0 <0.11.0"
+    "react-f0rm": ">=0.7.0 <0.12.0"
   },
   "dependencies": {
     "react-use-control": "^1.5.0"