@slotted/react 0.1.0-beta.10 → 0.1.0-beta.12

package/dist/prompt-composer-sh_TXKYZ.js

@@ -1,273 +0,0 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-/* empty css                 */
-import { b as r } from "./field-CzSGs7wo.js";
-import { keyedProps as i, withSelectorKey as a } from "@slotted/core/selector-key";
-import { createControllable as o } from "@slotted/core/state";
-import { createContext as s, useContext as c, useEffect as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { promptComposerMessages as h } from "@slotted/core/i18n";
-import { selectFiles as g } from "@slotted/core/upload";
-import { getLiveAnnouncer as _ } from "@slotted/core/live-announcer";
-//#region src/prompt-composer/prompt-composer-defaults.tsx
-var v = s({
-	emphasis: "none",
-	size: "md",
-	submitOn: "enter",
-	variant: "raised"
-});
-function y() {
-	return c(v);
-}
-function b({ children: e, ...t }) {
-	let n = { ...y() };
-	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
-	return /* @__PURE__ */ p(v.Provider, {
-		value: n,
-		children: e
-	});
-}
-//#endregion
-//#region src/prompt-composer/prompt-composer.tsx
-var x = s(null);
-function S(e) {
-	let t = c(x);
-	if (t === null) throw Error(`PromptComposer${e} must sit inside a PromptComposer`);
-	return t;
-}
-function C(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function w(e) {
-	return Array.from(e.dataTransfer?.types ?? []).includes("Files");
-}
-function T({ accept: e, canSubmit: t, children: a, className: s, defaultValue: c, disabled: v, invalid: b, maxFiles: S, maxSize: C, messages: T, multiple: E = !0, onAttach: ee, onDragLeave: D, onDragOver: O, onDrop: k, onMouseDown: A, onStop: te, onSubmit: ne, onValueChange: re, onValueSubmit: ie, readOnly: ae, render: j, size: oe, status: M = "ready", style: se, submitOn: ce, value: N, emphasis: le, variant: ue, ...de }) {
-	let P = r(), F = y(), I = n(h, T), L = u(null), [fe, pe] = d(c ?? ""), [R, z] = d(!1), B = N ?? fe, V = v ?? P?.disabled, H = ae ?? P?.readOnly, U = b ?? P?.invalid, me = oe ?? P?.size ?? F.size, W = M === "submitted" || M === "streaming", G = V !== !0 && H !== !0 && !W && (t ?? B.trim() !== ""), K = P?.registerControl;
-	l(() => K?.(), [K]);
-	let q = () => _(L.current?.ownerDocument), J = u(M);
-	l(() => {
-		M === "submitted" && J.current !== "submitted" && q().announce(I("sending")), J.current = M;
-	});
-	let Y = (e, t, n) => {
-		o({
-			controlled: N,
-			initial: B,
-			onRequest: (e) => re?.(e.value, e)
-		}).request(e, t, n) && pe(e);
-	}, X = (e, t) => {
-		if (!G) return;
-		let n = !1, r = B;
-		o({
-			controlled: void 0,
-			initial: "",
-			onRequest: (e) => {
-				ie?.(e.value, e), n = e.cancelled;
-			},
-			equals: () => !1
-		}).request(r, e, t), !n && (Y("", "submit", t), L.current?.focus());
-	}, he = (e, t) => {
-		te?.({
-			reason: e,
-			source: t
-		}), q().announce(I("stopped")), L.current?.focus();
-	}, Z = (t, n, r) => {
-		if (t.length === 0 || V === !0 || H === !0) return;
-		let i = g(t, [], {
-			accept: e,
-			maxFiles: S,
-			maxSize: C,
-			multiple: E
-		}), a = i.files.filter((e) => e.status !== "rejected" && e.file !== void 0).map((e) => e.file);
-		ee?.(a, {
-			reason: n,
-			rejected: i.rejected,
-			source: r
-		});
-	}, ge = {
-		accept: e,
-		attach: Z,
-		canSubmit: G,
-		describedBy: P?.describedBy,
-		disabled: V,
-		id: P?.ids.control,
-		inputRef: L,
-		invalid: U,
-		multiple: E,
-		readOnly: H,
-		required: P?.required,
-		setValue: (e, t) => Y(e, "keyboard", t),
-		status: M,
-		stop: he,
-		submit: X,
-		submitOn: ce ?? F.submitOn,
-		t: I,
-		value: B
-	}, Q = (le ?? F.emphasis) === "ring", $ = i({
-		...de,
-		children: Q ? /* @__PURE__ */ m(f, { children: [
-			a,
-			/* @__PURE__ */ p("span", {
-				"aria-hidden": "true",
-				"data-part": "glow",
-				"data-part-glow": ""
-			}),
-			/* @__PURE__ */ p("span", {
-				"aria-hidden": "true",
-				"data-part": "ring",
-				"data-part-ring": ""
-			})
-		] }) : a,
-		className: s,
-		style: se,
-		...V === !0 ? { "data-disabled": "" } : {},
-		...R ? { "data-drop-target": "" } : {},
-		...Q ? { "data-emphasis": "ring" } : {},
-		...U === !0 ? { "data-invalid": "" } : {},
-		...W ? { "data-loading": "" } : {},
-		...H === !0 ? { "data-readonly": "" } : {},
-		"data-part": "root",
-		"data-size": me,
-		"data-status": M,
-		"data-ui": "prompt-composer",
-		"data-variant": ue ?? F.variant,
-		onMouseDown: (e) => {
-			A?.(e);
-			let t = e.target.getAttribute("data-part");
-			e.defaultPrevented || t !== "root" && t !== "header" && t !== "footer" || (e.preventDefault(), L.current?.focus());
-		},
-		onSubmit: (e) => {
-			ne?.(e), !e.defaultPrevented && (e.preventDefault(), X("keyboard", e.nativeEvent));
-		},
-		onDragOver: (e) => {
-			O?.(e), w(e) && V !== !0 && H !== !0 && (e.preventDefault(), R || z(!0));
-		},
-		onDragLeave: (e) => {
-			D?.(e);
-			let t = e.relatedTarget;
-			(t === null || !e.currentTarget.contains(t)) && z(!1);
-		},
-		onDrop: (e) => {
-			k?.(e), z(!1), w(e) && (e.preventDefault(), Z(Array.from(e.dataTransfer.files), "drop", e.nativeEvent));
-		}
-	});
-	return /* @__PURE__ */ p(x.Provider, {
-		value: ge,
-		children: j === void 0 ? /* @__PURE__ */ p("form", { ...$ }) : j($)
-	});
-}
-function E({ render: e, ...t }) {
-	let n = i({
-		...t,
-		"data-part": "header"
-	});
-	return e === void 0 ? /* @__PURE__ */ p("div", { ...n }) : e(n);
-}
-function ee({ render: e, ...t }) {
-	let n = i({
-		...t,
-		"data-part": "footer"
-	});
-	return e === void 0 ? /* @__PURE__ */ p("div", { ...n }) : e(n);
-}
-function D({ "aria-describedby": e, "aria-invalid": t, "aria-required": n, id: i, maxLength: o, maxRows: s, onChange: c, onKeyDown: u, onPaste: d, rows: f, showCount: m = !1, style: h, ...g }) {
-	let _ = S("Input"), v = r()?.setCount;
-	return l(() => {
-		if (m && v !== void 0) return v({
-			length: _.value.length,
-			max: o ?? void 0
-		}), () => v(void 0);
-	}, [
-		_.value,
-		o,
-		v,
-		m
-	]), /* @__PURE__ */ p("textarea", {
-		...a(g, "part", "input"),
-		"aria-describedby": [e, _.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": t ?? (_.invalid === !0 || void 0),
-		"aria-required": n ?? (_.required === !0 || void 0),
-		dir: g.dir ?? "auto",
-		disabled: _.disabled,
-		id: i ?? _.id,
-		maxLength: o,
-		onChange: (e) => {
-			c?.(e), _.setValue(e.currentTarget.value, e);
-		},
-		onKeyDown: (e) => {
-			u?.(e), !(e.defaultPrevented || e.key !== "Enter" || e.shiftKey) && (e.nativeEvent.isComposing || e.keyCode === 229 || (e.metaKey || e.ctrlKey || _.submitOn === "enter") && (e.preventDefault(), _.submit("keyboard", e.nativeEvent)));
-		},
-		onPaste: (e) => {
-			d?.(e);
-			let t = Array.from(e.clipboardData?.files ?? []);
-			t.length !== 0 && (e.clipboardData.getData("text/plain") === "" && e.preventDefault(), _.attach(t, "paste", e.nativeEvent));
-		},
-		readOnly: _.readOnly,
-		ref: (e) => {
-			_.inputRef.current = e;
-			let { ref: t } = g;
-			typeof t == "function" ? t(e) : t != null && (t.current = e);
-		},
-		rows: f ?? 1,
-		style: {
-			...f === void 0 ? {} : { "--slotted-prompt-composer-rows": f },
-			...s === void 0 ? {} : { "--slotted-prompt-composer-max-rows": s },
-			...h
-		},
-		value: _.value
-	});
-}
-function O({ render: e, type: t = "button", ...n }) {
-	let r = i({
-		...n,
-		"data-part": "action",
-		type: t
-	});
-	return e === void 0 ? /* @__PURE__ */ p("button", { ...r }) : e(r);
-}
-function k({ "aria-label": n, children: r, disabled: i, onClick: o, ...s }) {
-	let c = S("Attach"), l = u(null), d = i ?? (c.disabled === !0 || c.readOnly === !0);
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
-		...a(s, "part", "attach"),
-		"aria-label": n ?? c.t("attach"),
-		disabled: d,
-		onClick: (e) => {
-			o?.(e), e.defaultPrevented || l.current?.click();
-		},
-		type: "button",
-		children: r ?? /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: "paperclip" }) })
-	}), /* @__PURE__ */ p("input", {
-		accept: c.accept,
-		hidden: !0,
-		multiple: c.multiple,
-		onChange: (e) => {
-			c.attach(Array.from(e.currentTarget.files ?? []), "pointer", e.nativeEvent), e.currentTarget.value = "";
-		},
-		ref: l,
-		tabIndex: -1,
-		type: "file"
-	})] });
-}
-function A({ "aria-label": n, children: r, disabled: i, onClick: o, ...s }) {
-	let c = S("Submit"), { status: l, t: u } = c, d = l === "streaming", h = l === "submitted", g = u(d ? "stop" : h ? "sending" : l === "error" ? "retry" : "send"), _ = l === "error" ? "rotate-ccw" : "arrow-up";
-	return /* @__PURE__ */ p("button", {
-		...a(s, "part", "submit"),
-		"aria-disabled": h ? !0 : void 0,
-		"aria-label": r === void 0 ? n ?? g : n,
-		disabled: d ? !1 : i ?? (!h && !c.canSubmit),
-		onClick: (e) => {
-			o?.(e), !e.defaultPrevented && (e.preventDefault(), d ? c.stop(C(e), e.nativeEvent) : h || c.submit(C(e), e.nativeEvent));
-		},
-		type: d || h ? "button" : "submit",
-		children: r ?? (h ? /* @__PURE__ */ p("span", {
-			"aria-hidden": "true",
-			"data-ui": "spinner",
-			"data-ui-spinner": ""
-		}, "busy") : d ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
-			"aria-hidden": "true",
-			"data-ui": "spinner",
-			"data-ui-spinner": ""
-		}, "ring"), /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: "stop" }) }, "stop")] }) : /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: _ }) }, _))
-	});
-}
-//#endregion
-export { E as a, b as c, ee as i, y as l, O as n, D as o, k as r, A as s, T as t };