rangeflow 1.0.13 → 1.0.15

package/README.md

@@ -4,6 +4,13 @@ A fancy date range picker built with React and Tailwind.
 
 RangeFlow gives you a date range picker with a smooth slider, quick range tabs, and a popover calendar. It is built for React 18 and 19, ships with a tiny CSS theming layer, and does not touch your app's global styles.
 
+<a href="https://rangeflow.raminmousavi.dev" target="_blank">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raminmousavi.dev/blog-assets/post-006/rangeflow-hero-dark.png?v=1.0">
+    <img alt="RangeFlow Hero" src="https://raminmousavi.dev/blog-assets/post-006/rangeflow-hero.png?v=1.0">
+  </picture>
+</a>
+
 ## Features
 
 - Drag based range slider that feels natural on mouse and touch.

package/dist/RangeFlow.d.ts

@@ -1,2 +1,2 @@
 import { RangeFlowProps } from './types';
-export declare function RangeFlow(props: RangeFlowProps): import("react/jsx-runtime").JSX.Element;
+export declare function RangeFlow(props: RangeFlowProps): import("react").JSX.Element;

package/dist/Root.d.ts

@@ -1 +1 @@
-export declare function Root(): import("react/jsx-runtime").JSX.Element;
+export declare function Root(): import("react").JSX.Element;

package/dist/animations/OdometerText/OdometerChar.d.ts

@@ -2,5 +2,5 @@ interface Props {
     value: string;
     delay: number;
 }
-export declare const OdometerChar: import('react').MemoExoticComponent<({ value, delay }: Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const OdometerChar: import('react').MemoExoticComponent<({ value, delay }: Props) => import("react").JSX.Element>;
 export {};

package/dist/animations/OdometerText/index.d.ts

@@ -2,5 +2,5 @@ interface OdometerTextProps {
     children: string;
     className?: string;
 }
-export declare const OdometerText: import('react').MemoExoticComponent<({ children, className }: OdometerTextProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const OdometerText: import('react').MemoExoticComponent<({ children, className }: OdometerTextProps) => import("react").JSX.Element>;
 export {};

package/dist/components/Calendar/CalendarDayButton.d.ts

@@ -1,2 +1,2 @@
 import { DayButtonProps } from 'react-day-picker';
-export declare function CalendarDayButton({ className, day: _day, modifiers, ...props }: DayButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarDayButton({ className, day: _day, modifiers, ...props }: DayButtonProps): import("react").JSX.Element;

package/dist/components/Calendar/Chevron.d.ts

@@ -1,2 +1,2 @@
 import { ChevronProps } from 'react-day-picker';
-export declare function Chevron({ className, orientation, size }: ChevronProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chevron({ className, orientation, size }: ChevronProps): import("react").JSX.Element;

package/dist/components/Calendar/index.d.ts

@@ -1,2 +1,2 @@
 import { DayPickerProps } from 'react-day-picker';
-export declare function Calendar({ captionLayout, className, classNames, components, showOutsideDays, ...props }: DayPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar({ captionLayout, className, classNames, components, showOutsideDays, ...props }: DayPickerProps): import("react").JSX.Element;

package/dist/components/DateSlider/DateLabelsTrack.d.ts

@@ -1 +1 @@
-export declare const DateLabelsTrack: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const DateLabelsTrack: import('react').MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/components/DateSlider/DateTickers.d.ts

@@ -1 +1 @@
-export declare const DateTickers: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const DateTickers: import('react').MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/components/DateSlider/RangeStepButton.d.ts

@@ -3,5 +3,5 @@ interface Props {
     children: ReactNode;
     onClick: () => void;
 }
-export declare function RangeStepButton({ children, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function RangeStepButton({ children, onClick }: Props): import("react").JSX.Element;
 export {};

package/dist/components/DateSlider/Slider/SliderLeftSpacer.d.ts

@@ -1 +1 @@
-export declare function SliderLeftSpacer(): import("react/jsx-runtime").JSX.Element;
+export declare function SliderLeftSpacer(): import("react").JSX.Element;

package/dist/components/DateSlider/Slider/SliderRightSpacer.d.ts

@@ -1 +1 @@
-export declare function SliderRightSpacer(): import("react/jsx-runtime").JSX.Element;
+export declare function SliderRightSpacer(): import("react").JSX.Element;

package/dist/components/DateSlider/Slider/SliderThumb.d.ts

@@ -1,5 +1,5 @@
 interface Props {
     onHandleRef: (el: HTMLDivElement | null) => void;
 }
-export declare function SliderThumb({ onHandleRef }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function SliderThumb({ onHandleRef }: Props): import("react").JSX.Element;
 export {};

package/dist/components/DateSlider/Slider/index.d.ts

@@ -1,5 +1,5 @@
 interface Props {
     onHandleRef: (el: HTMLDivElement | null) => void;
 }
-export declare function Slider({ onHandleRef }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Slider({ onHandleRef }: Props): import("react").JSX.Element;
 export {};

package/dist/components/DateSlider/SliderTrack.d.ts

@@ -1,5 +1,5 @@
 interface Props {
     onHandleRef: (el: HTMLDivElement | null) => void;
 }
-export declare function SliderTrack({ onHandleRef }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function SliderTrack({ onHandleRef }: Props): import("react").JSX.Element;
 export {};

package/dist/components/DateSlider/SliderValue.d.ts

@@ -1 +1 @@
-export declare const SliderValue: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const SliderValue: import('react').MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/components/DateSlider/index.d.ts

@@ -1 +1 @@
-export declare function DateSlider(): import("react/jsx-runtime").JSX.Element;
+export declare function DateSlider(): import("react").JSX.Element;

package/dist/components/DateSlider/utils/restrict-inner-to-element.d.ts

@@ -9,6 +9,6 @@ export declare class RestrictInnerToElement extends Modifier<DragDropManager<Dat
     private containerRect;
     constructor(manager: DragDropManager<Data, Draggable, Droppable>, options?: Options);
     apply({ transform }: DragOperation): import('@dnd-kit/geometry').Coordinates;
-    static configure: (options: Options) => import('@dnd-kit/abstract').PluginDescriptor<any, any, typeof RestrictInnerToElement>;
+    static configure: (options: Options) => import('@dnd-kit/abstract').PluginDescriptor<any, import('@dnd-kit/abstract').Plugin<any, Options>, typeof RestrictInnerToElement>;
 }
 export {};

package/dist/components/PickerBar/CalendarPopover.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 interface Props {
     children: ReactNode;
 }
-export declare function CalendarPopover({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarPopover({ children }: Props): import("react").JSX.Element;
 export {};

package/dist/components/PickerBar/SelectedDate.d.ts

@@ -1 +1 @@
-export declare function SelectedDate(): import("react/jsx-runtime").JSX.Element;
+export declare function SelectedDate(): import("react").JSX.Element;

package/dist/components/PickerBar/index.d.ts

@@ -1 +1 @@
-export declare function PickerBar(): import("react/jsx-runtime").JSX.Element;
+export declare function PickerBar(): import("react").JSX.Element;

package/dist/components/Popover/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 type ContentProps = ComponentProps<typeof PopoverPrimitive.Content>;
-export declare const PopoverContent: import('react').MemoExoticComponent<({ align, className, sideOffset, children, ...props }: ContentProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PopoverContent: import('react').MemoExoticComponent<({ align, className, sideOffset, children, ...props }: ContentProps) => import("react").JSX.Element>;
 export declare const Popover: import('react').FC<PopoverPrimitive.PopoverProps>;
 export declare const PopoverTrigger: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
 export declare const PopoverAnchor: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/RangeTabs/index.d.ts

@@ -1 +1 @@
-export declare function RangeTabs(): import("react/jsx-runtime").JSX.Element;
+export declare function RangeTabs(): import("react").JSX.Element;

package/dist/context/ContextProvider.d.ts

@@ -3,5 +3,5 @@ import { RangeFlowProps } from '../types';
 interface Props extends RangeFlowProps {
     children: ReactNode;
 }
-export declare function ContextProvider({ children, defaultRange, defaultSelected, disabled, duration, calendar, ranges, CalendarProps, Slots, api, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ContextProvider({ children, defaultRange, defaultSelected, disabled, duration, calendar, ranges, CalendarProps, Slots, api, onChange }: Props): import("react").JSX.Element;
 export {};

package/dist/icons/CalendarIcon.d.ts

@@ -1 +1 @@
-export declare function CalendarIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarIcon(): import("react").JSX.Element;

package/dist/icons/DoubleChevronLeftIcon.d.ts

@@ -1 +1 @@
-export declare function DoubleChevronLeftIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function DoubleChevronLeftIcon(): import("react").JSX.Element;

package/dist/icons/DoubleChevronRightIcon.d.ts

@@ -1 +1 @@
-export declare function DoubleChevronRightIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function DoubleChevronRightIcon(): import("react").JSX.Element;

package/dist/index.js

@@ -8,13 +8,13 @@ import y, { clsx as b } from "clsx";
 import { useStore as x } from "zustand";
 import { KeyboardSensor as ne, PointerSensor as re } from "@dnd-kit/dom";
 import { Group as ie, Panel as S, Separator as C } from "react-resizable-panels";
-import { Modifier as ae, configurator as w } 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 oe } from "react-day-picker";
-import * as O from "@radix-ui/react-popover";
+import { Modifier as ae, configurator as oe } from "@dnd-kit/abstract";
+import { Rectangle as w } from "@dnd-kit/geometry";
+import { effect as T, signal as E } from "@dnd-kit/state";
+import { DayPicker as se } from "react-day-picker";
+import * as D from "@radix-ui/react-popover";
 //#region src/package/rangeflow/constants/date-ranges.ts
-var se = [
+var ce = [
 	{
 		label: "2 Weeks",
 		from: d().subtract(1, "weeks").toDate(),
@@ -40,29 +40,40 @@ var se = [
 		from: d().subtract(6, "months").toDate(),
 		to: d().add(6, "months").toDate()
 	}
-], k = "left-spacer", A = "right-spacer", j = "slider-track-thumb";
+], O = "left-spacer", k = "right-spacer", A = "slider-track-thumb";
 //#endregion
 //#region src/package/rangeflow/utils/clamp.ts
-function M(e, t, n) {
+function j(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/package/rangeflow/utils/interpolate.ts
-function N(e, t) {
+function M(e, t) {
 	return (n) => {
 		let [r, i] = e, [a, o] = t;
 		return a + (n - r) / (i - r) * (o - a);
 	};
 }
 //#endregion
+//#region src/package/rangeflow/utils/normalize-date-range.ts
+function N(e) {
+	let t = d().startOf("day"), n = d(e.from), r = d(e.to), i = n.isValid() ? n.startOf("day") : t, a = r.isValid() ? r.startOf("day") : i;
+	return a.isBefore(i) && (a = i), {
+		start: i,
+		end: a
+	};
+}
+//#endregion
 //#region src/package/rangeflow/utils/create-slider-values.ts
-var ce = N([1, 100], [5, 100]);
+var le = M([1, 100], [5, 100]);
 function P(e, t) {
-	let n = d(e.from).startOf("day"), r = d(e.to).startOf("day").diff(n, "day"), i = d(t.from).startOf("day"), a = d(t.to).startOf("day"), o = Math.max(i.diff(n, "day"), 0), s = (a.diff(i, "day") + 1) * 100 / r, c = o * 100 / r, l = Math.max(ce(s), 5), u = M(c - (l - s), 0, Math.max(100 - l, 0));
+	let { start: n, end: r } = N(e), i = Math.max(r.diff(n, "day") + 1, 1), a = d(t.from), o = d(t.to), s = a.isValid() ? a.startOf("day") : n, c = o.isValid() ? o.startOf("day") : s;
+	c.isBefore(s) && (c = s);
+	let l = Math.max(Math.min(s.diff(n, "day"), i - 1), 0), u = Math.max(Math.min(c.diff(s, "day") + 1, i), 1) * 100 / i, f = l * 100 / i, p = Math.max(le(u), 5), m = j(f - (p - u), 0, Math.max(100 - p, 0));
 	return {
-		size: l,
-		left: u,
-		right: Math.max(100 - u - l, 0)
+		size: p,
+		left: m,
+		right: Math.max(100 - m - p, 0)
 	};
 }
 //#endregion
@@ -108,7 +119,7 @@ var z = (e) => f()((t) => ({
 })), B = e(null);
 //#endregion
 //#region src/package/rangeflow/context/ContextProvider.tsx
-function V({ children: e, defaultRange: t, defaultSelected: n, disabled: r, duration: i, calendar: a = !0, ranges: o = se, CalendarProps: s, Slots: l, api: d, onChange: f }) {
+function V({ children: e, defaultRange: t, defaultSelected: n, disabled: r, duration: i, calendar: a = !0, ranges: o = ce, CalendarProps: s, Slots: l, api: d, onChange: f }) {
 	let m = L(), h = I({ onChange: f }), g = R(l), [_] = u(() => z({
 		ranges: o,
 		disabled: r,
@@ -187,7 +198,10 @@ var H = n(({ value: e, delay: t }) => {
 //#endregion
 //#region src/package/rangeflow/hooks/use-days-in-range.ts
 function W(e) {
-	return c(() => d(e.to).diff(d(e.from), "day"), [e.from, e.to]);
+	return c(() => {
+		let { start: t, end: n } = N(e);
+		return Math.max(n.diff(t, "day") + 1, 1);
+	}, [e.from, e.to]);
 }
 //#endregion
 //#region src/package/rangeflow/hooks/use-rangeflow-slots.ts
@@ -201,18 +215,18 @@ function K(e) {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/DateLabelsTrack.tsx
-function le(e) {
+function ue(e) {
 	return e > 120 ? "MMM YYYY" : e > 7 ? "MMM DD" : "ddd DD";
 }
-function ue(e) {
+function de(e) {
 	return e > 120 ? 8 : e > 30 ? 10 : e > 7 ? 8 : Math.min(e + 1, 8);
 }
-var de = n(() => {
+var fe = n(() => {
 	let e = K((e) => e.range), n = W(e), { DateLabelsTrack: r } = G(), i = c(() => {
-		let t = le(n), r = ue(n), i = d(e.from), a = d(e.to).diff(i);
+		let t = ue(n), r = Math.max(de(n), 1), { start: i, end: a } = N(e), o = a.diff(i), s = Math.max(r - 1, 1);
 		return Array.from({ length: r }, (e, n) => {
-			let o = n / (r - 1);
-			return i.add(a * o, "ms").format(t);
+			let r = n / s;
+			return i.add(o * r, "ms").format(t);
 		});
 	}, [
 		e.from,
@@ -234,7 +248,7 @@ function q() {
 }
 //#endregion
 //#region src/package/rangeflow/icons/DoubleChevronLeftIcon.tsx
-function fe() {
+function pe() {
 	return /* @__PURE__ */ p("svg", {
 		fill: "none",
 		height: "15",
@@ -251,7 +265,7 @@ function fe() {
 }
 //#endregion
 //#region src/package/rangeflow/icons/DoubleChevronRightIcon.tsx
-function pe() {
+function me() {
 	return /* @__PURE__ */ p("svg", {
 		fill: "none",
 		height: "15",
@@ -268,7 +282,7 @@ function pe() {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/DateTickers.tsx
-var me = n(() => {
+var he = n(() => {
 	let { DateTickers: e } = G(), n = Math.min(Math.max(70, W(K((e) => e.range))), 100);
 	return e ? t(e) : /* @__PURE__ */ p("div", {
 		className: "rangeflow-tickers flex items-center gap-2",
@@ -289,15 +303,15 @@ function J({ children: e, onClick: t }) {
 }
 //#endregion
 //#region src/package/rangeflow/utils/derive-selection-from-layout.ts
-var he = N([5, 100], [1, 100]);
-function ge(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 = he(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 ge = M([5, 100], [1, 100]);
+function _e(e, t) {
+	let n = e[A], r = e[O], i = e[k], { start: a, end: o } = N(t), s = Math.max(o.diff(a, "day") + 1, 1), c = Number.isFinite(n) ? n : 5, l = Number.isFinite(r) ? r : 0, u = ge(c), d = l + (c - u), f = Math.round(c) <= 5 ? 1 : Math.max(Math.round(u * s / 100), 1), p = j(Math.round(d * s / 100), 0, Math.max(s - f, 0));
 	return {
 		size: n,
 		left: r,
 		right: i,
-		from: a.add(u, "day").toDate(),
-		to: a.add(u + l - 1, "day").toDate()
+		from: a.add(p, "day").toDate(),
+		to: a.add(p + f - 1, "day").toDate()
 	};
 }
 //#endregion
@@ -310,7 +324,7 @@ function Y() {
 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 } = ge(t, n);
+		let { range: n, update: r } = e.getState(), { size: i, left: a, right: o, from: s, to: c } = _e(t, n);
 		r({
 			slider: {
 				size: i,
@@ -326,34 +340,34 @@ function X() {
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/Slider/SliderLeftSpacer.tsx
-function _e() {
+function ve() {
 	let e = K((e) => e.slider.left), [t] = u(() => e);
 	return /* @__PURE__ */ p(S, {
 		className: "focus:outline-none",
 		defaultSize: `${t}%`,
-		id: k,
+		id: O,
 		minSize: 0,
 		children: "\xA0"
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/Slider/SliderRightSpacer.tsx
-function ve() {
+function ye() {
 	let e = K((e) => e.slider.right), [t] = u(() => e);
 	return /* @__PURE__ */ p(S, {
 		className: "focus:outline-none",
 		defaultSize: `${t}%`,
-		id: A,
+		id: k,
 		minSize: 0,
 		children: "\xA0"
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/SliderValue.tsx
-var ye = n(() => {
+var be = n(() => {
 	let { SliderValueLabel: e } = G(), n = K((e) => e.slider.size), r = K((e) => e.selected_date), i = c(() => {
-		let e = d(r.to).diff(r.from, "day") + 1;
-		return n < 10 ? `${e}D` : e === 1 ? "1 Day" : `${e} Days`;
+		let e = d(r.from), t = d(r.to), i = e.isValid() ? e : t, a = t.isValid() ? t : e, o = a.isValid() && i.isValid() ? a.diff(i, "day") + 1 : 1, s = Number.isFinite(o) ? Math.max(o, 1) : 1;
+		return n < 10 ? `${s}D` : s === 1 ? "1 Day" : `${s} Days`;
 	}, [
 		r.from,
 		r.to,
@@ -364,26 +378,26 @@ var ye = n(() => {
 		className: y("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
 	});
-}), Z = N([1, 100], [5, 100]);
-function be({ onHandleRef: e }) {
+}), Z = M([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(Z(n.min * 100 / r), 100) : 5, o = n?.max ? Math.min(Z(n.max * 100 / r), 100) : 100;
 	return /* @__PURE__ */ p(S, {
 		defaultSize: `${i}%`,
 		elementRef: e,
-		id: j,
+		id: A,
 		maxSize: `${o}%`,
 		minSize: `${a}%`,
 		children: /* @__PURE__ */ p("div", {
 			"data-track-handle-container": "",
 			className: y("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__ */ p(ye, {})
+			children: /* @__PURE__ */ p(be, {})
 		})
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/Slider/index.tsx
-var xe = (e, t, n) => !!e?.querySelector("[data-separator=\"active\"]") && t["slider-track-thumb"] === n["slider-track-thumb"];
-function Se({ onHandleRef: e }) {
+var Se = (e, t, n) => !!e?.querySelector("[data-separator=\"active\"]") && t["slider-track-thumb"] === n["slider-track-thumb"];
+function Ce({ onHandleRef: e }) {
 	let t = X(), { slider: { root: n } } = q(), i = l(null), a = l(null), o = l(null), s = b("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: [re.configure({ preventActivation: (e) => !(e.target instanceof HTMLDivElement) || !e.target.dataset.trackHandle }), ne]
@@ -394,11 +408,11 @@ function Se({ onHandleRef: e }) {
 		},
 		onDragMove: (e) => {
 			if (!n.current || !a.current || !i.current || !i.current.clientWidth) return;
-			let t = e.operation.transform.x / i.current.clientWidth * 100, r = a.current, o = r[k] + r[A], s = Math.min(Math.max(r[k] + t, 0), o);
+			let t = e.operation.transform.x / i.current.clientWidth * 100, r = a.current, o = r[O] + r[k], s = Math.min(Math.max(r[O] + t, 0), o);
 			n.current.setLayout({
 				...r,
-				[k]: s,
-				[A]: o - s
+				[O]: s,
+				[k]: o - s
 			});
 		},
 		onDragEnd: () => {
@@ -413,7 +427,7 @@ function Se({ onHandleRef: e }) {
 			groupRef: n,
 			onLayoutChange: (e) => {
 				let a = o.current;
-				if (a && xe(i.current, a, e)) {
+				if (a && Se(i.current, a, e)) {
 					n.current?.setLayout(a);
 					return;
 				}
@@ -422,23 +436,23 @@ function Se({ onHandleRef: e }) {
 				});
 			},
 			children: [
-				/* @__PURE__ */ p(_e, {}),
+				/* @__PURE__ */ p(ve, {}),
 				/* @__PURE__ */ p(C, { className: s }),
-				/* @__PURE__ */ p(be, { onHandleRef: e }),
+				/* @__PURE__ */ p(xe, { onHandleRef: e }),
 				/* @__PURE__ */ p(C, { className: s }),
-				/* @__PURE__ */ p(ve, {})
+				/* @__PURE__ */ p(ye, {})
 			]
 		})
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/SliderTrack.tsx
-function Ce({ onHandleRef: e }) {
+function we({ 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,
-			[j]: n,
-			[A]: t
+			[O]: e,
+			[A]: n,
+			[k]: t
 		});
 	};
 	return /* @__PURE__ */ m("div", {
@@ -457,11 +471,11 @@ function Ce({ onHandleRef: e }) {
 						};
 					});
 				},
-				children: /* @__PURE__ */ p(fe, {})
+				children: /* @__PURE__ */ p(pe, {})
 			}) : null,
 			/* @__PURE__ */ m("div", {
 				className: "relative flex-1 px-2",
-				children: [/* @__PURE__ */ p(Se, { onHandleRef: e }), /* @__PURE__ */ p(me, {})]
+				children: [/* @__PURE__ */ p(Ce, { onHandleRef: e }), /* @__PURE__ */ p(he, {})]
 			}),
 			l ? /* @__PURE__ */ p(J, {
 				onClick: () => {
@@ -476,18 +490,18 @@ function Ce({ onHandleRef: e }) {
 						};
 					});
 				},
-				children: /* @__PURE__ */ p(pe, {})
+				children: /* @__PURE__ */ p(me, {})
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/utils/restrict-inner-to-element.ts
-var we = class e extends ae {
-	innerRect = D(null);
-	containerRect = D(null);
+var Te = class e extends ae {
+	innerRect = E(null);
+	containerRect = E(null);
 	constructor(e, t) {
-		super(e, t), this.destroy = E(() => {
+		super(e, t), this.destroy = T(() => {
 			if (!this.options) return;
 			let { dragOperation: t } = e;
 			if (!t.status.initialized) return;
@@ -499,25 +513,25 @@ var we = class e extends ae {
 	}
 	apply({ transform: e }) {
 		let t = this.innerRect.value, n = this.containerRect.value;
-		return !t || !n ? e : g(new T(t.left, t.top, t.width, t.height), e, n);
+		return !t || !n ? e : g(new w(t.left, t.top, t.width, t.height), e, n);
 	}
-	static configure = w(e);
+	static configure = oe(e);
 };
 //#endregion
 //#region src/package/rangeflow/components/DateSlider/index.tsx
-function Te() {
+function Ee() {
 	let [e, t] = u(null), [n, r] = u(null);
 	return /* @__PURE__ */ p("div", {
 		ref: t,
 		className: "rangeflow-slider relative my-8 h-3 w-full px-2",
 		children: /* @__PURE__ */ m(_, {
-			modifiers: [we.configure({
+			modifiers: [Te.configure({
 				inner: n,
 				container: e
 			}), h],
 			children: [
-				/* @__PURE__ */ p(Ce, { onHandleRef: r }),
-				/* @__PURE__ */ p(de, {}),
+				/* @__PURE__ */ p(we, { onHandleRef: r }),
+				/* @__PURE__ */ p(fe, {}),
 				/* @__PURE__ */ p(v, { children: null })
 			]
 		})
@@ -525,7 +539,7 @@ function Te() {
 }
 //#endregion
 //#region src/package/rangeflow/components/RangeTabs/hooks/use-apply-slider-layout.ts
-function Ee() {
+function De() {
 	let e = X(), t = K((e) => e.range.from.getTime()), n = K((e) => e.range.to.getTime()), { slider: { root: i } } = q();
 	o(() => {
 		r(() => {
@@ -540,7 +554,7 @@ function Ee() {
 }
 //#endregion
 //#region src/package/rangeflow/components/RangeTabs/hooks/use-tab-indicator.ts
-function De(e, t) {
+function Oe(e, t) {
 	let n = l([]), r = l(null), i = l(!1);
 	return s(() => {
 		let t = r.current;
@@ -566,15 +580,15 @@ function De(e, t) {
 }
 //#endregion
 //#region src/package/rangeflow/components/RangeTabs/index.tsx
-function Oe() {
-	Ee();
+function ke() {
+	De();
 	let { slider: { root: e } } = q(), 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), s = (t) => {
 		n((n) => {
 			let r = P(t, n.selected_date);
 			return e.current?.setLayout({
-				[k]: r.left,
-				[j]: r.size,
-				[A]: r.right
+				[O]: r.left,
+				[A]: r.size,
+				[k]: r.right
 			}), { range: {
 				from: t.from,
 				to: t.to
@@ -588,7 +602,7 @@ function Oe() {
 		l,
 		r,
 		i
-	]), { indicatorRef: f, registerButton: h } = De(u, l);
+	]), { indicatorRef: f, registerButton: h } = Oe(u, l);
 	return /* @__PURE__ */ p("div", {
 		className: "rangeflow-tabs flex items-center justify-center select-none",
 		children: /* @__PURE__ */ m("div", {
@@ -613,7 +627,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();
@@ -632,16 +646,16 @@ function ke({ className: e, day: t, modifiers: n, ...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__ */ p("svg", {
 		"aria-hidden": "true",
-		className: y("shrink-0", Ae[t], e),
+		className: y("shrink-0", je[t], e),
 		fill: "none",
 		height: n,
 		stroke: "currentColor",
@@ -655,8 +669,8 @@ 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 }) {
-	return /* @__PURE__ */ p(oe, {
+function Ne({ captionLayout: e = "label", className: t, classNames: n, components: r, showOutsideDays: i = !0, ...a }) {
+	return /* @__PURE__ */ p(se, {
 		captionLayout: e,
 		className: y("rangeflow-calendar w-fit p-3 select-none", t),
 		showOutsideDays: i,
@@ -687,8 +701,8 @@ function Me({ captionLayout: e = "label", className: t, classNames: n, component
 			...n
 		},
 		components: {
-			DayButton: ke,
-			Chevron: je,
+			DayButton: Ae,
+			Chevron: Me,
 			...r
 		},
 		...a
@@ -696,43 +710,42 @@ 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__ */ p(O.Portal, { children: /* @__PURE__ */ p(O.Content, {
+var Pe = n(({ align: e = "center", className: t, sideOffset: n = 6, children: r, ...i }) => /* @__PURE__ */ p(D.Portal, { children: /* @__PURE__ */ p(D.Content, {
 	align: e,
 	sideOffset: n,
 	...i,
 	className: y("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;
+}) })), Fe = D.Root, Q = D.Trigger;
 //#endregion
 //#region src/package/rangeflow/components/PickerBar/CalendarPopover.tsx
-function Q({ children: e }) {
+function Ie({ 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")), {
-			from: e.toDate(),
-			to: t.toDate()
+		let e = d(n.from), t = d(n.to), i = d(r.from), a = d(r.to), o = e.isValid() ? e : d(), s = t.isValid() ? t : o;
+		return s.isBefore(o) && (s = o), i.isValid() && i.isBefore(o) && (o = i.subtract(10, "day")), a.isValid() && a.isAfter(s) && (s = a.add(10, "day")), s.isBefore(o) && (s = o.add(1, "day")), {
+			from: o.toDate(),
+			to: s.toDate()
 		};
 	}, l = () => {
 		let e = c(), { size: n, left: i, right: a } = P(e, r);
 		s.current?.setLayout({
-			[k]: i,
-			[j]: n,
-			[A]: a
+			[O]: i,
+			[A]: n,
+			[k]: a
 		}), t({ range: e });
 	};
-	return /* @__PURE__ */ m(Pe, {
-		modal: !0,
+	return /* @__PURE__ */ m(Fe, {
 		onOpenChange: (e) => {
 			e === !1 && l();
 		},
-		children: [/* @__PURE__ */ p(Fe, {
+		children: [/* @__PURE__ */ p(Q, {
 			className: "cursor-pointer",
 			children: e
-		}), /* @__PURE__ */ p(Ne, {
+		}), /* @__PURE__ */ p(Pe, {
 			align: "start",
 			sideOffset: 10,
-			children: /* @__PURE__ */ p(Me, {
-				defaultMonth: r.from,
+			children: /* @__PURE__ */ p(Ne, {
+				defaultMonth: d(r.from).isValid() ? r.from : void 0,
 				numberOfMonths: 2,
 				showOutsideDays: !1,
 				...o,
@@ -742,9 +755,11 @@ function Q({ children: e }) {
 				mode: "range",
 				selected: r,
 				onSelect: (e) => {
-					!e?.from || !e?.to || t({ selected_date: {
-						from: d(e.from).startOf("day").toDate(),
-						to: d(e.to).startOf("day").toDate()
+					if (!e?.from || !e?.to) return;
+					let n = d(e.from).startOf("day"), r = d(e.to).startOf("day");
+					!n.isValid() || !r.isValid() || t({ selected_date: {
+						from: n.toDate(),
+						to: r.toDate()
 					} });
 				}
 			})
@@ -753,7 +768,7 @@ function Q({ children: e }) {
 }
 //#endregion
 //#region src/package/rangeflow/icons/CalendarIcon.tsx
-function Ie() {
+function Le() {
 	return /* @__PURE__ */ p("svg", {
 		fill: "none",
 		height: "15",
@@ -773,10 +788,10 @@ function Ie() {
 function $() {
 	let e = K((e) => e.selected_date), { SelectedDate: n } = G(), { from: r, to: i } = c(() => {
 		let t = d(), n = d(e.from), r = d(e.to), i = n.isSame(r, "year") ? "DD MMM" : "DD MMM YYYY", a = {
-			from: n.format(i),
-			to: r.format(i)
+			from: n.isValid() ? n.format(i) : "Invalid Date",
+			to: r.isValid() ? r.format(i) : "Invalid Date"
 		};
-		return t.isSame(n, "day") && (a.from = "Today"), t.isSame(r, "day") && (a.to = "Today"), a;
+		return n.isValid() && t.isSame(n, "day") && (a.from = "Today"), r.isValid() && t.isSame(r, "day") && (a.to = "Today"), a;
 	}, [e.from, e.to]);
 	return n ? t(n, {
 		from: r,
@@ -784,7 +799,7 @@ function $() {
 	}) : /* @__PURE__ */ m("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__ */ p(Ie, {}),
+			/* @__PURE__ */ p(Le, {}),
 			r,
 			/* @__PURE__ */ p("span", {
 				className: "text-(--rangeflow-text-faint)",
@@ -796,51 +811,51 @@ function $() {
 }
 //#endregion
 //#region src/package/rangeflow/components/PickerBar/index.tsx
-function Le() {
+function Re() {
 	let e = K((e) => e.calendar), { RangeTabs: n } = G();
 	return /* @__PURE__ */ m("div", {
 		className: "flex h-full items-center justify-between px-2",
-		children: [e ? /* @__PURE__ */ p(Q, { children: /* @__PURE__ */ p($, {}) }) : /* @__PURE__ */ p($, {}), n ? t(n) : /* @__PURE__ */ p(Oe, {})]
+		children: [e ? /* @__PURE__ */ p(Ie, { children: /* @__PURE__ */ p($, {}) }) : /* @__PURE__ */ p($, {}), n ? t(n) : /* @__PURE__ */ p(ke, {})]
 	});
 }
 //#endregion
 //#region src/package/rangeflow/hooks/use-rangeflow-events.ts
-function Re() {
+function ze() {
 	return a(B).events;
 }
 //#endregion
 //#region src/package/rangeflow/hooks/use-emit-date-change.ts
-function ze() {
-	let e = Y(), { onChange: t } = Re();
+function Be() {
+	let e = Y(), { onChange: t } = ze();
 	o(() => e.subscribe((e, n) => {
 		e.selected_date !== n.selected_date && t(e.selected_date);
 	}), [e, t]);
 }
 //#endregion
 //#region src/package/rangeflow/Root.tsx
-function Be() {
-	return ze(), /* @__PURE__ */ m("div", {
+function Ve() {
+	return Be(), /* @__PURE__ */ m("div", {
 		className: "rangeflow-date-picker rangeflow-root h-35 w-140 rounded-lg border border-(--rangeflow-border) bg-(--rangeflow-bg) text-(--rangeflow-text) shadow-md shadow-(color:--rangeflow-shadow-color)",
 		children: [/* @__PURE__ */ p("div", {
 			className: "rangeflow-header h-10 border-b border-(--rangeflow-border) p-2",
-			children: /* @__PURE__ */ p(Le, {})
+			children: /* @__PURE__ */ p(Re, {})
 		}), /* @__PURE__ */ p("div", {
 			className: "rangeflow-body mx-2",
-			children: /* @__PURE__ */ p(Te, {})
+			children: /* @__PURE__ */ p(Ee, {})
 		})]
 	});
 }
 //#endregion
 //#region src/package/rangeflow/RangeFlow.tsx
-function Ve(e) {
+function He(e) {
 	return /* @__PURE__ */ p(V, {
 		...e,
-		children: /* @__PURE__ */ p(Be, {})
+		children: /* @__PURE__ */ p(Ve, {})
 	});
 }
 //#endregion
 //#region src/package/rangeflow/hooks/use-rangeflow.ts
-function He() {
+function Ue() {
 	let e = l(null), t = l(null), n = i((n) => {
 		let r = e.current;
 		if (!r) return;
@@ -856,18 +871,18 @@ function He() {
 				right: c
 			}
 		}), t.current?.slider.root.current?.setLayout({
-			[k]: s,
-			[j]: o,
-			[A]: c
+			[O]: s,
+			[A]: o,
+			[k]: c
 		});
 	}, []), r = i((n) => {
 		let r = e.current;
 		if (!r) return;
 		let { range: i } = r.getState(), { size: a, left: o, right: s } = P(i, n);
 		t.current?.slider.root.current?.setLayout({
-			[k]: o,
-			[j]: a,
-			[A]: s
+			[O]: o,
+			[A]: a,
+			[k]: s
 		});
 	}, []);
 	return {
@@ -880,4 +895,4 @@ function He() {
 	};
 }
 //#endregion
-export { Ve as RangeFlow, He as useRangeFlow };
+export { He as RangeFlow, Ue as useRangeFlow };

package/dist/style.css

@@ -1,3 +1,3 @@
-/*! 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-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;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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;--ease-out:cubic-bezier(0, 0, .2, 1);--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{.pointer-events-none{pointer-events:none}.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)}}.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-\[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))}.transition-transform{transition-property:transform,translate,scale,rotate;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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.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\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.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}}}@keyframes rangeflow-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rangeflow-odometer-enter{0%{filter:blur(6px);opacity:0;transform:translateY(110%)}to{filter:blur();opacity:1;transform:translateY(0)}}@keyframes rangeflow-odometer-exit{0%{filter:blur();opacity:1;transform:translateY(0)}to{filter:blur(6px);opacity:0;transform:translateY(-110%)}}.rangeflow-popover[data-state=open]{transform-origin:var(--radix-popover-content-transform-origin);animation:.22s cubic-bezier(.16,1,.3,1) rangeflow-popover-in}.rangeflow-odometer-enter{animation:.45s cubic-bezier(.32,.72,0,1) both rangeflow-odometer-enter}.rangeflow-odometer-exit{animation:.45s cubic-bezier(.32,.72,0,1) both rangeflow-odometer-exit}@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-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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+/*! tailwindcss v4.3.1 | 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-outline-style:solid;--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;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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;--ease-out:cubic-bezier(0, 0, .2, 1);--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{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-10{top:calc(var(--spacing) * 10)}.top-\[50\%\]{top:50%}.left-0{left:0}.isolate{isolation:isolate}.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:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.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,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.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: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:var(--spacing)}.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)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.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,)!important}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.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\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.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}}}@keyframes rangeflow-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rangeflow-odometer-enter{0%{filter:blur(6px);opacity:0;transform:translateY(110%)}to{filter:blur();opacity:1;transform:translateY(0)}}@keyframes rangeflow-odometer-exit{0%{filter:blur();opacity:1;transform:translateY(0)}to{filter:blur(6px);opacity:0;transform:translateY(-110%)}}.rangeflow-popover[data-state=open]{transform-origin:var(--radix-popover-content-transform-origin);animation:.22s cubic-bezier(.16,1,.3,1) rangeflow-popover-in}.rangeflow-odometer-enter{animation:.45s cubic-bezier(.32,.72,0,1) both rangeflow-odometer-enter}.rangeflow-odometer-exit{animation:.45s cubic-bezier(.32,.72,0,1) both rangeflow-odometer-exit}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
 /*$vite$:1*/

package/dist/utils/normalize-date-range.d.ts

@@ -0,0 +1,6 @@
+import { default as dayjs } from 'dayjs';
+import { DateRange } from '../types';
+export declare function normalizeDateRange(range: DateRange): {
+    start: dayjs.Dayjs;
+    end: dayjs.Dayjs;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rangeflow",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "type": "module",
   "description": "A fancy date range picker built with React and Tailwind.",
   "license": "MIT",
@@ -51,49 +51,49 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@dnd-kit/abstract": "^0.4.0",
-    "@dnd-kit/dom": "^0.4.0",
-    "@dnd-kit/geometry": "^0.4.0",
-    "@dnd-kit/react": "^0.4.0",
-    "@dnd-kit/state": "^0.4.0",
-    "@radix-ui/react-popover": "^1.1.15",
+    "@dnd-kit/abstract": "^0.5.0",
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/geometry": "^0.5.0",
+    "@dnd-kit/react": "^0.5.0",
+    "@dnd-kit/state": "^0.5.0",
+    "@radix-ui/react-popover": "^1.1.16",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.20",
-    "react-day-picker": "^9.14.0",
-    "react-resizable-panels": "^4.10.0",
-    "zustand": "^5.0.12"
+    "dayjs": "^1.11.21",
+    "react-day-picker": "^10.0.1",
+    "react-resizable-panels": "^4.11.2",
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
-    "@eslint/compat": "^2.0.5",
+    "@eslint/compat": "^2.1.0",
     "@eslint/eslintrc": "^3.3.5",
-    "@eslint/js": "^9.39.4",
-    "@remotion/eslint-plugin": "^4.0.448",
-    "@tailwindcss/vite": "^4.2.2",
-    "@types/node": "^24.12.2",
-    "@types/react": "^19.2.14",
+    "@eslint/js": "^10.0.1",
+    "@remotion/eslint-plugin": "^4.0.477",
+    "@tailwindcss/vite": "^4.3.1",
+    "@types/node": "^25.9.3",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.58.2",
-    "@typescript-eslint/parser": "^8.58.2",
-    "@vitejs/plugin-react": "^6.0.1",
-    "eslint": "^9.39.4",
+    "@typescript-eslint/eslint-plugin": "^8.61.0",
+    "@typescript-eslint/parser": "^8.61.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "eslint": "^10.5.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-simple-import-sort": "^13.0.0",
     "eslint-plugin-tailwindcss": "^4.0.0-alpha.1",
     "eslint-plugin-unused-imports": "^4.4.1",
-    "globals": "^17.4.0",
-    "prettier": "^3.8.3",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "tailwindcss": "^4.2.2",
-    "typescript": "~6.0.2",
-    "typescript-eslint": "^8.58.0",
-    "vite": "^8.0.4",
-    "vite-plugin-dts": "^4.5.4"
+    "globals": "^17.6.0",
+    "prettier": "^3.8.4",
+    "prettier-plugin-tailwindcss": "^0.8.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "tailwindcss": "^4.3.1",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.61.0",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2"
   },
   "packageManager": "yarn@4.14.0"
 }