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

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

@@ -1,139 +0,0 @@
-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

@@ -1,108 +0,0 @@
-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/code-block-CFHf8uTm.js

@@ -1,269 +0,0 @@
-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 };