@nxgt/material 3.62.0 → 3.64.0

package/docs/guides/theming.md

@@ -620,15 +620,16 @@ descendant of it: an element that reads `--nxgt-tone-container` needs its own
 ## The active entry of the sidebar and the rail
 
 The selected `SidebarMenuItem` (and so the `AppSidebar` and `ActivityLayout`
-rail and menu sheet) is drawn with three tokens, in light and in dark:
+rail and menu sheet) is drawn with four tokens, in light and in dark:
 
 | Token | Tailwind | Default, light | Default, dark |
 | --- | --- | --- | --- |
 | `--sidebar-active` | `bg-sidebar-active` | primary at 15 % | primary at 30 % |
 | `--sidebar-active-hover` | `bg-sidebar-active-hover` | primary at 20 % | primary at 35 % |
 | `--sidebar-active-foreground` | `text-sidebar-active-foreground` | `oklch(from var(--primary) calc(l * 0.85) c h)`, 4.5:1 or more on the pill for every theme preset | `oklch(from var(--primary) 0.72 0.15 h)`, 6.3:1 or more on the pill |
+| `--sidebar-active-edge` | `bg-sidebar-active-edge` | the value of `--sidebar-active-foreground` | the value of `--sidebar-active-foreground` |
 
-The pill is the icon's (collapsed rail) or the whole row (expanded), a pill in the collapsed rail and, in the expanded row, an `--nxgt-item-radius` (6px) shape that carries the 3px start bar every chosen row has, drawn in `--sidebar-active-foreground` (a `Highlight` bar in forced colours); the
+The pill is the icon's (collapsed rail) or the whole row (expanded), a pill in the collapsed rail and, in the expanded row, an `--nxgt-item-radius` (6px) shape that carries the 3px start bar every chosen row has, drawn in `--sidebar-active-edge` (a `Highlight` bar in forced colours); the
 foreground is the label and the icon, whose duotone layers both follow it (in
 dark too: the icon of `AppSidebar` is the lifted lavender like its label). The
 label is read on the pill (expanded) or on the sidebar (collapsed rail); the
@@ -639,9 +640,18 @@ itself in light and dark, as both the light darkening and the dark lift need
 
 The defaults are derived where the entry is drawn, from the `--primary` it
 sits under, so a `--primary` set on a wrapper recolours the rail inside it.
-The three tokens are not declared on `:root`: setting one replaces its
+The four tokens are not declared on `:root`: setting one replaces its
 default wherever it is set.
 
+`--sidebar-active-edge` recolours the start bar alone; unset, the bar follows
+the foreground:
+
+```css
+:root {
+  --sidebar-active-edge: oklch(0.8 0.15 90);
+}
+```
+
 Set them after importing the stylesheet, under the same selectors as the
 theme, for example a rail in the `maths` colour:
 

package/docs/roadmap.md

@@ -241,6 +241,10 @@ version they shipped in, and planned entries may name the major they target.
   slot; the bar's `views` slot is planned with it. They are meant to replace
   the legacy `FilterPresets`. Tracked in [#1876](https://github.com/softistx/nxgt-material/issues/1876).
 
+- **Link navigation** — `TabsNav` and `SegmentedNav` render route tabs and segmented navigation as a `nav` of links with `aria-current="page"`, looking like Tabs and the segmented ToggleGroup, plus `useTabParam` to keep the current tab in the URL.
+- **RecordActionsMenu** — one menu for a record's lifecycle: archive with an Undo toast (or confirm first with `archivePolicy="confirm"`), restore, and delete that always confirms and shows the backend's refusal, with `ConfirmDialog` gaining `details` and `refusal` slots.
+- **Cursor trail cap** — `ServerTable` and `PageFooter` keep cursor URLs short: the trail is encoded once and capped by `maxTrail` (20 by default) with an exact page count, and `totalCount` becomes optional for APIs that do not count.
+
 ## Later
 
 - **A strict theme `motif` (4.0)** — a theme background's `motif` with an

package/lib/components/ui/layout/sidebar/sidebar-tokens.css

@@ -8,7 +8,9 @@
 	 * follow a `--primary` set below :root. To theme the rail set
 	 * `--sidebar-active`, `--sidebar-active-hover` and
 	 * `--sidebar-active-foreground` (all three, or the first two and the
-	 * foreground); the derived colours are not declared here, on purpose. */
+	 * foreground); the derived colours are not declared here, on purpose.
+	 * `--sidebar-active-edge` recolours the start bar alone; unset, the bar is
+	 * the foreground (`--sidebar-active-edge: gold` changes nothing else). */
 	--nxgt-sidebar-active-share: 15%;
 	/* Light: primary itself reads 4.5:1 on the page but not on its own 15 % pill
 	 * for every preset (corail 3.7:1), so the label is primary darkened to 85 %
@@ -71,4 +73,14 @@
 				var(--nxgt-sidebar-active-c, c) h
 		)
 	);
+	--color-sidebar-active-edge: var(
+		--sidebar-active-edge,
+		var(
+			--sidebar-active-foreground,
+			oklch(
+				from var(--primary) var(--nxgt-sidebar-active-l, l)
+					var(--nxgt-sidebar-active-c, c) h
+			)
+		)
+	);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.62.0",
+	"version": "3.64.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -372,7 +372,7 @@
 		"docs:previews": "rm -rf node_modules/.cache/nxgt-preview-free/missing && NXGT_PREVIEW_FREE=1 vitest run --project previews && bun .storybook/preview-free-report.ts"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.44.0",
+		"@nxgt/material-core": "^0.45.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",

package/dist/dialog-yfPkLqUQ.js

@@ -1,482 +0,0 @@
-import { t as e } from "./utils-BLfntITJ.js";
-import { o as t, r as n } from "./dist-DVRQkaTK.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l } from "./dist-lmHmz_bu.js";
-import { C as u, S as d, n as f, w as p } from "./spinner-C5lObWXT.js";
-import { c as m, i as h, l as g, o as ee, r as _, s as te, t as ne } from "./in-dialog-Vwkyp-M5.js";
-import { t as re } from "./use-material-translation-B5j3jZs7.js";
-import { n as ie } from "./icon-button-DvP0Gy3j.js";
-import { i as ae, r as oe } from "./escape-owner-r57kuPjn.js";
-import * as v from "react";
-import { useCallback as se, useContext as ce, useRef as y } from "react";
-import { Fragment as le, jsx as b, jsxs as ue } from "react/jsx-runtime";
-import { forwardEscape as de, keepListEscape as fe } from "@nxgt/material-core/escape-forward";
-import { X as pe } from "lucide-react";
-//#region ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
-var me = Object.defineProperty, x = (e, t) => me(e, "name", {
-	value: t,
-	configurable: !0
-}), S = "Dialog", [C, he] = i(S), [ge, w] = C(S), T = /* @__PURE__ */ x((e) => {
-	let { __scopeDialog: t, children: n, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, l = v.useRef(null), u = v.useRef(null), [d, f] = r({
-		prop: i,
-		defaultProp: a ?? !1,
-		onChange: o,
-		caller: S
-	}), [p, m] = v.useState(0), [h, g] = v.useState(0);
-	return /* @__PURE__ */ b(ge, {
-		scope: t,
-		triggerRef: l,
-		contentRef: u,
-		contentId: c(),
-		titleId: c(),
-		descriptionId: c(),
-		titlePresent: p > 0,
-		descriptionPresent: h > 0,
-		setTitleCount: m,
-		setDescriptionCount: g,
-		open: d,
-		onOpenChange: f,
-		onOpenToggle: v.useCallback(() => f((e) => !e), [f]),
-		modal: s,
-		children: n
-	});
-}, "Dialog"), _e = "DialogTrigger", E = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, n) {
-	let { __scopeDialog: r, ...i } = e, a = w(_e, r), s = t(n, a.triggerRef);
-	return /* @__PURE__ */ b(o.button, {
-		type: "button",
-		"aria-haspopup": "dialog",
-		"aria-expanded": a.open,
-		"aria-controls": a.open ? a.contentId : void 0,
-		"data-state": R(a.open),
-		...i,
-		ref: s,
-		onClick: l(e.onClick, a.onOpenToggle)
-	});
-}, "DialogTrigger")), D = "DialogPortal", [ve, O] = C(D, { forceMount: void 0 }), k = /* @__PURE__ */ x((e) => {
-	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, o = w(D, t);
-	return /* @__PURE__ */ b(ve, {
-		scope: t,
-		forceMount: n,
-		children: v.Children.map(r, (e) => /* @__PURE__ */ b(a, {
-			present: n || o.open,
-			children: /* @__PURE__ */ b(d, {
-				asChild: !0,
-				container: i,
-				children: e
-			})
-		}))
-	});
-}, "DialogPortal"), A = "DialogOverlay", j = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let n = O(A, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, o = w(A, e.__scopeDialog);
-	return o.modal ? /* @__PURE__ */ b(a, {
-		present: r || o.open,
-		children: /* @__PURE__ */ b(be, {
-			...i,
-			ref: t
-		})
-	}) : null;
-}, "DialogOverlay")), ye = n("DialogOverlay.RemoveScroll"), be = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, n) {
-	let { __scopeDialog: r, ...i } = e, a = w(A, r), s = t(n, p());
-	return /* @__PURE__ */ b(te, {
-		as: ye,
-		allowPinchZoom: !0,
-		shards: [a.contentRef],
-		children: /* @__PURE__ */ b(o.div, {
-			"data-state": R(a.open),
-			...i,
-			ref: s,
-			style: {
-				pointerEvents: "auto",
-				...i.style
-			}
-		})
-	});
-}, "DialogOverlayImpl")), M = "DialogContent", N = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let n = O(M, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, o = w(M, e.__scopeDialog);
-	return /* @__PURE__ */ b(a, {
-		present: r || o.open,
-		children: o.modal ? /* @__PURE__ */ b(xe, {
-			...i,
-			ref: t
-		}) : /* @__PURE__ */ b(Se, {
-			...i,
-			ref: t
-		})
-	});
-}, "DialogContent")), xe = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, n) {
-	let r = w(M, e.__scopeDialog), i = v.useRef(null), a = t(n, r.contentRef, i);
-	return v.useEffect(() => {
-		let e = i.current;
-		if (e) return ee(e);
-	}, []), /* @__PURE__ */ b(P, {
-		...e,
-		ref: a,
-		trapFocus: r.open,
-		disableOutsidePointerEvents: r.open,
-		onCloseAutoFocus: l(e.onCloseAutoFocus, (e) => {
-			e.preventDefault(), r.triggerRef.current?.focus();
-		}),
-		onPointerDownOutside: l(e.onPointerDownOutside, (e) => {
-			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
-			(t.button === 2 || n) && e.preventDefault();
-		}),
-		onFocusOutside: l(e.onFocusOutside, (e) => e.preventDefault())
-	});
-}, "DialogContentModal")), Se = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let n = w(M, e.__scopeDialog), r = v.useRef(!1), i = v.useRef(!1);
-	return /* @__PURE__ */ b(P, {
-		...e,
-		ref: t,
-		trapFocus: !1,
-		disableOutsidePointerEvents: !1,
-		onCloseAutoFocus: (t) => {
-			e.onCloseAutoFocus?.(t), t.defaultPrevented || (r.current || n.triggerRef.current?.focus(), t.preventDefault()), r.current = !1, i.current = !1;
-		},
-		onInteractOutside: (t) => {
-			e.onInteractOutside?.(t), t.defaultPrevented || (r.current = !0, t.detail.originalEvent.type === "pointerdown" && (i.current = !0));
-			let a = t.target;
-			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
-		}
-	});
-}, "DialogContentNonModal")), P = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, ...o } = e, s = w(M, n);
-	return m(), /* @__PURE__ */ b(le, { children: /* @__PURE__ */ b(g, {
-		asChild: !0,
-		loop: !0,
-		trapped: r,
-		onMountAutoFocus: i,
-		onUnmountAutoFocus: a,
-		children: /* @__PURE__ */ b(u, {
-			role: "dialog",
-			id: s.contentId,
-			"aria-describedby": s.descriptionPresent ? s.descriptionId : void 0,
-			"aria-labelledby": s.titlePresent ? s.titleId : void 0,
-			"data-state": R(s.open),
-			...o,
-			ref: t,
-			deferPointerDownOutside: !0,
-			onDismiss: () => s.onOpenChange(!1)
-		})
-	}) });
-}, "DialogContentImpl")), Ce = "DialogTitle", F = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = w(Ce, n), { setTitleCount: a } = i;
-	return s(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ b(o.h2, {
-		id: i.titleId,
-		...r,
-		ref: t
-	});
-}, "DialogTitle")), we = "DialogDescription", I = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = w(we, n), { setDescriptionCount: a } = i;
-	return s(() => (a((e) => e + 1), () => a((e) => e - 1)), [a]), /* @__PURE__ */ b(o.p, {
-		id: i.descriptionId,
-		...r,
-		ref: t
-	});
-}, "DialogDescription")), Te = "DialogClose", L = /* @__PURE__ */ v.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let { __scopeDialog: n, ...r } = e, i = w(Te, n);
-	return /* @__PURE__ */ b(o.button, {
-		type: "button",
-		...r,
-		ref: t,
-		onClick: l(e.onClick, () => i.onOpenChange(!1))
-	});
-}, "DialogClose"));
-function R(e) {
-	return e ? "open" : "closed";
-}
-x(R, "getState");
-//#endregion
-//#region lib/components/ui/primitives/field-box/field-box.ts
-var z = "nxgt-field-box", Ee = "nxgt-field-list", B = (e) => e ? "" : void 0;
-function De(e) {
-	return {
-		"data-size": e.size,
-		"data-filled": B(e.filled),
-		"data-open": B(e.list?.open),
-		"data-list-side": e.list?.open ? e.list.side : void 0,
-		"data-focused": B(e.focused),
-		"data-invalid": B(e.invalid),
-		"data-disabled": B(e.disabled),
-		"data-readonly": B(e.readOnly)
-	};
-}
-var Oe = /* @__PURE__ */ new Set([
-	"checkbox",
-	"radio",
-	"file",
-	"range",
-	"color",
-	"hidden",
-	"button",
-	"submit",
-	"reset",
-	"image"
-]);
-function V(e, t = "text") {
-	return e || (Oe.has(t) ? void 0 : " ");
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/use-escape-forward.ts
-function ke(e, n) {
-	let r = y(null);
-	return {
-		ref: t(r, n),
-		onEscapeKeyDown(t) {
-			fe(t), oe(t, r.current), e?.(t), de(r.current, t);
-		}
-	};
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/use-overlay-order.ts
-function Ae(e) {
-	let n = y(null);
-	return {
-		overlayRef: se((e) => {
-			let t = n.current;
-			!e || !t?.isConnected || t.parentNode === e.parentNode && t.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING && t.before(e);
-		}, []),
-		contentRef: t(n, e)
-	};
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/use-modal-content.ts
-function H({ ref: e, onEscapeKeyDown: t, ...n }, r) {
-	let i = ce(_) ?? !0, a = ke(t, h(r ?? i, e)), o = Ae(a.ref);
-	return {
-		ref: o.contentRef,
-		overlayRef: o.overlayRef,
-		onEscapeKeyDown: a.onEscapeKeyDown,
-		outside: {
-			onPointerDownOutside: U(n.onPointerDownOutside),
-			onFocusOutside: U(n.onFocusOutside),
-			onInteractOutside: U(n.onInteractOutside)
-		}
-	};
-}
-function U(e) {
-	return (t) => {
-		e?.(t);
-		let n = t.target;
-		n instanceof Element && n.closest("[data-sonner-toaster]") && t.preventDefault();
-	};
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/menu-trigger.ts
-var W = "[role=\"menu\"]", je = 8;
-function Me(e) {
-	let t = null, n = e?.closest(W) ?? null;
-	for (let e = 0; n && e < je; e++) {
-		let e = n.getAttribute("data-return-focus"), r = e ? n.ownerDocument.getElementById(e) : null;
-		if (r) return r;
-		let [i] = (n.getAttribute("aria-labelledby") ?? "").split(/\s+/), a = i ? n.ownerDocument.getElementById(i) : null;
-		if (!a) break;
-		t = a, n = a.closest(W);
-	}
-	return t;
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/use-return-focus.ts
-var Ne = "button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]";
-function Pe(e) {
-	([...e.querySelectorAll(Ne)].find((e) => e.tabIndex >= 0 && e.getClientRects().length > 0) ?? e).focus({ preventScroll: !0 });
-}
-function G(e, { focusFallback: t = !1 } = {}) {
-	let n = y(null), r = y(null);
-	return {
-		onOpenAutoFocus(i) {
-			let a = document.activeElement;
-			n.current = a instanceof HTMLElement && a !== document.body ? a : null, r.current = Me(n.current), e.onOpenAutoFocus?.(i);
-			let o = i.target;
-			!t || i.defaultPrevented || !(o instanceof HTMLElement) || queueMicrotask(() => {
-				o.isConnected && !o.contains(document.activeElement) && Pe(o);
-			});
-		},
-		onCloseAutoFocus(t) {
-			e.onCloseAutoFocus?.(t);
-			let i = n.current?.isConnected ? n.current : r.current;
-			if (n.current = null, r.current = null, t.defaultPrevented || !i?.isConnected) return;
-			let a = document.activeElement;
-			a && a !== document.body || (t.preventDefault(), i.focus());
-		}
-	};
-}
-//#endregion
-//#region lib/components/ui/primitives/input/input-box.ts
-var Fe = "selection:bg-primary selection:text-primary-foreground", K = [
-	"inline-flex gap-2 items-center h-11 max-h-full w-full min-w-0",
-	"px-2 py-1 text-base md:text-sm outline-none",
-	"placeholder:text-muted-foreground",
-	"file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-muted-foreground",
-	"disabled:pointer-events-none"
-], q = [
-	...K,
-	Fe,
-	z
-], Ie = [...K, z], J = q;
-function Le({ className: t, type: n = "text", ...r }) {
-	return /* @__PURE__ */ b("input", {
-		type: n,
-		"data-slot": "input",
-		className: e(J, t),
-		"data-pw": r.name ?? "input",
-		...r,
-		placeholder: V(r.placeholder, n)
-	});
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/dialog-outside.ts
-function Re(e) {
-	let t = e.target;
-	t instanceof Element && t.closest("[data-slot=\"combobox-content\"]") && e.preventDefault();
-}
-function Y(e) {
-	return (t) => {
-		Re(t), e?.(t);
-	};
-}
-function X(e) {
-	return {
-		...e,
-		onPointerDownOutside: Y(e.onPointerDownOutside),
-		onFocusOutside: Y(e.onFocusOutside),
-		onInteractOutside: Y(e.onInteractOutside)
-	};
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/dialog-variants.ts
-var ze = f("nxgt-dialog fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 p-6 max-h-[calc(100dvh-2rem)] supports-[not(height:100dvh)]:max-h-[calc(100vh-2rem)] overflow-y-auto", {
-	variants: {
-		size: {
-			sm: "sm:max-w-sm",
-			md: "sm:max-w-lg",
-			lg: "sm:max-w-2xl",
-			xl: "sm:max-w-4xl",
-			full: "sm:max-w-[calc(100%-4rem)]"
-		},
-		mobilePresentation: {
-			dialog: "",
-			"bottom-sheet": "max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:max-w-none max-sm:translate-x-0 max-sm:translate-y-0 max-sm:max-h-[calc(100dvh-1.5rem)] max-sm:pb-[max(1.5rem,env(safe-area-inset-bottom))]",
-			top: "max-sm:top-3 max-sm:translate-y-0 max-sm:max-h-[calc(100dvh-1.5rem)]",
-			fullscreen: "max-sm:inset-0 max-sm:h-dvh max-sm:max-h-none max-sm:max-w-none max-sm:translate-x-0 max-sm:translate-y-0 max-sm:content-start max-sm:pt-[max(1.5rem,env(safe-area-inset-top))]"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		mobilePresentation: "dialog"
-	}
-});
-//#endregion
-//#region lib/components/ui/overlays/dialog/dialog-parts.tsx
-function Z({ className: t, ...n }) {
-	return /* @__PURE__ */ b("div", {
-		"data-slot": "dialog-header",
-		className: e("flex flex-col gap-2 text-center sm:text-left", t),
-		...n
-	});
-}
-function Be({ className: t, stackOnPhone: n = !0, ...r }) {
-	return /* @__PURE__ */ b("div", {
-		"data-slot": "dialog-footer",
-		className: e("flex gap-2 pt-2", n ? "flex-col-reverse max-sm:*:w-full sm:flex-row sm:justify-end" : "flex-row justify-end max-sm:justify-between", t),
-		...r
-	});
-}
-function Ve({ className: t, ...n }) {
-	return /* @__PURE__ */ b(F, {
-		"data-slot": "dialog-title",
-		className: e("text-2xl/8 font-medium tracking-tight text-foreground", t),
-		...n
-	});
-}
-function He({ className: t, ...n }) {
-	return /* @__PURE__ */ b(I, {
-		"data-slot": "dialog-description",
-		className: e("text-muted-foreground text-sm/6", t),
-		...n
-	});
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/dialog.tsx
-function Ue({ ...e }) {
-	return /* @__PURE__ */ b(_, {
-		value: e.modal ?? !0,
-		children: /* @__PURE__ */ b(T, {
-			"data-slot": "dialog",
-			...e
-		})
-	});
-}
-function We({ asChild: e = !0, ...t }) {
-	return /* @__PURE__ */ b(E, {
-		"data-slot": "dialog-trigger",
-		...t,
-		asChild: e
-	});
-}
-function Q({ ...e }) {
-	return /* @__PURE__ */ b(k, {
-		"data-slot": "dialog-portal",
-		...e
-	});
-}
-function Ge({ className: t, color: n, children: r, type: i = "button", variant: a = "ghost", ...o }) {
-	let { t: s } = re();
-	return /* @__PURE__ */ b(L, {
-		"aria-label": r ? void 0 : s("material.buttons.close", "Close"),
-		...o,
-		type: i,
-		className: e("absolute top-4 right-4", ie({
-			variant: a,
-			color: n,
-			className: t
-		})),
-		"data-slot": "dialog-close",
-		children: r || /* @__PURE__ */ b(pe, { className: "size-4" })
-	});
-}
-function $({ className: t, scrim: n = "dim", ...r }) {
-	return /* @__PURE__ */ b(j, {
-		"data-slot": "dialog-overlay",
-		"data-scrim": n,
-		className: e("nxgt-scrim fixed inset-0 z-50", t),
-		...r
-	});
-}
-function Ke({ className: t, children: n, onInteractOutside: r, onPointerDownOutside: i, onFocusOutside: a, onOpenAutoFocus: o, onCloseAutoFocus: s, onEscapeKeyDown: c, size: l, mobilePresentation: u, scrim: d, container: f, ref: p, ...m }) {
-	let h = G({
-		onOpenAutoFocus: o,
-		onCloseAutoFocus: s
-	}), g = H(X({
-		ref: p,
-		onEscapeKeyDown: c,
-		onInteractOutside: r,
-		onPointerDownOutside: i,
-		onFocusOutside: a
-	}));
-	return /* @__PURE__ */ b(ae, { children: /* @__PURE__ */ b(ne, {
-		value: !0,
-		children: /* @__PURE__ */ ue(Q, {
-			"data-slot": "dialog-portal",
-			container: f,
-			children: [/* @__PURE__ */ b($, {
-				ref: g.overlayRef,
-				scrim: d
-			}), /* @__PURE__ */ b(N, {
-				ref: g.ref,
-				"data-slot": "dialog-content",
-				"data-presentation": u ?? void 0,
-				className: e(ze({
-					size: l,
-					mobilePresentation: u
-				}), t),
-				onOpenAutoFocus: h.onOpenAutoFocus,
-				onCloseAutoFocus: h.onCloseAutoFocus,
-				onEscapeKeyDown: g.onEscapeKeyDown,
-				...m,
-				...g.outside,
-				children: n
-			})]
-		})
-	}) });
-}
-//#endregion
-export { he as A, L as C, k as D, j as E, F as O, T as S, I as T, H as _, Q as a, Ee as b, Be as c, X as d, Le as f, G as g, Ie as h, $ as i, E as k, Z as l, q as m, Ge as n, We as o, J as p, Ke as r, He as s, Ue as t, Ve as u, V as v, N as w, De as x, z as y };