@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/chart.js

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

package/dist/checkbox-CwUOc-3u.js

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

package/dist/checkbox-group-BYTjgAcX.js

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

package/dist/checkbox-group.js

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

package/dist/checkbox.js

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

package/dist/code-block-CFHf8uTm.js

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

package/dist/code-block.js

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