@jfrader/ui 0.5.0 → 0.6.0

package/dist/menu-xwOOUtWP.js

@@ -1,275 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { r } from "./media-8yrN85VT.js";
-import { t as i } from "./use-controlled-state-DpeVQZNR.js";
-import { t as a } from "./trigger-style-B1KVC8O1.js";
-import { t as o } from "./overlay-layer-SeUyyEPD.js";
-import { s, t as c } from "./listbox-style-WX-RASp1.js";
-import { i as l, n as u } from "./collection-registry-k6JcD3Jr.js";
-import { t as d } from "./overlay-portal-C4JZFq2M.js";
-import { t as f } from "./use-overlay-floating-DvJifLpF.js";
-import { createContext as p, useContext as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { vars as y } from "@jfrader/tokens/vars";
-import { jsx as b } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as x, FloatingList as S, useClick as C, useDismiss as w, useInteractions as T, useListNavigation as E, useMergeRefs as D, useRole as O, useTypeahead as k } from "@floating-ui/react";
-//#region src/components/menu/menu.tsx
-var A = 500, j = p(null), M = p(!1);
-function N(e, t) {
-	let n = m(j);
-	if (!n) throw Error(`${e}.${t} must be rendered inside <${e}>.`);
-	return n;
-}
-function P(e) {
-	let t = N(e, "Item");
-	if (!m(M)) throw Error(`${e}.Item must be rendered inside <${e}.Content>.`);
-	return t;
-}
-var F = (e) => /^on[A-Z]/.test(e);
-function I(e, t) {
-	let n = {}, r = {};
-	for (let [t, i] of Object.entries(e)) F(t) && typeof i == "function" ? n[t] = i : r[t] = i;
-	let i = t(r);
-	for (let [e, t] of Object.entries(n)) {
-		let n = i[e];
-		i[e] = (e) => {
-			t(e), e.defaultPrevented || n?.(e);
-		};
-	}
-	return i;
-}
-var L = (...e) => e.filter(Boolean).join(" ") || void 0, R = e({
-	appearance: "none",
-	boxSizing: "border-box",
-	display: "flex",
-	alignItems: "center",
-	inlineSize: "100%",
-	minBlockSize: "32px",
-	border: 0,
-	borderRadius: y.radius.sm,
-	backgroundColor: "transparent",
-	paddingBlock: y.space[1],
-	paddingInline: y.space[2],
-	font: "inherit",
-	fontSize: y.textSize.sm,
-	color: y.color.text,
-	textAlign: "start",
-	cursor: "pointer",
-	transitionProperty: "background-color",
-	transitionDuration: y.motion.duration.fast,
-	transitionTimingFunction: y.motion.easeStandard,
-	"&:focus-visible": { ...n },
-	[r]: { transitionDuration: "0s" }
-}), z = e({
-	blockSize: "1px",
-	marginBlock: y.space[1],
-	backgroundColor: y.color.border
-}), B = [R, c], V = z;
-function H({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bottom-start", children: a }) {
-	let [o = !1, s] = i(e, t, n), [c, l] = v(null), u = _([]), d = _([]), p = _(/* @__PURE__ */ new Set()), m = _(!1), { refs: y, floatingStyles: x, context: S } = f({
-		open: o,
-		placement: r,
-		onOpenChange: (e, t, n) => {
-			e || (m.current = n === "escape-key"), s(e);
-		}
-	});
-	h(() => {
-		if (o || !m.current) return;
-		m.current = !1;
-		let e = y.domReference.current;
-		if (!e?.isConnected || e.closest("[inert]")) return;
-		let t = e.ownerDocument.activeElement;
-		t && t !== e.ownerDocument.body || e.focus();
-	}, [o, y]);
-	let D = C(S), M = O(S, { role: "menu" }), N = w(S, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), P = E(S, {
-		listRef: u,
-		activeIndex: c,
-		onNavigate: l,
-		loop: !0,
-		orientation: "vertical",
-		disabledIndices: (e) => p.current.has(e),
-		focusItemOnOpen: !0
-	}), F = k(S, {
-		listRef: d,
-		activeIndex: c,
-		onMatch: o ? l : void 0,
-		resetMs: A
-	}), { getReferenceProps: I, getFloatingProps: L, getItemProps: R } = T([
-		D,
-		M,
-		N,
-		P,
-		F
-	]), z = g(() => ({
-		open: o,
-		requestClose: (e = !1) => {
-			e && (m.current = !0), s(!1);
-		},
-		activeIndex: c,
-		refs: y,
-		floatingContext: S,
-		floatingStyles: x,
-		elementsRef: u,
-		labelsRef: d,
-		disabledIndices: p.current,
-		getReferenceProps: I,
-		getFloatingProps: L,
-		getItemProps: R
-	}), [
-		o,
-		s,
-		c,
-		y,
-		S,
-		x,
-		I,
-		L,
-		R
-	]);
-	return /* @__PURE__ */ b(j.Provider, {
-		value: z,
-		children: a
-	});
-}
-function U(e) {
-	return /* @__PURE__ */ b(o, { children: /* @__PURE__ */ b(H, { ...e }) });
-}
-U.displayName = "Menu";
-function W({ family: e, marker: n, styles: r, ref: i, className: a, sx: o, ...s }) {
-	let { refs: c, getReferenceProps: l } = N(e, "Trigger"), u = D([c.setReference, i]);
-	return /* @__PURE__ */ b(t, {
-		className: a,
-		styles: r,
-		sx: o,
-		children: (e) => /* @__PURE__ */ b("button", {
-			type: "button",
-			...I(s, l),
-			ref: u,
-			"data-ui": n,
-			className: e
-		})
-	});
-}
-function G(e) {
-	return /* @__PURE__ */ b(W, {
-		...e,
-		family: "Menu",
-		marker: "menu-trigger",
-		styles: a
-	});
-}
-G.displayName = "Menu.Trigger";
-function K({ family: e, marker: n, styles: r, ref: i, style: a, children: o, className: s, sx: c, "aria-label": l, "aria-labelledby": u, ...f }) {
-	let { open: p, refs: m, floatingContext: h, floatingStyles: g, elementsRef: _, labelsRef: v, getFloatingProps: y } = N(e, "Content"), C = D([m.setFloating, i]);
-	if (!p) return null;
-	let w = y(f), T = w["aria-labelledby"], E = u === void 0 ? l === void 0 ? T : void 0 : L(u, T);
-	return /* @__PURE__ */ b(d, { children: /* @__PURE__ */ b(x, {
-		context: h,
-		modal: !1,
-		initialFocus: -1,
-		returnFocus: !1,
-		restoreFocus: !0,
-		children: /* @__PURE__ */ b(t, {
-			className: s,
-			styles: r,
-			sx: c,
-			children: (e) => /* @__PURE__ */ b("div", {
-				...w,
-				"aria-label": l,
-				"aria-labelledby": E,
-				ref: C,
-				"data-ui": n,
-				style: {
-					...a,
-					...g
-				},
-				className: e,
-				children: /* @__PURE__ */ b(S, {
-					elementsRef: _,
-					labelsRef: v,
-					children: /* @__PURE__ */ b(M.Provider, {
-						value: !0,
-						children: o
-					})
-				})
-			})
-		})
-	}) });
-}
-function q(e) {
-	return /* @__PURE__ */ b(K, {
-		...e,
-		family: "Menu",
-		marker: "menu",
-		styles: s
-	});
-}
-q.displayName = "Menu.Content";
-function J({ family: e, marker: n, styles: r, ref: i, onSelect: a, disabled: o = !1, onClick: s, className: c, sx: d, ...f }) {
-	let { activeIndex: p, requestClose: m, disabledIndices: h, getItemProps: g } = P(e), { ref: _, index: v } = l({ label: o ? null : void 0 }), y = D([_, i]), x = v !== -1 && p === v;
-	u(v, o, h);
-	let S = (e) => {
-		o || (s?.(e), a?.(), e.defaultPrevented || m(!0));
-	};
-	return /* @__PURE__ */ b(t, {
-		className: c,
-		styles: r,
-		sx: d,
-		children: (e) => /* @__PURE__ */ b("button", {
-			type: "button",
-			...g({
-				...f,
-				onClick: S
-			}),
-			ref: y,
-			role: "menuitem",
-			tabIndex: x ? 0 : -1,
-			"aria-disabled": o || void 0,
-			"data-active": x || void 0,
-			"data-ui": n,
-			className: e
-		})
-	});
-}
-function Y(e) {
-	return /* @__PURE__ */ b(J, {
-		...e,
-		family: "Menu",
-		marker: "menu-item",
-		styles: B
-	});
-}
-Y.displayName = "Menu.Item";
-function X({ marker: e, styles: n, ref: r, className: i, sx: a, ...o }) {
-	return /* @__PURE__ */ b(t, {
-		className: i,
-		styles: n,
-		sx: a,
-		children: (t) => /* @__PURE__ */ b("div", {
-			...o,
-			ref: r,
-			role: "separator",
-			"data-ui": e,
-			className: t
-		})
-	});
-}
-function Z(e) {
-	return /* @__PURE__ */ b(X, {
-		...e,
-		marker: "menu-separator",
-		styles: z
-	});
-}
-Z.displayName = "Menu.Separator";
-var Q = Object.assign(U, {
-	Trigger: G,
-	Content: q,
-	Item: Y,
-	Separator: Z
-});
-//#endregion
-export { W as a, X as i, K as n, B as o, J as r, V as s, Q as t };

package/dist/pill-DO2gHzMb.js

@@ -1,56 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { vars as n } from "@jfrader/tokens/vars";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-//#region src/components/pill/pill.tsx
-var i = e({
-	display: "inline-flex",
-	alignItems: "center",
-	boxSizing: "border-box",
-	blockSize: n.space[5],
-	paddingInline: n.space[2],
-	borderRadius: n.radius.full,
-	fontSize: n.textSize.xs,
-	fontWeight: n.fontWeight.medium,
-	lineHeight: 1,
-	whiteSpace: "nowrap",
-	verticalAlign: "middle"
-}), a = {
-	neutral: e({
-		backgroundColor: n.color.surfaceHover,
-		color: n.color.textMuted
-	}),
-	accent: e({
-		backgroundColor: n.color.accentSoft,
-		color: n.color.accentText
-	}),
-	success: e({
-		backgroundColor: n.color.successSoft,
-		color: n.color.success
-	}),
-	warning: e({
-		backgroundColor: n.color.warningSoft,
-		color: n.color.warning
-	}),
-	danger: e({
-		backgroundColor: n.color.dangerSoft,
-		color: n.color.dangerText
-	})
-};
-function o({ ref: e, tone: n = "neutral", className: o, sx: s, ...c }) {
-	return /* @__PURE__ */ r(t, {
-		className: o,
-		styles: [i, a[n]],
-		sx: s,
-		children: (t) => /* @__PURE__ */ r("span", {
-			...c,
-			ref: e,
-			"data-ui": "pill",
-			"data-tone": n,
-			className: t
-		})
-	});
-}
-o.displayName = "Pill";
-//#endregion
-export { o as t };

package/dist/popover-QHcEvf9c.js

@@ -1,119 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./use-controlled-state-DpeVQZNR.js";
-import { n as r } from "./surface-DZ4d-2aL.js";
-import { t as i } from "./trigger-style-B1KVC8O1.js";
-import { n as a, r as o } from "./overlay-layer-SeUyyEPD.js";
-import { t as s } from "./overlay-portal-C4JZFq2M.js";
-import { t as c } from "./use-overlay-floating-DvJifLpF.js";
-import { createContext as l, useContext as u, useEffect as d, useMemo as f, useRef as p } from "react";
-import { vars as m } from "@jfrader/tokens/vars";
-import { jsx as h } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as g, useClick as _, useInteractions as v, useMergeRefs as y, useRole as b } from "@floating-ui/react";
-//#region src/components/popover/popover.tsx
-var x = l(null);
-function S(e) {
-	let t = u(x);
-	if (!t) throw Error(`Popover.${e} must be rendered inside <Popover>.`);
-	return t;
-}
-var C = e({
-	...r,
-	borderRadius: m.radius.lg,
-	boxShadow: m.shadow.overlay,
-	padding: m.space[4],
-	minInlineSize: "200px",
-	maxInlineSize: "min(360px, calc(100vw - 32px))",
-	fontSize: m.textSize.sm
-});
-function w({ nodeId: e, open: t, defaultOpen: r = !1, onOpenChange: i, placement: a = "bottom", children: s }) {
-	let [l = !1, u] = n(t, r, i), m = p(!1), { refs: g, floatingStyles: y, context: S } = c({
-		open: l,
-		placement: a,
-		nodeId: e,
-		onOpenChange: (e, t, n) => {
-			e || (m.current = n === "escape-key"), u(e);
-		}
-	});
-	d(() => {
-		!l && m.current && (m.current = !1, g.domReference.current?.focus());
-	}, [l, g]);
-	let C = _(S), w = o(S, "container"), T = b(S, { role: "dialog" }), { getReferenceProps: E, getFloatingProps: D } = v([
-		C,
-		...w,
-		T
-	]), O = f(() => ({
-		open: l,
-		refs: g,
-		floatingContext: S,
-		floatingStyles: y,
-		getReferenceProps: E,
-		getFloatingProps: D
-	}), [
-		l,
-		g,
-		S,
-		y,
-		E,
-		D
-	]);
-	return /* @__PURE__ */ h(x.Provider, {
-		value: O,
-		children: s
-	});
-}
-function T(e) {
-	return /* @__PURE__ */ h(a, { children: (t) => /* @__PURE__ */ h(w, {
-		...e,
-		nodeId: t
-	}) });
-}
-T.displayName = "Popover";
-function E({ ref: e, className: n, sx: r, ...a }) {
-	let { refs: o, getReferenceProps: s } = S("Trigger"), c = y([o.setReference, e]);
-	return /* @__PURE__ */ h(t, {
-		className: n,
-		styles: i,
-		sx: r,
-		children: (e) => /* @__PURE__ */ h("button", {
-			type: "button",
-			...s(a),
-			ref: c,
-			"data-ui": "popover-trigger",
-			className: e
-		})
-	});
-}
-E.displayName = "Popover.Trigger";
-function D({ ref: e, style: n, className: r, sx: i, ...a }) {
-	let { open: o, refs: c, floatingContext: l, floatingStyles: u, getFloatingProps: d } = S("Content"), f = y([c.setFloating, e]);
-	return o ? /* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(g, {
-		context: l,
-		modal: !1,
-		initialFocus: -1,
-		returnFocus: !1,
-		closeOnFocusOut: !1,
-		children: /* @__PURE__ */ h(t, {
-			className: r,
-			styles: C,
-			sx: i,
-			children: (e) => /* @__PURE__ */ h("div", {
-				...d(a),
-				ref: f,
-				"data-ui": "popover",
-				style: {
-					...n,
-					...u
-				},
-				className: e
-			})
-		})
-	}) }) : null;
-}
-D.displayName = "Popover.Content";
-var O = Object.assign(T, {
-	Trigger: E,
-	Content: D
-});
-//#endregion
-export { O as t };