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

package/dist/fullscreen-CF0UN4mv.js

@@ -1,187 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { createControllable as r } from "@slotted/core/state";
-import { createContext as i, useContext as a, useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { fullscreenMessages as p } from "@slotted/core/i18n";
-import { createFullscreen as m, fullscreenSupported as h } from "@slotted/core/fullscreen";
-var g = i({
-	mode: "auto",
-	navigationUI: "auto",
-	size: "md",
-	variant: "ghost"
-});
-function _() {
-	return a(g);
-}
-function v({ children: e, ...t }) {
-	let n = _();
-	return /* @__PURE__ */ d(g.Provider, {
-		value: {
-			mode: t.mode ?? n.mode,
-			navigationUI: t.navigationUI ?? n.navigationUI,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/fullscreen/use-fullscreen.ts
-function y(e) {
-	return e === null ? null : e instanceof HTMLElement ? e : e.current;
-}
-function b(e, { fullscreen: t, defaultFullscreen: i = !1, onFullscreenChange: a, onFullscreenError: u, mode: d, navigationUI: f, messages: g } = {}) {
-	let v = _(), b = n(p, g), [x, S] = l(i), [C, w] = l(null), [T, E] = l(null), [D, O] = l(!1), k = r({
-		controlled: t,
-		initial: x,
-		onRequest: (e) => a?.(e.value, e)
-	}), A = c(null), j = c(!1), M = c({
-		state: k,
-		onFullscreenError: u,
-		t: b,
-		policy: d,
-		navigationUI: f,
-		defaults: v
-	});
-	M.current = {
-		state: k,
-		onFullscreenError: u,
-		t: b,
-		policy: d,
-		navigationUI: f,
-		defaults: v
-	};
-	let N = (e, t, n) => {
-		if (!M.current.state.request(e, t, n)) return;
-		S(e);
-		let r = A.current;
-		r && (e ? (E(null), r.enter()) : r.exit());
-	}, P = c(N);
-	P.current = N;
-	let F = () => ({
-		policy: M.current.policy ?? M.current.defaults.mode,
-		navigationUI: M.current.navigationUI ?? M.current.defaults.navigationUI,
-		t: M.current.t,
-		onModeChange: w,
-		onError: (e) => {
-			E(e), M.current.onFullscreenError?.(e);
-		},
-		onExit: (e) => {
-			j.current = A.current?.mode === null, P.current(!1, "escape", e);
-		}
-	});
-	return s(() => {
-		let t = y(e);
-		if (!t) return;
-		O(h(t.ownerDocument));
-		let n = m(t, F());
-		return A.current = n, () => {
-			A.current = null, n.destroy();
-		};
-	}, [e]), o(() => {
-		A.current?.update(F());
-	}), o(() => {
-		let e = A.current;
-		if (e) {
-			if (k.value && e.mode === null) {
-				let t = !j.current;
-				j.current = !1, e.enter({ native: t });
-			} else !k.value && e.mode !== null && e.exit();
-		}
-	}, [
-		k.value,
-		C,
-		e
-	]), {
-		fullscreen: k.value,
-		mode: C,
-		supported: D,
-		error: T,
-		t: b,
-		enter: (e = "programmatic", t) => N(!0, e, t),
-		exit: (e = "programmatic", t) => N(!1, e, t),
-		toggle: (e = "programmatic", t) => N(!k.value, e, t)
-	};
-}
-//#endregion
-//#region src/fullscreen/fullscreen.tsx
-var x = i(null);
-function S() {
-	return a(x);
-}
-function C(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-function w({ children: e, defaultFullscreen: t, fullscreen: n, messages: r, mode: i, navigationUI: a, onFullscreenChange: o, onFullscreenError: s, ref: c, render: u, ...f }) {
-	let [p, m] = l(null), h = b(p, {
-		defaultFullscreen: t,
-		fullscreen: n,
-		messages: r,
-		mode: i,
-		navigationUI: a,
-		onFullscreenChange: o,
-		onFullscreenError: s
-	}), g = (e) => {
-		m(e), C(c, e);
-	}, _ = {
-		...f,
-		children: e,
-		...h.fullscreen ? { "data-fullscreen": "" } : {},
-		...h.mode === null ? {} : { "data-mode": h.mode },
-		"data-part": "root",
-		"data-ui": "fullscreen",
-		ref: g
-	};
-	return /* @__PURE__ */ d(x.Provider, {
-		value: h,
-		children: u === void 0 ? /* @__PURE__ */ d("div", { ..._ }) : u(_)
-	});
-}
-function T({ ref: e, render: t, ...n }) {
-	let r = {
-		...n,
-		"data-part": "content",
-		"data-ui": "fullscreen"
-	};
-	return t === void 0 ? /* @__PURE__ */ d("div", {
-		...r,
-		ref: e
-	}) : t(r);
-}
-function E(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function D({ children: r, className: i, disabled: a = !1, icon: o, iconOnly: s = !1, onClick: c, ref: l, render: m, size: h, style: g, target: v, type: y = "button", variant: b, ...x }) {
-	let C = _(), w = S(), T = v ?? w, D = T?.fullscreen ?? !1, O = typeof r == "function" ? r(D) : r, k = typeof o == "function" ? o(D) : o, A = n(p), j = T?.t ?? A, M = {
-		...x,
-		children: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
-			"aria-hidden": "true",
-			"data-part": "icon",
-			children: k ?? /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(e, { name: D ? "minimize" : "maximize" }) })
-		}), /* @__PURE__ */ d("span", {
-			"data-part": "label",
-			children: O ?? j(D ? "exit" : "enter")
-		})] }),
-		className: i,
-		...a ? { "data-disabled": "" } : {},
-		...D ? { "data-fullscreen": "" } : {},
-		...s ? { "data-icon-only": "" } : {},
-		"data-part": "trigger",
-		"data-size": h ?? C.size,
-		"data-ui": "fullscreen",
-		"data-variant": b ?? C.variant,
-		onClick: (e) => {
-			c?.(e), !(e.defaultPrevented || a) && T?.toggle(E(e), e);
-		},
-		style: g
-	};
-	return m === void 0 ? /* @__PURE__ */ d("button", {
-		...M,
-		disabled: a,
-		ref: l,
-		type: y
-	}) : m(M);
-}
-//#endregion
-export { b as a, S as i, T as n, v as o, D as r, _ as s, w as t };

package/dist/grid-CIkG_2IQ.js

@@ -1,25 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/grid/grid.tsx
-var t = "--slotted-grid-columns";
-function n(e, n) {
-	return e === void 0 ? n : {
-		[t]: e,
-		...n
-	};
-}
-function r({ align: t, columns: r, gap: i, justify: a, minItemWidth: o, render: s, style: c, ...l }) {
-	let u = {
-		...l,
-		...t === void 0 ? {} : { "data-align": t },
-		...r === void 0 ? {} : { "data-columns": String(r) },
-		...i === void 0 ? {} : { "data-gap": String(i) },
-		...a === void 0 ? {} : { "data-justify": a },
-		...o === void 0 ? {} : { "data-min-item-width": o },
-		"data-part": "root",
-		"data-ui": "grid",
-		style: n(r, c)
-	};
-	return s === void 0 ? /* @__PURE__ */ e("div", { ...u }) : s(u);
-}
-//#endregion
-export { r as t };

package/dist/highlight-0Qw23QPp.js

@@ -1,57 +0,0 @@
-/* empty css                   */
-import { Fragment as e, createContext as t, useContext as n, useMemo as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { highlightRuns as a } from "@slotted/core/highlight";
-//#region src/highlight/highlight-defaults.tsx
-var o = t({
-	locale: void 0,
-	sensitivity: "base",
-	occurrences: "all"
-});
-function s() {
-	return n(o);
-}
-function c({ children: e, ...t }) {
-	let n = s();
-	return /* @__PURE__ */ i(o.Provider, {
-		value: {
-			locale: t.locale ?? n.locale,
-			sensitivity: t.sensitivity ?? n.sensitivity,
-			occurrences: t.occurrences ?? n.occurrences
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/highlight/highlight.tsx
-function l({ current: t, disabled: n, locale: o, matcher: c, occurrences: l, query: u, ranges: d, render: f, sensitivity: p, text: m, ...h }) {
-	let g = s(), _ = o ?? g.locale, v = p ?? g.sensitivity, y = l ?? g.occurrences, b = r(() => a(m, {
-		locale: _,
-		matcher: c,
-		occurrences: y,
-		query: u,
-		ranges: d,
-		sensitivity: v
-	}), [
-		c,
-		u,
-		d,
-		_,
-		y,
-		v,
-		m
-	]), x = {
-		...h,
-		children: b.map((n, r) => n.matched ? /* @__PURE__ */ i("mark", {
-			"data-part": "match",
-			...n.index === t ? { "data-current": "" } : {},
-			children: n.text
-		}, r) : /* @__PURE__ */ i(e, { children: n.text }, r)),
-		"data-part": "root",
-		"data-ui": "highlight",
-		...n ? { "data-disabled": "" } : {}
-	};
-	return f === void 0 ? /* @__PURE__ */ i("span", { ...x }) : f(x);
-}
-//#endregion
-export { c as n, s as r, l as t };

package/dist/hover-card-CSDbA6zd.js

@@ -1,214 +0,0 @@
-import { a as e, f as t, l as n, n as r, p as i } from "./popover-DE22lSpV.js";
-import { tabbables as a } from "@slotted/core/focus";
-import { createControllable as o } from "@slotted/core/state";
-import { createContext as s, useCallback as c, useContext as l, useEffect as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { createPointerIntent as h } from "@slotted/core/pointer-intent";
-//#region src/hover-card/hover-card-defaults.tsx
-var g = {
-	closeDelay: 300,
-	disabled: !1,
-	navigable: !1,
-	openDelay: 600
-}, _ = s(g);
-function v() {
-	return l(_);
-}
-function y({ children: e, ...t }) {
-	let n = v(), r = {
-		closeDelay: t.closeDelay ?? n.closeDelay,
-		disabled: t.disabled ?? n.disabled,
-		navigable: t.navigable ?? n.navigable,
-		openDelay: t.openDelay ?? n.openDelay
-	};
-	return /* @__PURE__ */ p(_.Provider, {
-		value: r,
-		children: e
-	});
-}
-//#endregion
-//#region src/hover-card/hover-card.tsx
-var b = s(void 0);
-function x() {
-	let e = l(b);
-	if (e === void 0) throw Error("HoverCardTrigger and HoverCardContent have to be inside a HoverCard.");
-	return e;
-}
-function S(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function C(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-var w = 4;
-function T({ children: e, closeDelay: n, defaultOpen: r, disabled: i, navigable: a, onOpenChange: s, open: l, openDelay: m, ref: g, sideOffset: _, ...y }) {
-	let x = v(), [S, C] = f(r ?? !1), T = i ?? x.disabled, E = (l ?? S) && !T, D = d(void 0), O = d(null), k = d(!1), A = d({
-		current: E,
-		onOpenChange: s,
-		open: l
-	});
-	A.current = {
-		current: E,
-		onOpenChange: s,
-		open: l
-	};
-	let j = c(() => {
-		D.current !== void 0 && clearTimeout(D.current), D.current = void 0, O.current?.destroy(), O.current = null;
-	}, []);
-	u(() => j, [j]);
-	let M = c((e, t, n) => {
-		j();
-		let r = A.current;
-		if (e === r.current) return;
-		let i = !1, a = o({
-			controlled: r.open,
-			initial: r.current,
-			onRequest: (e) => {
-				i = e.cancelled, r.onOpenChange?.(e.value, e);
-			}
-		}).request(e, t, n);
-		i || (!e && (t === "escape" || t === "keyboard") && (k.current = !0), a && C(e));
-	}, [j]), N = m ?? x.openDelay, P = n ?? x.closeDelay, F = c((e) => {
-		j(), D.current = setTimeout(() => M(!0, "pointer", e), N);
-	}, [
-		j,
-		N,
-		M
-	]), I = {
-		cancelPending: j,
-		closeAfterDelay: c((e) => {
-			j(), D.current = setTimeout(() => M(!1, "pointer", e), P);
-		}, [
-			j,
-			P,
-			M
-		]),
-		closeDelay: P,
-		disabled: T,
-		graceToward: c((e, t, n, r) => {
-			j(), O.current = h({
-				origin: t,
-				target: e,
-				timeout: P,
-				onSettled: () => {
-					O.current = null, !n() && M(!1, "pointer", r);
-				}
-			});
-		}, [
-			j,
-			P,
-			M
-		]),
-		navigable: a ?? x.navigable,
-		open: E,
-		openAfterDelay: F,
-		openDelay: N,
-		suppressFocusOpen: k,
-		toggle: M
-	};
-	return /* @__PURE__ */ p(b.Provider, {
-		value: I,
-		children: /* @__PURE__ */ p(t, {
-			...y,
-			autoFocus: !1,
-			disabled: T,
-			onOpenChange: (e, t) => M(e, t.reason, t.source),
-			open: E,
-			ref: g,
-			sideOffset: _ ?? w,
-			children: e
-		})
-	});
-}
-function E({ children: e, ref: t, render: n, ...r }) {
-	let o = i(), s = x(), [l, m] = f(null), h = d(!1);
-	u(() => {
-		l !== null && o.triggerNode === null && o.setTriggerNode(l);
-	}, [
-		l,
-		o.setTriggerNode,
-		o.triggerNode
-	]);
-	let g = l !== null && o.triggerNode === l, _ = () => o.contentNode?.parentElement ?? null, v = () => {
-		l !== null && o.triggerNode !== l && o.setTriggerNode(l);
-	}, y = (e) => {
-		if (!(s.disabled || e.pointerType === "touch")) {
-			if (v(), s.open && g) {
-				s.cancelPending();
-				return;
-			}
-			s.openAfterDelay(e.nativeEvent);
-		}
-	}, b = (e) => {
-		if (e.pointerType !== "touch") {
-			if (!s.open || !g) {
-				s.cancelPending();
-				return;
-			}
-			s.graceToward(() => _()?.getBoundingClientRect() ?? null, () => l?.getBoundingClientRect() ?? null, () => (l?.matches(":hover") ?? !1) || (_()?.matches(":hover") ?? !1), e.nativeEvent);
-		}
-	}, w = (e) => {
-		s.disabled || s.suppressFocusOpen.current || e.target.matches(":focus-visible") && (v(), s.toggle(!0, "keyboard", e.nativeEvent));
-	}, T = (e) => {
-		if (s.suppressFocusOpen.current = !1, !s.open || !g) return;
-		let t = e.relatedTarget;
-		t instanceof Node && _()?.contains(t) || s.toggle(!1, "blur", e.nativeEvent);
-	}, E = (e) => {
-		if (!s.navigable || !s.open || !g || e.key !== "Tab" || e.shiftKey) return;
-		let t = o.contentNode;
-		if (t === null) return;
-		let [n] = a(t);
-		n !== void 0 && (e.preventDefault(), n.focus());
-	}, D = (e) => {
-		h.current = e.pointerType === "touch";
-	}, O = (e) => {
-		h.current && (h.current = !1, !(s.disabled || s.open && g) && (e.preventDefault(), v(), s.toggle(!0, "pointer", e.nativeEvent)));
-	}, k = c((e) => {
-		m(e), C(e, t);
-	}, [t]), A = s.open && g, j = {
-		...r,
-		children: e,
-		"data-ui": "hover-card",
-		"data-part": "root",
-		...A ? { "data-open": "" } : {},
-		...s.navigable ? {
-			"aria-controls": A ? o.contentId : void 0,
-			"aria-expanded": A,
-			"aria-haspopup": "dialog"
-		} : {},
-		onBlur: S(r.onBlur, T),
-		onClick: S(r.onClick, O),
-		onFocus: S(r.onFocus, w),
-		onKeyDown: S(r.onKeyDown, E),
-		onPointerDown: S(r.onPointerDown, D),
-		onPointerEnter: S(r.onPointerEnter, y),
-		onPointerLeave: S(r.onPointerLeave, b)
-	};
-	return n === void 0 ? /* @__PURE__ */ p("a", {
-		...j,
-		ref: k
-	}) : n({
-		...j,
-		ref: k
-	});
-}
-function D({ children: t, ...i }) {
-	let a = x();
-	return /* @__PURE__ */ m(n, {
-		onPointerEnter: (e) => {
-			e.pointerType !== "touch" && a.cancelPending();
-		},
-		onPointerLeave: (e) => {
-			e.pointerType !== "touch" && a.closeAfterDelay(e.nativeEvent);
-		},
-		children: [/* @__PURE__ */ p(e, {
-			role: a.navigable ? "dialog" : "presentation",
-			...i,
-			children: t
-		}), /* @__PURE__ */ p(r, {})]
-	});
-}
-//#endregion
-export { g as a, x as i, D as n, y as o, E as r, v as s, T as t };

package/dist/icon-T9Yt4tnm.js

@@ -1,73 +0,0 @@
-import { useId as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { GLYPHS as r, GLYPH_VIEW_BOX as i } from "@slotted/core/glyph";
-//#region src/icon/glyph.tsx
-function a({ name: a, solid: o = !1, ...s }) {
-	let c = r[a], [l, u] = c.offset, d = `sl-glyph-${e().replace(/[^a-zA-Z0-9_-]/g, "")}`, f = {
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: c.strokeWidth
-	}, p = c.paint === "fill" ? { fill: "currentColor" } : {
-		fill: "none",
-		stroke: "currentColor",
-		...f
-	}, [m, ...h] = c.paths;
-	return /* @__PURE__ */ n("svg", {
-		"aria-hidden": "true",
-		focusable: "false",
-		viewBox: i,
-		...o ? {} : p,
-		...s,
-		"data-glyph": a,
-		"data-part": "glyph",
-		"data-solid": o ? "" : void 0,
-		children: [o ? /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("mask", {
-			height: "28",
-			id: d,
-			maskUnits: "userSpaceOnUse",
-			width: "28",
-			x: "-2",
-			y: "-2",
-			children: [/* @__PURE__ */ t("rect", {
-				fill: "#fff",
-				height: "28",
-				width: "28",
-				x: "-2",
-				y: "-2"
-			}), /* @__PURE__ */ t("g", {
-				fill: "none",
-				stroke: "#000",
-				...f,
-				children: h.map((e, n) => /* @__PURE__ */ t("path", { d: e }, n))
-			})]
-		}) }) : null, /* @__PURE__ */ t("g", {
-			transform: l === 0 && u === 0 ? void 0 : `translate(${l} ${u})`,
-			children: o ? /* @__PURE__ */ t("path", {
-				d: m,
-				fill: "currentColor",
-				mask: `url(#${d})`,
-				stroke: "currentColor",
-				...f
-			}) : c.paths.map((e, n) => /* @__PURE__ */ t("path", { d: e }, n))
-		})]
-	});
-}
-//#endregion
-//#region src/icon/icon.tsx
-function o({ directional: e, label: n, size: r, tone: i, ...a }) {
-	let o = n !== void 0 || a["aria-label"] !== void 0 || a["aria-labelledby"] !== void 0;
-	return /* @__PURE__ */ t("span", {
-		...a,
-		...r === void 0 ? {} : { "data-size": r },
-		...i === void 0 || i === "inherit" ? {} : { "data-tone": i },
-		...e === !0 ? { "data-directional": "" } : {},
-		...o ? {
-			role: a.role ?? "img",
-			...n === void 0 ? {} : { "aria-label": n }
-		} : { "aria-hidden": !0 },
-		"data-part": "root",
-		"data-ui": "icon"
-	});
-}
-//#endregion
-export { a as n, o as t };