@jfrader/ui 0.5.1 → 0.6.0

package/dist/{carousel-B7OrvD6J.js → carousel-lTH4Foke.js}

@@ -1,10 +1,11 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, t as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
 import { n as o } from "./roving-focus-CYlo_Kf8.js";
 import { t as s } from "./use-controlled-state-DpeVQZNR.js";
-import { t as c } from "./button-NLY0h6EJ.js";
+import { t as c } from "./button-C6OV0C7J.js";
 import { Children as ee, isValidElement as l, useEffect as u, useId as te, useLayoutEffect as ne, useMemo as re, useRef as d, useState as f, useSyncExternalStore as ie } from "react";
 import { vars as p } from "@jfrader/tokens/vars";
 import { createElement as ae } from "@emotion/react";
@@ -43,7 +44,7 @@ var ve = (...e) => e.filter(Boolean).join(" ") || void 0, b = (e, t) => l(e) &&
 	gap: p.space[3],
 	fontFamily: p.font.sans,
 	color: p.color.text,
-	"&:focus-visible": n
+	"&:focus-visible": t
 }), be = e({ justifySelf: "start" }), xe = e({
 	overflowX: "auto",
 	overflowY: "hidden",
@@ -51,7 +52,7 @@ var ve = (...e) => e.filter(Boolean).join(" ") || void 0, b = (e, t) => l(e) &&
 	overscrollBehaviorInline: "contain",
 	scrollbarWidth: "none",
 	borderRadius: p.radius.lg,
-	"&:focus-visible": n,
+	"&:focus-visible": t,
 	"&[data-disabled]": { overflowX: "hidden" },
 	"&[data-dragging]": {
 		cursor: "grabbing",
@@ -101,8 +102,8 @@ var ve = (...e) => e.filter(Boolean).join(" ") || void 0, b = (e, t) => l(e) &&
 		cursor: "not-allowed",
 		opacity: .55
 	},
-	"&:focus-visible": r,
-	[i]: {
+	"&:focus-visible": n,
+	[r]: {
 		"& > span": {
 			forcedColorAdjust: "none",
 			backgroundColor: "CanvasText"
@@ -118,7 +119,7 @@ var ve = (...e) => e.filter(Boolean).join(" ") || void 0, b = (e, t) => l(e) &&
 	transitionProperty: "inline-size, background-color",
 	transitionDuration: p.motion.duration.fast,
 	transitionTimingFunction: p.motion.easeStandard,
-	[a]: { transitionDuration: "0s" }
+	[i]: { transitionDuration: "0s" }
 }), Oe = e({
 	inlineSize: p.space[8],
 	paddingInline: 0
@@ -159,7 +160,7 @@ function Me({ direction: e }) {
 		})
 	});
 }
-function x({ ref: e, children: n, value: r, defaultValue: i = 0, onValueChange: a, slideSize: l = se, getSlideLabel: p, activation: g = "auto", interval: _, autoPlay: ke = !1, playingValue: x, defaultPlayingValue: Ne, onPlayingValueChange: Pe, locale: Fe, labels: Ie, disabled: S = !1, slotProps: C, className: Le, sx: Re, style: ze, role: Be = "region", "aria-roledescription": Ve, onFocus: He, onBlur: Ue, onPointerEnter: We, onPointerLeave: Ge, ...Ke }) {
+function x({ ref: e, children: t, value: n, defaultValue: r = 0, onValueChange: i, slideSize: l = se, getSlideLabel: p, activation: g = "auto", interval: _, autoPlay: ke = !1, playingValue: x, defaultPlayingValue: Ne, onPlayingValueChange: Pe, locale: Fe, labels: Ie, disabled: S = !1, slotProps: C, className: Le, sx: Re, style: ze, role: Be = "region", "aria-roledescription": Ve, onFocus: He, onBlur: Ue, onPointerEnter: We, onPointerLeave: Ge, ...Ke }) {
 	let qe = te(), Je = re(() => new Intl.NumberFormat(Fe), [Fe]), w = {
 		slides: "Slides",
 		chooseSlide: "Choose slide",
@@ -171,7 +172,7 @@ function x({ ref: e, children: n, value: r, defaultValue: i = 0, onValueChange:
 		carouselRole: "carousel",
 		slideCount: (e, t) => `Slide ${Je.format(e + 1)} of ${Je.format(t)}`,
 		...Ie
-	}, Ye = p ?? w.slideCount, T = ee.toArray(n), E = T.length, Xe = JSON.stringify(T.map(b)), D = E > 1, [Ze, O] = s(r, i, a), k = Ze ?? 0, A = _e(k, E), j = D && !S, M = typeof _ == "number" && Number.isFinite(_) && _ > 0 ? _ : void 0, N = M !== void 0 && D, [Qe, $e] = s(x, Ne ?? ke, Pe), [et, P] = f(!1), [F, tt] = f(null), I = ie(fe, pe, ge), nt = ie(me, he, ge), [rt, it] = f(!1), [at, ot] = f(!1), [st, ct] = f(!1), L = N && Qe && !et && !I && !S, R = L && !rt && !at && !nt && !st, [z, lt] = f(null), ut = z !== null && z < E ? z : A, [dt, ft] = f(0), B = d(null), V = d(null), H = d(null), pt = d(null), mt = h([e, B]), ht = h([C?.viewport?.ref, V]), gt = h([C?.tabList?.ref, pt]), U = d(null), W = d(null), _t = d(null), G = d(null), vt = d(null), K = d(null), yt = d(!0), bt = d(0), xt = d(void 0), St = (e) => `${qe}-panel-${e}`, Ct = (e) => `${qe}-tab-${e}`;
+	}, Ye = p ?? w.slideCount, T = ee.toArray(t), E = T.length, Xe = JSON.stringify(T.map(b)), D = E > 1, [Ze, O] = s(n, r, i), k = Ze ?? 0, A = _e(k, E), j = D && !S, M = typeof _ == "number" && Number.isFinite(_) && _ > 0 ? _ : void 0, N = M !== void 0 && D, [Qe, $e] = s(x, Ne ?? ke, Pe), [et, P] = f(!1), [F, tt] = f(null), I = ie(fe, pe, ge), nt = ie(me, he, ge), [rt, it] = f(!1), [at, ot] = f(!1), [st, ct] = f(!1), L = N && Qe && !et && !I && !S, R = L && !rt && !at && !nt && !st, [z, lt] = f(null), ut = z !== null && z < E ? z : A, [dt, ft] = f(0), B = d(null), V = d(null), H = d(null), pt = d(null), mt = h([e, B]), ht = h([C?.viewport?.ref, V]), gt = h([C?.tabList?.ref, pt]), U = d(null), W = d(null), _t = d(null), G = d(null), vt = d(null), K = d(null), yt = d(!0), bt = d(0), xt = d(void 0), St = (e) => `${qe}-panel-${e}`, Ct = (e) => `${qe}-tab-${e}`;
 	u(() => {
 		Number.isFinite(k) || console.warn(`Carousel: value ${k} is not a finite index; showing the first slide.`);
 	}, [k]), u(() => {
@@ -318,7 +319,7 @@ function x({ ref: e, children: n, value: r, defaultValue: i = 0, onValueChange:
 		...ze,
 		"--carousel-slide-size": typeof l == "number" ? `${l}px` : l
 	}, { viewport: J, track: Wt, slide: Gt, controls: Kt, tabList: Y, indicator: X, rotationButton: Z, previousButton: Q, nextButton: $, status: qt, empty: Jt } = C ?? {};
-	return /* @__PURE__ */ m(t, {
+	return /* @__PURE__ */ m(a, {
 		className: Le,
 		styles: ye,
 		sx: Re,

package/dist/carousel.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Carousel } from "./carousel-B7OrvD6J.js";
+export { t as Carousel } from "./carousel-lTH4Foke.js";