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

package/dist/icon-button-CCWkCDMs.js

@@ -1,213 +0,0 @@
-import { n as e } from "./button-defaults-DNq_DDJh.js";
-import { r as t } from "./i18n-DpW8lqJ1.js";
-/* empty css                 */
-/* empty css                */
-import { createControllable as n } from "@slotted/core/state";
-import { useEffect as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { buttonMessages as c } from "@slotted/core/i18n";
-//#region src/button/button-content.tsx
-function l({ children: e, end: t, indicator: n, start: r }) {
-	let i = n != null, c = i && r !== void 0, l = i && !c && t !== void 0;
-	return /* @__PURE__ */ s(a, { children: [
-		r === void 0 ? null : /* @__PURE__ */ s("span", {
-			"data-part": "start",
-			children: [r, c ? n : null]
-		}),
-		/* @__PURE__ */ o("span", {
-			"data-part": "label",
-			children: e
-		}),
-		t === void 0 ? null : /* @__PURE__ */ s("span", {
-			"data-part": "end",
-			children: [t, l ? n : null]
-		}),
-		i && !c && !l ? n : null
-	] });
-}
-//#endregion
-//#region src/button/button.constants.ts
-var u = {
-	tone: "accent",
-	variant: "solid",
-	size: "md"
-}, d = u, f = {
-	tone: "secondary",
-	variant: "ghost",
-	size: "md",
-	shape: "square"
-}, p = {
-	tone: "secondary",
-	variant: "outline",
-	size: "md"
-};
-//#endregion
-//#region src/button/button-root.ts
-function m(e) {
-	return {
-		"data-ui": "button",
-		"data-part": "root",
-		"data-tone": e.tone,
-		"data-variant": e.variant,
-		"data-size": e.size,
-		"data-shape": e.shape,
-		"data-full-width": e.fullWidth ? "" : void 0,
-		"data-justify": e.justify,
-		"data-disabled": e.disabled ? "" : void 0,
-		"data-loading": e.loading ? "" : void 0,
-		"data-pressed": e.pressed ? "" : void 0
-	};
-}
-function h(t, n) {
-	let r = e();
-	return {
-		tone: t.tone ?? r.tone ?? n.tone,
-		variant: t.variant ?? r.variant ?? n.variant,
-		size: t.size ?? r.size ?? n.size
-	};
-}
-function g(e) {
-	e.preventDefault(), e.stopPropagation(), e.nativeEvent.stopImmediatePropagation?.();
-}
-function _({ disabled: e = !1, focusableWhenDisabled: t = !1, loading: n = !1 }) {
-	return {
-		refuses: e || n,
-		nativelyDisabled: e && !t,
-		ariaDisabled: e && t || n || void 0
-	};
-}
-function v(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function y({ loading: e = !1, loadingDelay: t = 0 }) {
-	let [n, a] = i(!1);
-	return r(() => {
-		if (!e || t <= 0) {
-			a(!1);
-			return;
-		}
-		let n = setTimeout(() => a(!0), t);
-		return () => clearTimeout(n);
-	}, [e, t]), e && (t <= 0 || n);
-}
-function b({ defaultPressed: e = !1, onPressedChange: t, pressed: r }) {
-	let [a, o] = i(e), s = n({
-		controlled: r,
-		initial: a,
-		onRequest: (e) => t?.(e.value, e)
-	});
-	return {
-		pressed: s.value,
-		requestToggle(e) {
-			let t = !s.value;
-			s.request(t, v(e), e) && o(t);
-		}
-	};
-}
-function x({ defaultPressed: e, pressed: t }) {
-	return t !== void 0 || e !== void 0;
-}
-//#endregion
-//#region src/button/button-indicator.tsx
-function S({ label: e }) {
-	return /* @__PURE__ */ o("span", {
-		"aria-label": e,
-		"data-part": "indicator",
-		"data-ui": "spinner",
-		role: "progressbar"
-	});
-}
-//#endregion
-//#region src/button/button.tsx
-function C({ children: e, disabled: n = !1, end: r, focusableWhenDisabled: i = !1, fullWidth: a = !1, justify: s = "center", loading: d = !1, loadingDelay: f = 0, messages: p, onClick: v, onClickCapture: b, render: x, size: C, start: w, tone: T, type: E = "button", variant: D, ...O }) {
-	let k = h({
-		size: C,
-		tone: T,
-		variant: D
-	}, u), A = _({
-		disabled: n,
-		focusableWhenDisabled: i,
-		loading: d
-	}), j = y({
-		loading: d,
-		loadingDelay: f
-	}), M = t(c, p), N = {
-		...O,
-		...m({
-			disabled: n,
-			fullWidth: a,
-			justify: s,
-			loading: d,
-			...k
-		}),
-		"aria-disabled": A.ariaDisabled,
-		children: /* @__PURE__ */ o(l, {
-			end: r,
-			indicator: j ? /* @__PURE__ */ o(S, { label: M("loading") }) : null,
-			start: w,
-			children: e
-		}),
-		disabled: A.nativelyDisabled,
-		onClick: (e) => {
-			if (A.refuses) return g(e);
-			v?.(e);
-		},
-		onClickCapture: (e) => {
-			if (A.refuses) return g(e);
-			b?.(e);
-		},
-		type: E
-	};
-	return x === void 0 ? /* @__PURE__ */ o("button", { ...N }) : x(N);
-}
-//#endregion
-//#region src/button/icon-button.tsx
-function w({ children: e, defaultPressed: n, disabled: r = !1, focusableWhenDisabled: i = !1, loading: a = !1, loadingDelay: l = 0, messages: u, onClick: d, onClickCapture: p, onPressedChange: v, pressed: C, render: w, shape: T = f.shape, size: E, tone: D, type: O = "button", variant: k, ...A }) {
-	let j = h({
-		size: E,
-		tone: D,
-		variant: k
-	}, f), M = _({
-		disabled: r,
-		focusableWhenDisabled: i,
-		loading: a
-	}), N = y({
-		loading: a,
-		loadingDelay: l
-	}), P = t(c, u), F = x({
-		defaultPressed: n,
-		pressed: C
-	}), I = b({
-		defaultPressed: n,
-		onPressedChange: v,
-		pressed: C
-	}), L = {
-		...A,
-		...m({
-			disabled: r,
-			loading: a,
-			pressed: F ? I.pressed : void 0,
-			shape: T,
-			...j
-		}),
-		"aria-disabled": M.ariaDisabled,
-		"aria-pressed": F ? I.pressed : void 0,
-		children: /* @__PURE__ */ s("span", {
-			"data-part": "icon",
-			children: [e, N ? /* @__PURE__ */ o(S, { label: P("loading") }) : null]
-		}),
-		disabled: M.nativelyDisabled,
-		onClick: (e) => {
-			if (M.refuses) return g(e);
-			d?.(e), F && !e.defaultPrevented && I.requestToggle(e);
-		},
-		onClickCapture: (e) => {
-			if (M.refuses) return g(e);
-			p?.(e);
-		},
-		type: O
-	};
-	return w === void 0 ? /* @__PURE__ */ o("button", { ...L }) : w(L);
-}
-//#endregion
-export { _ as a, y as c, p as d, l as f, g as i, b as l, C as n, m as o, S as r, h as s, w as t, d as u };

package/dist/inline-D_IjcJ1n.js

@@ -1,16 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/inline/inline.tsx
-function t({ align: t, gap: n, justify: r, render: i, wrap: a, ...o }) {
-	let s = {
-		...o,
-		...t === void 0 ? {} : { "data-align": t },
-		...n === void 0 ? {} : { "data-gap": String(n) },
-		...r === void 0 ? {} : { "data-justify": r },
-		...a === void 0 ? {} : { "data-wrap": a },
-		"data-part": "root",
-		"data-ui": "inline"
-	};
-	return i === void 0 ? /* @__PURE__ */ e("div", { ...s }) : i(s);
-}
-//#endregion
-export { t };

package/dist/inline-message-C4a-A2mw.js

@@ -1,91 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { createContext as n, useContext as r, useId as i, useMemo as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/inline-message/inline-message-defaults.tsx
-var l = {
-	accent: null,
-	secondary: null,
-	success: "Success:",
-	warning: "Warning:",
-	danger: "Error:"
-}, u = n({
-	live: "off",
-	mark: "glyph",
-	prefixes: l,
-	size: "sm",
-	tone: "secondary"
-});
-function d() {
-	return r(u);
-}
-function f({ children: e, live: t, mark: n, prefixes: r, size: i, tone: o }) {
-	let c = d(), l = a(() => ({
-		live: t ?? c.live,
-		mark: n ?? c.mark,
-		prefixes: {
-			...c.prefixes,
-			...r
-		},
-		size: i ?? c.size,
-		tone: o ?? c.tone
-	}), [
-		c,
-		t,
-		n,
-		r,
-		i,
-		o
-	]);
-	return /* @__PURE__ */ s(u.Provider, {
-		value: l,
-		children: e
-	});
-}
-//#endregion
-//#region src/inline-message/inline-message.tsx
-var p = {
-	accent: "circle-info",
-	secondary: null,
-	success: "circle-check",
-	warning: "triangle-alert",
-	danger: "circle-alert"
-}, m = {
-	off: void 0,
-	polite: "status",
-	assertive: "alert"
-};
-function h({ children: n, disabled: r, hideIcon: a = !1, icon: l, id: u, live: f, loading: h = !1, mark: g, prefix: _, ref: v, render: y, reserve: b = !1, size: x, tone: S, ...C }) {
-	let w = d(), T = i(), E = S ?? w.tone, D = g ?? w.mark, O = h || D === "none" ? null : D === "dot" ? "dot" : p[E], k = f ?? w.live, A = m[k], j = _ ?? w.prefixes[E] ?? "", M = {
-		...A === void 0 ? {} : { role: A },
-		...C,
-		...h ? { "data-loading": "" } : {},
-		...r === !0 ? { "data-disabled": "" } : {},
-		...b ? { "data-reserve": "" } : {},
-		children: /* @__PURE__ */ c(o, { children: [
-			j === "" ? null : /* @__PURE__ */ s("span", {
-				"data-part": "prefix",
-				children: j
-			}),
-			a ? null : /* @__PURE__ */ s("span", {
-				"aria-hidden": "true",
-				"data-part": "icon",
-				children: l ?? (O === null ? null : /* @__PURE__ */ s(t, { children: /* @__PURE__ */ s(e, { name: O }) }))
-			}),
-			/* @__PURE__ */ s("span", {
-				"data-part": "text",
-				children: n
-			})
-		] }),
-		"data-live": k,
-		"data-mark": D,
-		"data-part": "root",
-		"data-size": x ?? w.size,
-		"data-tone": E,
-		"data-ui": "inline-message",
-		id: u ?? T,
-		ref: v
-	};
-	return y === void 0 ? /* @__PURE__ */ s("p", { ...M }) : y(M);
-}
-//#endregion
-export { d as i, l as n, f as r, h as t };

package/dist/kbd-eFSWTKxN.js

@@ -1,100 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-import { a as t, i as n, n as r, r as i } from "./kbd-defaults-CDgRhiep.js";
-import { Fragment as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { keysMessages as l } from "@slotted/core/i18n";
-import { resolveKey as u, resolveShortcut as d } from "@slotted/core/keys";
-//#region src/kbd/key-element.tsx
-function f({ resolved: e, legend: t, platform: n, size: r, variant: i, disabled: a, nativeProps: l, render: u }) {
-	let d = e?.legend ?? t, f = e?.name, p = e?.symbolic === !0, m = {
-		...l,
-		children: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
-			"data-part": "legend",
-			...p ? { "data-legend": "symbol" } : {},
-			...f === void 0 ? {} : { "aria-hidden": !0 },
-			children: d
-		}), f === void 0 ? null : /* @__PURE__ */ s("span", {
-			"data-part": "name",
-			children: f
-		})] }),
-		"data-part": "root",
-		"data-size": r,
-		"data-ui": "kbd",
-		"data-variant": i,
-		...e?.token === void 0 ? {} : { "data-key": e.token },
-		...n === void 0 ? {} : { "data-platform": n },
-		...a ? { "data-disabled": "" } : {}
-	};
-	return u === void 0 ? /* @__PURE__ */ s("kbd", { ...m }) : u(m);
-}
-//#endregion
-//#region src/kbd/kbd.tsx
-function p({ children: r, disabled: a, keyName: o, messages: c, platform: d, render: p, size: m, variant: h, ...g }) {
-	let _ = i(), v = n(), y = t(d ?? v?.platform), b = e(l, c), x = o === void 0 ? void 0 : u(o, {
-		platform: y,
-		t: b,
-		legends: _.legends,
-		names: _.names
-	});
-	return /* @__PURE__ */ s(f, {
-		disabled: a ?? v?.disabled ?? !1,
-		legend: r,
-		nativeProps: g,
-		platform: o === void 0 ? void 0 : y,
-		render: p,
-		resolved: x,
-		size: m ?? v?.size ?? _.size,
-		variant: h ?? v?.variant ?? _.variant
-	});
-}
-//#endregion
-//#region src/kbd/shortcut.tsx
-function m({ children: n, disabled: o, keys: u, legends: p, messages: m, names: h, platform: g, render: _, separator: v, size: y, variant: b, ...x }) {
-	let S = i(), C = t(g), w = e(l, m), T = y ?? S.size, E = b ?? S.variant, D = u === void 0 ? void 0 : d(u, {
-		platform: C,
-		t: w,
-		legends: p ?? S.legends,
-		names: h ?? S.names,
-		separator: v ?? S.separator
-	});
-	if (D === void 0 && n === void 0 || D !== void 0 && D.steps.length === 0) return null;
-	let O = D === void 0 ? n : D.steps.map((e, t) => /* @__PURE__ */ c(a, { children: [t === 0 ? null : /* @__PURE__ */ s("span", {
-		"data-part": "separator",
-		"data-separator": "then",
-		children: D.thenLabel
-	}), e.map((e, t) => /* @__PURE__ */ c(a, { children: [t === 0 || D.separator === "" ? null : /* @__PURE__ */ s("span", {
-		"aria-hidden": "true",
-		"data-part": "separator",
-		"data-separator": "plus",
-		children: D.separator
-	}), /* @__PURE__ */ s(f, {
-		disabled: o ?? !1,
-		legend: void 0,
-		nativeProps: {},
-		platform: C,
-		render: void 0,
-		resolved: e,
-		size: T,
-		variant: E
-	})] }, `key-${String(t)}-${e.legend}`))] }, `step-${String(t)}`)), k = {
-		...x,
-		children: O,
-		"data-part": "shortcut",
-		"data-platform": C,
-		"data-size": T,
-		"data-ui": "kbd",
-		"data-variant": E,
-		...o === !0 ? { "data-disabled": "" } : {}
-	};
-	return /* @__PURE__ */ s(r.Provider, {
-		value: {
-			platform: g,
-			size: y,
-			variant: b,
-			disabled: o
-		},
-		children: _ === void 0 ? /* @__PURE__ */ s("kbd", { ...k }) : _(k)
-	});
-}
-//#endregion
-export { p as n, m as t };

package/dist/link-TjvRl2VQ.js

@@ -1,87 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-/* empty css                         */
-import { createContext as r, useContext as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { linkMessages as c } from "@slotted/core/i18n";
-//#region src/link/link-defaults.tsx
-var l = r({});
-function u() {
-	return i(l);
-}
-function d({ children: e, ...t }) {
-	let n = u();
-	return /* @__PURE__ */ o(l.Provider, {
-		value: {
-			underline: t.underline ?? n.underline,
-			variant: t.variant ?? n.variant,
-			visited: t.visited ?? n.visited
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/link/link.tsx
-var f = "⁠";
-function p(e) {
-	e.preventDefault(), e.stopPropagation(), e.nativeEvent.stopImmediatePropagation?.();
-}
-function m({ children: r, disabled: i = !1, external: l = !1, href: d, messages: m, onAuxClick: h, onAuxClickCapture: g, onClick: _, onClickCapture: v, onKeyDown: y, onKeyDownCapture: b, rel: x, render: S, tabIndex: C, target: w, underline: T, variant: E, visited: D, ...O }) {
-	let k = u(), A = n(c, m), j = {
-		underline: T ?? k.underline ?? "always",
-		variant: E ?? k.variant ?? "accent",
-		visited: D ?? k.visited ?? !1
-	}, M = w ?? (l ? "_blank" : void 0), N = M === "_blank", P = (e) => i ? (p(e), !0) : !1, F = {
-		...O,
-		"aria-disabled": i || void 0,
-		children: /* @__PURE__ */ s(a, { children: [r, N ? /* @__PURE__ */ s(a, { children: [
-			f,
-			/* @__PURE__ */ o("span", {
-				"aria-hidden": "true",
-				"data-part": "external-icon",
-				children: /* @__PURE__ */ o(t, {
-					directional: !0,
-					children: /* @__PURE__ */ o(e, { name: "external" })
-				})
-			}),
-			/* @__PURE__ */ o("span", {
-				"data-part": "external-hint",
-				"data-ui": "visually-hidden",
-				children: ` ${A("externalHint")}`
-			}),
-			f
-		] }) : null] }),
-		"data-disabled": i || void 0,
-		"data-part": "root",
-		"data-ui": "link",
-		"data-underline": j.underline,
-		"data-variant": j.variant,
-		"data-visited": j.visited || void 0,
-		rel: x ?? (N ? "noopener noreferrer" : void 0),
-		role: i ? "link" : void 0,
-		tabIndex: i ? C ?? 0 : C,
-		target: M,
-		...i ? {} : { href: d },
-		onAuxClick: (e) => {
-			P(e) || h?.(e);
-		},
-		onAuxClickCapture: (e) => {
-			P(e) || g?.(e);
-		},
-		onClick: (e) => {
-			P(e) || _?.(e);
-		},
-		onClickCapture: (e) => {
-			P(e) || v?.(e);
-		},
-		onKeyDown: (e) => {
-			e.key === "Enter" && P(e) || y?.(e);
-		},
-		onKeyDownCapture: (e) => {
-			e.key === "Enter" && P(e) || b?.(e);
-		}
-	};
-	return S === void 0 ? /* @__PURE__ */ o("a", { ...F }) : S(F);
-}
-//#endregion
-export { d as n, u as r, m as t };

package/dist/list-WsQ6ZzCa.js

@@ -1,91 +0,0 @@
-import { createContext as e, useContext as t, useId as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/list/list-defaults.tsx
-var o = e({
-	inset: !1,
-	marker: "none",
-	size: "md",
-	variant: "plain"
-});
-function s() {
-	return t(o);
-}
-function c({ children: e, ...t }) {
-	let n = s();
-	return /* @__PURE__ */ i(o.Provider, {
-		value: {
-			inset: t.inset ?? n.inset,
-			marker: t.marker ?? n.marker,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/list/list.tsx
-var l = e(void 0);
-function u() {
-	return t(l);
-}
-function d({ inset: e, loading: t = !1, marker: n, ordered: r = !1, render: a, size: o, variant: c, ...u }) {
-	let d = s(), f = (e ?? d.inset) === !0, p = n ?? d.marker, m = o ?? d.size, h = c ?? d.variant, g = {
-		role: "list",
-		...u,
-		...t ? {
-			"aria-busy": !0,
-			"data-loading": ""
-		} : {},
-		...f ? { "data-inset": "" } : {},
-		"data-marker": p,
-		"data-part": "root",
-		"data-size": m,
-		"data-ui": "list",
-		"data-variant": h
-	}, _ = {
-		inset: f,
-		marker: p,
-		ordered: r,
-		size: m,
-		variant: h
-	}, v = a === void 0 ? i(r ? "ol" : "ul", { ...g }) : a(g);
-	return /* @__PURE__ */ i(l.Provider, {
-		value: _,
-		children: v
-	});
-}
-//#endregion
-//#region src/list/list-parts.tsx
-function f({ children: e, end: t, label: o, labelProps: s, labelVariant: c = "caption", level: l = "3", listProps: d, render: f, sticky: p = !1, ...m }) {
-	let h = u(), g = `${n()}label`, _ = l === "none" ? "div" : `h${l}`, v = h?.ordered === !0 ? "ol" : "ul", y = {
-		...m,
-		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(_, {
-			"data-part": "section-label",
-			id: g,
-			...p ? { "data-sticky": "" } : {},
-			"data-variant": c,
-			...s,
-			children: [o, t == null ? null : /* @__PURE__ */ i("span", {
-				"data-part": "section-end",
-				children: t
-			})]
-		}), /* @__PURE__ */ i(v, {
-			"aria-labelledby": g,
-			"data-part": "section-list",
-			role: "list",
-			...d,
-			children: e
-		})] }),
-		"data-part": "section"
-	};
-	return f === void 0 ? /* @__PURE__ */ i("li", { ...y }) : f(y);
-}
-function p({ render: e, ...t }) {
-	let n = {
-		...t,
-		"data-part": "empty"
-	};
-	return e === void 0 ? /* @__PURE__ */ i("li", { ...n }) : e(n);
-}
-//#endregion
-export { c as a, u as i, f as n, s as o, d as r, p as t };