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

package/dist/field-BJh5HI7w.js

@@ -1,365 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-/* empty css               */
-import { t as r } from "./inline-message-C4a-A2mw.js";
-import { a as i, i as a, n as o, o as s, r as c, t as l } from "./tooltip-BggqPDcW.js";
-import { Children as u, createContext as d, isValidElement as f, useCallback as p, useContext as m, useEffect as h, useId as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { fieldMessages as C } from "@slotted/core/i18n";
-//#region src/field/field-context.ts
-var w = d(void 0);
-function T() {
-	return m(w);
-}
-function E(e) {
-	return {
-		control: `${e}-control`,
-		counter: `${e}-counter`,
-		description: `${e}-description`,
-		error: `${e}-error`,
-		help: `${e}-help`,
-		indicator: `${e}-indicator`,
-		label: `${e}-label`
-	};
-}
-var D = [
-	"indicator",
-	"help",
-	"description",
-	"counter",
-	"error"
-];
-function O(e, t, n) {
-	switch (e) {
-		case "mark": return t ? {
-			hidden: !0,
-			text: "*"
-		} : null;
-		case "optional": return t ? null : {
-			hidden: !1,
-			text: n("optional")
-		};
-		case "words": return {
-			hidden: !1,
-			text: n(t ? "required" : "optional")
-		};
-		case "none": return null;
-	}
-}
-function k(e) {
-	return e.max === void 0 ? String(e.length) : `${e.length}/${e.max}`;
-}
-function A(e) {
-	return e.max !== void 0 && e.length > e.max;
-}
-var j = (e) => e != null && e !== !1 && e !== "", M = /* @__PURE__ */ new WeakMap();
-function N(e, t) {
-	M.set(e, t);
-}
-function P(e) {
-	return typeof e == "function" ? M.get(e) : void 0;
-}
-//#endregion
-//#region src/field/field-defaults.tsx
-var F = d({
-	disabled: void 0,
-	labelPlacement: "top",
-	necessity: "mark",
-	readOnly: void 0,
-	size: "md"
-});
-function I() {
-	return m(F);
-}
-function ee({ children: e, disabled: t, labelPlacement: n, necessity: r, readOnly: i, size: a }) {
-	let o = I(), s = _(() => ({
-		disabled: t ?? o.disabled,
-		labelPlacement: n ?? o.labelPlacement,
-		necessity: r ?? o.necessity,
-		readOnly: i ?? o.readOnly,
-		size: a ?? o.size
-	}), [
-		t,
-		o,
-		n,
-		r,
-		i,
-		a
-	]);
-	return /* @__PURE__ */ x(F.Provider, {
-		value: s,
-		children: e
-	});
-}
-//#endregion
-//#region src/field/field-parts.tsx
-function L(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function R(e, t) {
-	let n = T()?.registerMessage;
-	h(() => {
-		if (n !== void 0) return n(e, t), () => n(e, !1);
-	}, [
-		t,
-		n,
-		e
-	]);
-}
-function z({ children: e, htmlFor: t, id: r, ref: i, render: a, ...o }) {
-	let s = T(), c = n(C), l = O(s?.necessity ?? "mark", s?.required === !0, s?.t ?? c), u = {
-		...o,
-		children: /* @__PURE__ */ S(b, { children: [e, l === null ? null : /* @__PURE__ */ x("span", {
-			...l.hidden ? { "aria-hidden": !0 } : {},
-			"data-part": "mark",
-			children: l.text
-		})] }),
-		"data-part": "label",
-		htmlFor: t ?? s?.ids.control,
-		id: r ?? s?.ids.label
-	};
-	return a === void 0 ? /* @__PURE__ */ x("label", {
-		...u,
-		ref: i
-	}) : a(u);
-}
-function te({ "aria-describedby": e, "aria-invalid": t, "aria-required": n, disabled: r, id: i, readOnly: a, ref: o, render: s, ...c }) {
-	let l = T(), u = l?.registerControl;
-	h(() => u?.(), [u]);
-	let d = [e, l?.describedBy].filter(Boolean).join(" ") || void 0, f = {
-		...c,
-		"aria-describedby": d,
-		"aria-invalid": t ?? (l?.invalid === !0 || void 0),
-		"aria-required": n ?? (l?.required === !0 || void 0),
-		"data-part": "control",
-		disabled: r ?? l?.disabled,
-		id: i ?? l?.ids.control,
-		readOnly: a ?? l?.readOnly
-	};
-	return s === void 0 ? /* @__PURE__ */ x("input", {
-		...f,
-		ref: o
-	}) : s(f);
-}
-function B({ children: e, mark: t, tone: n, ...i }) {
-	let a = T();
-	return R("description", j(e)), /* @__PURE__ */ x(r, {
-		...i,
-		disabled: a?.disabled,
-		id: a?.ids.description,
-		mark: t ?? "none",
-		size: a?.messageSize,
-		tone: n ?? "secondary",
-		children: e
-	});
-}
-function V({ children: e, mark: t, tone: n, ...i }) {
-	let a = T();
-	return R("error", j(e)), /* @__PURE__ */ x(r, {
-		...i,
-		disabled: a?.disabled,
-		id: a?.ids.error,
-		mark: t ?? "none",
-		size: a?.messageSize,
-		tone: n ?? "danger",
-		children: e
-	});
-}
-function H({ children: e, invalid: t, ref: n, render: r, ...i }) {
-	let a = T(), o = a?.registerCounter, s = a?.count;
-	h(() => {
-		if (o !== void 0) return o(!0), () => o(!1);
-	}, [o]);
-	let c = e === void 0 && s !== void 0, l = t ?? (c && s !== void 0 ? A(s) : !1), u = {
-		...i,
-		children: c && s !== void 0 ? k(s) : e,
-		...l ? { "data-invalid": "" } : {},
-		"data-part": "counter",
-		id: i.id ?? a?.ids.counter
-	};
-	return r === void 0 ? /* @__PURE__ */ x("span", {
-		...u,
-		ref: n
-	}) : r(u);
-}
-function U({ children: e, ref: t, render: n, ...r }) {
-	let i = T(), a = i?.registerHeader;
-	h(() => {
-		if (a !== void 0) return a(!0), () => a(!1);
-	}, [a]);
-	let o = i?.count, s = o === void 0 || i?.hasCounter === !0 ? null : /* @__PURE__ */ x("span", {
-		...A(o) ? { "data-invalid": "" } : {},
-		"data-part": "counter",
-		id: i?.ids.counter,
-		children: k(o)
-	}), c = {
-		...r,
-		children: /* @__PURE__ */ S(b, { children: [e, s] }),
-		"data-part": "header"
-	};
-	return n === void 0 ? /* @__PURE__ */ x("div", {
-		...c,
-		ref: t
-	}) : n(c);
-}
-function W({ children: e, id: t, ref: n, render: r, ...i }) {
-	let a = T();
-	R("indicator", j(e));
-	let o = {
-		...i,
-		children: e,
-		"data-part": "indicator",
-		id: t ?? a?.ids.indicator
-	};
-	return r === void 0 ? /* @__PURE__ */ x("span", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function G({ ref: e, render: t, type: n, ...r }) {
-	let i = {
-		...r,
-		"data-part": "action"
-	};
-	return t === void 0 ? /* @__PURE__ */ x("button", {
-		...i,
-		ref: e,
-		type: n ?? "button"
-	}) : t(i);
-}
-function K({ children: e, defaultOpen: t, onOpenChange: r, open: a, side: s, ...u }) {
-	let d = T(), f = n(C), p = g(), m = d?.ids.help ?? `slotted-field-help-${p}`;
-	return R("help", j(e)), /* @__PURE__ */ x(b, { children: /* @__PURE__ */ S(i, {
-		closeOnPress: !1,
-		defaultOpen: t,
-		describes: "none",
-		onOpenChange: r,
-		open: a,
-		openOn: "manual",
-		side: s,
-		children: [/* @__PURE__ */ x(q, {
-			...u,
-			"aria-describedby": u["aria-describedby"] ?? m,
-			"aria-label": u["aria-label"] ?? (d?.t ?? f)("help"),
-			children: /* @__PURE__ */ x("span", {
-				"data-part": "help-text",
-				hidden: !0,
-				id: m,
-				children: e
-			})
-		}), /* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x(o, { children: e }), /* @__PURE__ */ x(l, {})] })]
-	}) });
-}
-function q({ children: n, onBlur: r, onClick: i, onFocus: o, onPointerEnter: c, onPointerLeave: l, ref: u, ...d }) {
-	let f = s(), p = v(!1);
-	h(() => {
-		f.open || (p.current = !1);
-	}, [f.open]);
-	let m = (e) => {
-		e.pointerType !== "touch" && (f.open || f.openAfterDelay(e.nativeEvent));
-	}, g = (e) => {
-		e.pointerType === "touch" || p.current || f.closeAfterDelay(e.nativeEvent);
-	}, _ = (e) => {
-		e.target.matches(":focus-visible") && f.toggle(!0, "keyboard", e.nativeEvent);
-	}, y = (e) => {
-		f.toggle(!1, "blur", e.nativeEvent);
-	}, b = (e) => {
-		let t = e.detail === 0 ? "keyboard" : "pointer";
-		if (f.open && p.current) {
-			p.current = !1, f.toggle(!1, t, e.nativeEvent);
-			return;
-		}
-		p.current = !0, f.toggle(!0, t, e.nativeEvent);
-	};
-	return /* @__PURE__ */ S(a, {
-		...d,
-		"data-part": "help",
-		onBlur: L(r, y),
-		onClick: L(i, b),
-		onFocus: L(o, _),
-		onPointerEnter: L(c, m),
-		onPointerLeave: L(l, g),
-		ref: u,
-		children: [/* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(e, { name: "circle-question" }) }), n]
-	});
-}
-//#endregion
-//#region src/field/field.tsx
-var J = /* @__PURE__ */ new Map([
-	[B, "description"],
-	[V, "error"],
-	[K, "help"],
-	[W, "indicator"]
-]);
-function Y(e, t) {
-	if (Array.isArray(e)) {
-		for (let n of e) Y(n, t);
-		return t;
-	}
-	if (!f(e) || e.type === X) return t;
-	let { props: n, type: r } = e, i = J.get(r);
-	return i !== void 0 && j(n.children) && t.messages.push(i), r === H && (t.hasCounter = !0), r === U && (t.hasHeader = !0), t.count ??= P(r)?.(n), Y(n.children, t);
-}
-function X({ children: e, disabled: t, id: r, invalid: i, labelPlacement: a, messages: o, necessity: s, readOnly: c, ref: l, render: d, required: m, size: T, ...O }) {
-	let j = I(), M = n(C, o), N = g(), P = _(() => E(r ?? `slotted-field-${N}`), [N, r]), [F, ee] = y([]), [L, R] = y(void 0), [te, B] = y(!1), [V, H] = y(!1), [U, W] = y(!1), G = v(!1);
-	h(() => W(!0), []);
-	let K = U ? void 0 : Y(e, {
-		count: void 0,
-		hasCounter: !1,
-		hasHeader: !1,
-		messages: []
-	}), q = K?.messages ?? F, J = K === void 0 ? L : K.count, X = K?.hasCounter ?? te, Z = K?.hasHeader ?? V, ne = p((e, t) => {
-		ee((n) => t === n.includes(e) ? n : t ? [...n, e] : n.filter((t) => t !== e));
-	}, []), re = p(() => {
-		G.current = !0;
-	}, []), ie = p((e) => B(e), []), ae = p((e) => H(e), []);
-	h(() => {}, []);
-	let oe = X || J !== void 0, se = D.filter((e) => e === "counter" ? oe : q.includes(e)).map((e) => P[e]).join(" ") || void 0, Q = T ?? j.size, ce = t ?? j.disabled, le = c ?? j.readOnly, ue = s ?? j.necessity, de = {
-		count: J,
-		describedBy: se,
-		disabled: ce,
-		hasCounter: X,
-		hasHeader: Z,
-		ids: P,
-		invalid: i,
-		messageSize: Q === "lg" ? "md" : "sm",
-		necessity: ue,
-		readOnly: le,
-		registerControl: re,
-		registerCounter: ie,
-		registerHeader: ae,
-		registerMessage: ne,
-		required: m,
-		setCount: R,
-		size: Q,
-		t: M
-	}, fe = J === void 0 || X || Z ? null : /* @__PURE__ */ x("span", {
-		...A(J) ? { "data-invalid": "" } : {},
-		"data-part": "counter",
-		id: P.counter,
-		children: k(J)
-	}), $ = !1, pe = u.map(e, (e) => $ || !f(e) || e.type !== z ? e : ($ = !0, /* @__PURE__ */ S(b, { children: [e, fe] }))), me = {
-		...O,
-		children: /* @__PURE__ */ S(b, { children: [pe, $ ? null : fe] }),
-		...ce === !0 ? { "data-disabled": "" } : {},
-		...i === !0 ? { "data-invalid": "" } : {},
-		...le === !0 ? { "data-readonly": "" } : {},
-		...m === !0 ? { "data-required": "" } : {},
-		"data-label-placement": a ?? j.labelPlacement,
-		"data-necessity": ue,
-		"data-part": "root",
-		"data-size": Q,
-		"data-ui": "field"
-	};
-	return /* @__PURE__ */ x(w.Provider, {
-		value: de,
-		children: d === void 0 ? /* @__PURE__ */ x("div", {
-			...me,
-			ref: l
-		}) : d(me)
-	});
-}
-//#endregion
-export { k as _, B as a, T as b, K as c, ee as d, I as f, E as g, N as h, H as i, W as l, w as m, G as n, V as o, D as p, te as r, U as s, X as t, z as u, A as v, O as y };

package/dist/field-group-BDaspQPh.js

@@ -1,138 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-import { d as t, f as n, y as r } from "./field-BJh5HI7w.js";
-import { t as i } from "./inline-message-C4a-A2mw.js";
-import { createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useMemo as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { fieldMessages as g } from "@slotted/core/i18n";
-//#region src/field-group/field-group-parts.tsx
-function _(e, t) {
-	let n = w()?.registerMessage;
-	l(() => {
-		if (n !== void 0) return n(e, t), () => n(e, !1);
-	}, [
-		t,
-		n,
-		e
-	]);
-}
-var v = (e) => e != null && e !== !1 && e !== "";
-function y({ children: t, id: n, ref: i, render: a, ...o }) {
-	let s = w(), c = e(g), l = r(s?.necessity ?? "mark", s?.required === !0, s?.t ?? c), u = {
-		...o,
-		children: /* @__PURE__ */ h(p, { children: [t, l === null ? null : /* @__PURE__ */ m("span", {
-			...l.hidden ? { "aria-hidden": !0 } : {},
-			"data-part": "mark",
-			children: l.text
-		})] }),
-		"data-part": "legend",
-		id: n ?? s?.ids.legend
-	};
-	return a === void 0 ? /* @__PURE__ */ m("legend", {
-		...u,
-		ref: i
-	}) : a(u);
-}
-function b({ ref: e, render: t, ...n }) {
-	let r = {
-		...n,
-		"data-part": "content"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("div", {
-		...r,
-		ref: e
-	}) : t(r);
-}
-function x({ children: e, mark: t, tone: n, ...r }) {
-	let a = w();
-	return _("description", v(e)), /* @__PURE__ */ m(i, {
-		...r,
-		id: a?.ids.description,
-		mark: t ?? "none",
-		size: a?.messageSize,
-		tone: n ?? "secondary",
-		children: e
-	});
-}
-function S({ children: e, mark: t, tone: n, ...r }) {
-	let a = w();
-	return _("error", v(e)), /* @__PURE__ */ m(i, {
-		...r,
-		id: a?.ids.error,
-		mark: t ?? "none",
-		size: a?.messageSize,
-		tone: n ?? "danger",
-		children: e
-	});
-}
-//#endregion
-//#region src/field-group/field-group.tsx
-var C = a(void 0);
-function w() {
-	return c(C);
-}
-function T(e) {
-	return {
-		description: `${e}-description`,
-		error: `${e}-error`,
-		legend: `${e}-legend`
-	};
-}
-function E(e, t) {
-	if (Array.isArray(e)) {
-		for (let n of e) E(n, t);
-		return t;
-	}
-	if (!o(e) || e.type === D) return t;
-	let { props: n, type: r } = e;
-	return r === x || r === S ? (v(n.children) && t.add(r === x ? "description" : "error"), t) : E(n.children, t);
-}
-function D({ "aria-describedby": r, children: i, disabled: a, id: o, invalid: c, labelPlacement: p, messages: h, necessity: _, orientation: v, readOnly: y, ref: b, render: x, required: S, size: w, ...D }) {
-	let O = n(), k = e(g, h), A = u(), j = d(() => T(o ?? `slotted-field-group-${A}`), [A, o]), [M, N] = f([]), [P, F] = f(!1);
-	l(() => F(!0), []);
-	let I = P ? M : [...E(i, /* @__PURE__ */ new Set())], L = s((e, t) => {
-		N((n) => t === n.includes(e) ? n : t ? [...n, e] : n.filter((t) => t !== e));
-	}, []), R = w ?? O.size, z = _ ?? O.necessity, B = [
-		r,
-		I.includes("description") ? j.description : void 0,
-		I.includes("error") ? j.error : void 0
-	].filter(Boolean).join(" ") || void 0, V = {
-		ids: j,
-		messageSize: R === "sm" ? "sm" : "md",
-		invalid: c,
-		necessity: z,
-		registerMessage: L,
-		required: S,
-		size: R,
-		t: k
-	}, H = {
-		...D,
-		"aria-describedby": B,
-		children: i,
-		...a === !0 ? { "data-disabled": "" } : {},
-		...c === !0 ? { "data-invalid": "" } : {},
-		...y === !0 ? { "data-readonly": "" } : {},
-		...S === !0 ? { "data-required": "" } : {},
-		"data-orientation": v ?? "vertical",
-		"data-necessity": z,
-		"data-part": "root",
-		"data-size": R,
-		"data-ui": "field-group",
-		disabled: a
-	};
-	return /* @__PURE__ */ m(C.Provider, {
-		value: V,
-		children: /* @__PURE__ */ m(t, {
-			disabled: a,
-			labelPlacement: p,
-			necessity: z,
-			readOnly: y,
-			size: R,
-			children: x === void 0 ? /* @__PURE__ */ m("fieldset", {
-				...H,
-				ref: b
-			}) : x(H)
-		})
-	});
-}
-//#endregion
-export { x as a, b as i, T as n, S as o, w as r, y as s, D as t };