@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/switch-DJcPFG_K.js

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

package/dist/switch.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./switch-aVoc4C2F.js";
+import { i as e, n as t, r as n, t as r } from "./switch-DJcPFG_K.js";
 export { t as SWITCH_LOADING_ANNOUNCE_DELAY, r as Switch, n as SwitchDefaultsProvider, e as useSwitchDefaults };