@jfrader/ui 0.5.1 → 0.6.0

package/dist/sx-Dx9JUKp5.js

@@ -1,23 +0,0 @@
-'use client';
-import { ClassNames as e, ThemeProvider as t, css as n, keyframes as r, useTheme as i } from "@emotion/react";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-//#region src/styling/sx.tsx
-var o = (e) => Array.isArray(e);
-function s(e, t) {
-	return typeof e == "function" ? s(e(t), t) : o(e) ? e.map((e) => s(e, t)) : e;
-}
-function c({ className: t, styles: n, children: r }) {
-	return /* @__PURE__ */ a(e, { children: ({ css: e, cx: i, theme: a }) => r(n === void 0 ? t : i(e(s(n, a)), t)) });
-}
-function l({ className: e, styles: t, sx: n, children: r }) {
-	return /* @__PURE__ */ a(c, {
-		styles: n,
-		children: (i) => /* @__PURE__ */ a(c, {
-			className: n === void 0 ? e : [e, i].filter(Boolean).join(" "),
-			styles: t,
-			children: r
-		})
-	});
-}
-//#endregion
-export { i as a, r as i, t as n, n as r, l as t };

package/dist/theme-root-Bs1U3uPA.js

@@ -1,46 +0,0 @@
-'use client';
-import { a as e, n as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r, r as i } from "./theme-scope-t7nAKc2c.js";
-import { useContext as a, useMemo as o } from "react";
-import { vars as s } from "@jfrader/tokens/vars";
-import { jsx as c } from "@emotion/react/jsx-runtime";
-//#region src/styling/theme.ts
-var l = s;
-//#endregion
-//#region src/components/theme-provider/theme-provider.tsx
-function u({ theme: e = l, children: n }) {
-	return /* @__PURE__ */ c(t, {
-		theme: e,
-		children: n
-	});
-}
-u.displayName = "ThemeProvider";
-function d() {
-	return e();
-}
-//#endregion
-//#region src/components/theme-root/theme-root.tsx
-function f({ ref: e, theme: t = "dark", portalContainer: s, className: l, sx: d, ...f }) {
-	let p = a(r), m = s === void 0 ? p?.portalContainer : s, h = o(() => ({
-		theme: t,
-		portalContainer: m
-	}), [t, m]);
-	return /* @__PURE__ */ c(r.Provider, {
-		value: h,
-		children: /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(n, {
-			className: l,
-			styles: i,
-			sx: d,
-			children: (n) => /* @__PURE__ */ c("div", {
-				...f,
-				ref: e,
-				"data-ui": "theme-root",
-				"data-theme": t,
-				className: n
-			})
-		}) })
-	});
-}
-f.displayName = "ThemeRoot";
-//#endregion
-export { l as i, u as n, d as r, f as t };

package/dist/theme-scope-t7nAKc2c.js

@@ -1,27 +0,0 @@
-'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { createContext as t, useContext as n } from "react";
-import { vars as r } from "@jfrader/tokens/vars";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-//#region src/styling/theme-scope.tsx
-var a = t(null);
-function o() {
-	return n(a);
-}
-var s = e({
-	color: r.color.text,
-	colorScheme: "dark",
-	"&[data-theme=\"light\"]": { colorScheme: "light" }
-}), c = e({ display: "contents" });
-function l({ children: e }) {
-	let t = o();
-	return t ? /* @__PURE__ */ i("div", {
-		"data-ui": "theme-boundary",
-		"data-theme": t.theme,
-		css: [s, c],
-		children: e
-	}) : e;
-}
-l.displayName = "ThemeBoundary";
-//#endregion
-export { o as i, a as n, s as r, l as t };

package/dist/types/components/elastic-slider/elastic-slider.d.ts

@@ -1,53 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-import { type SxProps } from '../../styling/sx';
-import { type SliderMark, type SliderPart as Part } from '../slider/use-slider-interaction';
-export type ElasticSliderMark = SliderMark;
-export type ElasticSliderSize = 'sm' | 'md';
-export interface ElasticSliderSlotProps {
-    label?: Part<'span'>;
-    readout?: Part<'span'>;
-    description?: Part<'div'>;
-    error?: Part<'div'>;
-    control?: Part<'div'>;
-    rail?: Part<'div'>;
-    track?: Part<'div'>;
-    fill?: Part<'div'>;
-    thumb?: Part<'div'>;
-    bubble?: Part<'span'>;
-    tick?: Part<'span'> | ((index: number) => Part<'span'>);
-    mark?: Part<'button'> | ((index: number) => Part<'button'>);
-    start?: Part<'div'>;
-    end?: Part<'div'>;
-}
-export interface ElasticSliderProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'children'>, SxProps {
-    label: ReactNode;
-    value?: number;
-    defaultValue?: number;
-    onValueChange?: (value: number) => void;
-    onValueCommit?: (value: number) => void;
-    description?: ReactNode;
-    error?: ReactNode;
-    invalid?: boolean;
-    disabled?: boolean;
-    min?: number;
-    max?: number;
-    step?: number;
-    largeStep?: number;
-    /** Detents. Normalized to the step lattice; invalid or out-of-domain marks are ignored. */
-    marks?: readonly ElasticSliderMark[];
-    locale?: Intl.LocalesArgument;
-    formatOptions?: Intl.NumberFormatOptions;
-    formatValue?: (value: number, formatter: Intl.NumberFormat) => string;
-    showValue?: boolean;
-    start?: ReactNode;
-    end?: ReactNode;
-    /** Short vibration when a touch drag latches onto a detent, where supported. Off under reduced motion. */
-    haptics?: boolean;
-    name?: string;
-    size?: ElasticSliderSize;
-    slotProps?: ElasticSliderSlotProps;
-}
-export declare function ElasticSlider(props: ElasticSliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare namespace ElasticSlider {
-    var displayName: string;
-}

package/dist/types/components/elastic-slider/index.d.ts

@@ -1 +0,0 @@
-export { ElasticSlider, type ElasticSliderProps, type ElasticSliderMark, type ElasticSliderSize, type ElasticSliderSlotProps, } from './elastic-slider';

package/dist/use-native-dialog-DWpIUVO1.js

@@ -1,84 +0,0 @@
-'use client';
-import { useCallback as e, useEffect as t, useImperativeHandle as n, useRef as r, useState as i } from "react";
-//#region src/overlay/use-scroll-lock.ts
-var a = /* @__PURE__ */ new Map();
-function o(e, n) {
-	let i = r(n);
-	i.current = n, t(() => {
-		if (!e) return;
-		let t = i.current?.() ?? (typeof document > "u" ? void 0 : document);
-		if (!t) return;
-		let n = a.get(t);
-		return n ? n.count += 1 : (a.set(t, {
-			count: 1,
-			rootOverflow: t.documentElement.style.overflow,
-			bodyOverflow: t.body.style.overflow
-		}), t.documentElement.style.overflow = "hidden", t.body.style.overflow = "hidden"), () => {
-			let e = a.get(t);
-			e && (--e.count, !(e.count > 0) && (t.documentElement.style.overflow = e.rootOverflow, t.body.style.overflow = e.bodyOverflow, a.delete(t)));
-		};
-	}, [e]);
-}
-//#endregion
-//#region src/overlay/use-native-dialog.ts
-function s(e, t) {
-	e && e.open && typeof e.requestClose == "function" ? e.requestClose() : t(!1);
-}
-function c(t, n) {
-	let [a, o] = i(0), c = r(null), l = e((e) => {
-		c.current = e;
-	}, []), u = e((e) => {
-		let r = c.current?.open ?? !1;
-		(e !== t || r !== t) && (e === t ? o((e) => e + 1) : n(e));
-	}, [t, n]);
-	return {
-		dialogElementRef: c,
-		setDialogElement: l,
-		setOpen: u,
-		requestClose: e(() => {
-			s(c.current, u);
-		}, [u]),
-		repairToken: a
-	};
-}
-function l(e) {
-	let { open: t, ...n } = e;
-	return n;
-}
-function u({ open: a, setOpen: s, requestClose: c, repairToken: l, setDialogElement: u }, { onCancel: d, onClick: f, onClose: p }, m, h) {
-	let g = r(null), _ = h ?? g;
-	n(m, () => _.current, []);
-	let v = r(null), y = r(!1), [b, x] = i(!1), S = e((e) => {
-		_.current = e, u(e);
-	}, [u]);
-	return o(b, () => _.current?.ownerDocument), t(() => {
-		let e = _.current;
-		if (e) {
-			if (a && !e.open) {
-				v.current = e.ownerDocument.activeElement ?? null, y.current = !0;
-				try {
-					e.showModal();
-				} catch {}
-				x(e.open);
-			} else !a && e.open && (e.close(), y.current = !1, x(!1));
-		}
-	}, [a, l]), t(() => () => {
-		let e = v.current;
-		y.current && e && e.isConnected && typeof e.focus == "function" && e.focus();
-	}, []), {
-		ref: S,
-		onCancel: (e) => {
-			d?.(e);
-			let t = e.defaultPrevented;
-			e.preventDefault(), t || s(!1);
-		},
-		onClick: (e) => {
-			f?.(e), e.target === _.current && !e.defaultPrevented && c();
-		},
-		onClose: (e) => {
-			y.current = !1, p?.(e), x(!1), a && s(!1);
-		}
-	};
-}
-//#endregion
-export { c as i, s as n, u as r, l as t };

package/dist/use-slider-interaction-ChL-208h.js

@@ -1,234 +0,0 @@
-'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { n as t } from "./focus-ring-BK5W5_NY.js";
-import { n } from "./media-8yrN85VT.js";
-import { t as r } from "./use-controlled-state-DpeVQZNR.js";
-import { t as i } from "./renderable-DzcIj1Lo.js";
-import { useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
-import { vars as u } from "@jfrader/tokens/vars";
-//#region src/components/slider/slider-style.ts
-var d = e({
-	display: "grid",
-	gap: u.space[2],
-	minInlineSize: 0,
-	inlineSize: "100%",
-	fontFamily: u.font.sans,
-	fontSize: u.textSize.sm,
-	lineHeight: u.lineHeight.base,
-	color: u.color.text
-}), f = e({
-	display: "flex",
-	flexWrap: "wrap",
-	justifyContent: "space-between",
-	gap: u.space[2],
-	alignItems: "baseline"
-}), p = e({ fontWeight: u.fontWeight.medium }), m = e({
-	fontVariantNumeric: "tabular-nums",
-	overflowWrap: "anywhere"
-}), h = e({ color: u.color.textMuted }), g = e({ color: u.color.dangerText }), _ = e({
-	display: "flex",
-	alignItems: "center",
-	gap: u.space[3],
-	minInlineSize: 0,
-	paddingBlockStart: u.space[8]
-}), v = e({
-	position: "relative",
-	flex: 1,
-	minInlineSize: u.space[8],
-	marginInline: u.space[4],
-	touchAction: "pan-y",
-	userSelect: "none",
-	cursor: "pointer",
-	"&[data-disabled]": { cursor: "default" }
-}), y = {
-	sm: e({ minBlockSize: u.space[8] }),
-	md: e({ minBlockSize: u.space[10] })
-}, b = e({
-	display: "flex",
-	flexWrap: "wrap",
-	gap: u.space[2]
-}), x = e({
-	minBlockSize: u.space[8],
-	minInlineSize: u.space[8],
-	paddingBlock: u.space[1],
-	paddingInline: u.space[2],
-	font: "inherit",
-	overflowWrap: "anywhere",
-	maxInlineSize: "100%",
-	color: u.color.text,
-	background: u.color.surfaceRaised,
-	border: `1px solid ${u.color.borderControl}`,
-	borderRadius: u.radius.md,
-	cursor: "pointer",
-	"&:focus-visible": t,
-	"&:disabled": { cursor: "default" },
-	[n]: { borderColor: "ButtonText" }
-}), S = 1e-7, C = "data-slider-thumb";
-function w(e, t) {
-	return typeof e == "number" ? e === t : typeof t != "number" && e[0] === t[0] && e[1] === t[1];
-}
-function T(...e) {
-	return e.filter(Boolean).join(" ") || void 0;
-}
-function E(e) {
-	return i(e) && e !== "";
-}
-function D(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-function O(e, t, n) {
-	let r = s(() => new Intl.NumberFormat(e, t), [e, t]);
-	return {
-		formatter: r,
-		format: (e) => n ? n(e, r) : r.format(e)
-	};
-}
-function k(e) {
-	let { component: t, range: n, value: i, defaultValue: s, min: u, max: d, step: f, largeStep: p, minStepsBetweenThumbs: m, disabled: h, onValueChange: g, onValueCommit: _, onPointerSample: v, resolvePointer: y, onGestureEnd: b } = e, x = (d - u) / f;
-	if (![
-		u,
-		d,
-		f,
-		x
-	].every(Number.isFinite) || d <= u || f <= 0 || !Number.isSafeInteger(Math.round(x)) || Math.abs(x - Math.round(x)) > S) throw Error(`${t} requires finite min < max, a positive step, and max aligned to min + n * step.`);
-	if (!Number.isInteger(m) || m < 0 || m > Math.round(x)) throw Error(`${t} minStepsBetweenThumbs must be a nonnegative integer that fits the domain.`);
-	if (p !== void 0 && (!Number.isFinite(p) || p <= 0)) throw Error(`${t} largeStep must be finite and positive.`);
-	let T = m * f, E = Math.max(1, Math.round((p ?? (d - u) / 10) / f)) * f, D = (e) => {
-		if (!Number.isFinite(e)) throw Error(`${t} values must be finite.`);
-		let n = Math.max(0, Math.min(Math.round(x), Math.round((e - u) / f))), r = u + n * f, i = Number(r.toPrecision(15));
-		return Math.abs(i - r) <= f * S ? i : r;
-	}, O = (e) => {
-		if (!n) {
-			if (typeof e != "number") throw Error(`${t} single mode requires a number.`);
-			return D(e);
-		}
-		if (typeof e == "number" || e.length !== 2 || e[0] > e[1]) throw Error(`${t} range requires an ordered [lower, upper] tuple.`);
-		let r = D(e[0]), i = D(e[1]);
-		if ((i - r) / f + S < m) throw Error(`${t} range values must respect minStepsBetweenThumbs.`);
-		return [r, i];
-	}, [k] = l(() => O(s ?? (n ? [u, d] : u))), [A, j, M] = r(i, k, g), N = O(A ?? k), P = typeof N == "number" ? [N] : N, F = o(), I = c(null), L = c(null), R = c(0), [z, B] = l(null), V = (e) => n ? [e === 0 ? u : D(P[0] + T), e === 0 ? D(P[1] - T) : d] : [u, d], H = (e, t) => {
-		let [r, i] = V(e), a = D(Math.max(r, Math.min(i, t)));
-		return n ? e === 0 ? [a, P[1]] : [P[0], a] : a;
-	}, U = (e) => {
-		w(N, e) || j(e);
-	}, W = (e) => {
-		let t = L.current;
-		t && (L.current = null, B(null), b?.(e), t.control.hasPointerCapture(t.pointerId) && t.control.releasePointerCapture(t.pointerId), e && !w(t.initial, t.candidate) && _(t.candidate));
-	};
-	a(() => {
-		h && W(!1);
-	}, [h]), a(() => () => {
-		let e = L.current;
-		L.current = null, e?.control.hasPointerCapture(e.pointerId) && e.control.releasePointerCapture(e.pointerId);
-	}, []), a(() => {
-		let e = I.current?.closest("form");
-		if (!e) return;
-		let t = (e) => {
-			queueMicrotask(() => {
-				e.defaultPrevented || (W(!1), M());
-			});
-		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [M]);
-	let G = (e) => I.current?.querySelector(`[${C}="${e}"]`)?.focus(), K = () => I.current?.matches(":dir(rtl)") ?? !1, q = (e) => {
-		let t = I.current.getBoundingClientRect(), n = t.width > 0 ? (e - t.left) / t.width : 0;
-		return u + (K() ? 1 - n : n) * (d - u);
-	}, J = (e) => n ? Math.abs(e - P[0]) === Math.abs(e - P[1]) ? R.current : Math.abs(e - P[0]) < Math.abs(e - P[1]) ? 0 : 1 : 0, Y = (e) => {
-		let t = L.current;
-		if (!t || e.pointerId !== t.pointerId || h) return;
-		t.coincident && e.clientX !== t.originX && (t.thumb = e.clientX > t.originX === K() ? 0 : 1, t.coincident = !1, B(t.thumb), G(t.thumb));
-		let [n, r] = V(t.thumb), i = I.current.getBoundingClientRect().width, a = {
-			raw: q(e.clientX - t.offset),
-			low: n,
-			high: r,
-			pxPerUnit: i / (d - u),
-			rtl: K(),
-			pointerType: e.pointerType
-		};
-		v?.(a);
-		let o = H(t.thumb, y ? y(a) : a.raw);
-		w(t.candidate, o) || (t.candidate = o, U(o));
-	}, X = (e) => {
-		if (e.defaultPrevented || h || L.current || !e.isPrimary || e.button !== 0) return;
-		let t = e.target.closest(`[${C}]`), r = t ? Number(t.getAttribute(C)) : J(q(e.clientX)), i = t?.getBoundingClientRect(), a = i ? e.clientX - (i.left + i.width / 2) : 0;
-		L.current = {
-			pointerId: e.pointerId,
-			thumb: r,
-			offset: a,
-			originX: e.clientX,
-			coincident: n && P[0] === P[1],
-			initial: N,
-			candidate: N,
-			control: e.currentTarget
-		}, e.currentTarget.setPointerCapture(e.pointerId), e.preventDefault(), B(r), G(r), t || Y(e);
-	}, Z = (e, t) => {
-		if (h || e.defaultPrevented) return;
-		let n = K() ? -1 : 1, r = e.shiftKey ? E : f, [i, a] = V(t), o = {
-			ArrowRight: P[t] + r * n,
-			ArrowLeft: P[t] - r * n,
-			ArrowUp: P[t] + r,
-			ArrowDown: P[t] - r,
-			PageUp: P[t] + E,
-			PageDown: P[t] - E,
-			Home: i,
-			End: a
-		}[e.key];
-		if (o === void 0) return;
-		e.preventDefault();
-		let s = H(t, o);
-		w(N, s) || (U(s), _(s));
-	};
-	return {
-		id: F,
-		controlRef: I,
-		current: N,
-		values: P,
-		active: z,
-		bounds: V,
-		percent: (e) => (e - u) / (d - u) * 100,
-		normalizeMarks: (e) => Array.from(new Map(e.flatMap((e) => {
-			let t = typeof e == "number" ? { value: e } : e;
-			return Number.isFinite(t.value) && t.value >= u && t.value <= d ? [[D(t.value), {
-				...t,
-				value: D(t.value)
-			}]] : [];
-		})).values()),
-		controlHandlers: (e) => ({
-			ref: (t) => {
-				I.current = t;
-				let n = e?.ref;
-				if (typeof n == "function") return n(t);
-				n && (n.current = t);
-			},
-			onPointerDown: (t) => {
-				e?.onPointerDown?.(t), X(t);
-			},
-			onPointerMove: (t) => {
-				e?.onPointerMove?.(t), t.defaultPrevented || Y(t);
-			},
-			onPointerUp: (t) => {
-				e?.onPointerUp?.(t), L.current?.pointerId === t.pointerId && W(!0);
-			},
-			onPointerCancel: (t) => {
-				e?.onPointerCancel?.(t), L.current?.pointerId === t.pointerId && W(!1);
-			},
-			onLostPointerCapture: (t) => {
-				e?.onLostPointerCapture?.(t), L.current?.pointerId === t.pointerId && W(!1);
-			}
-		}),
-		handleRootKeyDown: (e) => {
-			let t = e.target.closest(`[${C}]`);
-			t && I.current?.contains(t) && Z(e, Number(t.getAttribute(C)));
-		},
-		selectMark: (e) => {
-			if (h) return;
-			let t = H(J(e), e);
-			w(N, t) || (U(t), _(t));
-		},
-		noteFocus: (e) => {
-			R.current = e;
-		}
-	};
-}
-//#endregion
-export { k as a, g as c, x as d, b as f, y as g, _ as h, O as i, f as l, d as m, D as n, v as o, m as p, T as r, h as s, E as t, p as u };