rangeflow 1.0.6 → 1.0.7

package/dist/index.js

@@ -4,15 +4,15 @@ import { immer as f } from "zustand/middleware/immer";
 import { createStore as p } from "zustand/vanilla";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { RestrictToHorizontalAxis as g, restrictShapeToBoundingRectangle as _ } from "@dnd-kit/abstract/modifiers";
-import { DragDropProvider as v, DragOverlay as y, useDragDropMonitor as b, useDraggable as ee } from "@dnd-kit/react";
-import x, { clsx as S } from "clsx";
-import { AnimatePresence as te, motion as C } from "motion/react";
-import { useStore as ne } from "zustand";
-import { KeyboardSensor as re, PointerSensor as ie } from "@dnd-kit/dom";
-import { Group as ae, Panel as w, Separator as T } from "react-resizable-panels";
-import { Modifier as oe, configurator as se } from "@dnd-kit/abstract";
-import { Rectangle as E } from "@dnd-kit/geometry";
-import { effect as ce, signal as D } from "@dnd-kit/state";
+import { DragDropProvider as v, DragOverlay as y, useDragDropMonitor as ee, useDraggable as te } from "@dnd-kit/react";
+import b, { clsx as x } from "clsx";
+import { AnimatePresence as ne, motion as S } from "motion/react";
+import { useStore as re } from "zustand";
+import { KeyboardSensor as ie, PointerSensor as ae } from "@dnd-kit/dom";
+import { Group as oe, Panel as C, Separator as w } from "react-resizable-panels";
+import { Modifier as se, configurator as ce } from "@dnd-kit/abstract";
+import { Rectangle as T } from "@dnd-kit/geometry";
+import { effect as E, signal as D } from "@dnd-kit/state";
 import { DayPicker as le } from "react-day-picker";
 import * as O from "@radix-ui/react-popover";
 //#region src/package/rangeflow/constants/date-ranges.ts
@@ -142,7 +142,7 @@ function H({ children: e, defaultRange: t, defaultSelected: n, disabled: r, dura
 //#endregion
 //#region src/package/rangeflow/animations/OdometerText.tsx
 var U = n(({ children: e, className: t }) => /* @__PURE__ */ m("span", {
-	className: x("inline-flex tabular-nums", t),
+	className: b("inline-flex tabular-nums", t),
 	children: [...e].map((e, t) => {
 		let n = e === " " ? "\xA0" : e;
 		return /* @__PURE__ */ h("span", {
@@ -150,10 +150,10 @@ var U = n(({ children: e, className: t }) => /* @__PURE__ */ m("span", {
 			children: [/* @__PURE__ */ m("span", {
 				className: "invisible",
 				children: n
-			}), /* @__PURE__ */ m(te, {
+			}), /* @__PURE__ */ m(ne, {
 				initial: !1,
 				mode: "popLayout",
-				children: /* @__PURE__ */ m(C.span, {
+				children: /* @__PURE__ */ m(S.span, {
 					animate: {
 						y: 0,
 						filter: "blur(0px)",
@@ -199,7 +199,7 @@ function G() {
 //#endregion
 //#region src/package/rangeflow/hooks/use-rangeflow-store.ts
 function K(e) {
-	return ne(a(V).store, e);
+	return re(a(V).store, e);
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/DateLabelsTrack.tsx
@@ -222,9 +222,9 @@ var pe = n(() => {
 		n
 	]);
 	return r ? t(r) : /* @__PURE__ */ m("div", {
-		className: x("rangeflow-labels flex w-full items-center justify-between select-none", "absolute top-10 left-0 px-2", "text-xs tracking-tighter text-(--rangeflow-text-faint) uppercase"),
+		className: b("rangeflow-labels flex w-full items-center justify-between select-none", "absolute top-10 left-0 px-2", "text-xs tracking-tighter text-(--rangeflow-text-faint) uppercase"),
 		children: i.map((e, t) => /* @__PURE__ */ m(U, {
-			className: x("rangeflow-label", { "font-medium text-(--rangeflow-text-muted)": t === 0 || t === i.length - 1 }),
+			className: b("rangeflow-label", { "font-medium text-(--rangeflow-text-muted)": t === 0 || t === i.length - 1 }),
 			children: e
 		}, t))
 	});
@@ -270,7 +270,7 @@ function he() {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/DateTickers.tsx
-var J = n(() => {
+var ge = n(() => {
 	let { DateTickers: e } = G(), n = Math.min(Math.max(70, W(K((e) => e.range))), 100);
 	return e ? t(e) : /* @__PURE__ */ m("div", {
 		className: "rangeflow-tickers flex items-center gap-2",
@@ -282,8 +282,8 @@ var J = n(() => {
 });
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/RangeStepButton.tsx
-function Y({ children: e, onClick: t }) {
-	return /* @__PURE__ */ m(C.span, {
+function J({ children: e, onClick: t }) {
+	return /* @__PURE__ */ m(S.span, {
 		className: "rangeflow-step-button shrink-0 cursor-pointer text-(--rangeflow-text) select-none hover:text-(--rangeflow-text-muted)",
 		whileHover: { scale: 1.1 },
 		onClick: t,
@@ -292,9 +292,9 @@ function Y({ children: e, onClick: t }) {
 }
 //#endregion
 //#region src/package/rangeflow/utils/derive-selection-from-layout.ts
-var ge = N([5, 100], [1, 100]);
-function _e(e, t) {
-	let n = e[j], r = e[k], i = e[A], a = d(t.from).startOf("day"), o = d(t.to).startOf("day").diff(a, "day"), s = ge(n), c = r + (n - s), l = Math.round(n) <= 5 ? 1 : Math.max(Math.round(s * o / 100), 1), u = M(Math.round(c * o / 100), 0, Math.max(o - l, 0));
+var _e = N([5, 100], [1, 100]);
+function ve(e, t) {
+	let n = e[j], r = e[k], i = e[A], a = d(t.from).startOf("day"), o = d(t.to).startOf("day").diff(a, "day"), s = _e(n), c = r + (n - s), l = Math.round(n) <= 5 ? 1 : Math.max(Math.round(s * o / 100), 1), u = M(Math.round(c * o / 100), 0, Math.max(o - l, 0));
 	return {
 		size: n,
 		left: r,
@@ -305,15 +305,15 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/package/rangeflow/hooks/use-rangeflow-store-api.ts
-function X() {
+function Y() {
 	return a(V).store;
 }
 //#endregion
 //#region src/package/rangeflow/hooks/use-update-selected-date.ts
-function Z() {
-	let e = X();
+function X() {
+	let e = Y();
 	return i((t) => {
-		let { range: n, update: r } = e.getState(), { size: i, left: a, right: o, from: s, to: c } = _e(t, n);
+		let { range: n, update: r } = e.getState(), { size: i, left: a, right: o, from: s, to: c } = ve(t, n);
 		r((e) => {
 			e.slider.size = i, e.slider.left = a, e.slider.right = o, e.selected_date = {
 				from: s,
@@ -324,9 +324,9 @@ function Z() {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/Slider/SliderLeftSpacer.tsx
-function ve() {
+function ye() {
 	let e = K((e) => e.slider.left), [t] = u(() => e);
-	return /* @__PURE__ */ m(w, {
+	return /* @__PURE__ */ m(C, {
 		className: "focus:outline-none",
 		defaultSize: `${t}%`,
 		id: k,
@@ -336,9 +336,9 @@ function ve() {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/Slider/SliderRightSpacer.tsx
-function ye() {
+function be() {
 	let e = K((e) => e.slider.right), [t] = u(() => e);
-	return /* @__PURE__ */ m(w, {
+	return /* @__PURE__ */ m(C, {
 		className: "focus:outline-none",
 		defaultSize: `${t}%`,
 		id: A,
@@ -348,7 +348,7 @@ function ye() {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/SliderValue.tsx
-var be = n(() => {
+var xe = n(() => {
 	let { SliderValueLabel: e } = G(), n = K((e) => e.slider.size), r = K((e) => e.selected_date), i = c(() => {
 		let e = Math.max(d(r.to).diff(r.from, "day"), 1);
 		return n < 10 ? `${e}D` : e === 1 ? "1 Day" : `${e} Days`;
@@ -359,13 +359,13 @@ var be = n(() => {
 	]);
 	return /* @__PURE__ */ m("div", {
 		"data-track-handle": "true",
-		className: x("rangeflow-thumb-label flex h-full w-full items-center justify-center", "mx-[clamp(0.5rem,5vw,5%)] cursor-grab", "text-xs font-medium text-nowrap text-(--rangeflow-text)"),
+		className: b("rangeflow-thumb-label flex h-full w-full items-center justify-center", "mx-[clamp(0.5rem,5vw,5%)] cursor-grab", "text-xs font-medium text-nowrap text-(--rangeflow-text)"),
 		children: e ? t(e, { label: i }) : i
 	});
-}), Q = N([1, 100], [5, 100]);
-function xe({ onHandleRef: e }) {
-	let t = K((e) => e.slider.size), n = K((e) => e.duration), r = W(K((e) => e.range)), [i] = u(() => t), a = n?.min ? Math.min(Q(n.min * 100 / r), 100) : 5, o = n?.max ? Math.min(Q(n.max * 100 / r), 100) : 100;
-	return /* @__PURE__ */ m(w, {
+}), Z = N([1, 100], [5, 100]);
+function Se({ onHandleRef: e }) {
+	let t = K((e) => e.slider.size), n = K((e) => e.duration), r = W(K((e) => e.range)), [i] = u(() => t), a = n?.min ? Math.min(Z(n.min * 100 / r), 100) : 5, o = n?.max ? Math.min(Z(n.max * 100 / r), 100) : 100;
+	return /* @__PURE__ */ m(C, {
 		defaultSize: `${i}%`,
 		elementRef: e,
 		id: j,
@@ -373,20 +373,20 @@ function xe({ onHandleRef: e }) {
 		minSize: `${a}%`,
 		children: /* @__PURE__ */ m("div", {
 			"data-track-handle-container": "",
-			className: x("rangeflow-thumb flex items-center justify-center", "h-full rounded-sm border border-(--rangeflow-border-strong) inset-shadow-sm shadow-(color:--rangeflow-shadow-color)", "backdrop-blur-[2.5px]", "cursor-default select-none"),
-			children: /* @__PURE__ */ m(be, {})
+			className: b("rangeflow-thumb flex items-center justify-center", "h-full rounded-sm border border-(--rangeflow-border-strong) inset-shadow-sm shadow-(color:--rangeflow-shadow-color)", "backdrop-blur-[2.5px]", "cursor-default select-none"),
+			children: /* @__PURE__ */ m(xe, {})
 		})
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/Slider/index.tsx
-var Se = (e, t, n) => !!e?.querySelector("[data-separator=\"active\"]") && t["slider-track-thumb"] === n["slider-track-thumb"];
-function Ce({ onHandleRef: e }) {
-	let t = Z(), { slider: { root: n } } = q(), i = l(null), a = l(null), o = l(null), s = S("rangeflow-separator h-3/4 w-0.75 self-center rounded-full transition-[background-color,opacity] duration-150", "bg-(--rangeflow-separator) hover:bg-(--rangeflow-separator-active) focus:outline-none", "data-[separator=active]:bg-(--rangeflow-separator-active)", "opacity-0 group-has-[[data-track-handle-container]:hover]:opacity-100", "hover:opacity-100 data-[separator=active]:opacity-100 data-[separator=focus]:opacity-100"), { ref: c } = ee({
+var Ce = (e, t, n) => !!e?.querySelector("[data-separator=\"active\"]") && t["slider-track-thumb"] === n["slider-track-thumb"];
+function we({ onHandleRef: e }) {
+	let t = X(), { slider: { root: n } } = q(), i = l(null), a = l(null), o = l(null), s = x("rangeflow-separator h-3/4 w-0.75 self-center rounded-full transition-[background-color,opacity] duration-150", "bg-(--rangeflow-separator) hover:bg-(--rangeflow-separator-active) focus:outline-none", "data-[separator=active]:bg-(--rangeflow-separator-active)", "opacity-0 group-has-[[data-track-handle-container]:hover]:opacity-100", "hover:opacity-100 data-[separator=active]:opacity-100 data-[separator=focus]:opacity-100"), { ref: c } = te({
 		id: "track-handle-draggable",
-		sensors: [ie.configure({ preventActivation: (e) => !(e.target instanceof HTMLDivElement) || !e.target.dataset.trackHandle }), re]
+		sensors: [ae.configure({ preventActivation: (e) => !(e.target instanceof HTMLDivElement) || !e.target.dataset.trackHandle }), ie]
 	});
-	return b({
+	return ee({
 		onDragStart: () => {
 			a.current = n.current?.getLayout() ?? null;
 		},
@@ -404,14 +404,14 @@ function Ce({ onHandleRef: e }) {
 		}
 	}), /* @__PURE__ */ m("div", {
 		ref: c,
-		className: S("absolute top-[50%] left-0 z-1 -translate-y-[50%]", "h-7 w-full"),
-		children: /* @__PURE__ */ h(ae, {
+		className: x("absolute top-[50%] left-0 z-1 -translate-y-[50%]", "h-7 w-full"),
+		children: /* @__PURE__ */ h(oe, {
 			className: "group h-full w-full",
 			elementRef: i,
 			groupRef: n,
 			onLayoutChange: (e) => {
 				let a = o.current;
-				if (a && Se(i.current, a, e)) {
+				if (a && Ce(i.current, a, e)) {
 					n.current?.setLayout(a);
 					return;
 				}
@@ -420,18 +420,18 @@ function Ce({ onHandleRef: e }) {
 				});
 			},
 			children: [
-				/* @__PURE__ */ m(ve, {}),
-				/* @__PURE__ */ m(T, { className: s }),
-				/* @__PURE__ */ m(xe, { onHandleRef: e }),
-				/* @__PURE__ */ m(T, { className: s }),
-				/* @__PURE__ */ m(ye, {})
+				/* @__PURE__ */ m(ye, {}),
+				/* @__PURE__ */ m(w, { className: s }),
+				/* @__PURE__ */ m(Se, { onHandleRef: e }),
+				/* @__PURE__ */ m(w, { className: s }),
+				/* @__PURE__ */ m(be, {})
 			]
 		})
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/SliderTrack.tsx
-function we({ onHandleRef: e }) {
+function Te({ onHandleRef: e }) {
 	let t = K((e) => e.update), n = K((e) => e.range), r = W(n), { slider: { root: i } } = q(), a = K((e) => e.disabled?.before), o = K((e) => e.disabled?.after), s = c(() => !a || d(n.from).isAfter(a), [n.from, a]), l = c(() => !o || d(n.to).isBefore(o), [n.to, o]), u = ({ left: e, right: t, size: n }) => {
 		i.current?.setLayout({
 			[k]: e,
@@ -442,7 +442,7 @@ function we({ onHandleRef: e }) {
 	return /* @__PURE__ */ h("div", {
 		className: "flex items-center select-none",
 		children: [
-			s ? /* @__PURE__ */ m(Y, {
+			s ? /* @__PURE__ */ m(J, {
 				onClick: () => {
 					t((e) => {
 						let t = d(e.range.from).subtract(r / 2, "day");
@@ -453,9 +453,9 @@ function we({ onHandleRef: e }) {
 			}) : null,
 			/* @__PURE__ */ h("div", {
 				className: "relative flex-1 px-2",
-				children: [/* @__PURE__ */ m(Ce, { onHandleRef: e }), /* @__PURE__ */ m(J, {})]
+				children: [/* @__PURE__ */ m(we, { onHandleRef: e }), /* @__PURE__ */ m(ge, {})]
 			}),
-			l ? /* @__PURE__ */ m(Y, {
+			l ? /* @__PURE__ */ m(J, {
 				onClick: () => {
 					t((e) => {
 						let t = d(e.range.to).add(r / 2, "day");
@@ -469,11 +469,11 @@ function we({ onHandleRef: e }) {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/utils/restrict-inner-to-element.ts
-var Te = class e extends oe {
+var Ee = class e extends se {
 	innerRect = D(null);
 	containerRect = D(null);
 	constructor(e, t) {
-		super(e, t), this.destroy = ce(() => {
+		super(e, t), this.destroy = E(() => {
 			if (!this.options) return;
 			let { dragOperation: t } = e;
 			if (!t.status.initialized) return;
@@ -485,24 +485,24 @@ var Te = class e extends oe {
 	}
 	apply({ transform: e }) {
 		let t = this.innerRect.value, n = this.containerRect.value;
-		return !t || !n ? e : _(new E(t.left, t.top, t.width, t.height), e, n);
+		return !t || !n ? e : _(new T(t.left, t.top, t.width, t.height), e, n);
 	}
-	static configure = se(e);
+	static configure = ce(e);
 };
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/index.tsx
-function Ee() {
+function De() {
 	let [e, t] = u(null), [n, r] = u(null);
 	return /* @__PURE__ */ m("div", {
 		ref: t,
 		className: "rangeflow-slider relative my-8 h-3 w-full px-2",
 		children: /* @__PURE__ */ h(v, {
-			modifiers: [Te.configure({
+			modifiers: [Ee.configure({
 				inner: n,
 				container: e
 			}), g],
 			children: [
-				/* @__PURE__ */ m(we, { onHandleRef: r }),
+				/* @__PURE__ */ m(Te, { onHandleRef: r }),
 				/* @__PURE__ */ m(pe, {}),
 				/* @__PURE__ */ m(y, { children: null })
 			]
@@ -511,8 +511,8 @@ function Ee() {
 }
 //#endregion
 //#region src/package/rangeflow/components/RangeTabs/hooks/use-apply-slider-layout.ts
-function De() {
-	let e = Z(), t = K((e) => e.range.from.getTime()), n = K((e) => e.range.to.getTime()), { slider: { root: i } } = q();
+function Oe() {
+	let e = X(), t = K((e) => e.range.from.getTime()), n = K((e) => e.range.to.getTime()), { slider: { root: i } } = q();
 	o(() => {
 		r(() => {
 			e(i.current.getLayout());
@@ -526,8 +526,8 @@ function De() {
 }
 //#endregion
 //#region src/package/rangeflow/components/RangeTabs/index.tsx
-function Oe() {
-	De();
+function ke() {
+	Oe();
 	let e = s(), t = K((e) => e.ranges), n = K((e) => e.update), r = K((e) => e.range.from), i = K((e) => e.range.to), a = K((e) => e.disabled?.before), o = K((e) => e.disabled?.after), l = c(() => t.filter((e) => !(a && d(e.from).isBefore(a, "day") || o && d(e.to).isAfter(o, "day"))), [
 		t,
 		a,
@@ -543,16 +543,16 @@ function Oe() {
 			className: "relative flex items-center overflow-hidden",
 			children: l.map((t, r) => /* @__PURE__ */ h("button", {
 				"data-active": u === r || void 0,
-				className: x("rangeflow-tab relative z-1 flex items-center px-1.5 py-1 focus:outline-none"),
+				className: b("rangeflow-tab relative z-1 flex items-center px-1.5 py-1 focus:outline-none"),
 				onClick: () => {
 					n((e) => {
 						e.range.from = t.from, e.range.to = t.to;
 					});
 				},
 				children: [/* @__PURE__ */ m("span", {
-					className: x("relative z-1 text-xs tracking-tight text-(--rangeflow-text-muted)", { "font-medium text-(--rangeflow-text)": u === r }),
+					className: b("relative z-1 text-xs tracking-tight text-(--rangeflow-text-muted)", { "font-medium text-(--rangeflow-text)": u === r }),
 					children: t.label
-				}), u === r && /* @__PURE__ */ m(C.div, {
+				}), u === r && /* @__PURE__ */ m(S.div, {
 					className: "rangeflow-tab-indicator absolute inset-0 rounded-sm bg-(--rangeflow-active-bg)",
 					initial: !1,
 					layoutId: e,
@@ -568,7 +568,7 @@ function Oe() {
 }
 //#endregion
 //#region src/package/rangeflow/components/Calendar/CalendarDayButton.tsx
-function ke({ className: e, day: t, modifiers: n, ...r }) {
+function Ae({ className: e, day: t, modifiers: n, ...r }) {
 	let i = l(null);
 	o(() => {
 		n.focused && i.current?.focus();
@@ -581,22 +581,22 @@ function ke({ className: e, day: t, modifiers: n, ...r }) {
 		"data-range-start": n.range_start || void 0,
 		"data-selected": a || void 0,
 		"data-today": n.today || void 0,
-		className: x("rangeflow-day flex h-9 w-9 items-center justify-center rounded-sm leading-none", "text-xs text-(--rangeflow-text-muted) transition-colors", "hover:bg-(--rangeflow-hover-bg)", "focus-visible:ring-1 focus-visible:ring-(--rangeflow-ring) focus-visible:outline-none", "data-[today=true]:font-bold data-[today=true]:text-(--rangeflow-today)", "data-[selected=true]:bg-(--rangeflow-accent-solid) data-[selected=true]:text-(--rangeflow-accent-contrast) data-[selected=true]:hover:bg-(--rangeflow-accent-solid-hover)", "data-[range-start=true]:bg-(--rangeflow-accent-solid) data-[range-start=true]:text-(--rangeflow-accent-contrast)", "data-[range-end=true]:bg-(--rangeflow-accent-solid) data-[range-end=true]:text-(--rangeflow-accent-contrast)", e),
+		className: b("rangeflow-day flex h-9 w-9 items-center justify-center rounded-sm leading-none", "text-xs text-(--rangeflow-text-muted) transition-colors", "hover:bg-(--rangeflow-hover-bg)", "focus-visible:ring-1 focus-visible:ring-(--rangeflow-ring) focus-visible:outline-none", "data-[today=true]:font-bold data-[today=true]:text-(--rangeflow-today)", "data-[selected=true]:bg-(--rangeflow-accent-solid) data-[selected=true]:text-(--rangeflow-accent-contrast) data-[selected=true]:hover:bg-(--rangeflow-accent-solid-hover)", "data-[range-start=true]:bg-(--rangeflow-accent-solid) data-[range-start=true]:text-(--rangeflow-accent-contrast)", "data-[range-end=true]:bg-(--rangeflow-accent-solid) data-[range-end=true]:text-(--rangeflow-accent-contrast)", e),
 		...r
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/Calendar/Chevron.tsx
-var Ae = {
+var je = {
 	up: "rotate-180",
 	down: "",
 	left: "rotate-90",
 	right: "-rotate-90"
 };
-function je({ className: e, orientation: t = "down", size: n = 16 }) {
+function Me({ className: e, orientation: t = "down", size: n = 16 }) {
 	return /* @__PURE__ */ m("svg", {
 		"aria-hidden": "true",
-		className: x("shrink-0", Ae[t], e),
+		className: b("shrink-0", je[t], e),
 		fill: "none",
 		height: n,
 		stroke: "currentColor",
@@ -610,21 +610,21 @@ function je({ className: e, orientation: t = "down", size: n = 16 }) {
 }
 //#endregion
 //#region src/package/rangeflow/components/Calendar/index.tsx
-function Me({ captionLayout: e = "label", className: t, classNames: n, components: r, showOutsideDays: i = !0, ...a }) {
+function Ne({ captionLayout: e = "label", className: t, classNames: n, components: r, showOutsideDays: i = !0, ...a }) {
 	return /* @__PURE__ */ m(le, {
 		captionLayout: e,
-		className: x("rangeflow-calendar w-fit p-3 select-none", t),
+		className: b("rangeflow-calendar w-fit p-3 select-none", t),
 		showOutsideDays: i,
 		classNames: {
 			months: "relative flex flex-col gap-4 md:flex-row",
 			month: "flex w-full flex-col gap-4",
 			nav: "absolute inset-x-0 top-0 flex h-7 items-center justify-between",
-			button_previous: x("inline-flex h-7 w-7 items-center justify-center rounded-sm", "text-(--rangeflow-text-subtle) transition-colors hover:bg-(--rangeflow-hover-bg) hover:text-(--rangeflow-text-muted)", "aria-disabled:pointer-events-none aria-disabled:opacity-40"),
-			button_next: x("inline-flex h-7 w-7 items-center justify-center rounded-sm", "text-(--rangeflow-text-subtle) transition-colors hover:bg-(--rangeflow-hover-bg) hover:text-(--rangeflow-text-muted)", "aria-disabled:pointer-events-none aria-disabled:opacity-40"),
+			button_previous: b("inline-flex h-7 w-7 items-center justify-center rounded-sm", "text-(--rangeflow-text-subtle) transition-colors hover:bg-(--rangeflow-hover-bg) hover:text-(--rangeflow-text-muted)", "aria-disabled:pointer-events-none aria-disabled:opacity-40"),
+			button_next: b("inline-flex h-7 w-7 items-center justify-center rounded-sm", "text-(--rangeflow-text-subtle) transition-colors hover:bg-(--rangeflow-hover-bg) hover:text-(--rangeflow-text-muted)", "aria-disabled:pointer-events-none aria-disabled:opacity-40"),
 			month_caption: "flex h-7 items-center justify-center text-xs font-medium text-(--rangeflow-text-muted)",
 			caption_label: "text-xs font-medium",
 			dropdowns: "flex items-center gap-1 text-xs font-medium text-(--rangeflow-text-muted)",
-			dropdown_root: x("relative flex items-center gap-1 rounded-sm border border-(--rangeflow-border) px-1.5 py-0.5", "has-[:focus]:ring-1 has-[:focus]:ring-(--rangeflow-ring)"),
+			dropdown_root: b("relative flex items-center gap-1 rounded-sm border border-(--rangeflow-border) px-1.5 py-0.5", "has-[:focus]:ring-1 has-[:focus]:ring-(--rangeflow-ring)"),
 			dropdown: "absolute inset-0 cursor-pointer opacity-0",
 			month_grid: "mt-2 w-full border-collapse",
 			weekdays: "flex",
@@ -642,8 +642,8 @@ function Me({ captionLayout: e = "label", className: t, classNames: n, component
 			...n
 		},
 		components: {
-			DayButton: ke,
-			Chevron: je,
+			DayButton: Ae,
+			Chevron: Me,
 			...r
 		},
 		...a
@@ -651,12 +651,12 @@ function Me({ captionLayout: e = "label", className: t, classNames: n, component
 }
 //#endregion
 //#region src/package/rangeflow/components/Popover/index.tsx
-var Ne = n(({ align: e = "center", className: t, sideOffset: n = 6, children: r, ...i }) => /* @__PURE__ */ m(O.Portal, { children: /* @__PURE__ */ m(O.Content, {
+var Pe = n(({ align: e = "center", className: t, sideOffset: n = 6, children: r, ...i }) => /* @__PURE__ */ m(O.Portal, { children: /* @__PURE__ */ m(O.Content, {
 	asChild: !0,
 	align: e,
 	sideOffset: n,
 	...i,
-	children: /* @__PURE__ */ m(C.div, {
+	children: /* @__PURE__ */ m(S.div, {
 		animate: {
 			opacity: 1,
 			scale: 1,
@@ -674,14 +674,13 @@ var Ne = n(({ align: e = "center", className: t, sideOffset: n = 6, children: r,
 			damping: 32,
 			mass: .8
 		},
-		className: x("rangeflow-date-picker-portal rangeflow-popover z-50 rounded-lg border border-(--rangeflow-border) bg-(--rangeflow-bg) p-2 text-(--rangeflow-text) shadow-md shadow-(color:--rangeflow-shadow-color) backdrop-blur-[10px] outline-none", t),
+		className: b("rangeflow-date-picker-portal rangeflow-popover z-50 rounded-lg border border-(--rangeflow-border) bg-(--rangeflow-bg) p-2 text-(--rangeflow-text) shadow-md shadow-(color:--rangeflow-shadow-color) backdrop-blur-[10px] outline-none", t),
 		children: r
 	})
-}) })), Pe = O.Root, Fe = O.Trigger;
-O.Anchor;
+}) })), Fe = O.Root, Ie = O.Trigger;
 //#endregion
 //#region src/package/rangeflow/components/PickerBar/CalendarPopover.tsx
-function Ie({ children: e }) {
+function Le({ children: e }) {
 	let t = K((e) => e.update), n = K((e) => e.range), r = K((e) => e.selected_date), i = K((e) => e.disabled), a = K((e) => e.duration), o = K((e) => e.CalendarProps), { slider: { root: s } } = q(), c = () => {
 		let e = d(n.from), t = d(n.to);
 		return d(r.from).isBefore(e) && (e = d(r.from).subtract(10, "day")), d(r.to).isAfter(t) && (t = d(r.to).add(10, "day")), {
@@ -698,18 +697,18 @@ function Ie({ children: e }) {
 			t.range = e;
 		});
 	};
-	return /* @__PURE__ */ h(Pe, {
+	return /* @__PURE__ */ h(Fe, {
 		modal: !0,
 		onOpenChange: (e) => {
 			e === !1 && l();
 		},
-		children: [/* @__PURE__ */ m(Fe, {
+		children: [/* @__PURE__ */ m(Ie, {
 			className: "cursor-pointer",
 			children: e
-		}), /* @__PURE__ */ m(Ne, {
+		}), /* @__PURE__ */ m(Pe, {
 			align: "start",
 			sideOffset: 10,
-			children: /* @__PURE__ */ m(Me, {
+			children: /* @__PURE__ */ m(Ne, {
 				defaultMonth: r.from,
 				numberOfMonths: 2,
 				showOutsideDays: !1,
@@ -735,7 +734,7 @@ function Ie({ children: e }) {
 }
 //#endregion
 //#region src/package/rangeflow/icons/CalendarIcon.tsx
-function Le() {
+function Q() {
 	return /* @__PURE__ */ m("svg", {
 		fill: "none",
 		height: "15",
@@ -766,7 +765,7 @@ function $() {
 	}) : /* @__PURE__ */ h("div", {
 		className: "rangeflow-selected-date flex items-center gap-2 text-xs font-medium text-(--rangeflow-accent-text) select-none hover:opacity-90",
 		children: [
-			/* @__PURE__ */ m(Le, {}),
+			/* @__PURE__ */ m(Q, {}),
 			r,
 			/* @__PURE__ */ m("span", {
 				className: "text-(--rangeflow-text-faint)",
@@ -782,7 +781,7 @@ function Re() {
 	let e = K((e) => e.calendar), { RangeTabs: n } = G();
 	return /* @__PURE__ */ h("div", {
 		className: "flex h-full items-center justify-between px-2",
-		children: [e ? /* @__PURE__ */ m(Ie, { children: /* @__PURE__ */ m($, {}) }) : /* @__PURE__ */ m($, {}), n ? t(n) : /* @__PURE__ */ m(Oe, {})]
+		children: [e ? /* @__PURE__ */ m(Le, { children: /* @__PURE__ */ m($, {}) }) : /* @__PURE__ */ m($, {}), n ? t(n) : /* @__PURE__ */ m(ke, {})]
 	});
 }
 //#endregion
@@ -793,7 +792,7 @@ function ze() {
 //#endregion
 //#region src/package/rangeflow/hooks/use-emit-date-change.ts
 function Be() {
-	let e = X(), { onChange: t } = ze();
+	let e = Y(), { onChange: t } = ze();
 	o(() => e.subscribe((e, n) => {
 		e.selected_date !== n.selected_date && t(e.selected_date);
 	}), [e, t]);
@@ -808,7 +807,7 @@ function Ve() {
 			children: /* @__PURE__ */ m(Re, {})
 		}), /* @__PURE__ */ m("div", {
 			className: "rangeflow-body mx-2",
-			children: /* @__PURE__ */ m(Ee, {})
+			children: /* @__PURE__ */ m(De, {})
 		})]
 	});
 }

package/dist/style.css

@@ -1,3 +1,3 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent:#16433c;--rangeflow-surface:#fff;--rangeflow-foreground:#0a0f0c;--rangeflow-on-accent:oklch(from var(--rangeflow-accent) clamp(0, (.62 - l) * 100, 1) 0 0);--rangeflow-bg:var(--rangeflow-surface);--rangeflow-border:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border:color-mix(in oklab, var(--rangeflow-accent) 22%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border-strong:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-border-strong:color-mix(in oklab, var(--rangeflow-accent) 45%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-shadow-color:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-shadow-color:color-mix(in oklab, var(--rangeflow-foreground) 10%, transparent)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text:color-mix(in oklab, var(--rangeflow-foreground) 92%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-muted:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-muted:color-mix(in oklab, var(--rangeflow-foreground) 65%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-subtle:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-subtle:color-mix(in oklab, var(--rangeflow-foreground) 50%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-faint:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-faint:color-mix(in oklab, var(--rangeflow-foreground) 35%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-disabled:var(--rangeflow-foreground)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-text-disabled:color-mix(in oklab, var(--rangeflow-foreground) 20%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-hover-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-hover-bg:color-mix(in oklab, var(--rangeflow-accent) 12%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-range-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-range-bg:color-mix(in oklab, var(--rangeflow-accent) 20%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-active-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-active-bg:color-mix(in oklab, var(--rangeflow-accent) 32%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-solid:var(--rangeflow-accent);--rangeflow-accent-solid-hover:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:color-mix(in oklab, var(--rangeflow-accent), var(--rangeflow-foreground) 12%)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-contrast:var(--rangeflow-on-accent);--rangeflow-accent-text:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-accent-text:color-mix(in oklab, var(--rangeflow-accent) 55%, var(--rangeflow-foreground))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-ring:var(--rangeflow-accent);--rangeflow-separator:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-separator:color-mix(in oklab, var(--rangeflow-accent) 65%, transparent)}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-separator-active:var(--rangeflow-accent);--rangeflow-ticker:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-ticker:color-mix(in oklab, var(--rangeflow-accent) 40%, var(--rangeflow-surface))}}.rangeflow-date-picker,.rangeflow-date-picker-portal{--rangeflow-today:var(--rangeflow-accent-text)}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-surface:#0a0f0c;--rangeflow-foreground:#fff;--rangeflow-border:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-border:color-mix(in oklab, var(--rangeflow-accent) 30%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 14%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-border-strong:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-border-strong:color-mix(in oklab, var(--rangeflow-accent) 55%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 22%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-hover-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-hover-bg:color-mix(in oklab, var(--rangeflow-accent) 22%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 10%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-range-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-range-bg:color-mix(in oklab, var(--rangeflow-accent) 32%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 14%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-active-bg:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-active-bg:color-mix(in oklab, var(--rangeflow-accent) 45%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 20%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-ticker:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-ticker:color-mix(in oklab, var(--rangeflow-accent) 55%, color-mix(in oklab, var(--rangeflow-surface), var(--rangeflow-foreground) 28%))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator:color-mix(in oklab, var(--rangeflow-accent) 55%, var(--rangeflow-foreground))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator-active:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-separator-active:color-mix(in oklab, var(--rangeflow-accent) 35%, var(--rangeflow-foreground))}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-solid-hover:color-mix(in oklab, var(--rangeflow-accent), var(--rangeflow-foreground) 18%)}}.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-text:var(--rangeflow-accent)}@supports (color:color-mix(in lab, red, red)){.rangeflow-date-picker.dark,.rangeflow-date-picker[data-theme=dark],.dark .rangeflow-date-picker,[data-theme=dark] .rangeflow-date-picker,.rangeflow-date-picker-portal.dark,.rangeflow-date-picker-portal[data-theme=dark],.dark .rangeflow-date-picker-portal,[data-theme=dark] .rangeflow-date-picker-portal{--rangeflow-accent-text:color-mix(in oklab, var(--rangeflow-accent) 45%, var(--rangeflow-foreground))}}}@layer base{.rangeflow-date-picker,.rangeflow-date-picker-portal{font-family:var(--rangeflow-font,ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rangeflow-date-picker,.rangeflow-date-picker *,.rangeflow-date-picker-portal,.rangeflow-date-picker-portal *{box-sizing:border-box}.rangeflow-date-picker button,.rangeflow-date-picker-portal button,.rangeflow-date-picker select,.rangeflow-date-picker-portal select{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.rangeflow-date-picker select,.rangeflow-date-picker-portal select{appearance:none}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-10{top:calc(var(--spacing) * 10)}.top-\[50\%\]{top:50%}.left-0{left:calc(var(--spacing) * 0)}.z-1{z-index:1}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-\[clamp\(0\.5rem\,5vw\,5\%\)\]{margin-inline:clamp(.5rem,5vw,5%)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing) * 3)}.h-3\/4{height:75%}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-35{height:calc(var(--spacing) * 35)}.h-full{height:100%}.w-0\.5{width:calc(var(--spacing) * .5)}.w-0\.75{width:calc(var(--spacing) * .75)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-140{width:calc(var(--spacing) * 140)}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-\[50\%\]{--tw-translate-y:calc(50% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\(--rangeflow-border\){border-color:var(--rangeflow-border)}.border-\(--rangeflow-border-strong\){border-color:var(--rangeflow-border-strong)}.bg-\(--rangeflow-active-bg\){background-color:var(--rangeflow-active-bg)}.bg-\(--rangeflow-bg\){background-color:var(--rangeflow-bg)}.bg-\(--rangeflow-range-bg\){background-color:var(--rangeflow-range-bg)}.bg-\(--rangeflow-separator\){background-color:var(--rangeflow-separator)}.bg-\(--rangeflow-ticker\){background-color:var(--rangeflow-ticker)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-nowrap{text-wrap:nowrap}.text-\(--rangeflow-accent-text\){color:var(--rangeflow-accent-text)}.text-\(--rangeflow-text\){color:var(--rangeflow-text)}.text-\(--rangeflow-text-disabled\){color:var(--rangeflow-text-disabled)}.text-\(--rangeflow-text-faint\){color:var(--rangeflow-text-faint)}.text-\(--rangeflow-text-muted\){color:var(--rangeflow-text-muted)}.text-\(--rangeflow-text-subtle\){color:var(--rangeflow-text-subtle)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-sm{--tw-inset-shadow:inset 0 2px 4px var(--tw-inset-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(color\:--rangeflow-shadow-color\){--tw-shadow-color:var(--rangeflow-shadow-color)}@supports (color:color-mix(in lab, red, red)){.shadow-\(color\:--rangeflow-shadow-color\){--tw-shadow-color:color-mix(in oklab, var(--rangeflow-shadow-color) var(--tw-shadow-alpha), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2\.5px\]{--tw-backdrop-blur:blur(2.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,opacity\]{transition-property:background-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-has-\[\[data-track-handle-container\]\:hover\]\:opacity-100:is(:where(.group):has([data-track-handle-container]:hover) *){opacity:1}@media (hover:hover){.hover\:bg-\(--rangeflow-hover-bg\):hover{background-color:var(--rangeflow-hover-bg)}.hover\:bg-\(--rangeflow-separator-active\):hover{background-color:var(--rangeflow-separator-active)}.hover\:text-\(--rangeflow-text-muted\):hover{color:var(--rangeflow-text-muted)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\(--rangeflow-ring\):focus-visible{--tw-ring-color:var(--rangeflow-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.has-\[\:focus\]\:ring-1:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\:focus\]\:ring-\(--rangeflow-ring\):has(:focus){--tw-ring-color:var(--rangeflow-ring)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-40[aria-disabled=true]{opacity:.4}.data-\[range-end\=true\]\:bg-\(--rangeflow-accent-solid\)[data-range-end=true]{background-color:var(--rangeflow-accent-solid)}.data-\[range-end\=true\]\:text-\(--rangeflow-accent-contrast\)[data-range-end=true]{color:var(--rangeflow-accent-contrast)}.data-\[range-start\=true\]\:bg-\(--rangeflow-accent-solid\)[data-range-start=true]{background-color:var(--rangeflow-accent-solid)}.data-\[range-start\=true\]\:text-\(--rangeflow-accent-contrast\)[data-range-start=true]{color:var(--rangeflow-accent-contrast)}.data-\[selected\=true\]\:bg-\(--rangeflow-accent-solid\)[data-selected=true]{background-color:var(--rangeflow-accent-solid)}.data-\[selected\=true\]\:text-\(--rangeflow-accent-contrast\)[data-selected=true]{color:var(--rangeflow-accent-contrast)}@media (hover:hover){.data-\[selected\=true\]\:hover\:bg-\(--rangeflow-accent-solid-hover\)[data-selected=true]:hover{background-color:var(--rangeflow-accent-solid-hover)}}.data-\[separator\=active\]\:bg-\(--rangeflow-separator-active\)[data-separator=active]{background-color:var(--rangeflow-separator-active)}.data-\[separator\=active\]\:opacity-100[data-separator=active],.data-\[separator\=focus\]\:opacity-100[data-separator=focus]{opacity:1}.data-\[today\=true\]\:font-bold[data-today=true]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[today\=true\]\:text-\(--rangeflow-today\)[data-today=true]{color:var(--rangeflow-today)}@media (width>=48rem){.md\:flex-row{flex-direction:row}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rangeflow",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "type": "module",
   "description": "A fancy date range picker built with React and Tailwind.",
   "license": "MIT",
@@ -61,7 +61,6 @@
     "dayjs": "^1.11.20",
     "immer": "^11.1.4",
     "motion": "^12.38.0",
-    "motion-plus": "https://api.motion.dev/registry.tgz?package=motion-plus&version=2.10.0&token=924901a20c0ebcbb5d02a033c4af9bb0283aec707a78b61012b5af339b839fe1",
     "react-day-picker": "^9.14.0",
     "react-resizable-panels": "^4.10.0",
     "zustand": "^5.0.12"