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

package/dist/stepper-DQJuRWqR.js

@@ -1,253 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-/* empty css                         */
-import { createControllable as i } from "@slotted/core/state";
-import { Children as a, createContext as o, isValidElement as s, useContext as c, useEffect as l, useId 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 { stepperMessages as g } from "@slotted/core/i18n";
-import { stepFocusIndex as _, stepPercent as v, stepReachable as y, stepStatus as b } from "@slotted/core/steps";
-//#region src/stepper/stepper-defaults.tsx
-var x = o({});
-function S() {
-	return c(x);
-}
-function C({ children: e, ...t }) {
-	let n = S();
-	return /* @__PURE__ */ m(x.Provider, {
-		value: {
-			labelPlacement: t.labelPlacement ?? n.labelPlacement,
-			linear: t.linear ?? n.linear,
-			navigation: t.navigation ?? n.navigation,
-			orientation: t.orientation ?? n.orientation
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/stepper/stepper.tsx
-var w = o(void 0), T = o(void 0);
-function E() {
-	let e = c(w);
-	if (e === void 0) throw Error("Stepper parts must be rendered inside a Stepper.");
-	return e;
-}
-function D() {
-	return c(T);
-}
-var O = T.Provider;
-function k({ autoComplete: e, children: t, defaultStep: a, labelPlacement: o, linear: s, messages: c, navigation: l, onStepChange: d, orientation: p, render: h, step: _, ...x }) {
-	let C = S(), T = r(g, c), E = n(), D = u(), [O, k] = f(a ?? 0), [j, M] = f([]), N = _ ?? O, P = j.length, F = s ?? C.linear ?? !1, I = (t) => b({
-		autoComplete: e ?? !1,
-		complete: j[t]?.complete,
-		index: t,
-		step: N
-	}), L = (t) => y({
-		autoComplete: e ?? !1,
-		complete: j[t]?.complete,
-		count: P,
-		disabled: j[t]?.disabled,
-		index: t,
-		isComplete: (e) => I(e) === "complete",
-		linear: F,
-		step: N
-	}), R = (e, t = "pointer", n) => {
-		e < 0 || P > 0 && e >= P || i({
-			controlled: _,
-			initial: N,
-			onRequest: (e) => d?.(e.value, e)
-		}).request(e, t, n) && k(e);
-	}, z = {
-		canGoNext: P > 0 && N < P - 1 && L(N + 1),
-		canGoPrevious: N > 0,
-		count: P,
-		goToStep: R,
-		ids: {
-			panel: (e) => `slotted-stepper-${D}-panel-${e}`,
-			trigger: (e) => `slotted-stepper-${D}-trigger-${e}`
-		},
-		labelPlacement: o ?? C.labelPlacement ?? "end",
-		linear: F,
-		locale: E,
-		navigation: l ?? C.navigation ?? "button",
-		next: (e, t) => R(N + 1, e, t),
-		orientation: p ?? C.orientation ?? "horizontal",
-		percent: v({
-			count: P,
-			step: N
-		}),
-		previous: (e, t) => R(N - 1, e, t),
-		reachable: L,
-		reset: (e) => R(a ?? 0, "programmatic", e),
-		statusOf: I,
-		step: N,
-		t: T
-	}, B = {
-		...x,
-		children: /* @__PURE__ */ m(A.Provider, {
-			value: M,
-			children: t
-		}),
-		"data-label-placement": z.labelPlacement,
-		"data-navigation": z.navigation,
-		"data-orientation": z.orientation,
-		"data-part": "root",
-		"data-ui": "stepper"
-	};
-	return /* @__PURE__ */ m(w.Provider, {
-		value: z,
-		children: h === void 0 ? /* @__PURE__ */ m("div", { ...B }) : h(B)
-	});
-}
-var A = o(void 0);
-//#endregion
-//#region src/stepper/stepper-parts.tsx
-function j(e) {
-	let t = typeof e == "object" && e ? Reflect.get(e, "props") : void 0, n = (e) => typeof t == "object" && t ? Reflect.get(t, e) : void 0;
-	return {
-		complete: n("complete"),
-		disabled: n("disabled")
-	};
-}
-function M({ children: e, ref: t, render: n, onKeyDown: r, ...i }) {
-	let o = E(), u = c(A), f = a.toArray(e).filter((e) => s(e)), p = f.map(j), h = JSON.stringify(p), g = d(void 0);
-	l(() => {
-		g.current !== h && (g.current = h, u?.(p));
-	}, [h, u]);
-	let v = {
-		"aria-label": o.t("label"),
-		...i,
-		children: f.map((e, t) => /* @__PURE__ */ m(O, {
-			value: {
-				index: t,
-				last: t === f.length - 1,
-				travelled: t < o.step
-			},
-			children: e
-		}, e.key ?? t)),
-		"data-part": "list",
-		onKeyDown: (e) => {
-			if (r?.(e), e.defaultPrevented) return;
-			let t = e.target?.closest?.("[data-part=\"trigger\"]"), n = Number(t?.getAttribute("data-index") ?? -1);
-			if (!Number.isInteger(n) || n < 0) return;
-			let i = e.currentTarget.ownerDocument.defaultView?.getComputedStyle(e.currentTarget).direction === "rtl" ? "rtl" : "ltr", a = _({
-				count: o.count,
-				direction: i,
-				from: n,
-				key: e.key,
-				orientation: o.orientation
-			});
-			a !== -1 && (e.preventDefault(), e.currentTarget.ownerDocument.getElementById(o.ids.trigger(a))?.focus());
-		}
-	};
-	return n === void 0 ? /* @__PURE__ */ m("ol", {
-		...v,
-		ref: t
-	}) : n(v);
-}
-function N({ children: n, complete: r, description: i, disabled: a, href: o, invalid: s, label: c, loading: l, marker: u, ref: d, render: f, ...g }) {
-	let _ = E(), v = D(), y = v?.index ?? 0, b = _.statusOf(y), x = y === _.step, S = a === !0 || !_.reachable(y), C = s === !0 ? "x" : b === "complete" && !x ? "check" : void 0, w = new Intl.ListFormat(_.locale, { type: "unit" }).format([
-		_.t("position", {
-			index: y + 1,
-			count: _.count
-		}),
-		s === !0 ? _.t("invalid") : x ? _.t("current") : b === "complete" ? _.t("complete") : void 0,
-		l === !0 ? _.t("loading") : void 0,
-		S && !x ? _.t("unavailable") : void 0
-	].filter((e) => e !== void 0)), T = {
-		"aria-controls": g["aria-controls"],
-		"aria-current": x ? "step" : void 0,
-		"data-index": y,
-		"data-part": "trigger",
-		id: _.ids.trigger(y),
-		children: /* @__PURE__ */ h(p, { children: [
-			/* @__PURE__ */ h("span", {
-				"aria-hidden": "true",
-				"data-part": "marker",
-				children: [u ?? y + 1, C === void 0 ? null : /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: C }) })]
-			}),
-			/* @__PURE__ */ h("span", {
-				"data-part": "label",
-				children: [c, i === void 0 ? null : /* @__PURE__ */ m("span", {
-					"data-part": "description",
-					children: i
-				})]
-			}),
-			/* @__PURE__ */ m("span", {
-				"data-part": "status",
-				"data-ui": "visually-hidden",
-				children: `, ${w}`
-			})
-		] })
-	}, O = (e) => {
-		e.defaultPrevented || S || l === !0 || _.goToStep(y, "pointer", e);
-	}, k = _.navigation === "none" ? /* @__PURE__ */ m("span", { ...T }) : _.navigation === "link" ? /* @__PURE__ */ m("a", {
-		...T,
-		"aria-disabled": S ? !0 : void 0,
-		...S || o === void 0 ? {} : { href: o },
-		onClick: O
-	}) : /* @__PURE__ */ m("button", {
-		...T,
-		"aria-disabled": S ? !0 : void 0,
-		onClick: O,
-		type: "button"
-	}), A = {
-		...g,
-		children: /* @__PURE__ */ h(p, { children: [
-			k,
-			n,
-			v?.last === !0 ? null : /* @__PURE__ */ m("span", {
-				"aria-hidden": "true",
-				"data-complete": v?.travelled === !0 ? "" : void 0,
-				"data-part": "separator"
-			})
-		] }),
-		"data-complete": b === "complete" ? "" : void 0,
-		"data-current": x ? "" : void 0,
-		"data-disabled": S ? "" : void 0,
-		"data-invalid": s === !0 ? "" : void 0,
-		"data-loading": l === !0 ? "" : void 0,
-		"data-part": "item"
-	};
-	return f === void 0 ? /* @__PURE__ */ m("li", {
-		...A,
-		ref: d
-	}) : f(A);
-}
-function P({ children: e, ref: t, render: n, ...r }) {
-	let i = E(), a = D()?.index ?? 0;
-	if (a !== i.step) return null;
-	let o = {
-		"aria-labelledby": i.ids.trigger(a),
-		...r,
-		children: e,
-		"data-part": "panel",
-		id: r.id ?? i.ids.panel(a),
-		role: "group",
-		tabIndex: r.tabIndex ?? -1
-	};
-	return n === void 0 ? /* @__PURE__ */ m("div", {
-		...o,
-		ref: t
-	}) : n(o);
-}
-function F(e, t) {
-	return (n) => {
-		t?.(n), n.defaultPrevented !== !0 && e();
-	};
-}
-function I({ disabled: e, onClick: t, render: n }) {
-	let r = E();
-	return n({
-		disabled: e ?? !r.canGoNext,
-		onClick: F(() => r.next("pointer"), t)
-	});
-}
-function L({ disabled: e, onClick: t, render: n }) {
-	let r = E();
-	return n({
-		disabled: e ?? !r.canGoPrevious,
-		onClick: F(() => r.previous("pointer"), t)
-	});
-}
-//#endregion
-export { N as a, C as c, L as i, S as l, I as n, k as o, P as r, E as s, M as t };

package/dist/switch-4MHwKmkz.js

@@ -1,138 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { b as r } from "./field-BJh5HI7w.js";
-import { t as i } from "./visually-hidden-CE6u5JLW.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as o, useContext as s, useEffect as c, useId as ee, useRef as l, useState as u } from "react";
-import { Fragment as te, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { switchMessages as p } from "@slotted/core/i18n";
-//#region src/switch/switch-defaults.tsx
-var m = 2e3, h = o({
-	indicator: "mark",
-	labelPlacement: "end",
-	size: "md"
-});
-function g() {
-	return s(h);
-}
-function _({ children: e, ...t }) {
-	let n = g();
-	return /* @__PURE__ */ d(h.Provider, {
-		value: {
-			indicator: t.indicator ?? n.indicator,
-			labelPlacement: t.labelPlacement ?? n.labelPlacement,
-			size: t.size ?? n.size
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/switch/switch.tsx
-function ne(e) {
-	return e.detail > 0 ? "pointer" : e.isTrusted ? "keyboard" : "programmatic";
-}
-function v({ "aria-describedby": o, "aria-invalid": s, "aria-readonly": h, "aria-required": _, checked: v, children: y, className: b, defaultChecked: x = !1, description: S, disabled: C, id: w, indicator: T, invalid: E, labelPlacement: re, loading: D = !1, messages: ie, onChange: ae, onCheckedChange: oe, onClick: se, readOnly: ce, ref: O, render: k, size: A, style: j, ...M }) {
-	let N = r(), P = g(), F = n(p, ie), I = l(null), L = ee(), R = `${L}-pending`, z = `${L}-description`, B = w ?? N?.ids.control ?? `slotted-switch-${L}`, [V, H] = u(x), [U, W] = u(!1), G = v ?? V, K = l(G);
-	K.current = G;
-	let le = A ?? N?.size ?? P.size, q = T ?? P.indicator, ue = re ?? P.labelPlacement, J = C ?? N?.disabled, Y = ce ?? N?.readOnly, X = E ?? N?.invalid, Z = N?.registerControl;
-	c(() => Z?.(), [Z]), c(() => {
-		let e = I.current?.form;
-		if (e == null) return;
-		let t = () => H(x);
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [x]), c(() => {
-		if (!D) {
-			W(!1);
-			return;
-		}
-		let e = setTimeout(() => W(!0), m);
-		return () => clearTimeout(e);
-	}, [D]);
-	let Q = (e) => {
-		if (se?.(e), e.defaultPrevented) return;
-		if (J === !0 || Y === !0 || D) {
-			e.preventDefault();
-			return;
-		}
-		let t = !G, n = a({
-			controlled: v,
-			initial: G,
-			onRequest: (e) => oe?.(e.value, e)
-		}), r = ne({
-			detail: e.detail,
-			isTrusted: e.nativeEvent.isTrusted
-		});
-		if (n.request(t, r, e)) {
-			H(t);
-			return;
-		}
-		e.preventDefault(), setTimeout(() => {
-			let e = I.current;
-			e !== null && e.checked !== K.current && (e.checked = K.current);
-		});
-	}, $ = {
-		children: /* @__PURE__ */ f(te, { children: [
-			/* @__PURE__ */ d("input", {
-				...M,
-				"aria-busy": D ? !0 : void 0,
-				"aria-describedby": [
-					o,
-					S === void 0 ? void 0 : z,
-					N?.describedBy,
-					D ? R : void 0
-				].filter(Boolean).join(" ") || void 0,
-				"aria-invalid": s ?? (X === !0 || void 0),
-				"aria-readonly": h ?? (Y === !0 || void 0),
-				"aria-required": _ ?? (N?.required === !0 || void 0),
-				"data-part": "control",
-				disabled: J,
-				id: B,
-				onChange: (e) => ae?.(e),
-				onClick: Q,
-				ref: (e) => {
-					I.current = e, typeof O == "function" ? O(e) : O != null && (O.current = e);
-				},
-				role: "switch",
-				type: "checkbox",
-				...v === void 0 ? { defaultChecked: x } : { checked: v }
-			}),
-			/* @__PURE__ */ d("span", {
-				"data-part": "track",
-				children: /* @__PURE__ */ d("span", {
-					"data-part": "thumb",
-					children: q === "mark" ? /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(e, { name: "check" }) }) : null
-				})
-			}),
-			y === void 0 ? null : /* @__PURE__ */ d("label", {
-				"data-part": "label",
-				htmlFor: B,
-				children: y
-			}),
-			S === void 0 ? null : /* @__PURE__ */ d("p", {
-				"data-part": "description",
-				id: z,
-				children: S
-			}),
-			/* @__PURE__ */ d(i, {
-				id: R,
-				role: "status",
-				children: D && U ? F("loading") : ""
-			})
-		] }),
-		className: b,
-		style: j,
-		...G ? { "data-checked": "" } : {},
-		...J === !0 ? { "data-disabled": "" } : {},
-		"data-indicator": q,
-		...X === !0 ? { "data-invalid": "" } : {},
-		...D ? { "data-loading": "" } : {},
-		"data-label-placement": ue,
-		"data-part": "root",
-		...Y === !0 ? { "data-readonly": "" } : {},
-		"data-size": le,
-		"data-ui": "switch"
-	};
-	return k === void 0 ? /* @__PURE__ */ d("span", { ...$ }) : k($);
-}
-//#endregion
-export { g as i, m as n, _ as r, v as t };