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

package/dist/chart.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./chart-BNzfIfQe.js";
+import { a as e, i as t, n, r, t as i } from "./chart-CPFq3jIE.js";
 export { n as Chart, t as ChartDefaultsProvider, r as ChartTooltipContent, i as preloadChartEngine, e as useChartDefaults };

package/dist/checkbox-CMY2KIih.js

@@ -0,0 +1,144 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { b as n, f as r } from "./field-CzSGs7wo.js";
+import { n as i } from "./checkbox-group-DzMtLF7f.js";
+import { r as ee } from "./field-group-CCM2vPKL.js";
+import { keyedProps 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, useId as u, useLayoutEffect as te, useRef as d, useState as f } from "react";
+import { Fragment as ne, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/checkbox/checkbox-defaults.tsx
+var h = s({
+	labelPlacement: "end",
+	size: "md",
+	variant: "plain"
+});
+function g() {
+	return c(h);
+}
+function _({ children: e, ...t }) {
+	let n = g();
+	return /* @__PURE__ */ p(h.Provider, {
+		value: {
+			labelPlacement: t.labelPlacement ?? n.labelPlacement,
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/checkbox/checkbox.tsx
+function re(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function ie(e) {
+	return e === null || e.childNodes.length === 0 ? !1 : [...e.childNodes].every((e) => e.nodeType === Node.TEXT_NODE ? (e.textContent ?? "").trim() === "" : e instanceof Element && e.getAttribute("data-ui") === "visually-hidden");
+}
+function v({ "aria-describedby": s, "aria-invalid": c, "aria-readonly": h, "aria-required": _, checked: v, children: ae, className: oe, defaultChecked: y, description: b, disabled: x, id: se, indeterminate: ce, invalid: le, labelPlacement: ue, onChange: S, onClick: C, onCheckedChange: w, parent: de = !1, readOnly: fe, ref: T, render: E, size: pe, style: me, value: D, variant: he, ...O }) {
+	let k = i(), A = n(), j = ee(), M = r(), N = g(), P = d(null), F = u(), I = se ?? `slotted-checkbox-${F}`, L = `${I}-description`, R = typeof D == "string" ? D : void 0, z = de && k !== void 0, B = !z && k !== void 0 && R !== void 0, [ge, V] = f(y ?? !1), H = k?.allValues ?? [], U = k?.value ?? [], W = H.length > 0 && H.every((e) => U.includes(e)), _e = H.some((e) => U.includes(e)), G = z ? W : B ? U.includes(R) : v ?? ge, K = z ? _e && !W : ce ?? !1, ve = pe ?? k?.size ?? A?.size ?? j?.size ?? N.size, ye = ue ?? k?.labelPlacement ?? N.labelPlacement, be = he ?? k?.variant ?? N.variant, q = x ?? k?.disabled ?? A?.disabled ?? M.disabled, J = fe ?? k?.readOnly ?? A?.readOnly ?? M.readOnly, Y = le ?? k?.invalid ?? A?.invalid, xe = A?.required ?? k?.required ?? j?.required, X = A?.registerControl;
+	l(() => X?.(), [X]), l(() => {
+		let e = P.current;
+		e !== null && (e.indeterminate = K);
+	}, [K]), l(() => {
+		if (v !== void 0 || k !== void 0) return;
+		let e = P.current?.form;
+		if (e == null) return;
+		let t = () => V(y ?? !1);
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [
+		v,
+		y,
+		k
+	]);
+	let Se = (e, t, n) => {
+		let r = !1, i = o({
+			controlled: z || B ? G : v,
+			initial: G,
+			onRequest: (e) => {
+				w?.(e.value, e), r = e.cancelled;
+			}
+		}).request(e, t, n);
+		return !r && (i && V(e), !0);
+	}, Z = d(null), [Q, Ce] = f(!1);
+	te(() => {
+		let e = ie(Z.current);
+		e !== Q && Ce(e);
+	});
+	let $ = a({
+		children: /* @__PURE__ */ m(ne, { children: [
+			/* @__PURE__ */ p("input", {
+				...O,
+				"aria-describedby": [
+					s,
+					b === void 0 ? void 0 : L,
+					k === void 0 ? A?.describedBy : void 0
+				].filter(Boolean).join(" ") || void 0,
+				"aria-invalid": c ?? (Y === !0 || void 0),
+				"aria-readonly": h ?? (J === !0 || void 0),
+				"aria-required": _ ?? (xe === !0 || void 0),
+				checked: z || B ? G : v,
+				"data-part": "control",
+				"data-part-control": "",
+				defaultChecked: z || B || v !== void 0 ? void 0 : y,
+				disabled: q,
+				id: I,
+				name: O.name ?? k?.name,
+				onChange: (e) => {
+					S?.(e);
+				},
+				onClick: (e) => {
+					if (C?.(e), J === !0) {
+						e.preventDefault();
+						return;
+					}
+					if (e.defaultPrevented) return;
+					let t = re(e), n = !G;
+					if (!Se(n, t, e)) {
+						e.preventDefault();
+						return;
+					}
+					z ? k?.requestAll(n, t, e) : B && k?.toggle(R, t, e);
+				},
+				ref: (e) => {
+					P.current = e, typeof T == "function" ? T(e) : T != null && (T.current = e);
+				},
+				type: "checkbox",
+				value: D
+			}),
+			/* @__PURE__ */ p("span", {
+				"data-part": "indicator",
+				"data-part-indicator": "",
+				children: /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: K ? "minus" : "check" }) })
+			}),
+			/* @__PURE__ */ p("label", {
+				"data-part": "label",
+				"data-part-label": "",
+				htmlFor: I,
+				ref: Z,
+				children: ae
+			}),
+			b === void 0 ? null : /* @__PURE__ */ p("p", {
+				"data-part": "description",
+				"data-part-description": "",
+				id: L,
+				children: b
+			})
+		] }),
+		className: oe,
+		...G ? { "data-checked": "" } : {},
+		...q === !0 ? { "data-disabled": "" } : {},
+		...K ? { "data-indeterminate": "" } : {},
+		...Y === !0 ? { "data-invalid": "" } : {},
+		...J === !0 ? { "data-readonly": "" } : {},
+		...Q ? { "data-label-hidden": "" } : {},
+		"data-label-placement": ye,
+		"data-part": "root",
+		"data-size": ve,
+		"data-ui": "checkbox",
+		"data-variant": be,
+		style: me
+	});
+	return E === void 0 ? /* @__PURE__ */ p("div", { ...$ }) : E($);
+}
+//#endregion
+export { _ as n, g as r, v as t };

package/dist/checkbox-group-DzMtLF7f.js

@@ -0,0 +1,109 @@
+import { b as e, f as t, h as n } from "./field-CzSGs7wo.js";
+import { r } from "./field-group-CCM2vPKL.js";
+import { keyedProps as i } from "@slotted/core/selector-key";
+import { createControllable as a } from "@slotted/core/state";
+import { createContext as o, useContext as s, useEffect as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/checkbox-group/checkbox-group-defaults.tsx
+var d = o({
+	labelPlacement: "end",
+	variant: "plain",
+	orientation: "vertical",
+	size: "md"
+});
+function f() {
+	return s(d);
+}
+function p({ children: e, ...t }) {
+	let n = f();
+	return /* @__PURE__ */ u(d.Provider, {
+		value: {
+			labelPlacement: t.labelPlacement ?? n.labelPlacement,
+			variant: t.variant ?? n.variant,
+			orientation: t.orientation ?? n.orientation,
+			size: t.size ?? n.size
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/checkbox-group/checkbox-group.tsx
+var m = o(void 0);
+function h() {
+	return s(m);
+}
+function g(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function _({ allValues: n, "aria-describedby": o, "aria-invalid": s, "aria-label": d, "aria-labelledby": p, "aria-required": h, children: _, className: v, defaultValue: y, disabled: ee, invalid: te, labelPlacement: b, variant: x, name: S, onValueChange: C, orientation: w, readOnly: T, ref: E, render: D, required: O, role: k, showCount: A = !1, size: ne, style: re, value: j, ...M }) {
+	let N = e(), P = r(), F = t(), I = f(), [L, R] = l(y ?? []), z = j ?? L, B = ne ?? N?.size ?? P?.size ?? I.size, V = w ?? I.orientation, H = b ?? I.labelPlacement, U = x ?? I.variant, W = ee ?? N?.disabled ?? F.disabled, G = T ?? N?.readOnly ?? F.readOnly, K = te ?? N?.invalid ?? P?.invalid, q = O ?? N?.required ?? P?.required, J = N?.registerControl;
+	c(() => J?.(), [J]);
+	let Y = N?.setCount, X = n?.length, Z = z.length;
+	c(() => {
+		if (A && Y !== void 0) return Y({
+			length: Z,
+			max: X
+		}), () => Y(void 0);
+	}, [
+		Z,
+		Y,
+		A,
+		X
+	]);
+	let Q = (e, t, n) => {
+		a({
+			controlled: j,
+			equals: g,
+			initial: z,
+			onRequest: (e) => C?.(e.value, e)
+		}).request(e, t, n) && R(e);
+	}, ie = {
+		allValues: n,
+		disabled: W,
+		invalid: K,
+		labelPlacement: H,
+		variant: U,
+		name: S,
+		readOnly: G,
+		required: q,
+		requestAll: (e, t, r) => Q(e ? [...n ?? []] : [], t, r),
+		size: B,
+		toggle: (e, t, r) => {
+			let i = z.includes(e) ? z.filter((t) => t !== e) : n === void 0 ? [...z, e] : n.filter((t) => t === e || z.includes(t));
+			Q(i, t, r);
+		},
+		value: z
+	}, $ = i({
+		...M,
+		"aria-label": d,
+		"aria-labelledby": p ?? (d === void 0 ? N?.ids.label : void 0),
+		"aria-describedby": [o, N?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": s ?? (K === !0 || void 0),
+		"aria-required": h ?? (q === !0 || void 0),
+		children: _,
+		className: v,
+		...W === !0 ? { "data-disabled": "" } : {},
+		...K === !0 ? { "data-invalid": "" } : {},
+		...G === !0 ? { "data-readonly": "" } : {},
+		"data-orientation": V,
+		"data-part": "root",
+		"data-size": B,
+		"data-ui": "checkbox-group",
+		"data-variant": U,
+		role: k ?? (P === void 0 ? "group" : void 0),
+		style: re
+	});
+	return /* @__PURE__ */ u(m.Provider, {
+		value: ie,
+		children: D === void 0 ? /* @__PURE__ */ u("div", {
+			...$,
+			ref: E
+		}) : D($)
+	});
+}
+n(_, ({ allValues: e, defaultValue: t, showCount: n, value: r }) => n === !0 ? {
+	length: (r ?? t ?? []).length,
+	max: e?.length
+} : void 0);
+//#endregion
+export { f as i, h as n, p as r, _ as t };

package/dist/checkbox-group.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./checkbox-group-BYTjgAcX.js";
+import { i as e, n as t, r as n, t as r } from "./checkbox-group-DzMtLF7f.js";
 export { r as CheckboxGroup, n as CheckboxGroupDefaultsProvider, t as useCheckboxGroup, e as useCheckboxGroupDefaults };

package/dist/checkbox.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./checkbox-CwUOc-3u.js";
+import { n as e, r as t, t as n } from "./checkbox-CMY2KIih.js";
 export { n as Checkbox, e as CheckboxDefaultsProvider, t as useCheckboxDefaults };

package/dist/code-block-Bh_2Eg3M.js

@@ -0,0 +1,282 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { t as r } from "./scroll-area-vrm2bbtZ.js";
+import { i } from "./skeleton-DyOwgYmF.js";
+import { 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, useId as ee, useImperativeHandle as te, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { codeBlockMessages as ne } from "@slotted/core/i18n";
+import { fileKind as re } from "@slotted/core/upload";
+import { getLiveAnnouncer as ie } from "@slotted/core/live-announcer";
+import { writeToClipboard as ae } from "@slotted/core/clipboard";
+import { copyText as oe, gutterDigits as se, leadingColumns as ce, lineMarks as le, lineText as ue, plainLines as de } from "@slotted/core/code";
+//#region src/code-block/code-block-defaults.tsx
+var h = s({});
+function g() {
+	return c(h);
+}
+function _({ children: e, ...t }) {
+	let n = g();
+	return /* @__PURE__ */ p(h.Provider, {
+		value: {
+			copy: t.copy ?? n.copy,
+			highlight: t.highlight ?? n.highlight,
+			lineNumbers: t.lineNumbers ?? n.lineNumbers
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/code-block/code-block.tsx
+var fe = 2e3, pe = {
+	archive: "file-archive",
+	audio: "file-audio",
+	document: "file-type",
+	image: "file-image",
+	pdf: "file-text",
+	presentation: "presentation",
+	spreadsheet: "file-spreadsheet",
+	video: "file-video"
+};
+function v({ actions: s, code: c, collapseAfter: h, copy: _, copyRemoved: v = !1, defaultRevealed: me, defaultWrap: he, fileName: ge, highlight: _e, language: y = "text", lineNumbers: ve, loading: b = !1, marks: x, maxLines: S, messages: ye, onCopy: be, onHighlightError: C, onRevealedChange: xe, onWrapChange: Se, preProps: Ce, ref: we, renderLine: w, renderToken: T, revealed: E, start: D = 1, tabSize: Te = 2, title: O, tokens: k, wrap: A, ...j }) {
+	let M = g(), N = n(ne, ye), P = _e === null ? void 0 : _e ?? M.highlight, F = ve ?? M.lineNumbers ?? !1, I = _ ?? M.copy ?? !0, L = ee(), R = d(null), z = d(null), Ee = u(() => de(c), [c]), [B, De] = f(null);
+	l(() => {
+		if (!P || k) return;
+		let e = !0;
+		return Promise.resolve().then(() => P(c, y)).then((t) => {
+			e && De({
+				code: c,
+				lines: t
+			});
+		}).catch((t) => {
+			e && C?.(t);
+		}), () => {
+			e = !1;
+		};
+	}, [
+		c,
+		P,
+		y,
+		C,
+		k
+	]);
+	let V = k ?? (B && B.code === c ? B.lines : Ee), H = V.length, U = u(() => le(x, H), [H, x]), Oe = U.some((e) => e.mark !== void 0 || e.dim), [ke, Ae] = f(he ?? !1), W = A ?? ke, [je, Me] = f(me ?? !1), G = E ?? je;
+	function Ne(e, t, n) {
+		o({
+			controlled: A,
+			initial: W,
+			onRequest: (e) => Se?.(e.value, e)
+		}).request(e, t, n) && Ae(e);
+	}
+	function K(e, t, n) {
+		o({
+			controlled: E,
+			initial: G,
+			onRequest: (e) => xe?.(e.value, e)
+		}).request(e, t, n) && Me(e);
+	}
+	let [q, Pe] = f(!1), [J, Y] = f(!1), X = d(void 0);
+	l(() => () => clearTimeout(X.current), []);
+	async function Fe(e, t) {
+		let n = oe(c, x, { includeRemoved: v }), r = await ae(n) !== "refused";
+		return r && (Y(!0), clearTimeout(X.current), X.current = setTimeout(() => Y(!1), fe)), ie(R.current?.ownerDocument).announce(N(r ? "copied" : "copyFailed")), be?.({
+			copied: r,
+			reason: e,
+			source: t,
+			value: n
+		}), r;
+	}
+	let Z = d(!1), Ie = {
+		onClick: (e) => {
+			let t = Z.current ? "keyboard" : "pointer";
+			Z.current = !1, Fe(t, e);
+		},
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (Z.current = !0);
+		}
+	};
+	te(we, () => ({
+		copy: () => Fe("keyboard"),
+		scrollToLine: (e) => {
+			let t = R.current?.querySelector(`[data-line='${e}']`);
+			t && z.current?.reveal(t);
+		},
+		get root() {
+			return R.current;
+		}
+	}), []);
+	let Q = h !== void 0 && H > h, Le = Q ? H - h : 0;
+	function Re(e) {
+		j.onKeyDown?.(e), !e.defaultPrevented && e.key === "Escape" && Q && G && (e.preventDefault(), K(!1, "escape", e), z.current?.focus());
+	}
+	let ze = ge ?? (typeof O == "string" ? O : void 0), $ = ze ? pe[re({
+		name: ze,
+		type: ""
+	})] ?? "file" : void 0, Be = O !== void 0 || y !== "text" || I || s !== void 0, Ve = b ? null : /* @__PURE__ */ m("div", {
+		"data-part": "actions",
+		"data-part-actions": "",
+		children: [
+			s,
+			q || W ? /* @__PURE__ */ p("button", {
+				"aria-label": N(W ? "unwrap" : "wrap"),
+				"aria-pressed": W,
+				"data-part": "wrap",
+				"data-part-wrap": "",
+				onClick: (e) => Ne(!W, Z.current ? "keyboard" : "pointer", e),
+				onKeyDown: (e) => {
+					Z.current = e.key === "Enter" || e.key === " ";
+				},
+				type: "button",
+				...W ? { "data-pressed": "" } : {},
+				children: /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: "text-wrap" }) })
+			}) : null,
+			I ? /* @__PURE__ */ p("button", {
+				"aria-label": N("copy"),
+				"data-part": "copy",
+				"data-part-copy": "",
+				type: "button",
+				...Ie,
+				...J ? { "data-complete": "" } : {},
+				children: /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: J ? "check" : "copy" }) })
+			}) : null
+		]
+	}), He = se(H, D), Ue = {
+		...j.style ?? {},
+		"--slotted-code-block-digits": He,
+		...Q ? { "--slotted-code-block-collapse": h } : {},
+		...S === void 0 ? {} : { "--slotted-code-block-max-lines": S }
+	}, We = typeof O == "string" ? O : j["aria-label"] ?? N("region");
+	return /* @__PURE__ */ m("div", {
+		...a(j, "part", "root"),
+		"data-language": y,
+		"data-ui": "code-block",
+		"data-ui-code-block": "",
+		onKeyDown: Re,
+		ref: R,
+		style: Ue,
+		...Q ? { "data-collapse": "" } : {},
+		...c === "" ? { "data-empty": "" } : {},
+		...F ? { "data-line-numbers": "" } : {},
+		...b ? {
+			"data-loading": "",
+			"aria-busy": !0
+		} : {},
+		...Oe ? { "data-marks": "" } : {},
+		...q ? { "data-overflow": "" } : {},
+		...G ? { "data-revealed": "" } : {},
+		...W ? { "data-wrap": "" } : {},
+		children: [
+			Be ? /* @__PURE__ */ m("div", {
+				"data-part": "header",
+				"data-part-header": "",
+				children: [
+					$ && O !== void 0 ? /* @__PURE__ */ p("span", {
+						"aria-hidden": "true",
+						"data-part": "icon",
+						"data-part-icon": "",
+						children: /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: $ }) })
+					}) : null,
+					O === void 0 ? null : /* @__PURE__ */ p("span", {
+						"data-part": "title",
+						"data-part-title": "",
+						id: `${L}title`,
+						children: O
+					}),
+					y === "text" ? null : /* @__PURE__ */ p("span", {
+						"data-part": "language",
+						"data-part-language": "",
+						children: y
+					}),
+					Ve
+				]
+			}) : null,
+			/* @__PURE__ */ p(r, {
+				axis: S === void 0 ? "inline" : "both",
+				fade: "both",
+				gutter: "auto",
+				id: `${L}body`,
+				messages: { label: We },
+				onOverflowChange: (e) => Pe(e.inline.overflowing),
+				ref: z,
+				render: (e) => /* @__PURE__ */ p("div", {
+					...a(e, "part", "body"),
+					...S === void 0 ? {} : { "data-max-lines": "" }
+				}),
+				children: /* @__PURE__ */ p("pre", {
+					...a(Ce, "part", "pre"),
+					children: /* @__PURE__ */ p("code", {
+						className: `language-${y}`,
+						"data-part": "code",
+						"data-part-code": "",
+						children: b ? [
+							62,
+							78,
+							44,
+							70
+						].map((e, t) => /* @__PURE__ */ p(i, {
+							"aria-hidden": "true",
+							inlineSize: `${e}%`,
+							shape: "text"
+						}, t)) : V.map((e, t) => {
+							let n = D + t, { dim: r, mark: i } = U[t] ?? {
+								dim: !1,
+								mark: void 0
+							}, a = ue(e), o = W ? ce(a, Te) : 0;
+							return /* @__PURE__ */ m("span", {
+								"data-line": n,
+								"data-part": "line",
+								"data-part-line": "",
+								...i ? { "data-mark": i } : {},
+								...r ? { "data-dim": "" } : {},
+								...o > 0 ? { style: { "--slotted-code-block-indent": o } } : {},
+								children: [
+									/* @__PURE__ */ p("span", {
+										"aria-hidden": "true",
+										"data-part": "number",
+										"data-part-number": "",
+										children: F ? n : null
+									}),
+									/* @__PURE__ */ p("span", {
+										"aria-hidden": "true",
+										"data-part": "marker",
+										"data-part-marker": ""
+									}),
+									/* @__PURE__ */ p("span", {
+										"data-part": "text",
+										"data-part-text": "",
+										children: w ? w({
+											dim: r,
+											line: e,
+											mark: i,
+											number: n
+										}) : e.map((e, t) => T ? T(e, t, n) : e.scope ? /* @__PURE__ */ p("span", {
+											"data-part": "token",
+											"data-part-token": "",
+											"data-token": e.scope,
+											children: e.text
+										}, t) : e.text)
+									})
+								]
+							}, t);
+						})
+					})
+				})
+			}),
+			Q ? /* @__PURE__ */ p("button", {
+				"aria-controls": `${L}body`,
+				"aria-expanded": G,
+				"data-part": "reveal",
+				"data-part-reveal": "",
+				onClick: (e) => K(!G, Z.current ? "keyboard" : "pointer", e),
+				onKeyDown: (e) => {
+					Z.current = e.key === "Enter" || e.key === " ";
+				},
+				type: "button",
+				children: G ? N("collapse") : N("reveal", { count: Le })
+			}) : null
+		]
+	});
+}
+//#endregion
+export { _ as n, g as r, v as t };

package/dist/code-block.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./code-block-CFHf8uTm.js";
+import { n as e, r as t, t as n } from "./code-block-Bh_2Eg3M.js";
 export { n as CodeBlock, e as CodeBlockDefaultsProvider, t as useCodeBlockDefaults };