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

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-C1Y8MWp2.js

@@ -1,87 +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, label: t, labelProps: o, level: s = "3", listProps: c, render: l, sticky: d = !1, ...f }) {
-	let p = u(), m = `${n()}label`, h = s === "none" ? "div" : `h${s}`, g = p?.ordered === !0 ? "ol" : "ul", _ = {
-		...f,
-		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(h, {
-			"data-part": "section-label",
-			id: m,
-			...d ? { "data-sticky": "" } : {},
-			...o,
-			children: t
-		}), /* @__PURE__ */ i(g, {
-			"aria-labelledby": m,
-			"data-part": "section-list",
-			role: "list",
-			...c,
-			children: e
-		})] }),
-		"data-part": "section"
-	};
-	return l === void 0 ? /* @__PURE__ */ i("li", { ..._ }) : l(_);
-}
-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 };

package/dist/list-item-DN_mcouU.js

@@ -1,123 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { i as n } from "./list-C1Y8MWp2.js";
-import { createContext as r, useContext as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/list-item/list-item-defaults.tsx
-var c = r({
-	align: "center",
-	inset: !1,
-	size: "md",
-	tone: "secondary",
-	truncate: !1
-});
-function l() {
-	return i(c);
-}
-function u({ children: e, ...t }) {
-	let n = l();
-	return /* @__PURE__ */ o(c.Provider, {
-		value: {
-			align: t.align ?? n.align,
-			inset: t.inset ?? n.inset,
-			size: t.size ?? n.size,
-			tone: t.tone ?? n.tone,
-			truncate: t.truncate ?? n.truncate
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/list-item/list-item.tsx
-var d = r({
-	disabled: !1,
-	loading: !1
-});
-function f() {
-	return i(d);
-}
-function p({ align: r, children: i, current: c = !1, disabled: u = !1, inset: f, loading: p = !1, marker: m, position: h, render: g, selected: _ = !1, setSize: v, size: y, tone: b, truncate: x, variant: S, ...C }) {
-	let w = l(), T = n(), E = r ?? w.align, D = (f ?? T?.inset ?? w.inset) === !0, O = m ?? T?.marker ?? "none", k = y ?? T?.size ?? w.size, A = b ?? w.tone, j = (x ?? w.truncate) === !0, M = S ?? T?.variant ?? "plain", N = {
-		...C,
-		children: O === "bullet" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
-			"aria-hidden": "true",
-			"data-part": "marker",
-			children: /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(e, { name: "dot" }) })
-		}), i] }) : i,
-		...c === !1 ? {} : {
-			"aria-current": c,
-			"data-current": ""
-		},
-		...h === void 0 ? {} : { "aria-posinset": h },
-		...v === void 0 ? {} : { "aria-setsize": v },
-		...u ? { "data-disabled": "" } : {},
-		...p ? { "data-loading": "" } : {},
-		...D ? { "data-inset": "" } : {},
-		..._ ? { "data-selected": "" } : {},
-		...j ? { "data-truncate": "" } : {},
-		"data-align": E,
-		"data-marker": O,
-		"data-part": "root",
-		"data-size": k,
-		"data-tone": A,
-		"data-ui": "list-item",
-		"data-variant": M
-	}, P = g === void 0 ? /* @__PURE__ */ o("li", { ...N }) : g(N);
-	return /* @__PURE__ */ o(d.Provider, {
-		value: {
-			disabled: u,
-			loading: p
-		},
-		children: P
-	});
-}
-//#endregion
-//#region src/list-item/list-item-content.tsx
-function m({ render: e, ...t }) {
-	let n = f(), r = {
-		...t,
-		...n.loading ? { "aria-busy": !0 } : {},
-		"data-part": "content"
-	};
-	return e === void 0 ? /* @__PURE__ */ o("div", { ...r }) : e(r);
-}
-function h({ render: e, type: t = "button", ...n }) {
-	let r = f(), i = r.disabled || r.loading, a = {
-		...n,
-		...r.loading ? { "aria-busy": !0 } : {},
-		"data-part": "content",
-		disabled: i || n.disabled === !0,
-		type: t
-	};
-	return e === void 0 ? /* @__PURE__ */ o("button", { ...a }) : e(a);
-}
-function g({ href: e, onClick: t, render: n, ...r }) {
-	let i = f(), a = i.disabled || i.loading, s = {
-		...r,
-		...i.loading ? { "aria-busy": !0 } : {},
-		...a ? { "aria-disabled": !0 } : {},
-		"data-part": "content",
-		href: e,
-		onClick: (e) => {
-			if (a) {
-				e.preventDefault();
-				return;
-			}
-			t?.(e);
-		}
-	};
-	return n === void 0 ? /* @__PURE__ */ o("a", { ...s }) : n(s);
-}
-//#endregion
-//#region src/list-item/list-item-parts.tsx
-function _(e) {
-	return function({ render: t, ...n }) {
-		let r = {
-			...n,
-			"data-part": e
-		};
-		return t === void 0 ? /* @__PURE__ */ o("div", { ...r }) : t(r);
-	};
-}
-var v = _("start"), y = _("body"), b = _("label"), x = _("description"), S = _("end"), C = _("actions");
-//#endregion
-export { b as a, m as c, f as d, u as f, S as i, g as l, y as n, v as o, l as p, x as r, h as s, C as t, p as u };