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

package/dist/prompt-composer-Cu8bj1Vb.js

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

package/dist/prompt-composer.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./prompt-composer-sh_TXKYZ.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./prompt-composer-Cu8bj1Vb.js";
 export { c as PromptComposer, i as PromptComposerAction, o as PromptComposerAttach, t as PromptComposerDefaultsProvider, n as PromptComposerFooter, e as PromptComposerHeader, a as PromptComposerInput, s as PromptComposerSubmit, r as usePromptComposerDefaults };

package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
 import { keyedProps as t } from "@slotted/core/selector-key";
 import { createContext as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/prose.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./prose-Bl5OjXTb.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./prose-CQN4Bqqh.js";
 export { i as Prose, r as ProseAnchor, o as ProseDefaultsProvider, a as ProseExclude, n as ProseFootnotes, e as ProseLead, s as ProseScroll, t as useProseDefaults };

package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { b as n, f as r } from "./field-CzSGs7wo.js";
-import { r as i } from "./field-group-CCM2vPKL.js";
+import { b as n, f as r } from "./field-tnEZiRLg.js";
+import { r as i } from "./field-group-Bj-EbPIU.js";
 import { keyedProps as a, withSelectorKey as o } from "@slotted/core/selector-key";
 import { createControllable as s } from "@slotted/core/state";
 import { createContext as c, useContext as l, useEffect as u, useId as d, useState as f } from "react";

package/dist/radio-group.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./radio-group-D9VTBLUB.js";
+import { a as e, i as t, n, r, t as i } from "./radio-group-BHlDgCLk.js";
 export { i as Radio, n as RadioGroup, t as RadioGroupDefaultsProvider, r as useRadioGroup, e as useRadioGroupDefaults };

package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js}

@@ -1,6 +1,6 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i, f as a } from "./field-CzSGs7wo.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { b as i, f as a } from "./field-tnEZiRLg.js";
 import { keyedProps as o, selectorKeyProps as s } from "@slotted/core/selector-key";
 import { createControllable as ee } from "@slotted/core/state";
 import { createContext as c, createElement as l, useContext as u, useEffect as te, useId as d, useImperativeHandle as ne, useRef as f, useState as p } from "react";
@@ -40,7 +40,7 @@ function O(e) {
 	return String(Math.round(e * 1e4) / 1e4);
 }
 function k() {
-	return /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "star" }) });
+	return /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(n, { name: "star" }) });
 }
 function A({ fill: e, index: t, renderSymbol: n }) {
 	let r = n === void 0 ? /* @__PURE__ */ h(k, {}) : n({
@@ -57,10 +57,10 @@ function A({ fill: e, index: t, renderSymbol: n }) {
 		children: r
 	})] });
 }
-function j({ "aria-label": e, className: t, count: i, distribution: a, locale: s, max: ee, messages: c, ref: l, render: u, renderSymbol: te, role: d, showValue: ne, size: f, style: p, tone: _, value: b, variant: x, ...ie }) {
-	let C = E(), w = r(re, c), T = n(), D = Math.max(1, Math.floor(ee ?? C.max)), k = x ?? "full", j = s ?? T, M = Number.isFinite(b) ? Math.min(Math.max(b, 0), D) : 0, N = k === "full" ? S(M, D) : [+(M > 0)], P = new Intl.NumberFormat(j), ae = Math.max(0, ...a ?? []), F = o({
+function j({ "aria-label": n, className: r, count: i, distribution: a, locale: s, max: ee, messages: c, ref: l, render: u, renderSymbol: te, role: d, showValue: ne, size: f, style: p, tone: _, value: b, variant: x, ...ie }) {
+	let C = E(), w = t(re, c), T = e(), D = Math.max(1, Math.floor(ee ?? C.max)), k = x ?? "full", j = s ?? T, M = Number.isFinite(b) ? Math.min(Math.max(b, 0), D) : 0, N = k === "full" ? S(M, D) : [+(M > 0)], P = new Intl.NumberFormat(j), ae = Math.max(0, ...a ?? []), F = o({
 		...ie,
-		"aria-label": e ?? (i === void 0 ? w("displayLabel", {
+		"aria-label": n ?? (i === void 0 ? w("displayLabel", {
 			value: y(M, j),
 			max: D
 		}) : w("displayLabelWithCount", {
@@ -106,7 +106,7 @@ function j({ "aria-label": e, className: t, count: i, distribution: a, locale: s
 				children: k === "histogram" ? P.format(i) : `(${P.format(i)})`
 			})
 		] }),
-		className: t,
+		className: r,
 		"data-part": "root",
 		"data-size": f ?? C.size,
 		"data-tone": _ ?? C.tone,
@@ -128,8 +128,8 @@ function M(e) {
 function N(e) {
 	return getComputedStyle(e).direction === "rtl" || e.closest("[dir]")?.getAttribute("dir")?.toLowerCase() === "rtl";
 }
-function P({ "aria-describedby": e, "aria-invalid": t, "aria-label": s, "aria-labelledby": c, "aria-readonly": l, "aria-required": u, caption: _, className: v, clearable: b, defaultValue: w, disabled: T, form: D, handle: O, invalid: k, locale: j, max: P, messages: ae, name: F, onKeyDown: oe, onPointerDown: se, onPointerLeave: I, onPointerOver: ce, onPreviewChange: L, onValueChange: le, readOnly: ue, ref: R, render: z, renderSymbol: de, required: fe, role: pe, size: me, step: B, style: he, tone: ge, value: V, ..._e }) {
-	let H = i(), ve = a(), U = E(), ye = r(re, ae), be = n(), xe = d(), W = Math.max(1, Math.floor(P ?? U.max)), G = B ?? 1, K = {
+function P({ "aria-describedby": n, "aria-invalid": r, "aria-label": s, "aria-labelledby": c, "aria-readonly": l, "aria-required": u, caption: _, className: v, clearable: b, defaultValue: w, disabled: T, form: D, handle: O, invalid: k, locale: j, max: P, messages: ae, name: F, onKeyDown: oe, onPointerDown: se, onPointerLeave: I, onPointerOver: ce, onPreviewChange: L, onValueChange: le, readOnly: ue, ref: R, render: z, renderSymbol: de, required: fe, role: pe, size: me, step: B, style: he, tone: ge, value: V, ..._e }) {
+	let H = i(), ve = a(), U = E(), ye = t(re, ae), be = e(), xe = d(), W = Math.max(1, Math.floor(P ?? U.max)), G = B ?? 1, K = {
 		max: W,
 		step: G
 	}, Se = me ?? H?.size ?? U.size, Ce = ge ?? U.tone, we = b ?? U.clearable, Te = j ?? be, q = T ?? H?.disabled ?? ve.disabled, J = ue ?? H?.readOnly ?? ve.readOnly, Ee = k ?? H?.invalid, De = fe ?? H?.required, Y = q === !0 || J === !0, [Oe, ke] = p(() => x(w, K)), X = x(V === void 0 ? Oe : V, K), [Ae, je] = p(null), [Me, Ne] = p(!1), Pe = f(null), Fe = f(null), Z = f(/* @__PURE__ */ new Map()), Q = f(void 0), Ie = f(!1), Le = H?.registerControl;
@@ -187,8 +187,8 @@ function P({ "aria-describedby": e, "aria-invalid": t, "aria-label": s, "aria-la
 		Q.current?.pointerId === e.pointerId && (Q.current = void 0, Ne(!1));
 	}, We = S(X, W), Ge = o({
 		..._e,
-		"aria-describedby": [e, H?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": t ?? (Ee === !0 || void 0),
+		"aria-describedby": [n, H?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": r ?? (Ee === !0 || void 0),
 		"aria-label": s,
 		"aria-labelledby": c ?? (s === void 0 && H !== void 0 ? H.ids.label : void 0),
 		"aria-readonly": l ?? (J === !0 || void 0),
@@ -290,8 +290,8 @@ function oe(e, t) {
 	] });
 }
 var se = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function I({ className: e, counts: t, defaultSelectedLevels: i, filterable: a, insightThresholds: c, locale: u, max: te, messages: d, onSelectedLevelsChange: ne, ref: f, render: _, selectedLevels: y, showInsight: x, size: ie, style: S, tone: C, variant: T, ...D }) {
-	let A = E(), M = Math.max(1, Math.floor(te ?? A.max)), N = T ?? "bars", P = C ?? A.tone, I = r(re, d), ce = n(), L = u ?? ce, le = Array.from({ length: M }, (e, n) => t[n] ?? 0), ue = {
+function I({ className: n, counts: r, defaultSelectedLevels: i, filterable: a, insightThresholds: c, locale: u, max: te, messages: d, onSelectedLevelsChange: ne, ref: f, render: _, selectedLevels: y, showInsight: x, size: ie, style: S, tone: C, variant: T, ...D }) {
+	let A = E(), M = Math.max(1, Math.floor(te ?? A.max)), N = T ?? "bars", P = C ?? A.tone, I = t(re, d), ce = e(), L = u ?? ce, le = Array.from({ length: M }, (e, t) => r[t] ?? 0), ue = {
 		...A.insightThresholds,
 		...c
 	}, R = w(le, ue), z = R.total > 0, de = new Intl.NumberFormat(L), fe = new Intl.NumberFormat(L, {
@@ -481,7 +481,7 @@ function I({ className: e, counts: t, defaultSelectedLevels: i, filterable: a, i
 	} : void 0, G = o({
 		...D,
 		children: N === "spectrum" ? xe : ve,
-		className: e,
+		className: n,
 		"data-part": "root",
 		"data-size": ie ?? A.size,
 		"data-tone": P,

package/dist/rating.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./rating-BRqsV5OF.js";
+import { a as e, i as t, n, r, t as i } from "./rating-Cr0lXaAV.js";
 export { n as Rating, r as RatingDisplay, t as RatingProvider, i as RatingSummary, e as useRatingDefaults };