@jfrader/ui 0.5.1 → 0.7.0

package/dist/elastic-slider-BG6K019r.js

@@ -1,395 +0,0 @@
-'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a, t as o } from "./media-8yrN85VT.js";
-import { a as ee, c as te, d as ne, f as re, g as ie, h as ae, i as oe, l as se, m as s, n as c, o as ce, p as le, r as l, s as ue, t as u, u as de } from "./use-slider-interaction-ChL-208h.js";
-import { useEffect as d, useRef as f, useState as fe } from "react";
-import { vars as p } from "@jfrader/tokens/vars";
-import { createElement as m } from "@emotion/react";
-import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { MotionConfig as pe, motion as me, useMotionValue as he, useMotionValueEvent as _, useReducedMotion as ge, useSpring as v, useTransform as _e, useVelocity as ve } from "motion/react";
-//#region src/components/elastic-slider/elastic-slider.tsx
-var y = 26, ye = 1.15, be = 7, xe = 10, Se = 6, Ce = .02, we = 10, Te = {
-	stiffness: 380,
-	damping: 26
-}, Ee = {
-	stiffness: 300,
-	damping: 20
-}, De = {
-	type: "spring",
-	stiffness: 420,
-	damping: 28
-}, b = "--elastic-slider-stretch-start", x = "--elastic-slider-stretch-end", S = "--elastic-slider-squash", C = "--elastic-slider-shift", w = "--elastic-slider-tilt", T = e({
-	"0%": { scale: "1" },
-	"45%": { scale: "1.8" },
-	"100%": { scale: "1" }
-}), Oe = t(s, { label: "elastic-slider" }), ke = t({ marginInline: p.space[6] }), Ae = t({
-	position: "absolute",
-	insetInline: 0,
-	insetBlock: 0,
-	marginBlock: "auto",
-	blockSize: p.space[2],
-	borderRadius: p.radius.full,
-	background: p.color.surfaceInset,
-	pointerEvents: "none",
-	[i]: {
-		forcedColorAdjust: "none",
-		background: "Canvas"
-	}
-}), je = t({
-	position: "absolute",
-	insetInlineStart: `calc(-1 * var(${b}, 0px))`,
-	insetInlineEnd: `calc(-1 * var(${x}, 0px))`,
-	insetBlock: 0,
-	marginBlock: "auto",
-	blockSize: p.space[2],
-	boxSizing: "border-box",
-	overflow: "hidden",
-	border: `1px solid ${p.color.borderControl}`,
-	borderRadius: p.radius.full,
-	scale: `1 var(${S}, 1)`,
-	pointerEvents: "none",
-	[a]: {
-		insetInline: 0,
-		scale: "none"
-	},
-	[i]: {
-		forcedColorAdjust: "none",
-		borderColor: "CanvasText"
-	}
-}), Me = t({
-	position: "absolute",
-	insetBlock: 0,
-	insetInlineStart: 0,
-	background: p.color.accent,
-	[i]: { background: "Highlight" }
-}), Ne = t({
-	position: "absolute",
-	insetBlock: 0,
-	marginBlock: "auto",
-	marginInlineStart: `calc(${p.space[1]} / -2)`,
-	inlineSize: p.space[1],
-	blockSize: p.space[3],
-	boxSizing: "border-box",
-	border: `1px solid ${p.color.borderControl}`,
-	borderRadius: p.radius.full,
-	background: p.color.surfaceRaised,
-	pointerEvents: "none",
-	"&[data-latched]": {
-		blockSize: p.space[4],
-		background: p.color.accent,
-		animation: `${T} ${p.motion.duration.slow} ${p.motion.easeStandard}`
-	},
-	[a]: { "&[data-latched]": { animation: "none" } },
-	[i]: {
-		forcedColorAdjust: "none",
-		background: "Canvas",
-		borderColor: "CanvasText",
-		"&[data-latched]": { background: "Highlight" }
-	}
-}), Pe = t({
-	position: "absolute",
-	insetBlock: 0,
-	marginBlock: "auto",
-	marginInlineStart: `calc(${p.space[8]} / -2)`,
-	inlineSize: p.space[8],
-	blockSize: p.space[8],
-	display: "grid",
-	placeItems: "center",
-	borderRadius: p.radius.full,
-	translate: `var(${C}, 0px)`,
-	cursor: "grab",
-	"&:focus-visible": {
-		...r,
-		zIndex: 2
-	},
-	[a]: { translate: "none" },
-	"&[data-dragging]": {
-		cursor: "grabbing",
-		zIndex: 3
-	},
-	"&[aria-disabled=\"true\"]": { cursor: "default" }
-}), Fe = t({
-	inlineSize: p.space[6],
-	blockSize: p.space[6],
-	boxSizing: "border-box",
-	border: `2px solid ${p.color.borderControl}`,
-	borderRadius: p.radius.full,
-	background: p.color.surfaceRaised,
-	boxShadow: p.shadow.raised,
-	pointerEvents: "none",
-	[i]: {
-		forcedColorAdjust: "none",
-		background: "Canvas",
-		borderColor: "CanvasText",
-		boxShadow: "none"
-	}
-}), Ie = t({
-	position: "absolute",
-	insetBlockEnd: `calc(100% + ${p.space[2]})`,
-	paddingInline: p.space[2],
-	paddingBlock: p.space[1],
-	inlineSize: "max-content",
-	maxInlineSize: "min(24rem, 80vw)",
-	overflowWrap: "anywhere",
-	border: `1px solid ${p.color.borderControl}`,
-	borderRadius: p.radius.md,
-	background: p.color.surfaceRaised,
-	color: p.color.text,
-	boxShadow: p.shadow.raised,
-	fontSize: p.textSize.xs,
-	fontVariantNumeric: "tabular-nums",
-	pointerEvents: "none",
-	transformOrigin: "bottom center",
-	rotate: `var(${w}, 0deg)`,
-	opacity: 0,
-	transition: `opacity ${p.motion.duration.fast} ${p.motion.easeStandard}`,
-	"[data-dragging] > &, [data-slider-thumb]:focus-visible > &": { opacity: 1 },
-	[o]: { insetBlockEnd: `calc(100% + ${p.space[4]})` },
-	[a]: { rotate: "none" },
-	[i]: {
-		borderColor: "CanvasText",
-		boxShadow: "none"
-	}
-});
-function Le(e) {
-	return Math.sign(e) * y * (1 - Math.exp(-Math.abs(e) / y));
-}
-function E(e) {
-	let { ref: t, value: r, defaultValue: i, onValueChange: a, onValueCommit: o, label: s, description: p, error: T, invalid: E = !1, disabled: D = !1, min: O = 0, max: k = 100, step: A = 1, largeStep: Re, marks: ze = [], locale: Be, formatOptions: Ve, formatValue: He, showValue: j = !0, start: M, end: N, haptics: Ue = !1, name: P, size: We = "md", slotProps: F, className: Ge, sx: Ke, onKeyDown: qe, "aria-label": Je, "aria-labelledby": Ye, "aria-describedby": Xe, "aria-invalid": Ze, ...Qe } = e, I = ge() ?? !1, L = v(0, Te), R = f(null), z = f(!1), [$e, B] = fe(null), V = (e) => {
-		R.current = e, B(e);
-	}, et = (e) => {
-		if (!Ue || I || e !== "touch") return;
-		let t = H.controlRef.current?.ownerDocument.defaultView?.navigator;
-		if (typeof t?.vibrate == "function") try {
-			t.vibrate(Se);
-		} catch {}
-	}, H = ee({
-		component: "ElasticSlider",
-		range: !1,
-		value: r,
-		defaultValue: i,
-		min: O,
-		max: k,
-		step: A,
-		largeStep: Re,
-		minStepsBetweenThumbs: 0,
-		disabled: D,
-		onValueChange: (e) => a?.(e),
-		onValueCommit: (e) => o?.(e),
-		onPointerSample: ({ raw: e, low: t, high: n, pxPerUnit: r, rtl: i }) => {
-			z.current = i, L.set(I ? 0 : Le((e - Math.max(t, Math.min(n, e))) * r));
-		},
-		resolvePointer: ({ raw: e, pxPerUnit: t, pointerType: n }) => {
-			let r = (n) => Math.abs(e - n) * t, i = R.current;
-			if (i !== null && r(i) > xe && (i = null), i === null) {
-				for (let e of Y) r(e) <= be && (i === null || r(e) < r(i)) && (i = e);
-				i !== null && et(n);
-			}
-			return i !== R.current && V(i), i ?? e;
-		},
-		onGestureEnd: () => {
-			L.set(0), V(null);
-		}
-	}), { id: U, controlRef: W, current: tt, percent: G } = H, K = tt, { format: q } = oe(Be, Ve, He), J = H.normalizeMarks(ze), Y = J.map((e) => e.value).sort((e, t) => e - t), nt = [
-		O,
-		k,
-		A,
-		...Y
-	].join(" ");
-	d(() => {
-		R.current = null, B(null), L.jump(0);
-	}, [nt]);
-	let rt = he(G(K));
-	d(() => rt.set(G(K)), [
-		K,
-		O,
-		k
-	]);
-	let it = v(_e(ve(rt), (e) => {
-		let t = W.current?.matches(":dir(rtl)") ? e : -e;
-		return Math.max(-10, Math.min(we, t * Ce));
-	}), Ee), X = (e, t) => W.current?.style.setProperty(e, t);
-	_(L, "change", (e) => {
-		X(b, `${Math.max(0, -e)}px`), X(x, `${Math.max(0, e)}px`), X(S, String(1 - .4 * Math.min(1, Math.abs(e) / y))), X(C, `${z.current ? -e : e}px`);
-	}), _(it, "change", (e) => X(w, `${I ? 0 : e}deg`));
-	let Z = u(s), at = u(p), Q = u(T), $ = F?.thumb, ot = H.active === 0;
-	return /* @__PURE__ */ h(pe, {
-		reducedMotion: "user",
-		children: /* @__PURE__ */ h(n, {
-			className: Ge,
-			styles: Oe,
-			sx: Ke,
-			children: (e) => /* @__PURE__ */ g("div", {
-				...Qe,
-				ref: t,
-				className: e,
-				"data-ui": "elastic-slider",
-				"data-disabled": D || void 0,
-				onKeyDown: (e) => {
-					qe?.(e), H.handleRootKeyDown(e);
-				},
-				children: [
-					(Z || j) && /* @__PURE__ */ g("div", {
-						css: se,
-						children: [Z && /* @__PURE__ */ h("span", {
-							...F?.label,
-							id: `${U}-label`,
-							css: [de, F?.label?.css],
-							children: s
-						}), j && /* @__PURE__ */ h("span", {
-							...F?.readout,
-							"aria-hidden": "true",
-							"data-ui": "elastic-slider-readout",
-							css: [le, F?.readout?.css],
-							children: q(K)
-						})]
-					}),
-					at && /* @__PURE__ */ h("div", {
-						...F?.description,
-						id: `${U}-description`,
-						css: [ue, F?.description?.css],
-						children: p
-					}),
-					Q && /* @__PURE__ */ h("div", {
-						...F?.error,
-						id: `${U}-error`,
-						role: "alert",
-						css: [te, F?.error?.css],
-						children: T
-					}),
-					/* @__PURE__ */ g("div", {
-						css: ae,
-						children: [
-							u(M) && /* @__PURE__ */ h("div", {
-								...F?.start,
-								children: M
-							}),
-							/* @__PURE__ */ g("div", {
-								...F?.control,
-								...H.controlHandlers(F?.control),
-								css: [
-									ce,
-									ke,
-									ie[We],
-									F?.control?.css
-								],
-								"data-ui": "elastic-slider-control",
-								"data-disabled": D || void 0,
-								children: [
-									/* @__PURE__ */ h("div", {
-										...F?.rail,
-										"data-ui": "elastic-slider-rail",
-										"aria-hidden": "true",
-										css: [Ae, F?.rail?.css]
-									}),
-									/* @__PURE__ */ h("div", {
-										...F?.track,
-										"data-ui": "elastic-slider-track",
-										"aria-hidden": "true",
-										css: [je, F?.track?.css],
-										children: /* @__PURE__ */ h("div", {
-											...F?.fill,
-											"data-ui": "elastic-slider-fill",
-											css: [Me, F?.fill?.css],
-											style: {
-												...F?.fill?.style,
-												inlineSize: `${G(K)}%`
-											}
-										})
-									}),
-									J.map((e, t) => {
-										let n = c(F?.tick, t);
-										return /* @__PURE__ */ m("span", {
-											...n,
-											key: e.value,
-											"data-ui": "elastic-slider-tick",
-											"data-latched": $e === e.value || void 0,
-											"aria-hidden": "true",
-											css: [Ne, n?.css],
-											style: {
-												...n?.style,
-												insetInlineStart: `${G(e.value)}%`
-											}
-										});
-									}),
-									/* @__PURE__ */ g("div", {
-										...$,
-										id: `${U}-thumb`,
-										"data-slider-thumb": 0,
-										"data-dragging": ot || void 0,
-										role: "slider",
-										tabIndex: D ? -1 : 0,
-										"aria-orientation": "horizontal",
-										"aria-disabled": D,
-										"aria-invalid": Q || E ? !0 : $?.["aria-invalid"] ?? Ze,
-										"aria-valuemin": O,
-										"aria-valuemax": k,
-										"aria-valuenow": K,
-										"aria-valuetext": q(K),
-										"aria-label": $?.["aria-label"] ?? Je,
-										"aria-labelledby": l(Ye, $?.["aria-labelledby"], Z && `${U}-label`),
-										"aria-describedby": l(Xe, $?.["aria-describedby"], at && `${U}-description`, Q && `${U}-error`),
-										css: [Pe, $?.css],
-										style: {
-											...$?.style,
-											insetInlineStart: `${G(K)}%`
-										},
-										children: [/* @__PURE__ */ h(me.span, {
-											"aria-hidden": "true",
-											"data-ui": "elastic-slider-thumb-visual",
-											css: Fe,
-											animate: { scale: !I && ot ? ye : 1 },
-											transition: I ? { duration: 0 } : De
-										}), /* @__PURE__ */ h("span", {
-											...F?.bubble,
-											"data-ui": "elastic-slider-bubble",
-											"aria-hidden": "true",
-											css: [Ie, F?.bubble?.css],
-											style: {
-												...F?.bubble?.style,
-												...G(K) <= 50 ? { insetInlineStart: 0 } : { insetInlineEnd: 0 }
-											},
-											children: q(K)
-										})]
-									})
-								]
-							}),
-							u(N) && /* @__PURE__ */ h("div", {
-								...F?.end,
-								children: N
-							})
-						]
-					}),
-					J.some((e) => u(e.label)) && /* @__PURE__ */ h("div", {
-						css: re,
-						children: J.map((e, t) => {
-							if (!u(e.label)) return null;
-							let n = c(F?.mark, t);
-							return /* @__PURE__ */ m("button", {
-								...n,
-								key: e.value,
-								type: "button",
-								disabled: D,
-								"data-ui": "elastic-slider-mark",
-								css: [ne, n?.css],
-								onClick: (t) => {
-									n?.onClick?.(t), t.defaultPrevented || H.selectMark(e.value);
-								}
-							}, e.label);
-						})
-					}),
-					P !== void 0 && /* @__PURE__ */ h("input", {
-						type: "hidden",
-						disabled: D,
-						name: P,
-						value: K
-					})
-				]
-			})
-		})
-	});
-}
-E.displayName = "ElasticSlider";
-//#endregion
-export { E as t };

package/dist/elastic-slider.js

@@ -1,2 +0,0 @@
-'use client';
-export { t as ElasticSlider } from "./elastic-slider-BG6K019r.js";

package/dist/slider-DVG6-Awh.js

@@ -1,308 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
-import { t as ee } from "./visually-hidden-BJdvqqvn.js";
-import { a as te, c as a, d as o, f as ne, g as s, h as re, i as ie, l as ae, m as c, n as l, o as oe, p as se, r as u, s as ce, t as d, u as le } from "./use-slider-interaction-ChL-208h.js";
-import { useState as ue } from "react";
-import { vars as f } from "@jfrader/tokens/vars";
-import { createElement as p } from "@emotion/react";
-import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
-import { MotionConfig as g, motion as _, useReducedMotion as de } from "motion/react";
-//#region src/components/slider/slider.tsx
-var fe = {
-	type: "spring",
-	stiffness: 420,
-	damping: 30
-}, pe = 8, me = e(c, { label: "slider" }), he = e({
-	position: "absolute",
-	insetInline: 0,
-	insetBlockStart: "50%",
-	transform: "translateY(-50%)",
-	blockSize: f.space[1],
-	boxSizing: "border-box",
-	border: `1px solid ${f.color.borderControl}`,
-	borderRadius: f.radius.full,
-	background: f.color.surfaceInset,
-	pointerEvents: "none",
-	[r]: {
-		forcedColorAdjust: "none",
-		background: "Canvas",
-		borderColor: "CanvasText"
-	}
-}), ge = e({
-	position: "absolute",
-	insetBlock: 0,
-	background: f.color.accent,
-	borderRadius: f.radius.full,
-	[r]: { background: "Highlight" }
-}), _e = e({
-	position: "absolute",
-	insetBlockStart: "50%",
-	transform: "translate(-50%, -50%)",
-	"&:dir(rtl)": { transform: "translate(50%, -50%)" },
-	inlineSize: f.space[8],
-	blockSize: f.space[8],
-	display: "grid",
-	placeItems: "center",
-	borderRadius: f.radius.full,
-	cursor: "grab",
-	"&:focus-visible": {
-		...n,
-		zIndex: 2
-	},
-	"&[data-dragging]": {
-		cursor: "grabbing",
-		zIndex: 3
-	},
-	"&[aria-disabled=\"true\"]": { cursor: "default" }
-}), ve = e({
-	inlineSize: f.space[6],
-	blockSize: f.space[6],
-	boxSizing: "border-box",
-	border: `2px solid ${f.color.borderControl}`,
-	borderRadius: f.radius.full,
-	background: f.color.surfaceRaised,
-	boxShadow: f.shadow.raised,
-	pointerEvents: "none",
-	[r]: {
-		forcedColorAdjust: "none",
-		background: "Canvas",
-		borderColor: "CanvasText",
-		boxShadow: "none"
-	}
-}), ye = e({
-	position: "absolute",
-	insetBlockEnd: `calc(100% + ${f.space[2]})`,
-	paddingInline: f.space[2],
-	paddingBlock: f.space[1],
-	inlineSize: "max-content",
-	maxInlineSize: "min(24rem, 80vw)",
-	overflowWrap: "anywhere",
-	border: `1px solid ${f.color.borderControl}`,
-	borderRadius: f.radius.md,
-	background: f.color.surfaceRaised,
-	color: f.color.text,
-	boxShadow: f.shadow.raised,
-	pointerEvents: "none",
-	fontSize: f.textSize.xs,
-	opacity: 0,
-	transition: `opacity ${f.motion.duration.fast} ${f.motion.easeStandard}`,
-	"[data-dragging] > &, [data-slider-thumb]:focus-visible > &": { opacity: 1 },
-	[i]: { transitionDuration: "0s" },
-	[r]: {
-		borderColor: "CanvasText",
-		boxShadow: "none"
-	}
-}), be = e({
-	position: "absolute",
-	insetBlockStart: "50%",
-	transform: "translate(-50%, -50%)",
-	inlineSize: f.space[1],
-	blockSize: f.space[2],
-	border: `1px solid ${f.color.borderControl}`,
-	background: f.color.surfaceRaised,
-	boxSizing: "border-box",
-	pointerEvents: "none",
-	[r]: {
-		background: "Canvas",
-		borderColor: "CanvasText"
-	}
-});
-function v(e) {
-	let { ref: n, type: r = "single", value: i, defaultValue: c, label: f, description: v, error: y, invalid: b = !1, disabled: x = !1, min: S = 0, max: C = 100, step: w = 1, largeStep: T, minStepsBetweenThumbs: E = 0, marks: D = [], thumbLabels: O, locale: k, formatOptions: A, formatValue: j, showValue: M = !0, start: N, end: P, name: F, size: I = "md", slotProps: L, onValueChange: xe, onValueCommit: Se, className: Ce, sx: we, onKeyDown: Te, "aria-label": Ee, "aria-labelledby": De, "aria-describedby": Oe, "aria-invalid": ke, ...Ae } = e, R = r === "range", z = de(), [je, B] = ue(0), V = te({
-		component: "Slider",
-		range: R,
-		value: i,
-		defaultValue: c,
-		min: S,
-		max: C,
-		step: w,
-		largeStep: T,
-		minStepsBetweenThumbs: E,
-		disabled: x,
-		onValueChange: (t) => {
-			e.type, e.onValueChange?.(t);
-		},
-		onValueCommit: (t) => {
-			e.type, e.onValueCommit?.(t);
-		},
-		onPointerSample: ({ raw: e, low: t, high: n, rtl: r }) => B(z ? 0 : Math.max(-8, Math.min(pe, (e - Math.max(t, Math.min(n, e))) * (r ? -1 : 1)))),
-		onGestureEnd: () => B(0)
-	}), { id: H, current: U, values: W, active: G, bounds: Me, percent: K } = V, { formatter: q, format: J } = ie(k, A, j), Ne = typeof U == "number" ? J(U) : !j && "formatRange" in q ? q.formatRange(U[0], U[1]) : `${J(U[0])} – ${J(U[1])}`, Y = V.normalizeMarks(D), X = R ? K(W[0]) : 0, Pe = K(W[+!!R]), Z = d(f), Q = d(v), $ = d(y);
-	return /* @__PURE__ */ m(g, {
-		reducedMotion: "user",
-		children: /* @__PURE__ */ m(t, {
-			className: Ce,
-			styles: me,
-			sx: we,
-			children: (e) => /* @__PURE__ */ h("div", {
-				...Ae,
-				ref: n,
-				className: e,
-				"data-ui": "slider",
-				"data-disabled": x || void 0,
-				onKeyDown: (e) => {
-					Te?.(e), V.handleRootKeyDown(e);
-				},
-				children: [
-					(Z || M) && /* @__PURE__ */ h("div", {
-						css: ae,
-						children: [Z && /* @__PURE__ */ m("span", {
-							...L?.label,
-							id: `${H}-label`,
-							css: [le, L?.label?.css],
-							children: f
-						}), M && /* @__PURE__ */ m("span", {
-							...L?.readout,
-							"aria-hidden": "true",
-							css: [se, L?.readout?.css],
-							children: Ne
-						})]
-					}),
-					Q && /* @__PURE__ */ m("div", {
-						...L?.description,
-						id: `${H}-description`,
-						css: [ce, L?.description?.css],
-						children: v
-					}),
-					$ && /* @__PURE__ */ m("div", {
-						...L?.error,
-						id: `${H}-error`,
-						role: "alert",
-						css: [a, L?.error?.css],
-						children: y
-					}),
-					/* @__PURE__ */ h("div", {
-						css: re,
-						children: [
-							d(N) && /* @__PURE__ */ m("div", {
-								...L?.start,
-								children: N
-							}),
-							/* @__PURE__ */ h("div", {
-								...L?.control,
-								...V.controlHandlers(L?.control),
-								css: [
-									oe,
-									s[I],
-									L?.control?.css
-								],
-								"data-ui": "slider-control",
-								"data-disabled": x || void 0,
-								children: [
-									/* @__PURE__ */ m("div", {
-										...L?.track,
-										"data-ui": "slider-track",
-										"aria-hidden": "true",
-										css: [he, L?.track?.css],
-										children: /* @__PURE__ */ m("div", {
-											...L?.fill,
-											"data-ui": "slider-fill",
-											css: [ge, L?.fill?.css],
-											style: {
-												...L?.fill?.style,
-												insetInlineStart: `${X}%`,
-												inlineSize: `${Pe - X}%`
-											}
-										})
-									}),
-									Y.map((e, t) => /* @__PURE__ */ m("span", {
-										"aria-hidden": "true",
-										css: be,
-										style: { insetInlineStart: `${K(e.value)}%` }
-									}, t)),
-									W.map((e, t) => {
-										let n = l(L?.thumb, t), [r, i] = Me(t);
-										return /* @__PURE__ */ p("div", {
-											...n,
-											key: t,
-											id: `${H}-thumb-${t}`,
-											"data-slider-thumb": t,
-											"data-dragging": G === t || void 0,
-											role: "slider",
-											tabIndex: x ? -1 : 0,
-											"aria-orientation": "horizontal",
-											"aria-disabled": x,
-											"aria-invalid": $ || b ? !0 : n?.["aria-invalid"] ?? ke,
-											"aria-valuemin": r,
-											"aria-valuemax": i,
-											"aria-valuenow": e,
-											"aria-valuetext": J(e),
-											"aria-label": n?.["aria-label"] ?? (R ? O?.[t] : Ee),
-											"aria-labelledby": u(De, n?.["aria-labelledby"], R ? `${H}-name-${t}` : Z && `${H}-label`),
-											"aria-describedby": u(Oe, n?.["aria-describedby"], Q && `${H}-description`, $ && `${H}-error`),
-											css: [_e, n?.css],
-											style: {
-												...n?.style,
-												insetInlineStart: `${K(e)}%`
-											},
-											onFocus: (e) => {
-												V.noteFocus(t), n?.onFocus?.(e);
-											},
-											onKeyDown: (e) => {
-												n?.onKeyDown?.(e);
-											}
-										}, /* @__PURE__ */ m(_.span, {
-											"aria-hidden": "true",
-											css: ve,
-											animate: {
-												scale: z ? 1 : G === t ? .95 : 1,
-												x: z ? 0 : G === t ? je : 0
-											},
-											transition: z ? { duration: 0 } : fe
-										}), R && /* @__PURE__ */ m("span", {
-											id: `${H}-name-${t}`,
-											css: ee,
-											children: O?.[t]
-										}), /* @__PURE__ */ m("span", {
-											...L?.bubble,
-											"data-ui": "slider-bubble",
-											"aria-hidden": "true",
-											css: [ye, L?.bubble?.css],
-											style: {
-												...L?.bubble?.style,
-												...K(e) <= 50 ? { insetInlineStart: 0 } : { insetInlineEnd: 0 }
-											},
-											children: J(e)
-										}));
-									})
-								]
-							}),
-							d(P) && /* @__PURE__ */ m("div", {
-								...L?.end,
-								children: P
-							})
-						]
-					}),
-					Y.some((e) => d(e.label)) && /* @__PURE__ */ m("div", {
-						css: ne,
-						children: Y.map((e, t) => {
-							if (!d(e.label)) return null;
-							let n = l(L?.mark, t);
-							return /* @__PURE__ */ p("button", {
-								...n,
-								key: t,
-								type: "button",
-								disabled: x,
-								css: [o, n?.css],
-								onClick: (t) => {
-									n?.onClick?.(t), t.defaultPrevented || V.selectMark(e.value);
-								}
-							}, e.label);
-						})
-					}),
-					F !== void 0 && W.map((e, t) => /* @__PURE__ */ m("input", {
-						type: "hidden",
-						disabled: x,
-						name: typeof F == "string" ? F : F[t],
-						value: e
-					}, t))
-				]
-			})
-		})
-	});
-}
-v.displayName = "Slider";
-//#endregion
-export { v as t };