munza-x-data-grid 1.2.6 → 1.2.7

package/dist/data-grid.js

@@ -2032,11 +2032,7 @@ function Xt({ prop: t, defaultProp: n, onChange: r = () => {}, caller: i }) {
 		let n = e.useRef(t !== void 0);
 		e.useEffect(() => {
 			let e = n.current;
-			if (e !== c) {
-				let t = e ? "controlled" : "uncontrolled", n = c ? "controlled" : "uncontrolled";
-				console.warn(`${i} is changing from ${t} to ${n}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`);
-			}
-			n.current = c;
+			e !== c && console.warn(`${i} is changing from ${e ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`), n.current = c;
 		}, [c, i]);
 	}
 	return [l, e.useCallback((e) => {
@@ -7154,14 +7150,14 @@ function qd({ ...e }) {
 var Jd = ({ pagination: e = [] }) => {
 	let { table: t } = kt();
 	return /* @__PURE__ */ p("div", {
-		className: "flex items-center justify-between flex-wrap",
+		className: "mun:flex mun:items-center mun:justify-between mun:flex-wrap",
 		children: [/* @__PURE__ */ p("span", {
-			className: "flex items-center gap-1",
+			className: "mun:flex mun:items-center mun:gap-1",
 			children: [/* @__PURE__ */ f("span", {
-				className: "mum:text-xs",
+				className: "mun:text-xs",
 				children: "Page"
 			}), /* @__PURE__ */ p("span", {
-				className: "text-sm",
+				className: "mun:text-sm",
 				children: [
 					t.getState().pagination.pageIndex + 1,
 					" of",
@@ -7170,11 +7166,11 @@ var Jd = ({ pagination: e = [] }) => {
 				]
 			})]
 		}), /* @__PURE__ */ p("div", {
-			className: "flex items-center gap-4 flex-wrap",
+			className: "mun:flex mun:items-center mun:gap-4 mun:flex-wrap",
 			children: [
 				/* @__PURE__ */ f(Gd, {
 					type: "number",
-					className: "w-16",
+					className: "mun:w-16",
 					min: "1",
 					max: t.getPageCount(),
 					defaultValue: t.getState().pagination.pageIndex + 1,
@@ -7194,7 +7190,7 @@ var Jd = ({ pagination: e = [] }) => {
 					}, e))
 				}),
 				/* @__PURE__ */ p("div", {
-					className: "flex items-center gap-2",
+					className: "mun:flex mun:items-center mun:gap-2",
 					children: [
 						/* @__PURE__ */ f(Wd, {
 							size: "icon",
@@ -7237,18 +7233,18 @@ var Jd = ({ pagination: e = [] }) => {
 			window.removeEventListener("online", e), window.removeEventListener("offline", n);
 		};
 	}, []), /* @__PURE__ */ p("div", {
-		className: "flex flex-col items-center",
+		className: "mun:flex mun:flex-col mun:items-center",
 		children: [
 			/* @__PURE__ */ f(I, {
 				size: 52,
-				className: "text-red-500 mb-6"
+				className: "mun:text-red-500 mun:mb-6"
 			}),
 			/* @__PURE__ */ f("h2", {
-				className: "text-2xl font-semibold text-red-600 mb-3",
+				className: "mun:text-2xl mun:font-semibold mun:text-red-600 mun:mb-3",
 				children: "Failed to Load Data"
 			}),
 			/* @__PURE__ */ f("p", {
-				className: "text-sm text-muted-foreground mb-6 text-center max-w-md",
+				className: "mun:text-sm mun:text-muted-foreground mun:mb-6 mun:text-center mun:max-w-md",
 				children: e ? "Something went wrong. Please try refreshing the page." : "You're currently offline. Please check your internet connection."
 			}),
 			/* @__PURE__ */ f(Wd, {
@@ -7262,7 +7258,7 @@ var Jd = ({ pagination: e = [] }) => {
 		]
 	});
 }, Xd = () => /* @__PURE__ */ f("div", {
-	className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+	className: "mun:absolute mun:top-1/2 mun:left-1/2 mun:-translate-x-1/2 mun:-translate-y-1/2",
 	children: /* @__PURE__ */ f(Yd, {})
 });
 //#endregion
@@ -7360,7 +7356,7 @@ function lf({ className: e, ...t }) {
 //#endregion
 //#region src/components/feedback/NoDataFoundMsg.tsx
 var uf = () => /* @__PURE__ */ f("div", {
-	className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 hover:bg-transparent",
+	className: "mun:absolute mun:left-1/2 mun:top-1/2 mun:-translate-x-1/2 mun:-translate-y-1/2 mun:hover:bg-transparent",
 	children: /* @__PURE__ */ f(rf, { children: /* @__PURE__ */ p(af, { children: [
 		/* @__PURE__ */ f(sf, {
 			variant: "icon",
@@ -7417,13 +7413,13 @@ var mf = [
 	"pin",
 	"drag-handle",
 	"rowNumber"
-].includes(e.id) ? /* @__PURE__ */ f(pf, { className: "w-full h-4" }) : /* @__PURE__ */ f(pf, {
-	className: "h-4",
+].includes(e.id) ? /* @__PURE__ */ f(pf, { className: "mun:w-full mun:h-4" }) : /* @__PURE__ */ f(pf, {
+	className: "mun:h-4",
 	style: { width: `${mf[(t + n) % mf.length]}px` }
 }) }), gf = () => {
 	let { table: e } = kt(), t = e.getHeaderGroups().map((e) => e.headers.filter((e) => !e.isPlaceholder && !e.subHeaders?.length).map((e) => e.column)).flat();
 	return /* @__PURE__ */ f(Zd, { children: /* @__PURE__ */ f($d, { children: [...Array(20)].map((e, n) => /* @__PURE__ */ f(ef, {
-		className: "*:border-r *:border-border",
+		className: "mun:*:border-r mun:*:border-border",
 		children: t.map((e, t) => /* @__PURE__ */ f(nf, {
 			style: {
 				width: e.getSize(),
@@ -7451,7 +7447,7 @@ var mf = [
 	let { table: e, isLoading: n, isError: r, renderSubComponent: i } = kt();
 	return n ? /* @__PURE__ */ f(gf, {}) : r ? /* @__PURE__ */ f(Xd, {}) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ f(df, {}) : /* @__PURE__ */ f(Zd, { children: /* @__PURE__ */ f($d, { children: e.getRowModel().rows.map((e) => /* @__PURE__ */ p(t.Fragment, { children: [/* @__PURE__ */ f(ef, {
 		"data-state": e.getIsSelected() && "selected",
-		className: "*:border-r *:border-border data-[state=selected]:bg-blue-800/25",
+		className: "mun:*:border-r mun:*:border-border mun:data-[state=selected]:bg-blue-800/25",
 		children: e.getVisibleCells().map((e) => /* @__PURE__ */ f(_f, { cell: e }, e.id))
 	}), i && e.getIsExpanded() && /* @__PURE__ */ f(ef, { children: /* @__PURE__ */ f(nf, {
 		colSpan: e.getVisibleCells().length,
@@ -7479,9 +7475,9 @@ var mf = [
 			Promise.resolve().then(() => i(t));
 		}
 	}, [n, e]), e.getCanFilter() ? /* @__PURE__ */ f("div", {
-		className: "p-1.5 border-t border-border w-full",
+		className: "mun:p-1.5 mun:border-t mun:border-border mun:w-full",
 		children: n === "range" ? /* @__PURE__ */ p("div", {
-			className: "flex gap-1.5",
+			className: "mun:flex mun:gap-1.5",
 			children: [/* @__PURE__ */ f(yf, {
 				type: "number",
 				value: t?.[0] ?? "",
@@ -7496,7 +7492,7 @@ var mf = [
 		}) : n === "select" ? /* @__PURE__ */ p(Kd, {
 			value: t?.toString() ?? "",
 			onChange: (t) => e.setFilterValue(t.target.value === "all" ? void 0 : t.target.value),
-			className: "w-full",
+			className: "mun:w-full",
 			children: [/* @__PURE__ */ f(qd, {
 				value: "",
 				children: "All"
@@ -7524,7 +7520,7 @@ var mf = [
 			placeholder: "Search...",
 			type: n,
 			value: t ?? ""
-		}) : /* @__PURE__ */ f("div", { className: "h-8 opacity-0 invisible " })
+		}) : /* @__PURE__ */ f("div", { className: "mun:h-8 mun:opacity-0 mun:invisible " })
 	}) : null;
 };
 //#endregion
@@ -7616,7 +7612,7 @@ var Of = ({ header: e }) => {
 						onClick: () => {
 							e.column.pin("left");
 						},
-						children: ["Pin to left", /* @__PURE__ */ f(Df, { children: /* @__PURE__ */ f(F, { className: "rotate-45" }) })]
+						children: ["Pin to left", /* @__PURE__ */ f(Df, { children: /* @__PURE__ */ f(F, { className: "mun:rotate-45" }) })]
 					}),
 					e.column.getIsPinned() && /* @__PURE__ */ p(Tf, {
 						onClick: () => {
@@ -7628,7 +7624,7 @@ var Of = ({ header: e }) => {
 						onClick: () => {
 							e.column.pin("right");
 						},
-						children: ["Pin to right", /* @__PURE__ */ f(Df, { children: /* @__PURE__ */ f(F, { className: "-rotate-45" }) })]
+						children: ["Pin to right", /* @__PURE__ */ f(Df, { children: /* @__PURE__ */ f(F, { className: "mun:-rotate-45" }) })]
 					})
 				] }),
 				/* @__PURE__ */ f(Ef, {}),
@@ -7643,11 +7639,11 @@ var Of = ({ header: e }) => {
 		})]
 	}) : null;
 }, kf = ({ header: e }) => /* @__PURE__ */ p("div", {
-	className: e.column.getCanSort() ? "cursor-pointer select-none flex items-center gap-2" : "",
+	className: e.column.getCanSort() ? "mun:cursor-pointer mun:select-none mun:flex mun:items-center mun:gap-2" : "",
 	onClick: e.column.getToggleSortingHandler(),
 	children: [xt(e.column.columnDef.header, e.getContext()), {
-		asc: /* @__PURE__ */ f(k, { className: "size-4" }),
-		desc: /* @__PURE__ */ f(E, { className: "size-4" })
+		asc: /* @__PURE__ */ f(k, { className: "mun:size-4" }),
+		desc: /* @__PURE__ */ f(E, { className: "mun:size-4" })
 	}[e.column.getIsSorted()] ?? null]
 }), Af = ({ header: e }) => {
 	let t = {
@@ -7661,11 +7657,11 @@ var Of = ({ header: e }) => {
 	return /* @__PURE__ */ f(tf, {
 		colSpan: e.colSpan,
 		style: t,
-		className: "p-0 truncate relative group",
+		className: "mun:p-0 mun:truncate mun:relative mun:group",
 		children: /* @__PURE__ */ f(d, { children: e.isPlaceholder ? null : /* @__PURE__ */ p("div", {
-			className: "flex flex-col gap-1.5",
+			className: "mun:flex mun:flex-col mun:gap-1.5",
 			children: [/* @__PURE__ */ p("div", {
-				className: "p-1.5 flex items-center justify-between gap-3",
+				className: "mun:p-1.5 mun:flex mun:items-center mun:justify-betweenmun:gap-3",
 				children: [/* @__PURE__ */ f(kf, { header: e }), /* @__PURE__ */ f(Of, { header: e })]
 			}), /* @__PURE__ */ f(bf, { column: e.column })]
 		}) })
@@ -7673,17 +7669,17 @@ var Of = ({ header: e }) => {
 }, jf = () => {
 	let { table: e } = kt();
 	return /* @__PURE__ */ f(Zd, { children: /* @__PURE__ */ f(Qd, { children: e.getHeaderGroups().map((e) => /* @__PURE__ */ f(ef, {
-		className: "*:border-r *:border-border",
+		className: "mun:*:border-r mun:*:border-border",
 		children: e.headers.map((e) => /* @__PURE__ */ f(Af, { header: e }, e.id))
 	}, e.id)) }) });
 }, Mf = () => {
 	let { paneRef1: e, paneRef2: n } = kt();
 	return /* @__PURE__ */ p(t.Fragment, { children: [/* @__PURE__ */ f("div", {
-		className: "w-full bg-muted border-b border-border overflow-y-scroll [scrollbar-color:transparent_transparent] overflow-x-hidden",
+		className: "mun:w-full mun:bg-muted mun:border-b mun:border-border mun:overflow-y-scroll mun:[scrollbar-color:transparent_transparent] mun:overflow-x-hidden",
 		ref: e,
 		children: /* @__PURE__ */ f(jf, {})
 	}), /* @__PURE__ */ f("div", {
-		className: "h-[75vh] w-full overflow-scroll bg-background",
+		className: "mun:h-[75vh] mun:w-full mun:overflow-scroll mun:bg-background",
 		ref: n,
 		children: /* @__PURE__ */ f(vf, {})
 	})] });
@@ -7771,13 +7767,13 @@ var Vf = ({ column: e }) => {
 		open: r,
 		onOpenChange: i,
 		children: [/* @__PURE__ */ p(zf, {
-			className: "flex whitespace-nowrap items-center gap-2",
+			className: "mun:flex mun:whitespace-nowrap mun:items-center mun:gap-2",
 			children: [/* @__PURE__ */ f("span", {
-				className: "size-7 inline-flex items-center justify-center rounded-md transition-all hover:bg-card",
+				className: "mun:size-7 mun:inline-flex mun:items-center mun:justify-center mun:rounded-md mun:transition-all mun:hover:bg-card",
 				children: f(r ? E : O, { size: 16 })
 			}), /* @__PURE__ */ f("span", { children: t?.id })]
 		}), /* @__PURE__ */ f(Bf, { children: /* @__PURE__ */ p("div", {
-			className: "p-3 pr-0",
+			className: "mun:p-3 mun:pr-0",
 			children: [/* @__PURE__ */ f("datalist", {
 				id: e.id + "list",
 				children: t?.uniqueValues.map((e, t) => /* @__PURE__ */ f("option", { value: e }, t))
@@ -7795,23 +7791,23 @@ var Vf = ({ column: e }) => {
 		n(e === t ? null : t);
 	}, { table: i, globalFilter: a, setGlobalFilter: o } = kt(), [s, l] = u(""), d = c(() => i.getAllLeafColumns().filter((e) => !["rowNumber"].includes(e.id)).filter((e) => e.id.toLowerCase().includes(s.toLowerCase())), [s, i]);
 	return /* @__PURE__ */ p("div", {
-		className: "bg-muted overflow-hidden hidden sm:flex",
+		className: "mun:bg-muted mun:overflow-hidden mun:hidden mun:sm:flex",
 		children: [
 			e === "columns" && /* @__PURE__ */ f("div", {
-				className: $("w-52 border-l border-border transition-all"),
+				className: $("mun:w-52 mun:border-l mun:border-border mun:transition-all"),
 				children: /* @__PURE__ */ p("div", {
-					className: "space-y-3",
+					className: "mun:space-y-3",
 					children: [/* @__PURE__ */ p("div", {
-						className: "p-3 flex items-center gap-3",
+						className: "mun:p-3 mun:flex mun:items-center mun:gap-3",
 						children: [/* @__PURE__ */ p("div", {
-							className: "flex items-center gap-3",
+							className: "mun:flex mun:items-center mun:gap-3",
 							children: [/* @__PURE__ */ f(Ff, {
 								checked: d.every((e) => e.getIsVisible()),
 								onCheckedChange: (e) => {
 									d.forEach((t) => t.toggleVisibility(!!e));
 								}
 							}), /* @__PURE__ */ f(Pf, {
-								className: "h-5 min-w-5 rounded-full px-1.5 font-mono tabular-nums",
+								className: "mun:h-5 mun:min-w-5 mun:rounded-full mun:px-1.5 mun:font-mono mun:tabular-nums",
 								children: i.getVisibleLeafColumns().length
 							})]
 						}), /* @__PURE__ */ f(Gd, {
@@ -7820,11 +7816,11 @@ var Vf = ({ column: e }) => {
 							onChange: (e) => l(e.target.value)
 						})]
 					}), /* @__PURE__ */ f("div", {
-						className: "max-h-50 overflow-y-auto",
+						className: "mun:max-h-50 mun:overflow-y-auto",
 						children: /* @__PURE__ */ f("div", {
-							className: "px-3 py-1 space-y-3",
+							className: "mun:px-3 mun:py-1 mun:space-y-3",
 							children: d.length > 0 ? d.map((e) => /* @__PURE__ */ f("div", { children: /* @__PURE__ */ p(If, {
-								className: "capitalize",
+								className: "mun:capitalize",
 								children: [
 									/* @__PURE__ */ f(Ff, {
 										checked: e.getIsVisible(),
@@ -7839,7 +7835,7 @@ var Vf = ({ column: e }) => {
 									})
 								]
 							}) }, e.id)) : /* @__PURE__ */ f("div", {
-								className: "px-2 py-4 text-center text-sm text-muted-foreground",
+								className: "mun:px-2 mun:py-4 mun:text-center mun:text-sm mun:text-muted-foreground",
 								children: "No columns found"
 							})
 						})
@@ -7847,12 +7843,12 @@ var Vf = ({ column: e }) => {
 				})
 			}),
 			e === "filter" && /* @__PURE__ */ f("div", {
-				className: $("w-52 border-l border-border transition-all"),
+				className: $("mun:w-52 mun:border-l mun:border-border mun:transition-all"),
 				children: /* @__PURE__ */ p("div", {
-					className: "space-y-3",
+					className: "mun:space-y-3",
 					children: [
 						/* @__PURE__ */ f("div", {
-							className: "p-3",
+							className: "mun:p-3",
 							children: /* @__PURE__ */ f(yf, {
 								value: a ?? "",
 								onChange: (e) => {
@@ -7862,12 +7858,12 @@ var Vf = ({ column: e }) => {
 							})
 						}),
 						/* @__PURE__ */ f("div", {
-							className: "overflow-y-auto h-[65vh] px-3 space-y-3",
+							className: "mun:overflow-y-auto mun:h-[65vh] mun:px-3 mun:space-y-3",
 							children: i.getHeaderGroups().map((e) => /* @__PURE__ */ f(t.Fragment, { children: e.headers.filter((e) => !["rowNumber"].includes(e.column.id)).map((e) => /* @__PURE__ */ f(Vf, { column: e.column }, e.id)) }, e.id))
 						}),
 						/* @__PURE__ */ f(Lf, {}),
 						/* @__PURE__ */ f("div", {
-							className: "px-3",
+							className: "mun:px-3",
 							children: /* @__PURE__ */ p(Wd, {
 								onClick: () => i.setColumnFilters([]),
 								variant: "outline",
@@ -7878,7 +7874,7 @@ var Vf = ({ column: e }) => {
 				})
 			}),
 			/* @__PURE__ */ f("div", {
-				className: "w-8 border-l border-border",
+				className: "mun:w-8 mun:border-l mun:border-border",
 				children: [{
 					value: "columns",
 					label: "Columns",
@@ -7890,9 +7886,9 @@ var Vf = ({ column: e }) => {
 				}].map(({ value: t, label: n, icon: i }) => /* @__PURE__ */ p(Wd, {
 					variant: "ghost",
 					size: "sm",
-					className: $("[writing-mode:vertical-rl] rounded-none h-auto w-full hover:bg-background! cursor-pointer", e === t && "bg-background"),
+					className: $("mun:[writing-mode:vertical-rl] mun:rounded-none mun:h-auto mun:w-full mun:hover:bg-background! mun:cursor-pointer", e === t && "bg-background"),
 					onClick: () => r(t),
-					children: [/* @__PURE__ */ f(i, { className: "size-4" }), n]
+					children: [/* @__PURE__ */ f(i, {}), n]
 				}, t))
 			})
 		]
@@ -7911,13 +7907,13 @@ var Vf = ({ column: e }) => {
 	renderSubComponent: u,
 	manualPagination: d,
 	children: /* @__PURE__ */ f("div", {
-		className: "relative",
+		className: "mun:relative",
 		children: /* @__PURE__ */ p("div", {
-			className: "flex flex-col gap-3",
+			className: "mun:flex mun:flex-col mun:gap-3",
 			children: [/* @__PURE__ */ p("div", {
-				className: "flex bg-muted rounded-md overflow-hidden border border-border",
+				className: "mun:flex mun:bg-muted mun:rounded-md mun:overflow-hidden mun:border mun:border-border",
 				children: [/* @__PURE__ */ f("div", {
-					className: "overflow-hidden flex-1",
+					className: "mun:overflow-hidden mun:flex-1",
 					children: /* @__PURE__ */ f(Mf, {})
 				}), /* @__PURE__ */ f(Hf, {})]
 			}), /* @__PURE__ */ f(Jd, { pagination: [

package/dist/index.css

@@ -1,2 +1,4 @@
-/*! tailwindcss v4.2.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-space-y-reverse:0;--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-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-800:oklch(42.4% .199 265.638);--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-4xl:2rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-auto{inset-inline:auto}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.left-1\/2{left:50%}.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-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[65vh\]{height:65vh}.h-\[75vh\]{height:75vh}.h-auto{height:auto}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-50{max-height:calc(var(--spacing) * 50)}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-52{width:calc(var(--spacing) * 52)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-32{min-width:calc(var(--spacing) * 32)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.capitalize{text-transform:capitalize}.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,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.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)}.ring-1{--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)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition-all{transition-property:all;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-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.\*\:border-r>*){border-right-style:var(--tw-border-style);border-right-width:1px}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}@media (hover:hover){.hover\:bg-transparent:hover{background-color:#0000}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-horizontal\:h-px[data-horizontal]{height:1px}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-vertical\:w-px[data-vertical]{width:1px}.data-vertical\:self-stretch[data-vertical]{align-self:stretch}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.data-\[size\=sm\]\:py-0\.5[data-size=sm]{padding-block:calc(var(--spacing) * .5)}.data-\[state\=closed\]\:overflow-hidden[data-state=closed]{overflow:hidden}.data-\[state\=selected\]\:bg-blue-800\/25[data-state=selected]{background-color:#193cb840}@supports (color:color-mix(in lab, red, red)){.data-\[state\=selected\]\:bg-blue-800\/25[data-state=selected]{background-color:color-mix(in oklab, var(--color-blue-800) 25%, transparent)}}@media (width>=40rem){.sm\:flex{display:flex}}@media (width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
+@layer theme{:host,:root{--mun-color-red-500:oklch(63.7% 0.237 25.331);--mun-color-red-600:oklch(57.7% 0.245 27.325);--mun-color-blue-800:oklch(42.4% 0.199 265.638);--mun-spacing:0.25rem;--mun-container-md:28rem;--mun-text-xs:0.75rem;--mun-text-xs--line-height:calc(1 / 0.75);--mun-text-sm:0.875rem;--mun-text-sm--line-height:calc(1.25 / 0.875);--mun-text-2xl:1.5rem;--mun-text-2xl--line-height:calc(2 / 1.5);--mun-font-weight-semibold:600;--mun-radius-md:0.375rem;--mun-default-transition-duration:0.15s;--mun-default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}@layer utilities{.mun\:-translate-x-1\/2,.mun\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.mun\:overflow-hidden,.mun\:truncate{overflow:hidden}.mun\:truncate,.mun\:whitespace-nowrap{white-space:nowrap}.mun\:invisible{visibility:hidden}.mun\:absolute{position:absolute}.mun\:relative{position:relative}.mun\:top-1\/2{top:50%}.mun\:left-1\/2{left:50%}.mun\:mb-3{margin-bottom:calc(var(--mun-spacing) * 3)}.mun\:mb-6{margin-bottom:calc(var(--mun-spacing) * 6)}.mun\:flex{display:flex}.mun\:hidden{display:none}.mun\:inline-flex{display:inline-flex}.mun\:size-4{width:calc(var(--mun-spacing) * 4);height:calc(var(--mun-spacing) * 4)}.mun\:size-7{width:calc(var(--mun-spacing) * 7);height:calc(var(--mun-spacing) * 7)}.mun\:h-4{height:calc(var(--mun-spacing) * 4)}.mun\:h-5{height:calc(var(--mun-spacing) * 5)}.mun\:h-8{height:calc(var(--mun-spacing) * 8)}.mun\:h-\[65vh\]{height:65vh}.mun\:h-\[75vh\]{height:75vh}.mun\:h-auto{height:auto}.mun\:max-h-50{max-height:calc(var(--mun-spacing) * 50)}.mun\:w-8{width:calc(var(--mun-spacing) * 8)}.mun\:w-16{width:calc(var(--mun-spacing) * 16)}.mun\:w-52{width:calc(var(--mun-spacing) * 52)}.mun\:w-full{width:100%}.mun\:max-w-md{max-width:var(--mun-container-md)}.mun\:min-w-5{min-width:calc(var(--mun-spacing) * 5)}.mun\:flex-1{flex:1}.mun\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.mun\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.mun\:-rotate-45{rotate:-45deg}.mun\:rotate-45{rotate:45deg}.mun\:cursor-pointer{cursor:pointer}.mun\:flex-col{flex-direction:column}.mun\:flex-wrap{flex-wrap:wrap}.mun\:items-center{align-items:center}.mun\:justify-between{justify-content:space-between}.mun\:justify-center{justify-content:center}.mun\:gap-1{gap:calc(var(--mun-spacing) * 1)}.mun\:gap-1\.5{gap:calc(var(--mun-spacing) * 1.5)}.mun\:gap-2{gap:calc(var(--mun-spacing) * 2)}.mun\:gap-3{gap:calc(var(--mun-spacing) * 3)}.mun\:gap-4{gap:calc(var(--mun-spacing) * 4)}:where(.mun\:space-y-3 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mun-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mun-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.mun\:truncate{text-overflow:ellipsis}.mun\:overflow-scroll{overflow:scroll}.mun\:overflow-x-hidden{overflow-x:hidden}.mun\:overflow-y-auto{overflow-y:auto}.mun\:overflow-y-scroll{overflow-y:scroll}.mun\:rounded-full{border-radius:3.40282e38px}.mun\:rounded-md{border-radius:var(--mun-radius-md)}.mun\:rounded-none{border-radius:0}.mun\:border{border-style:var(--tw-border-style);border-width:1px}.mun\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mun\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mun\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.mun\:border-border{border-color:var(--border)}.mun\:bg-background{background-color:var(--background)}.mun\:p-0{padding:calc(var(--mun-spacing) * 0)}.mun\:p-1\.5{padding:calc(var(--mun-spacing) * 1.5)}.mun\:p-3{padding:calc(var(--mun-spacing) * 3)}.mun\:px-1\.5{padding-inline:calc(var(--mun-spacing) * 1.5)}.mun\:px-2{padding-inline:calc(var(--mun-spacing) * 2)}.mun\:px-3{padding-inline:calc(var(--mun-spacing) * 3)}.mun\:py-1{padding-block:calc(var(--mun-spacing) * 1)}.mun\:py-4{padding-block:calc(var(--mun-spacing) * 4)}.mun\:pr-0{padding-right:calc(var(--mun-spacing) * 0)}.mun\:text-center{text-align:center}.mun\:font-mono{font-family:var(--mun-font-mono)}.mun\:text-2xl{font-size:var(--mun-text-2xl);line-height:var(--tw-leading, var(--mun-text-2xl--line-height))}.mun\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}.mun\:text-xs{font-size:var(--mun-text-xs);line-height:var(--tw-leading, var(--mun-text-xs--line-height))}.mun\:font-semibold{--tw-font-weight:var(--mun-font-weight-semibold);font-weight:var(--mun-font-weight-semibold)}.mun\:text-red-500{color:var(--mun-color-red-500)}.mun\:text-red-600{color:var(--mun-color-red-600)}.mun\:capitalize{text-transform:capitalize}.mun\: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,)}.mun\:opacity-0{opacity:0}.mun\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--mun-default-transition-timing-function));transition-duration:var(
+      --tw-duration,
+      var(--mun-default-transition-duration)
+    )}.mun\:select-none{-webkit-user-select:none;user-select:none}.mun\:\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.mun\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.mun\:\*\:border-r > *){border-right-style:var(--tw-border-style);border-right-width:1px}:is(.mun\:\*\:border-border > *){border-color:var(--border)}@media (hover:hover){.mun\:hover\:bg-background\!:hover{background-color:var(--background)!important}.mun\:hover\:bg-transparent:hover{background-color:#0000}}.mun\:data-\[state\=selected\]\:bg-blue-800\/25[data-state=selected]{background-color:var(--mun-color-blue-800)}@supports (color:color-mix(in lab,red,red)){.mun\:data-\[state\=selected\]\:bg-blue-800\/25[data-state=selected]{background-color:color-mix(in oklab,var(--mun-color-blue-800) 25%,transparent)}}@media (width>=40rem){.mun\:sm\:flex{display:flex}}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "munza-x-data-grid",
   "private": false,
-  "version": "1.2.6",
+  "version": "1.2.7",
   "type": "module",
   "files": [
     "dist"

package/dist/data/dummyData.d.ts

@@ -1,10 +0,0 @@
-export type Person = {
-    firstName: string;
-    lastName: string;
-    age: number;
-    visits: number;
-    progress: number;
-    status: string;
-    subRows?: Person[];
-};
-export declare const dummyPeople: Person[];