@medha-analytics/medha-one-access-react 1.0.3 → 1.0.5

package/dist/index.js

@@ -8587,7 +8587,7 @@ function Uh({ className: e, variant: t = "default", ...n }) {
 function Wh({ className: e, ...t }) {
 	return /* @__PURE__ */ g(pm, {
 		"data-slot": "tabs-trigger",
-		className: H("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", e),
+		className: H("relative inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", e),
 		...t
 	});
 }
@@ -8600,14 +8600,14 @@ function Gh({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/button.tsx
-var Kh = On("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+var Kh = On("group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px 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:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/80",
 			outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
 			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
 			link: "text-primary underline-offset-4 hover:underline"
 		},
 		size: {
@@ -8625,20 +8625,19 @@ var Kh = On("group/button inline-flex shrink-0 items-center justify-center round
 		variant: "default",
 		size: "default"
 	}
-});
-function qh({ className: e, variant: t = "default", size: n = "default", asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ g(r ? Nn : "button", {
-		"data-slot": "button",
-		"data-variant": t,
-		"data-size": n,
-		className: H(Kh({
-			variant: t,
-			size: n,
-			className: e
-		})),
-		...i
-	});
-}
+}), qh = e.forwardRef(({ className: e, variant: t = "default", size: n = "default", asChild: r = !1, ...i }, a) => /* @__PURE__ */ g(r ? Nn : "button", {
+	ref: a,
+	"data-slot": "button",
+	"data-variant": t,
+	"data-size": n,
+	className: H(Kh({
+		variant: t,
+		size: n,
+		className: e
+	})),
+	...i
+}));
+qh.displayName = "Button";
 //#endregion
 //#region src/components/ui/badge.tsx
 var Jh = On("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
@@ -8652,15 +8651,14 @@ var Jh = On("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-cen
 		success: "bg-green-600 text-white dark:bg-green-600 dark:text-white"
 	} },
 	defaultVariants: { variant: "default" }
-});
-function Yh({ className: e, variant: t = "default", asChild: n = !1, ...r }) {
-	return /* @__PURE__ */ g(n ? Nn : "span", {
-		"data-slot": "badge",
-		"data-variant": t,
-		className: H(Jh({ variant: t }), e),
-		...r
-	});
-}
+}), Yh = e.forwardRef(({ className: e, variant: t = "default", asChild: n = !1, ...r }, i) => /* @__PURE__ */ g(n ? Nn : "span", {
+	ref: i,
+	"data-slot": "badge",
+	"data-variant": t,
+	className: H(Jh({ variant: t }), e),
+	...r
+}));
+Yh.displayName = "Badge";
 //#endregion
 //#region src/components/ui/dropdown-menu.tsx
 function Xh({ ...e }) {
@@ -8676,11 +8674,14 @@ function Zh({ ...e }) {
 	});
 }
 function Qh({ className: e, sideOffset: t = 4, ...n }) {
-	return /* @__PURE__ */ g(wf, { children: /* @__PURE__ */ g(Tf, {
-		"data-slot": "dropdown-menu-content",
-		sideOffset: t,
-		className: H("z-50 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
-		...n
+	return /* @__PURE__ */ g(wf, { children: /* @__PURE__ */ g("div", {
+		className: "moa",
+		children: /* @__PURE__ */ g(Tf, {
+			"data-slot": "dropdown-menu-content",
+			sideOffset: t,
+			className: H("z-50 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
+			...n
+		})
 	}) });
 }
 function $h({ className: e, ...t }) {
@@ -8766,7 +8767,7 @@ function lg({ className: e, size: t = "default", children: n, ...r }) {
 	return /* @__PURE__ */ _(Jf, {
 		"data-slot": "select-trigger",
 		"data-size": t,
-		className: H("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
+		className: H("flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
 		...r,
 		children: [n, /* @__PURE__ */ g(Qf, {
 			asChild: !0,
@@ -8775,22 +8776,25 @@ function lg({ className: e, size: t = "default", children: n, ...r }) {
 	});
 }
 function ug({ className: e, children: t, position: n = "item-aligned", align: r = "center", ...i }) {
-	return /* @__PURE__ */ g(np, { children: /* @__PURE__ */ _(ip, {
-		"data-slot": "select-content",
-		"data-align-trigger": n === "item-aligned",
-		className: H("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
-		position: n,
-		align: r,
-		...i,
-		children: [
-			/* @__PURE__ */ g(fg, {}),
-			/* @__PURE__ */ g(yp, {
-				"data-position": n,
-				className: H("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", n === "popper" && ""),
-				children: t
-			}),
-			/* @__PURE__ */ g(pg, {})
-		]
+	return /* @__PURE__ */ g(np, { children: /* @__PURE__ */ g("div", {
+		className: "moa",
+		children: /* @__PURE__ */ _(ip, {
+			"data-slot": "select-content",
+			"data-align-trigger": n === "item-aligned",
+			className: H("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
+			position: n,
+			align: r,
+			...i,
+			children: [
+				/* @__PURE__ */ g(fg, {}),
+				/* @__PURE__ */ g(yp, {
+					"data-position": n,
+					className: H("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", n === "popper" && ""),
+					children: t
+				}),
+				/* @__PURE__ */ g(pg, {})
+			]
+		})
 	}) });
 }
 function dg({ className: e, children: t, ...n }) {
@@ -8873,7 +8877,7 @@ function hg({ columns: e, data: t, totalCount: n, isLoading: r = !1, emptyMessag
 							"inactive"
 						].map((e) => /* @__PURE__ */ g("button", {
 							onClick: () => m(e),
-							className: H("px-3 py-1.5 text-xs font-medium capitalize transition-colors first:rounded-l-md last:rounded-r-md", p === e ? "bg-primary text-primary-foreground" : "bg-background text-muted-foreground hover:bg-accent"),
+							className: H("cursor-pointer px-3 py-1.5 text-xs font-medium capitalize transition-colors first:rounded-l-md last:rounded-r-md", p === e ? "bg-primary text-primary-foreground" : "bg-background text-muted-foreground hover:bg-accent"),
 							children: e
 						}, e))
 					}),
@@ -8975,12 +8979,15 @@ function vg({ className: e, ...t }) {
 }
 function yg({ className: e, size: t = "default", ...n }) {
 	return /* @__PURE__ */ _(_g, { children: [/* @__PURE__ */ g(vg, {}), /* @__PURE__ */ g("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-		children: /* @__PURE__ */ g(Jo, {
-			"data-slot": "alert-dialog-content",
-			"data-size": t,
-			className: H("group/alert-dialog-content grid w-full gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
-			...n
+		className: "moa",
+		children: /* @__PURE__ */ g("div", {
+			className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+			children: /* @__PURE__ */ g(Jo, {
+				"data-slot": "alert-dialog-content",
+				"data-size": t,
+				className: H("group/alert-dialog-content grid w-full gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
+				...n
+			})
 		})
 	})] });
 }
@@ -9095,7 +9102,7 @@ function Ng({ node: e, depth: t = 0 }) {
 			children: [/* @__PURE__ */ g(Og, {
 				asChild: !0,
 				children: /* @__PURE__ */ _("button", {
-					className: "flex items-center gap-1.5 w-full rounded px-2 py-1.5 text-sm hover:bg-accent text-left",
+					className: "flex cursor-pointer items-center gap-1.5 w-full rounded px-2 py-1.5 text-sm hover:bg-accent text-left",
 					onClick: () => i && r((e) => !e),
 					children: [
 						/* @__PURE__ */ g("span", {
@@ -13004,25 +13011,28 @@ function Jy({ className: e, ...t }) {
 }
 function Yy({ className: e, children: t, showCloseButton: n = !0, ...r }) {
 	return /* @__PURE__ */ _(qy, { children: [/* @__PURE__ */ g(Jy, {}), /* @__PURE__ */ g("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-		children: /* @__PURE__ */ _(go, {
-			"data-slot": "dialog-content",
-			onOpenAutoFocus: (e) => e.preventDefault(),
-			className: H("grid max-h-[85vh] w-full max-w-[calc(100%-2rem)] gap-6 overflow-y-auto rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
-			...r,
-			children: [t, n && /* @__PURE__ */ g(yo, {
-				"data-slot": "dialog-close",
-				asChild: !0,
-				children: /* @__PURE__ */ _(qh, {
-					variant: "ghost",
-					className: "absolute top-4 right-4",
-					size: "icon-sm",
-					children: [/* @__PURE__ */ g(Ee, {}), /* @__PURE__ */ g("span", {
-						className: "sr-only",
-						children: "Close"
-					})]
-				})
-			})]
+		className: "moa",
+		children: /* @__PURE__ */ g("div", {
+			className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+			children: /* @__PURE__ */ _(go, {
+				"data-slot": "dialog-content",
+				onOpenAutoFocus: (e) => e.preventDefault(),
+				className: H("grid max-h-[85vh] w-full max-w-[calc(100%-2rem)] gap-6 overflow-y-auto rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", e),
+				...r,
+				children: [t, n && /* @__PURE__ */ g(yo, {
+					"data-slot": "dialog-close",
+					asChild: !0,
+					children: /* @__PURE__ */ _(qh, {
+						variant: "ghost",
+						className: "absolute top-4 right-4",
+						size: "icon-sm",
+						children: [/* @__PURE__ */ g(Ee, {}), /* @__PURE__ */ g("span", {
+							className: "sr-only",
+							children: "Close"
+						})]
+					})
+				})]
+			})
 		})
 	})] });
 }
@@ -18958,7 +18968,7 @@ function kw({ id: e, label: t, value: n, onChange: r, suggestions: i }) {
 				className: "absolute z-50 w-full bg-popover border border-border rounded-md shadow-md max-h-40 overflow-y-auto",
 				children: s.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("button", {
 					type: "button",
-					className: "w-full text-left px-3 py-2 text-sm hover:bg-accent",
+					className: "w-full cursor-pointer text-left px-3 py-2 text-sm hover:bg-accent",
 					onMouseDown: () => {
 						r(e), o(!1);
 					},
@@ -19399,7 +19409,7 @@ function Ww({ type: e, value: t, onChange: n, label: r, required: i }) {
 						/* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => D(t),
-							className: "hover:opacity-70",
+							className: "cursor-pointer hover:opacity-70",
 							title: "Toggle include/exclude",
 							children: e.operator === "+" ? /* @__PURE__ */ g(be, { className: "h-3 w-3" }) : /* @__PURE__ */ g(ve, { className: "h-3 w-3" })
 						}),
@@ -19410,7 +19420,7 @@ function Ww({ type: e, value: t, onChange: n, label: r, required: i }) {
 						/* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => E(t),
-							className: "hover:opacity-70 ml-0.5",
+							className: "cursor-pointer hover:opacity-70 ml-0.5",
 							"aria-label": `Remove ${e.entity}`,
 							children: /* @__PURE__ */ g(Ee, { className: "h-3 w-3" })
 						})
@@ -19443,7 +19453,7 @@ function Ww({ type: e, value: t, onChange: n, label: r, required: i }) {
 					className: "max-h-48 overflow-y-auto",
 					children: C.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
 						type: "button",
-						className: "w-full text-left px-3 py-2 text-sm hover:bg-accent flex items-center gap-2",
+						className: "w-full cursor-pointer text-left px-3 py-2 text-sm hover:bg-accent flex items-center gap-2",
 						onMouseDown: () => T(e.id, e.label, x),
 						children: [
 							/* @__PURE__ */ g("span", {
@@ -20424,6 +20434,7 @@ function hT({ open: e, onClose: t, artifact: n, currentApplication: r, isAdmin:
 														type: "button",
 														"aria-label": `Remove ${e.key}`,
 														onClick: () => A(t),
+														className: "cursor-pointer",
 														children: /* @__PURE__ */ g(Ee, { className: "h-3 w-3" })
 													})
 												]
@@ -20914,7 +20925,7 @@ function yT({ open: e, onClose: t, rule: n, currentApplication: r, isAdmin: i })
 								children: l.map((e) => /* @__PURE__ */ g("button", {
 									type: "button",
 									onClick: () => C(e),
-									className: `px-3 py-1 rounded-md text-sm border transition-colors ${S?.includes(e) ? "bg-primary text-primary-foreground border-primary" : "bg-background border-input hover:bg-accent"}`,
+									className: `cursor-pointer px-3 py-1 rounded-md text-sm border transition-colors ${S?.includes(e) ? "bg-primary text-primary-foreground border-primary" : "bg-background border-input hover:bg-accent"}`,
 									children: e
 								}, e))
 							}),
@@ -21220,39 +21231,43 @@ var xT = [
 ];
 function ST() {
 	let [e, t] = f("users");
-	return /* @__PURE__ */ _("div", {
-		className: "flex h-full bg-background",
-		children: [
-			/* @__PURE__ */ _("aside", {
-				className: "w-56 shrink-0 border-r bg-muted/40 p-4 flex flex-col gap-1",
-				children: [/* @__PURE__ */ g("div", {
-					className: "mb-4 px-2",
-					children: /* @__PURE__ */ g("p", {
-						className: "text-sm font-bold text-slate-600 uppercase tracking-wider",
-						children: "Access Control"
+	return /* @__PURE__ */ g("div", {
+		className: "moa",
+		style: { display: "contents" },
+		children: /* @__PURE__ */ _("div", {
+			className: "flex h-full bg-background",
+			children: [
+				/* @__PURE__ */ _("aside", {
+					className: "w-56 shrink-0 border-r bg-muted/40 p-4 flex flex-col gap-1",
+					children: [/* @__PURE__ */ g("div", {
+						className: "mb-4 px-2",
+						children: /* @__PURE__ */ g("p", {
+							className: "text-sm font-bold text-slate-600 uppercase tracking-wider",
+							children: "Access Control"
+						})
+					}), xT.map(({ id: n, label: r, Icon: i }) => /* @__PURE__ */ _("button", {
+						onClick: () => t(n),
+						className: H("flex cursor-pointer items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium transition-colors text-left w-full", e === n ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:bg-background/60 hover:text-foreground"),
+						children: [/* @__PURE__ */ g(i, { className: "h-4 w-4 shrink-0" }), r]
+					}, n))]
+				}),
+				/* @__PURE__ */ g("main", {
+					className: "flex-1 min-h-0 p-6 overflow-auto",
+					children: /* @__PURE__ */ _("div", {
+						className: "max-w-7xl mx-auto",
+						children: [
+							e === "users" && /* @__PURE__ */ g(pT, {}),
+							e === "artifacts" && /* @__PURE__ */ g(gT, {}),
+							e === "access-rules" && /* @__PURE__ */ g(bT, {})
+						]
 					})
-				}), xT.map(({ id: n, label: r, Icon: i }) => /* @__PURE__ */ _("button", {
-					onClick: () => t(n),
-					className: H("flex items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium transition-colors text-left w-full", e === n ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:bg-background/60 hover:text-foreground"),
-					children: [/* @__PURE__ */ g(i, { className: "h-4 w-4 shrink-0" }), r]
-				}, n))]
-			}),
-			/* @__PURE__ */ g("main", {
-				className: "flex-1 p-6 overflow-auto",
-				children: /* @__PURE__ */ _("div", {
-					className: "max-w-7xl mx-auto",
-					children: [
-						e === "users" && /* @__PURE__ */ g(pT, {}),
-						e === "artifacts" && /* @__PURE__ */ g(gT, {}),
-						e === "access-rules" && /* @__PURE__ */ g(bT, {})
-					]
+				}),
+				/* @__PURE__ */ g(nt, {
+					richColors: !0,
+					position: "top-right"
 				})
-			}),
-			/* @__PURE__ */ g(nt, {
-				richColors: !0,
-				position: "top-right"
-			})
-		]
+			]
+		})
 	});
 }
 //#endregion