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

package/dist/event-calendar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./event-calendar-BFdeGfC-.js";
+import { i as e, n as t, r as n, t as r } from "./event-calendar-BDjI5T44.js";
 export { t as EVENT_CALENDAR_FALLBACK, r as EventCalendar, n as EventCalendarDefaultsProvider, e as useEventCalendarDefaults };

package/dist/field-CzSGs7wo.js

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

package/dist/field-group-CCM2vPKL.js

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

package/dist/field-group.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./field-group-BDaspQPh.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./field-group-CCM2vPKL.js";
 export { o as FieldGroup, t as FieldGroupContent, e as FieldGroupDescription, r as FieldGroupError, a as FieldGroupLegend, n as deriveFieldGroupIds, i as useFieldGroup };

package/dist/field.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, i as s, l as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g, y as _ } from "./field-BJh5HI7w.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, i as s, l as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g, y as _ } from "./field-CzSGs7wo.js";
 export { d as FIELD_DESCRIBED_ORDER, m as Field, l as FieldAction, f as FieldControl, s as FieldCounter, i as FieldDefaultsProvider, t as FieldDescription, u as FieldError, p as FieldHeader, r as FieldHelp, c as FieldIndicator, h as FieldLabel, o as deriveFieldIds, e as formatFieldCount, g as isFieldCountOver, _ as necessityMark, n as useField, a as useFieldDefaults };