florixui 1.7.0 → 1.8.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { clsx as e } from "clsx";
 import { twMerge as t } from "tailwind-merge";
 import * as n from "react";
 import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useEffect as s, useId as c, useImperativeHandle as l, useMemo as u, useRef as d, useState as f } from "react";
-import { AlertCircleIcon as p, AlertTriangle as m, ArrowLeftIcon as h, Calendar as g, Check as _, CheckIcon as v, ChevronDown as y, ChevronDownIcon as b, ChevronLeftIcon as x, ChevronRightIcon as S, ChevronUpIcon as C, ChevronsLeftIcon as w, ChevronsRightIcon as T, CircleCheckIcon as E, CircleDotIcon as ee, CircleXIcon as D, Clock as O, Eye as k, EyeOff as te, FileArchiveIcon as A, FileIcon as j, FileSpreadsheetIcon as M, FileTextIcon as N, HeadphonesIcon as P, HomeIcon as F, ImageIcon as I, ImageUpIcon as ne, InboxIcon as L, InfoIcon as R, Layers as z, Loader2 as re, Loader2Icon as B, LoaderCircleIcon as ie, Locate as ae, Maximize as V, Minus as oe, MoreVertical as H, OctagonXIcon as se, PaintBucketIcon as ce, Plus as le, PlusCircleIcon as ue, PlusIcon as de, RefreshCwIcon as fe, SearchIcon as pe, Trash2Icon as me, TrendingDownIcon as he, TrendingUpIcon as ge, TriangleAlertIcon as _e, UploadIcon as ve, VideoIcon as ye, X as be, XIcon as U } from "lucide-react";
+import { AlertCircleIcon as p, AlertTriangle as m, ArrowLeftIcon as h, Calendar as g, Check as _, CheckIcon as v, ChevronDown as y, ChevronDownIcon as b, ChevronLeftIcon as x, ChevronRightIcon as S, ChevronUpIcon as C, ChevronsLeftIcon as w, ChevronsRightIcon as T, CircleCheckIcon as E, CircleDotIcon as D, CircleXIcon as O, Clock as k, Eye as A, EyeOff as ee, FileArchiveIcon as j, FileIcon as M, FileSpreadsheetIcon as N, FileTextIcon as P, HeadphonesIcon as F, HomeIcon as I, ImageIcon as L, ImageUpIcon as te, InboxIcon as R, InfoIcon as ne, Layers as z, Loader2 as re, Loader2Icon as B, LoaderCircleIcon as ie, Locate as ae, Maximize as V, Minus as oe, MoreVertical as H, OctagonXIcon as se, PaintBucketIcon as ce, Plus as le, PlusCircleIcon as ue, PlusIcon as de, RefreshCwIcon as fe, SearchIcon as pe, Trash2Icon as me, TrendingDownIcon as he, TrendingUpIcon as ge, TriangleAlertIcon as _e, UploadIcon as ve, VideoIcon as ye, X as be, XIcon as U } from "lucide-react";
 import { cva as W } from "class-variance-authority";
 import { AlertDialog as G, Checkbox as xe, Dialog as K, DropdownMenu as q, HoverCard as Se, Label as Ce, Popover as we, Progress as Te, RadioGroup as Ee, Select as J, Separator as De, Slider as Oe, Slot as ke, Switch as Ae, Tabs as je, Toggle as Me, ToggleGroup as Ne, Tooltip as Pe } from "radix-ui";
 import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
@@ -551,11 +551,11 @@ function Dt({ error: e, errorMessage: t, helperText: n, errorId: r, helperId: i
 	});
 }
 var Ot = n.forwardRef(function(e, t) {
-	let { className: r, wrapperClassName: i, label: a, description: o, errorMessage: s, helperText: c, required: l = !1, size: u = "default", variant: d = "default", leftIcon: f, rightIcon: p, disabled: m, startItem: h, endItem: g, loading: _ = !1, as: v = "input", id: y, error: b, ...x } = e, S = b ?? !!s, C = n.useId(), w = y || C, [T, E] = n.useState(!1), ee = `${w}-error`, D = `${w}-helper`, O = `${w}-description`, A = [
-		S && s ? ee : null,
-		!S && c ? D : null,
-		o ? O : null
-	].filter(Boolean).join(" ") || void 0, j = d === "alt" ? "bg-muted" : "bg-transparent dark:bg-input/30", M = l ? /* @__PURE__ */ X("span", {
+	let { className: r, wrapperClassName: i, label: a, description: o, errorMessage: s, helperText: c, required: l = !1, size: u = "default", variant: d = "default", leftIcon: f, rightIcon: p, disabled: m, startItem: h, endItem: g, loading: _ = !1, as: v = "input", id: y, error: b, ...x } = e, S = b ?? !!s, C = n.useId(), w = y || C, [T, E] = n.useState(!1), D = `${w}-error`, O = `${w}-helper`, k = `${w}-description`, j = [
+		S && s ? D : null,
+		!S && c ? O : null,
+		o ? k : null
+	].filter(Boolean).join(" ") || void 0, M = d === "alt" ? "bg-muted" : "bg-transparent dark:bg-input/30", N = l ? /* @__PURE__ */ X("span", {
 		"aria-hidden": !0,
 		className: "ml-0.5 text-destructive",
 		children: "*"
@@ -568,50 +568,50 @@ var Ot = n.forwardRef(function(e, t) {
 				a && /* @__PURE__ */ Z(St, {
 					htmlFor: w,
 					className: Q(m && "text-muted-foreground"),
-					children: [a, M]
+					children: [a, N]
 				}),
 				/* @__PURE__ */ X("textarea", {
 					id: w,
 					ref: t,
 					disabled: m,
 					"aria-invalid": S,
-					"aria-describedby": A,
-					className: Q("flex min-h-20 w-full rounded-lg border border-input px-3 py-2 text-base outline-none transition-colors placeholder:text-muted-foreground md:text-sm", j, "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", r),
+					"aria-describedby": j,
+					className: Q("flex min-h-20 w-full rounded-lg border border-input px-3 py-2 text-base outline-none transition-colors placeholder:text-muted-foreground md:text-sm", M, "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", r),
 					...e
 				}),
 				/* @__PURE__ */ X(Dt, {
 					error: S,
 					errorMessage: s,
 					helperText: c,
-					errorId: ee,
-					helperId: D
+					errorId: D,
+					helperId: O
 				}),
 				o && /* @__PURE__ */ X(wt, {
-					id: O,
+					id: k,
 					children: o
 				})
 			]
 		});
 	}
-	let { type: N, onFocus: P, ...F } = x, I = N ?? "text", ne = I === "password", L = ne && T ? "text" : I, R = ne ? /* @__PURE__ */ X("button", {
+	let { type: P, onFocus: F, ...I } = x, L = P ?? "text", te = L === "password", R = te && T ? "text" : L, ne = te ? /* @__PURE__ */ X("button", {
 		type: "button",
 		onClick: () => E((e) => !e),
 		"aria-label": T ? "Hide password" : "Show password",
 		className: "cursor-pointer text-muted-foreground transition-colors hover:text-foreground",
 		tabIndex: -1,
-		children: X(T ? te : k, { className: "size-4" })
-	}) : null, z = _ ? /* @__PURE__ */ X(re, { className: "size-4 animate-spin text-muted-foreground" }) : f, B = ne ? R : p, ie = (e) => {
-		L === "number" && e.target.select(), P?.(e);
+		children: X(T ? ee : A, { className: "size-4" })
+	}) : null, z = _ ? /* @__PURE__ */ X(re, { className: "size-4 animate-spin text-muted-foreground" }) : f, B = te ? ne : p, ie = (e) => {
+		R === "number" && e.target.select(), F?.(e);
 	}, ae = !!(h || g), V = /* @__PURE__ */ X("input", {
 		id: w,
-		type: L,
+		type: R,
 		ref: t,
 		disabled: m,
 		"aria-invalid": S,
-		"aria-describedby": A,
+		"aria-describedby": j,
 		onFocus: ie,
-		className: Q("w-full min-w-0 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm", ae ? "h-full border-0 py-1 focus-visible:ring-0" : Q("rounded-lg border border-input px-3 py-1 transition-colors", j, u === "default" ? "h-9" : "h-8", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", z && "pl-9", B && "pr-9"), ae && Q(h ? "pl-0" : "pl-3", g ? "pr-0" : "pr-3"), ae && z && !h && "pl-9", ae && B && !g && "pr-9", r),
-		...F
+		className: Q("w-full min-w-0 bg-transparent text-base text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm", ae ? "h-full border-0 py-1 focus-visible:ring-0" : Q("rounded-lg border border-input px-3 py-1 transition-colors", M, u === "default" ? "h-9" : "h-8", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", z && "pl-9", B && "pr-9"), ae && Q(h ? "pl-0" : "pl-3", g ? "pr-0" : "pr-3"), ae && z && !h && "pl-9", ae && B && !g && "pr-9", r),
+		...I
 	});
 	return /* @__PURE__ */ Z("div", {
 		className: Q("space-y-1.5", i),
@@ -619,11 +619,11 @@ var Ot = n.forwardRef(function(e, t) {
 			a && /* @__PURE__ */ Z(St, {
 				htmlFor: w,
 				className: Q(m && "text-muted-foreground"),
-				children: [a, M]
+				children: [a, N]
 			}),
 			ae ? /* @__PURE__ */ Z("div", {
 				"aria-invalid": S,
-				className: Q("flex items-center overflow-hidden rounded-lg border border-input transition-colors", j, u === "default" ? "h-9" : "h-8", "focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50", "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-3 aria-[invalid=true]:ring-destructive/20 dark:aria-[invalid=true]:ring-destructive/40", m && "cursor-not-allowed opacity-50"),
+				className: Q("flex items-center overflow-hidden rounded-lg border border-input transition-colors", M, u === "default" ? "h-9" : "h-8", "focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50", "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-3 aria-[invalid=true]:ring-destructive/20 dark:aria-[invalid=true]:ring-destructive/40", m && "cursor-not-allowed opacity-50"),
 				children: [
 					h && /* @__PURE__ */ X("div", {
 						className: "flex h-full shrink-0 items-center justify-center border-r border-input bg-muted/40 px-3 text-sm text-muted-foreground [&_svg]:size-4",
@@ -666,11 +666,11 @@ var Ot = n.forwardRef(function(e, t) {
 				error: S,
 				errorMessage: s,
 				helperText: c,
-				errorId: ee,
-				helperId: D
+				errorId: D,
+				helperId: O
 			}),
 			o && /* @__PURE__ */ X(wt, {
-				id: O,
+				id: k,
 				children: o
 			})
 		]
@@ -708,7 +708,7 @@ function At({ className: e, variant: t = "default", asChild: n = !1, ...r }) {
 //#region src/components/custom/alert-card.tsx
 var jt = {
 	info: {
-		icon: R,
+		icon: ne,
 		badge: "blue",
 		filled: "border-blue/30 bg-blue/10 text-blue",
 		iconBox: "bg-blue/10 text-blue",
@@ -722,7 +722,7 @@ var jt = {
 		actionBtn: "bg-orange text-white hover:bg-orange/90"
 	},
 	error: {
-		icon: D,
+		icon: O,
 		badge: "red",
 		filled: "border-red/30 bg-red/10 text-red",
 		iconBox: "bg-red/10 text-red",
@@ -818,23 +818,23 @@ function Nt({ severity: e = "info", className: t, ...n }) {
 var Pt = [
 	{
 		match: (e, t) => e.includes("zip") || e.includes("archive") || t.endsWith(".zip") || t.endsWith(".rar"),
-		Icon: A
+		Icon: j
 	},
 	{
 		match: (e) => e.includes("audio/"),
-		Icon: P
+		Icon: F
 	},
 	{
 		match: (e, t) => e.includes("excel") || t.endsWith(".xls") || t.endsWith(".xlsx"),
-		Icon: M
+		Icon: N
 	},
 	{
 		match: (e) => e.startsWith("image/"),
-		Icon: I
+		Icon: L
 	},
 	{
 		match: (e, t) => e.includes("pdf") || t.endsWith(".pdf") || e.includes("word") || t.endsWith(".doc") || t.endsWith(".docx"),
-		Icon: N
+		Icon: P
 	},
 	{
 		match: (e) => e.includes("video/"),
@@ -843,7 +843,7 @@ var Pt = [
 ];
 function Ft(e) {
 	for (let { match: t, Icon: n } of Pt) if (t(e.type, e.name)) return /* @__PURE__ */ X(n, { className: "size-5 opacity-60" });
-	return /* @__PURE__ */ X(j, { className: "size-5 opacity-60" });
+	return /* @__PURE__ */ X(M, { className: "size-5 opacity-60" });
 }
 function It({ entry: e }) {
 	let { file: t } = e;
@@ -902,7 +902,7 @@ function Lt({ variant: e = "image", accept: t = "image/*", maxSize: n = 5 * 1024
 							/* @__PURE__ */ X("div", {
 								"aria-hidden": "true",
 								className: "mb-2 flex size-11 shrink-0 items-center justify-center rounded-full border bg-background",
-								children: /* @__PURE__ */ X(ne, { className: "size-4 opacity-60" })
+								children: /* @__PURE__ */ X(te, { className: "size-4 opacity-60" })
 							}),
 							/* @__PURE__ */ X("p", {
 								className: "mb-1.5 font-medium text-sm",
@@ -1009,7 +1009,7 @@ function Lt({ variant: e = "image", accept: t = "image/*", maxSize: n = 5 * 1024
 					/* @__PURE__ */ X("div", {
 						"aria-hidden": "true",
 						className: "mb-2 flex size-11 shrink-0 items-center justify-center rounded-full border bg-background",
-						children: /* @__PURE__ */ X(I, { className: "size-4 opacity-60" })
+						children: /* @__PURE__ */ X(L, { className: "size-4 opacity-60" })
 					}),
 					/* @__PURE__ */ X("p", {
 						className: "mb-1.5 font-medium text-sm",
@@ -1349,15 +1349,15 @@ function bn({ className: e, ...t }) {
 function xn(e) {
 	return typeof e == "object" && !!e && "value" in e && "label" in e;
 }
-function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, placeholder: a = "Select option", disabled: o = !1, error: s = !1, errorMessage: c, multiple: l = !1, className: u, size: d = "default", variant: f = "default", searchable: p = !1, clearable: m = !1, getOptionLabel: h, getOptionValue: g, renderOptionLabel: _, label: y, description: x, required: S = !1, onCreateNew: C, createNewLabel: w = "New item", loading: T = !1, compactMultiple: E = !1, formatCompactDisplay: ee, startItem: D, endItem: O, maxSelections: k, defaultOpen: te = !1, onOpenChange: A, onLoadMore: j, hasNextPage: M = !1, isFetchingNextPage: N = !1, allowEmpty: P = !1, showSelectAll: F = !1, readOnly: I = !1, popoverClassName: ne }) {
-	let [L, R] = n.useState(te), z = n.useRef(!1), B = n.useRef(null), ie = n.useId(), ae = n.useCallback((e) => {
-		I && e || (R(e), A?.(e), e && (z.current = !1));
-	}, [A, I]), [V, oe] = n.useState(l ? Array.isArray(r) ? r : r ? [r] : [] : []);
+function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, placeholder: a = "Select option", disabled: o = !1, error: s = !1, errorMessage: c, multiple: l = !1, className: u, size: d = "default", variant: f = "default", searchable: p = !1, clearable: m = !1, getOptionLabel: h, getOptionValue: g, renderOptionLabel: _, label: y, description: x, required: S = !1, onCreateNew: C, createNewLabel: w = "New item", loading: T = !1, compactMultiple: E = !1, formatCompactDisplay: D, startItem: O, endItem: k, maxSelections: A, defaultOpen: ee = !1, onOpenChange: j, onLoadMore: M, hasNextPage: N = !1, isFetchingNextPage: P = !1, allowEmpty: F = !1, showSelectAll: I = !1, readOnly: L = !1, popoverClassName: te }) {
+	let [R, ne] = n.useState(ee), z = n.useRef(!1), B = n.useRef(null), ie = n.useId(), ae = n.useCallback((e) => {
+		L && e || (ne(e), j?.(e), e && (z.current = !1));
+	}, [j, L]), [V, oe] = n.useState(l ? Array.isArray(r) ? r : r ? [r] : [] : []);
 	n.useEffect(() => {
 		l && oe(Array.isArray(r) ? r : r ? [r] : []);
 	}, [l, r]), n.useEffect(() => {
-		N || (z.current = !1);
-	}, [N]);
+		P || (z.current = !1);
+	}, [P]);
 	let H = n.useCallback((e) => typeof e == "string" ? e : g ? g(e) : xn(e) ? e.value : String(e), [g]), se = n.useCallback((n) => {
 		if (typeof n == "string") {
 			for (let e of t) {
@@ -1402,38 +1402,38 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 		}
 		if (l) {
 			let e = V.some((e) => H(e) === n);
-			if (!e && k && V.length >= k || e && V.length === 1 && !P) return;
+			if (!e && A && V.length >= A || e && V.length === 1 && !F) return;
 			let t = e ? V.filter((e) => H(e) !== n) : [...V, r];
 			oe(t), i?.(t);
-		} else i?.(r), R(!1);
+		} else i?.(r), ne(!1);
 	}, me = l && fe.length > 0 && fe.length === V.length, he = () => {
 		if (l) {
 			if (me) {
-				P && (oe([]), i?.([]));
+				F && (oe([]), i?.([]));
 				return;
 			}
-			k && fe.length > k || (oe(fe), i?.(fe));
+			A && fe.length > A || (oe(fe), i?.(fe));
 		}
 	}, ge = (e) => {
 		e.stopPropagation(), l ? (oe([]), i?.([])) : i?.("");
 	}, _e = (e, t) => {
-		if (e.stopPropagation(), V.length === 1 && !P) return;
+		if (e.stopPropagation(), V.length === 1 && !F) return;
 		let n = V.filter((e) => H(e) !== H(t));
 		oe(n), i?.(n);
 	}, ve = n.useCallback((e) => {
 		let t = e.currentTarget;
-		t.scrollHeight - t.scrollTop - t.clientHeight < 100 && j && M && !N && !z.current && (z.current = !0, j());
+		t.scrollHeight - t.scrollTop - t.clientHeight < 100 && M && N && !P && !z.current && (z.current = !0, M());
 	}, [
-		j,
 		M,
-		N
+		N,
+		P
 	]), ye = l ? V.length > 0 : !!ce, be = () => l ? null : fe.find((e) => e.value === ce)?.label || a, W = () => {
-		!o && !I && (B.current?.focus(), R(!0));
-	}, G = !!(D || O), xe = l && !E, K = xe ? d === "default" ? "min-h-9" : "min-h-7" : d === "default" ? "h-9" : "h-7", q = f === "alt" ? "bg-muted" : "bg-transparent dark:bg-input/30", Se = /* @__PURE__ */ X("div", {
+		!o && !L && (B.current?.focus(), ne(!0));
+	}, G = !!(O || k), xe = l && !E, K = xe ? d === "default" ? "min-h-9" : "min-h-7" : d === "default" ? "h-9" : "h-7", q = f === "alt" ? "bg-muted" : "bg-transparent dark:bg-input/30", Se = /* @__PURE__ */ X("div", {
 		className: Q("flex min-w-0 flex-1 items-center gap-1.5", xe ? "py-1" : "overflow-hidden"),
 		children: l && V.length > 0 ? E ? /* @__PURE__ */ X("span", {
 			className: "min-w-0 truncate",
-			children: ee ? ee(V) : `${V.length} selected`
+			children: D ? D(V) : `${V.length} selected`
 		}) : /* @__PURE__ */ X("div", {
 			className: "flex flex-wrap items-center gap-1.5",
 			children: V.map((e, t) => /* @__PURE__ */ Z("span", {
@@ -1514,7 +1514,7 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 			]
 		}, e.value);
 	}, Te = /* @__PURE__ */ X(gn, {
-		className: Q("w-(--radix-popper-anchor-width) min-w-(--radix-popper-anchor-width) p-0", ne),
+		className: Q("w-(--radix-popper-anchor-width) min-w-(--radix-popper-anchor-width) p-0", te),
 		align: "start",
 		onOpenAutoFocus: (e) => {
 			p || e.preventDefault();
@@ -1529,7 +1529,7 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 				className: "flex items-center justify-center py-6",
 				children: /* @__PURE__ */ X(re, { className: "size-5 animate-spin text-muted-foreground" })
 			}) : /* @__PURE__ */ Z(Y, { children: [
-				l && F && fe.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(un, { children: /* @__PURE__ */ Z(fn, {
+				l && I && fe.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(un, { children: /* @__PURE__ */ Z(fn, {
 					value: "__select_all__",
 					onSelect: he,
 					className: "font-medium",
@@ -1550,7 +1550,7 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 					variant: "ghost",
 					className: "w-full justify-start font-normal",
 					onClick: () => {
-						C(), R(!1);
+						C(), ne(!1);
 					},
 					children: [/* @__PURE__ */ X(de, {
 						size: 16,
@@ -1558,7 +1558,7 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 						"aria-hidden": !0
 					}), w]
 				}) })] }),
-				N && /* @__PURE__ */ X("div", {
+				P && /* @__PURE__ */ X("div", {
 					className: "flex items-center justify-center py-3",
 					children: /* @__PURE__ */ X(re, { className: "size-4 animate-spin text-muted-foreground" })
 				})
@@ -1579,18 +1579,18 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 				children: [y, Ee]
 			}),
 			G ? /* @__PURE__ */ Z(mn, {
-				open: L,
+				open: R,
 				onOpenChange: ae,
 				modal: !1,
 				children: [/* @__PURE__ */ X(hn, {
 					asChild: !0,
 					children: /* @__PURE__ */ Z("div", {
 						"aria-invalid": s,
-						className: Q("flex rounded-md border border-input transition-colors", xe ? "items-stretch" : "items-center overflow-hidden", q, K, L && "border-ring ring-3 ring-ring/50", "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-3 aria-[invalid=true]:ring-destructive/20", o && "pointer-events-none cursor-not-allowed opacity-50"),
+						className: Q("flex rounded-md border border-input transition-colors", xe ? "items-stretch" : "items-center overflow-hidden", q, K, R && "border-ring ring-3 ring-ring/50", "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-3 aria-[invalid=true]:ring-destructive/20", o && "pointer-events-none cursor-not-allowed opacity-50"),
 						children: [
-							D && /* @__PURE__ */ X("div", {
+							O && /* @__PURE__ */ X("div", {
 								className: "flex h-full shrink-0 items-center justify-center border-r border-input bg-muted/40 px-3 text-sm text-muted-foreground [&_svg]:size-4",
-								children: D
+								children: O
 							}),
 							/* @__PURE__ */ Z($, {
 								id: ie,
@@ -1599,22 +1599,22 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 								ref: B,
 								variant: "ghost",
 								role: "combobox",
-								"aria-expanded": L,
+								"aria-expanded": R,
 								onClick: (e) => {
-									I && (e.preventDefault(), e.stopPropagation());
+									L && (e.preventDefault(), e.stopPropagation());
 								},
 								className: Q("h-full flex-1 justify-between rounded-none border-0 px-3 py-1 font-normal text-foreground shadow-none hover:bg-transparent focus-visible:ring-0", xe ? "items-start" : "items-center", u),
 								children: [Se, Ce]
 							}),
-							O && /* @__PURE__ */ X("div", {
+							k && /* @__PURE__ */ X("div", {
 								className: "flex h-full shrink-0 items-center justify-center border-l border-input bg-muted/40 px-3 text-sm text-foreground [&_svg]:size-4",
-								children: O
+								children: k
 							})
 						]
 					})
 				}), Te]
 			}) : /* @__PURE__ */ Z(mn, {
-				open: L,
+				open: R,
 				onOpenChange: ae,
 				modal: !1,
 				children: [/* @__PURE__ */ X(hn, {
@@ -1626,12 +1626,12 @@ function Sn({ options: e = [], groups: t = [], value: r, onValueChange: i, place
 						ref: B,
 						variant: "outline",
 						role: "combobox",
-						"aria-expanded": L,
+						"aria-expanded": R,
 						"aria-invalid": s,
 						onClick: (e) => {
-							I && (e.preventDefault(), e.stopPropagation());
+							L && (e.preventDefault(), e.stopPropagation());
 						},
-						className: Q("h-auto w-full justify-between px-3 py-1 font-normal text-foreground", K, xe ? "items-start" : "items-center", q, L && "border-ring ring-3 ring-ring/50", u),
+						className: Q("h-auto w-full justify-between px-3 py-1 font-normal text-foreground", K, xe ? "items-start" : "items-center", q, R && "border-ring ring-3 ring-ring/50", u),
 						children: [Se, Ce]
 					})
 				}), Te]
@@ -1733,22 +1733,22 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 	100,
 	200
 ], striped: p = !0, stickyHeader: m = !1, maxHeight: h, fillHeight: g = !1, onRowClick: _, className: v }) {
-	let y = n.useMemo(() => t.map((e, t) => r(e, t)), [t, r]), [b, C] = n.useState([]), E = a ?? b, ee = (e) => {
+	let y = n.useMemo(() => t.map((e, t) => r(e, t)), [t, r]), [b, C] = n.useState([]), E = a ?? b, D = (e) => {
 		a === void 0 && C(e), o?.(e);
-	}, D = y.length > 0 && y.every((e) => E.includes(e)), O = E.length > 0 && !D, k = () => ee(D ? [] : y), te = (e) => ee(E.includes(e) ? E.filter((t) => t !== e) : [...E, e]), A = e.length + +!!i + +!!s, [j, M] = n.useState(d), [N, P] = n.useState(0), F = u ? Math.max(1, Math.ceil(t.length / j)) : 1, I = Math.min(N, F - 1), ne = n.useMemo(() => {
+	}, O = y.length > 0 && y.every((e) => E.includes(e)), k = E.length > 0 && !O, A = () => D(O ? [] : y), ee = (e) => D(E.includes(e) ? E.filter((t) => t !== e) : [...E, e]), j = e.length + +!!i + +!!s, [M, N] = n.useState(d), [P, F] = n.useState(0), I = u ? Math.max(1, Math.ceil(t.length / M)) : 1, L = Math.min(P, I - 1), te = n.useMemo(() => {
 		let e = t.map((e, t) => ({
 			row: e,
 			index: t
 		}));
 		if (!u) return e;
-		let n = I * j;
-		return e.slice(n, n + j);
+		let n = L * M;
+		return e.slice(n, n + M);
 	}, [
 		t,
 		u,
-		I,
-		j
-	]), L = "px-4 py-3 first:pl-5 last:pr-5", R = "px-4 first:pl-5 last:pr-5", z = !g && h !== void 0 ? typeof h == "number" ? `${h}px` : h : void 0;
+		L,
+		M
+	]), R = "px-4 py-3 first:pl-5 last:pr-5", ne = "px-4 first:pl-5 last:pr-5", z = !g && h !== void 0 ? typeof h == "number" ? `${h}px` : h : void 0;
 	return /* @__PURE__ */ Z("div", {
 		className: Q("overflow-hidden rounded-lg border", u && "rounded-b-none border-b-0", (g || h !== void 0) && "flex min-h-0 flex-col [&_[data-slot=table-container]]:overflow-y-auto", g && "min-h-0 flex-1 [&_[data-slot=table-container]]:min-h-0 [&_[data-slot=table-container]]:flex-1", !g && h !== void 0 && "[&_[data-slot=table-container]]:max-h-(--dt-max-h)", v),
 		style: z ? { "--dt-max-h": z } : void 0,
@@ -1758,16 +1758,16 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 				className: "hover:bg-transparent",
 				children: [
 					i && /* @__PURE__ */ X(kn, {
-						className: Q("w-10", R),
+						className: Q("w-10", ne),
 						children: /* @__PURE__ */ X(Cn, {
 							"aria-label": "Select all rows",
-							checked: D ? !0 : O ? "indeterminate" : !1,
-							onCheckedChange: k
+							checked: O ? !0 : k ? "indeterminate" : !1,
+							onCheckedChange: A
 						})
 					}),
 					e.map((e) => /* @__PURE__ */ X(kn, {
 						style: e.width ? { width: e.width } : void 0,
-						className: Q("h-11 text-xs font-semibold tracking-wide text-foreground uppercase", R, e.align && Mn[e.align], e.className, e.headerClassName),
+						className: Q("h-11 text-xs font-semibold tracking-wide text-foreground uppercase", ne, e.align && Mn[e.align], e.className, e.headerClassName),
 						children: e.header
 					}, e.key)),
 					s && /* @__PURE__ */ X(kn, { className: "w-12" })
@@ -1776,7 +1776,7 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 		}), /* @__PURE__ */ X(En, { children: c ? /* @__PURE__ */ X(On, {
 			className: "hover:bg-transparent",
 			children: /* @__PURE__ */ X(An, {
-				colSpan: A,
+				colSpan: j,
 				className: "h-28 text-center",
 				children: /* @__PURE__ */ Z("span", {
 					className: "inline-flex items-center gap-2 text-muted-foreground",
@@ -1786,11 +1786,11 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 		}) : t.length === 0 ? /* @__PURE__ */ X(On, {
 			className: "hover:bg-transparent",
 			children: /* @__PURE__ */ X(An, {
-				colSpan: A,
+				colSpan: j,
 				className: "h-28 text-center text-muted-foreground",
 				children: l
 			})
-		}) : ne.map(({ row: t, index: n }) => {
+		}) : te.map(({ row: t, index: n }) => {
 			let r = y[n], a = E.includes(r);
 			return /* @__PURE__ */ Z(On, {
 				"data-state": a ? "selected" : void 0,
@@ -1798,17 +1798,17 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 				className: Q(p && !a && "odd:bg-muted/40", a && "bg-primary/10 shadow-[inset_3px_0_0_0_var(--primary)] hover:bg-primary/15", _ && "cursor-pointer"),
 				children: [
 					i && /* @__PURE__ */ X(An, {
-						className: Q("w-10", L),
+						className: Q("w-10", R),
 						onClick: (e) => e.stopPropagation(),
 						children: /* @__PURE__ */ X(Cn, {
 							"aria-label": "Select row",
 							checked: a,
-							onCheckedChange: () => te(r)
+							onCheckedChange: () => ee(r)
 						})
 					}),
 					e.map((e) => /* @__PURE__ */ X(An, {
 						style: e.width ? { width: e.width } : void 0,
-						className: Q(L, e.align && Mn[e.align], e.className),
+						className: Q(R, e.align && Mn[e.align], e.className),
 						children: e.cell ? e.cell(t, n) : String(t[e.key] ?? "")
 					}, e.key)),
 					s && /* @__PURE__ */ X(An, {
@@ -1824,9 +1824,9 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 				className: "text-muted-foreground",
 				children: [
 					"Page ",
-					t.length === 0 ? 0 : I + 1,
+					t.length === 0 ? 0 : L + 1,
 					" of ",
-					F,
+					I,
 					" (",
 					t.length,
 					" total ",
@@ -1843,10 +1843,10 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 					}), /* @__PURE__ */ X(Sn, {
 						size: "sm",
 						className: "w-20",
-						value: String(j),
+						value: String(M),
 						onValueChange: (e) => {
 							let t = typeof e == "object" && e && "value" in e ? e.value : e;
-							M(Number(t)), P(0);
+							N(Number(t)), F(0);
 						},
 						options: f.map((e) => ({
 							value: String(e),
@@ -1860,32 +1860,32 @@ function Nn({ columns: e, data: t, getRowId: r = (e, t) => String(t), selectable
 							variant: "outline",
 							size: "icon-sm",
 							"aria-label": "First page",
-							disabled: I <= 0,
-							onClick: () => P(0),
+							disabled: L <= 0,
+							onClick: () => F(0),
 							children: /* @__PURE__ */ X(w, {})
 						}),
 						/* @__PURE__ */ X($, {
 							variant: "outline",
 							size: "icon-sm",
 							"aria-label": "Previous page",
-							disabled: I <= 0,
-							onClick: () => P(Math.max(0, I - 1)),
+							disabled: L <= 0,
+							onClick: () => F(Math.max(0, L - 1)),
 							children: /* @__PURE__ */ X(x, {})
 						}),
 						/* @__PURE__ */ X($, {
 							variant: "outline",
 							size: "icon-sm",
 							"aria-label": "Next page",
-							disabled: I >= F - 1,
-							onClick: () => P(Math.min(F - 1, I + 1)),
+							disabled: L >= I - 1,
+							onClick: () => F(Math.min(I - 1, L + 1)),
 							children: /* @__PURE__ */ X(S, {})
 						}),
 						/* @__PURE__ */ X($, {
 							variant: "outline",
 							size: "icon-sm",
 							"aria-label": "Last page",
-							disabled: I >= F - 1,
-							onClick: () => P(F - 1),
+							disabled: L >= I - 1,
+							onClick: () => F(I - 1),
 							children: /* @__PURE__ */ X(T, {})
 						})
 					]
@@ -2412,7 +2412,7 @@ function ur({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/custom/empty-state.tsx
-function dr({ icon: e = /* @__PURE__ */ X(L, {}), mediaVariant: t = "icon", title: n = "No data", description: r, actions: i, ...a }) {
+function dr({ icon: e = /* @__PURE__ */ X(R, {}), mediaVariant: t = "icon", title: n = "No data", description: r, actions: i, ...a }) {
 	return /* @__PURE__ */ Z(ir, {
 		...a,
 		children: [/* @__PURE__ */ Z(ar, { children: [
@@ -2708,7 +2708,7 @@ function yr({ code: e = "404", title: t = "Page Not Found", description: n = "So
 						asChild: !0,
 						children: /* @__PURE__ */ Z("a", {
 							href: a,
-							children: [/* @__PURE__ */ X(F, {}), o]
+							children: [/* @__PURE__ */ X(I, {}), o]
 						})
 					}),
 					s
@@ -2825,7 +2825,7 @@ var kr = {
 	}
 };
 function Ar({ icon: e, mode: t, description: n, value: r, showAccent: i = !1, colorVariant: a = "primary", accentColorVariant: o, valueColorVariant: s, showPercentSign: c = !0, unit: l, stackedLayout: u = !1, variant: d = "default", onClick: f, onValueClick: p, className: m }) {
-	let h = kr[a], g = kr[o ?? a], _ = s ? kr[s].text : "text-foreground", v = u ? "size-10" : "size-5", y = e ?? (t?.toLowerCase() === "auto" ? /* @__PURE__ */ X(fe, { className: Q(v, h.text) }) : /* @__PURE__ */ X(ee, { className: Q(v, h.text) })), b = /* @__PURE__ */ Z(Y, { children: [u ? /* @__PURE__ */ Z("div", {
+	let h = kr[a], g = kr[o ?? a], _ = s ? kr[s].text : "text-foreground", v = u ? "size-10" : "size-5", y = e ?? (t?.toLowerCase() === "auto" ? /* @__PURE__ */ X(fe, { className: Q(v, h.text) }) : /* @__PURE__ */ X(D, { className: Q(v, h.text) })), b = /* @__PURE__ */ Z(Y, { children: [u ? /* @__PURE__ */ Z("div", {
 		className: "flex items-center gap-3",
 		children: [y, /* @__PURE__ */ Z("div", {
 			className: "flex flex-col",
@@ -3523,7 +3523,7 @@ function ci(e, t) {
 	return "Select range";
 }
 //#endregion
-//#region src/components/custom/date-time-range-picker.tsx
+//#region src/components/custom/date-time-picker.tsx
 function li({ value: e, max: t, onChange: r }) {
 	let [i, a] = n.useState(e);
 	n.useEffect(() => {
@@ -3549,54 +3549,57 @@ function li({ value: e, max: t, onChange: r }) {
 		className: Q("h-8 w-12 rounded-md border border-input bg-transparent text-center text-sm font-medium dark:bg-input/30", "focus:border-ring focus:ring-3 focus:ring-ring/50 focus:outline-none", "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none")
 	});
 }
-function ui({ isoValue: e, onChange: t, label: r, placeholder: i = "Select date & time", timezone: a, minDate: o, maxDate: s }) {
-	let [c, l] = n.useState(!1), u = a || "UTC", d = ri(e, u), [f, p] = n.useState(d?.h ?? "00"), [m, h] = n.useState(d?.m ?? "00"), [_, v] = n.useState(d?.s ?? "00");
+function ui({ value: e, onChange: t, label: r, placeholder: i = "Select date & time", showTime: a = !0, timezone: o, minDate: s, maxDate: c, disabled: l, className: u }) {
+	let [d, f] = n.useState(!1), p = o || "UTC", m = ri(e, p), [h, _] = n.useState(m?.h ?? "00"), [v, y] = n.useState(m?.m ?? "00"), [b, x] = n.useState(m?.s ?? "00");
 	n.useEffect(() => {
-		let t = ri(e, u);
-		p(t?.h ?? "00"), h(t?.m ?? "00"), v(t?.s ?? "00");
-	}, [e, u]);
-	let y = d ? new Date(d.year, d.month, d.day) : void 0, b = (e, n, r, i, a, o) => t(ii(e, n, r, i, a, o, u)), x = (e) => {
-		e && b(e.getFullYear(), e.getMonth(), e.getDate(), f, m, _);
-	}, S = (e, t) => {
-		let n = e === "h" ? t : f, r = e === "m" ? t : m, i = e === "s" ? t : _;
-		e === "h" && p(t), e === "m" && h(t), e === "s" && v(t), d && b(d.year, d.month, d.day, n, r, i);
-	}, C = (e) => {
-		if (o) {
-			let t = new Date(o);
-			if (t.setHours(0, 0, 0, 0), e < t) return !0;
-		}
+		let t = ri(e, p);
+		_(t?.h ?? "00"), y(t?.m ?? "00"), x(t?.s ?? "00");
+	}, [e, p]);
+	let S = m ? new Date(m.year, m.month, m.day) : void 0, C = (e, n, r, i, a, o) => t(ii(e, n, r, i, a, o, p)), w = (e) => {
+		e && (C(e.getFullYear(), e.getMonth(), e.getDate(), a ? h : "00", a ? v : "00", a ? b : "00"), a || f(!1));
+	}, T = (e, t) => {
+		let n = e === "h" ? t : h, r = e === "m" ? t : v, i = e === "s" ? t : b;
+		e === "h" && _(t), e === "m" && y(t), e === "s" && x(t), m && C(m.year, m.month, m.day, n, r, i);
+	}, E = (e) => {
 		if (s) {
 			let t = new Date(s);
+			if (t.setHours(0, 0, 0, 0), e < t) return !0;
+		}
+		if (c) {
+			let t = new Date(c);
 			if (t.setHours(23, 59, 59, 999), e > t) return !0;
 		}
 		return !1;
-	}, w = d ? new Date(e).toLocaleString("en-US", {
+	}, D = m ? new Date(e).toLocaleString("en-US", {
 		year: "numeric",
 		month: "short",
 		day: "2-digit",
-		hour: "2-digit",
-		minute: "2-digit",
-		second: "2-digit",
-		hour12: !1,
-		timeZone: u
+		...a ? {
+			hour: "2-digit",
+			minute: "2-digit",
+			second: "2-digit",
+			hour12: !1
+		} : {},
+		timeZone: p
 	}) : i;
 	return /* @__PURE__ */ Z("div", {
-		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ X("label", {
+		className: Q("flex flex-col gap-1", u),
+		children: [r != null && /* @__PURE__ */ X("label", {
 			className: "px-0.5 text-xs text-muted-foreground",
 			children: r
 		}), /* @__PURE__ */ Z(mn, {
-			open: c,
-			onOpenChange: l,
+			open: d,
+			onOpenChange: f,
 			modal: !1,
 			children: [/* @__PURE__ */ X(hn, {
 				asChild: !0,
 				children: /* @__PURE__ */ Z("button", {
 					type: "button",
-					className: Q("flex h-8 w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors outline-none dark:bg-input/30", "hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", c && "border-ring ring-3 ring-ring/50", !d && "text-muted-foreground"),
+					disabled: l,
+					className: Q("flex h-8 w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors outline-none dark:bg-input/30", "hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", d && "border-ring ring-3 ring-ring/50", !m && "text-muted-foreground", "disabled:pointer-events-none disabled:opacity-50"),
 					children: [/* @__PURE__ */ X("span", {
 						className: "truncate",
-						children: w
+						children: D
 					}), /* @__PURE__ */ X(g, { className: "size-3.5 shrink-0 opacity-60" })]
 				})
 			}), /* @__PURE__ */ Z(gn, {
@@ -3605,37 +3608,37 @@ function ui({ isoValue: e, onChange: t, label: r, placeholder: i = "Select date
 				sideOffset: 4,
 				children: [/* @__PURE__ */ X(ei, {
 					mode: "single",
-					selected: y,
-					onSelect: x,
-					disabled: C,
-					defaultMonth: y,
+					selected: S,
+					onSelect: w,
+					disabled: E,
+					defaultMonth: S,
 					autoFocus: !0
-				}), /* @__PURE__ */ Z("div", {
+				}), a && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2 border-t px-3 py-2.5",
 					children: [
-						/* @__PURE__ */ X(O, { className: "size-4 shrink-0 text-muted-foreground" }),
+						/* @__PURE__ */ X(k, { className: "size-4 shrink-0 text-muted-foreground" }),
 						/* @__PURE__ */ X(li, {
-							value: f,
+							value: h,
 							max: 23,
-							onChange: (e) => S("h", e)
+							onChange: (e) => T("h", e)
 						}),
 						/* @__PURE__ */ X("span", {
 							className: "text-sm font-medium text-muted-foreground",
 							children: ":"
 						}),
 						/* @__PURE__ */ X(li, {
-							value: m,
+							value: v,
 							max: 59,
-							onChange: (e) => S("m", e)
+							onChange: (e) => T("m", e)
 						}),
 						/* @__PURE__ */ X("span", {
 							className: "text-sm font-medium text-muted-foreground",
 							children: ":"
 						}),
 						/* @__PURE__ */ X(li, {
-							value: _,
+							value: b,
 							max: 59,
-							onChange: (e) => S("s", e)
+							onChange: (e) => T("s", e)
 						})
 					]
 				})]
@@ -3643,6 +3646,8 @@ function ui({ isoValue: e, onChange: t, label: r, placeholder: i = "Select date
 		})]
 	});
 }
+//#endregion
+//#region src/components/custom/date-time-range-picker.tsx
 var di = n.forwardRef(function({ value: e, onChange: t, className: r, timezone: i, presets: a, maxRangeDays: o }, s) {
 	let c = a ?? ai, [l, u] = n.useState(!1), [d, f] = n.useState(e.from), [p, m] = n.useState(e.to);
 	n.useEffect(() => {
@@ -3706,7 +3711,7 @@ var di = n.forwardRef(function({ value: e, onChange: t, className: r, timezone:
 							children: "Custom range"
 						}),
 						/* @__PURE__ */ X(ui, {
-							isoValue: d,
+							value: d,
 							onChange: h,
 							label: "From",
 							placeholder: "Start date & time",
@@ -3714,7 +3719,7 @@ var di = n.forwardRef(function({ value: e, onChange: t, className: r, timezone:
 							maxDate: (/* @__PURE__ */ new Date()).toISOString()
 						}),
 						/* @__PURE__ */ X(ui, {
-							isoValue: p,
+							value: p,
 							onChange: m,
 							label: "To",
 							placeholder: "End date & time",
@@ -4124,20 +4129,20 @@ function Qi(e) {
 	};
 }
 var $i = i(function({ children: e, className: t, theme: n, styles: r, projection: i, viewport: o, onViewportChange: c, loading: p = !1, controls: m = !0, tiles: h = Ji, ...g }, _) {
-	let v = h === !1 ? [] : h, y = d(null), [b, x] = f(null), [S, C] = f(!1), [w, T] = f(!1), [E, ee] = f(0), D = d(null), O = d(null), k = d(!1), te = o !== void 0 && c !== void 0, A = d(c);
-	A.current = c;
-	let j = u(() => ({
+	let v = h === !1 ? [] : h, y = d(null), [b, x] = f(null), [S, C] = f(!1), [w, T] = f(!1), [E, D] = f(0), O = d(null), k = d(null), A = d(!1), ee = o !== void 0 && c !== void 0, j = d(c);
+	j.current = c;
+	let M = u(() => ({
 		dark: r?.dark ?? qi.dark,
 		light: r?.light ?? qi.light
 	}), [r]);
 	l(_, () => b, [b]);
-	let M = a(() => {
-		O.current &&= (clearTimeout(O.current), null);
+	let N = a(() => {
+		k.current &&= (clearTimeout(k.current), null);
 	}, []);
 	s(() => {
 		if (!y.current) return;
-		let e = v[0]?.url ?? j.light;
-		D.current = e;
+		let e = v[0]?.url ?? M.light;
+		O.current = e;
 		let t = new He.Map({
 			container: y.current,
 			style: e,
@@ -4146,40 +4151,40 @@ var $i = i(function({ children: e, className: t, theme: n, styles: r, projection
 			...g,
 			...o
 		}), n = () => {
-			M(), O.current = setTimeout(() => {
+			N(), k.current = setTimeout(() => {
 				T(!0), i && t.setProjection(i);
 			}, 100);
 		}, r = () => C(!0), a = () => {
-			k.current || A.current?.(Qi(t));
+			A.current || j.current?.(Qi(t));
 		};
 		return t.on("load", r), t.on("styledata", n), t.on("move", a), x(t), () => {
-			M(), t.off("load", r), t.off("styledata", n), t.off("move", a), t.remove(), C(!1), T(!1), x(null);
+			N(), t.off("load", r), t.off("styledata", n), t.off("move", a), t.remove(), C(!1), T(!1), x(null);
 		};
 	}, []), s(() => {
-		if (!b || !te || !o || b.isMoving()) return;
+		if (!b || !ee || !o || b.isMoving()) return;
 		let e = Qi(b), t = {
 			center: o.center ?? e.center,
 			zoom: o.zoom ?? e.zoom,
 			bearing: o.bearing ?? e.bearing,
 			pitch: o.pitch ?? e.pitch
 		};
-		t.center[0] === e.center[0] && t.center[1] === e.center[1] && t.zoom === e.zoom && t.bearing === e.bearing && t.pitch === e.pitch || (k.current = !0, b.jumpTo(t), k.current = !1);
+		t.center[0] === e.center[0] && t.center[1] === e.center[1] && t.zoom === e.zoom && t.bearing === e.bearing && t.pitch === e.pitch || (A.current = !0, b.jumpTo(t), A.current = !1);
 	}, [
 		b,
-		te,
+		ee,
 		o
 	]), s(() => {
 		if (!b) return;
-		let e = v[E]?.url ?? (n === "dark" ? j.dark : j.light);
-		D.current !== e && (M(), D.current = e, T(!1), b.setStyle(e, { diff: !0 }));
+		let e = v[E]?.url ?? (n === "dark" ? M.dark : M.light);
+		O.current !== e && (N(), O.current = e, T(!1), b.setStyle(e, { diff: !0 }));
 	}, [
 		b,
 		E,
 		n,
-		j,
-		M
+		M,
+		N
 	]);
-	let N = u(() => ({
+	let P = u(() => ({
 		map: b,
 		isLoaded: S && w
 	}), [
@@ -4188,7 +4193,7 @@ var $i = i(function({ children: e, className: t, theme: n, styles: r, projection
 		w
 	]);
 	return /* @__PURE__ */ X(Yi.Provider, {
-		value: N,
+		value: P,
 		children: /* @__PURE__ */ Z("div", {
 			ref: y,
 			className: Q("relative h-full w-full", t),
@@ -4196,7 +4201,7 @@ var $i = i(function({ children: e, className: t, theme: n, styles: r, projection
 				position: "top-right",
 				tiles: v,
 				tileIndex: E,
-				onTileChange: ee
+				onTileChange: D
 			}), e] })]
 		})
 	});
@@ -5065,7 +5070,7 @@ var za = ({ ...e }) => {
 		className: "toaster group",
 		icons: {
 			success: /* @__PURE__ */ X(E, { className: "size-4" }),
-			info: /* @__PURE__ */ X(R, { className: "size-4" }),
+			info: /* @__PURE__ */ X(ne, { className: "size-4" }),
 			warning: /* @__PURE__ */ X(_e, { className: "size-4" }),
 			error: /* @__PURE__ */ X(se, { className: "size-4" }),
 			loading: /* @__PURE__ */ X(B, { className: "size-4 animate-spin" })
@@ -5426,6 +5431,6 @@ function So({ className: e, sideOffset: t = 0, children: n, ...r }) {
 	}) });
 }
 //#endregion
-export { pt as ActionsMenu, Ot as AdvancedInput, Sn as AdvancedSelect, pi as Alert, gi as AlertAction, Mt as AlertCard, Nt as AlertCardAction, hi as AlertDescription, Vn as AlertDialog, Zn as AlertDialogAction, Qn as AlertDialogCancel, Gn as AlertDialogContent, Xn as AlertDialogDescription, qn as AlertDialogFooter, Kn as AlertDialogHeader, Jn as AlertDialogMedia, Wn as AlertDialogOverlay, Un as AlertDialogPortal, Yn as AlertDialogTitle, Hn as AlertDialogTrigger, mi as AlertTitle, At as Badge, $ as Button, vi as ButtonGroup, bi as ButtonGroupSeparator, yi as ButtonGroupText, ei as Calendar, ti as CalendarDayButton, Sr as Card, Er as CardAction, Dr as CardContent, Tr as CardDescription, Or as CardFooter, Cr as CardHeader, Ln as CardRadioGroup, wr as CardTitle, Ti as ChartContainer, ki as ChartLegend, Ai as ChartLegendContent, Ei as ChartStyle, Di as ChartTooltip, Oi as ChartTooltipContent, Cn as Checkbox, Bn as ColorPicker, an as Command, on as CommandDialog, ln as CommandEmpty, un as CommandGroup, sn as CommandInput, fn as CommandItem, cn as CommandList, dn as CommandSeparator, pn as CommandShortcut, $n as ConfirmPrompt, er as CustomTabs, nr as DataCell, Nn as DataTable, di as DateTimeRangePicker, rr as DefRow, Rt as Dialog, Vt as DialogClose, Ut as DialogContent, qt as DialogDescription, Gt as DialogFooter, Wt as DialogHeader, Ht as DialogOverlay, Bt as DialogPortal, Kt as DialogTitle, zt as DialogTrigger, Xe as DropdownMenu, nt as DropdownMenuCheckboxItem, $e as DropdownMenuContent, et as DropdownMenuGroup, tt as DropdownMenuItem, at as DropdownMenuLabel, Ze as DropdownMenuPortal, rt as DropdownMenuRadioGroup, it as DropdownMenuRadioItem, ot as DropdownMenuSeparator, st as DropdownMenuShortcut, ct as DropdownMenuSub, ut as DropdownMenuSubContent, lt as DropdownMenuSubTrigger, Qe as DropdownMenuTrigger, ir as Empty, ur as EmptyContent, lr as EmptyDescription, ar as EmptyHeader, sr as EmptyMedia, dr as EmptyState, cr as EmptyTitle, fr as FacetedFilter, bt as Field, xt as FieldContent, wt as FieldDescription, Et as FieldError, vt as FieldGroup, St as FieldLabel, _t as FieldLegend, Tt as FieldSeparator, gt as FieldSet, Ct as FieldTitle, Lt as FileUpload, Pn as FormDialog, Mi as HoverCard, Pi as HoverCardContent, Ni as HoverCardTrigger, Jt as Input, Xt as InputGroup, Qt as InputGroupAddon, en as InputGroupButton, nn as InputGroupInput, tn as InputGroupText, rn as InputGroupTextarea, Ri as Item, Wi as ItemActions, Vi as ItemContent, Ui as ItemDescription, Ki as ItemFooter, Fi as ItemGroup, Gi as ItemHeader, Bi as ItemMedia, Ii as ItemSeparator, Hi as ItemTitle, mt as Label, hr as ListCard, mr as ListCardChip, _r as ListCardGrid, pr as ListCardPerson, $i as Map, Ta as MapArc, Ea as MapClusterLayer, pa as MapControls, na as MapMarker, vr as MapMarkerPin, ha as MapPopup, ga as MapRoute, ra as MarkerContent, ca as MarkerLabel, oa as MarkerPopup, sa as MarkerTooltip, yr as NotFound, mn as Popover, _n as PopoverAnchor, gn as PopoverContent, bn as PopoverDescription, vn as PopoverHeader, yn as PopoverTitle, hn as PopoverTrigger, Da as Progress, br as QuickStat, Fn as RadioGroup, In as RadioGroupItem, Oa as Select, Ma as SelectContent, ka as SelectGroup, Pa as SelectItem, Na as SelectLabel, La as SelectScrollDownButton, Ia as SelectScrollUpButton, Fa as SelectSeparator, ja as SelectTrigger, Aa as SelectValue, Ar as SensorCard, ht as Separator, jr as Sheet, Nr as SheetClose, Ir as SheetContent, Br as SheetDescription, Rr as SheetFooter, Lr as SheetHeader, zr as SheetTitle, Mr as SheetTrigger, Vr as SideSheet, Hr as SideSheetSection, Ra as Slider, Je as Spinner, Gr as StatCard, Xr as StatusAvatar, Yr as StatusIcon, Zr as StatusList, Qr as StatusListGroup, $r as StatusListItem, Wa as Stepper, Ya as StepperDescription, qa as StepperIndicator, Ga as StepperItem, Xa as StepperSeparator, Ja as StepperTitle, Ka as StepperTrigger, Za as Switch, wn as Table, En as TableBody, jn as TableCaption, An as TableCell, Dn as TableFooter, kn as TableHead, Tn as TableHeader, On as TableRow, Qa as Tabs, no as TabsContent, eo as TabsList, to as TabsTrigger, Yt as Textarea, ao as Timeline, oo as TimelineContent, so as TimelineDate, co as TimelineHeader, lo as TimelineIndicator, uo as TimelineItem, fo as TimelineSeparator, po as TimelineTitle, za as Toaster, ho as Toggle, _o as ToggleGroup, vo as ToggleGroupItem, bo as Tooltip, So as TooltipContent, yo as TooltipProvider, xo as TooltipTrigger, kt as badgeVariants, _i as buttonGroupVariants, Ye as buttonVariants, xr as cardVariants, Q as cn, Ke as formatBytes, si as navigateRange, oi as presetToRange, $a as tabsListVariants, mo as toggleVariants, qe as useFileUpload, Xi as useMap };
+export { pt as ActionsMenu, Ot as AdvancedInput, Sn as AdvancedSelect, pi as Alert, gi as AlertAction, Mt as AlertCard, Nt as AlertCardAction, hi as AlertDescription, Vn as AlertDialog, Zn as AlertDialogAction, Qn as AlertDialogCancel, Gn as AlertDialogContent, Xn as AlertDialogDescription, qn as AlertDialogFooter, Kn as AlertDialogHeader, Jn as AlertDialogMedia, Wn as AlertDialogOverlay, Un as AlertDialogPortal, Yn as AlertDialogTitle, Hn as AlertDialogTrigger, mi as AlertTitle, At as Badge, $ as Button, vi as ButtonGroup, bi as ButtonGroupSeparator, yi as ButtonGroupText, ei as Calendar, ti as CalendarDayButton, Sr as Card, Er as CardAction, Dr as CardContent, Tr as CardDescription, Or as CardFooter, Cr as CardHeader, Ln as CardRadioGroup, wr as CardTitle, Ti as ChartContainer, ki as ChartLegend, Ai as ChartLegendContent, Ei as ChartStyle, Di as ChartTooltip, Oi as ChartTooltipContent, Cn as Checkbox, Bn as ColorPicker, an as Command, on as CommandDialog, ln as CommandEmpty, un as CommandGroup, sn as CommandInput, fn as CommandItem, cn as CommandList, dn as CommandSeparator, pn as CommandShortcut, $n as ConfirmPrompt, er as CustomTabs, nr as DataCell, Nn as DataTable, ui as DateTimePicker, di as DateTimeRangePicker, rr as DefRow, Rt as Dialog, Vt as DialogClose, Ut as DialogContent, qt as DialogDescription, Gt as DialogFooter, Wt as DialogHeader, Ht as DialogOverlay, Bt as DialogPortal, Kt as DialogTitle, zt as DialogTrigger, Xe as DropdownMenu, nt as DropdownMenuCheckboxItem, $e as DropdownMenuContent, et as DropdownMenuGroup, tt as DropdownMenuItem, at as DropdownMenuLabel, Ze as DropdownMenuPortal, rt as DropdownMenuRadioGroup, it as DropdownMenuRadioItem, ot as DropdownMenuSeparator, st as DropdownMenuShortcut, ct as DropdownMenuSub, ut as DropdownMenuSubContent, lt as DropdownMenuSubTrigger, Qe as DropdownMenuTrigger, ir as Empty, ur as EmptyContent, lr as EmptyDescription, ar as EmptyHeader, sr as EmptyMedia, dr as EmptyState, cr as EmptyTitle, fr as FacetedFilter, bt as Field, xt as FieldContent, wt as FieldDescription, Et as FieldError, vt as FieldGroup, St as FieldLabel, _t as FieldLegend, Tt as FieldSeparator, gt as FieldSet, Ct as FieldTitle, Lt as FileUpload, Pn as FormDialog, Mi as HoverCard, Pi as HoverCardContent, Ni as HoverCardTrigger, Jt as Input, Xt as InputGroup, Qt as InputGroupAddon, en as InputGroupButton, nn as InputGroupInput, tn as InputGroupText, rn as InputGroupTextarea, Ri as Item, Wi as ItemActions, Vi as ItemContent, Ui as ItemDescription, Ki as ItemFooter, Fi as ItemGroup, Gi as ItemHeader, Bi as ItemMedia, Ii as ItemSeparator, Hi as ItemTitle, mt as Label, hr as ListCard, mr as ListCardChip, _r as ListCardGrid, pr as ListCardPerson, $i as Map, Ta as MapArc, Ea as MapClusterLayer, pa as MapControls, na as MapMarker, vr as MapMarkerPin, ha as MapPopup, ga as MapRoute, ra as MarkerContent, ca as MarkerLabel, oa as MarkerPopup, sa as MarkerTooltip, yr as NotFound, mn as Popover, _n as PopoverAnchor, gn as PopoverContent, bn as PopoverDescription, vn as PopoverHeader, yn as PopoverTitle, hn as PopoverTrigger, Da as Progress, br as QuickStat, Fn as RadioGroup, In as RadioGroupItem, Oa as Select, Ma as SelectContent, ka as SelectGroup, Pa as SelectItem, Na as SelectLabel, La as SelectScrollDownButton, Ia as SelectScrollUpButton, Fa as SelectSeparator, ja as SelectTrigger, Aa as SelectValue, Ar as SensorCard, ht as Separator, jr as Sheet, Nr as SheetClose, Ir as SheetContent, Br as SheetDescription, Rr as SheetFooter, Lr as SheetHeader, zr as SheetTitle, Mr as SheetTrigger, Vr as SideSheet, Hr as SideSheetSection, Ra as Slider, Je as Spinner, Gr as StatCard, Xr as StatusAvatar, Yr as StatusIcon, Zr as StatusList, Qr as StatusListGroup, $r as StatusListItem, Wa as Stepper, Ya as StepperDescription, qa as StepperIndicator, Ga as StepperItem, Xa as StepperSeparator, Ja as StepperTitle, Ka as StepperTrigger, Za as Switch, wn as Table, En as TableBody, jn as TableCaption, An as TableCell, Dn as TableFooter, kn as TableHead, Tn as TableHeader, On as TableRow, Qa as Tabs, no as TabsContent, eo as TabsList, to as TabsTrigger, Yt as Textarea, ao as Timeline, oo as TimelineContent, so as TimelineDate, co as TimelineHeader, lo as TimelineIndicator, uo as TimelineItem, fo as TimelineSeparator, po as TimelineTitle, za as Toaster, ho as Toggle, _o as ToggleGroup, vo as ToggleGroupItem, bo as Tooltip, So as TooltipContent, yo as TooltipProvider, xo as TooltipTrigger, kt as badgeVariants, _i as buttonGroupVariants, Ye as buttonVariants, xr as cardVariants, Q as cn, Ke as formatBytes, si as navigateRange, oi as presetToRange, $a as tabsListVariants, mo as toggleVariants, qe as useFileUpload, Xi as useMap };
 
 //# sourceMappingURL=index.js.map