@nxgt/material 3.10.2 → 3.12.0

package/dist/button-DbfdITBB.js

@@ -1,322 +0,0 @@
-import { t as e } from "./utils-Bcd2Z3ea.js";
-import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { o as r, t as i } from "./tooltip-rhbqNmr3.js";
-import { t as a } from "./spinner-CsHcmcpF.js";
-import { i as o, r as s, t as c } from "./button-tones-BgZJ1tkD.js";
-import { t as l } from "./has-text-content-Ds2dkHX_.js";
-import { Children as u, Fragment as d, cloneElement as f, isValidElement as p, useCallback as m, useContext as h, useEffect as g, useRef as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region lib/components/ui/actions/button/busy-click-capture.ts
-function x(e, t, n) {
-	return (r) => {
-		if (e || t.isLocked()) {
-			r.preventDefault(), r.stopPropagation();
-			return;
-		}
-		t.lock(), n?.(r);
-	};
-}
-//#endregion
-//#region lib/components/ui/actions/button/button.variants.ts
-var S = r("inline-flex center truncate **:truncate gap-2 h-min cursor-pointer whitespace-nowrap rounded-full text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 aria-busy:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error px-4 py-2 has-[>svg]:px-3", {
-	variants: {
-		variant: {
-			filled: "shadow-xs",
-			tonal: "shadow-xs",
-			ghost: "",
-			outlined: "border shadow-xs",
-			link: "focus:underline underline-offset-4 hover:underline"
-		},
-		color: {
-			primary: null,
-			secondary: null,
-			info: null,
-			warning: null,
-			default: null,
-			error: null,
-			success: null
-		},
-		size: {
-			default: "h-9 px-4 py-2 has-[>svg]:px-3",
-			xs: "h-6 gap-1 rounded-full px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-8 rounded-full gap-1.5 px-3 has-[>svg]:px-2.5",
-			lg: "h-10 rounded-full px-6 has-[>svg]:px-4",
-			icon: "size-9 px-0 py-0 has-[>svg]:px-0",
-			"icon-xs": "size-6 rounded-full px-0 py-0 has-[>svg]:px-0 [&_svg:not([class*='size-'])]:size-3",
-			"icon-sm": "size-8 px-0 py-0 has-[>svg]:px-0",
-			"icon-lg": "size-10 px-0 py-0 has-[>svg]:px-0"
-		}
-	},
-	defaultVariants: {
-		variant: "filled",
-		color: "primary"
-	},
-	compoundVariants: [
-		{
-			variant: "filled",
-			color: "primary",
-			class: "bg-primary text-primary-foreground hover:bg-[color-mix(in_oklab,var(--color-primary)_90%,black)] [&_svg]:data-[slot=icon]:text-primary-foreground active:bg-[color-mix(in_oklab,var(--color-primary)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-primary)_85%,black)]"
-		},
-		{
-			variant: "filled",
-			color: "secondary",
-			class: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklab,var(--color-secondary)_90%,black)] [&_svg]:data-[slot=icon]:text-secondary-foreground active:bg-[color-mix(in_oklab,var(--color-secondary)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-secondary)_85%,black)] dark:bg-[color-mix(in_oklab,var(--color-secondary)_70%,var(--color-background))] dark:hover:bg-[color-mix(in_oklab,var(--color-secondary)_60%,var(--color-background))] dark:active:bg-[color-mix(in_oklab,var(--color-secondary)_50%,var(--color-background))] dark:focus:bg-[color-mix(in_oklab,var(--color-secondary)_60%,var(--color-background))]"
-		},
-		{
-			variant: "filled",
-			color: "success",
-			class: "bg-success text-success-foreground hover:bg-[color-mix(in_oklab,var(--color-success)_90%,black)] [&_svg]:data-[slot=icon]:text-success-foreground active:bg-[color-mix(in_oklab,var(--color-success)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-success)_85%,black)] dark:bg-[color-mix(in_oklab,var(--color-success)_60%,var(--color-background))] dark:hover:bg-[color-mix(in_oklab,var(--color-success)_50%,var(--color-background))] dark:active:bg-[color-mix(in_oklab,var(--color-success)_40%,var(--color-background))] dark:focus:bg-[color-mix(in_oklab,var(--color-success)_50%,var(--color-background))]"
-		},
-		{
-			variant: "filled",
-			color: "info",
-			class: "bg-info text-info-foreground hover:bg-[color-mix(in_oklab,var(--color-info)_90%,black)] [&_svg]:data-[slot=icon]:text-info-foreground active:bg-[color-mix(in_oklab,var(--color-info)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-info)_85%,black)] dark:bg-[color-mix(in_oklab,var(--color-info)_60%,var(--color-background))] dark:hover:bg-[color-mix(in_oklab,var(--color-info)_50%,var(--color-background))] dark:active:bg-[color-mix(in_oklab,var(--color-info)_40%,var(--color-background))] dark:focus:bg-[color-mix(in_oklab,var(--color-info)_50%,var(--color-background))]"
-		},
-		{
-			variant: "filled",
-			color: "warning",
-			class: "bg-warning text-warning-foreground hover:bg-[color-mix(in_oklab,var(--color-warning)_90%,black)] [&_svg]:data-[slot=icon]:text-warning-foreground active:bg-[color-mix(in_oklab,var(--color-warning)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-warning)_85%,black)] dark:bg-[color-mix(in_oklab,var(--color-warning)_60%,var(--color-background))] dark:hover:bg-[color-mix(in_oklab,var(--color-warning)_50%,var(--color-background))] dark:active:bg-[color-mix(in_oklab,var(--color-warning)_40%,var(--color-background))] dark:focus:bg-[color-mix(in_oklab,var(--color-warning)_50%,var(--color-background))]"
-		},
-		{
-			variant: "filled",
-			color: "error",
-			class: "bg-error text-error-foreground hover:bg-[color-mix(in_oklab,var(--color-error)_90%,black)] [&_svg]:data-[slot=icon]:text-error-foreground active:bg-[color-mix(in_oklab,var(--color-error)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-error)_85%,black)]"
-		},
-		{
-			variant: "filled",
-			color: "default",
-			class: "bg-foreground text-background hover:bg-[color-mix(in_oklab,var(--color-foreground)_90%,var(--color-background))] [&_svg]:data-[slot=icon]:text-foreground active:bg-[color-mix(in_oklab,var(--color-foreground)_70%,var(--color-background))] focus:bg-[color-mix(in_oklab,var(--color-foreground)_80%,var(--color-background))]"
-		},
-		{
-			variant: "tonal",
-			color: "primary",
-			class: `${s.primary} ${c.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
-		},
-		{
-			variant: "tonal",
-			color: "secondary",
-			class: `${s.secondary} ${c.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
-		},
-		{
-			variant: "tonal",
-			color: "info",
-			class: `${s.info} ${c.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
-		},
-		{
-			variant: "tonal",
-			color: "success",
-			class: `${s.success} ${c.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
-		},
-		{
-			variant: "tonal",
-			color: "warning",
-			class: `${s.warning} ${c.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
-		},
-		{
-			variant: "tonal",
-			color: "error",
-			class: `${s.error} ${c.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
-		},
-		{
-			variant: "tonal",
-			color: "default",
-			class: `${s.default} ${c.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
-		},
-		{
-			variant: "ghost",
-			color: "primary",
-			class: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
-		},
-		{
-			variant: "ghost",
-			color: "default",
-			class: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
-		},
-		{
-			variant: "ghost",
-			color: "secondary",
-			class: `${s.secondary} ${c.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
-		},
-		{
-			variant: "ghost",
-			color: "success",
-			class: `${s.success} ${c.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
-		},
-		{
-			variant: "ghost",
-			color: "info",
-			class: `${s.info} ${c.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
-		},
-		{
-			variant: "ghost",
-			color: "warning",
-			class: `${s.warning} ${c.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
-		},
-		{
-			variant: "ghost",
-			color: "error",
-			class: `${s.error} ${c.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
-		},
-		{
-			variant: "outlined",
-			color: "primary",
-			class: `${s.primary} ${c.primary} border-primary/50 focus:bg-primary/10 hover:bg-primary/10`
-		},
-		{
-			variant: "outlined",
-			color: "secondary",
-			class: `${s.secondary} ${c.secondary} border-secondary/50 focus:bg-secondary/10 hover:bg-secondary/10`
-		},
-		{
-			variant: "outlined",
-			color: "info",
-			class: `${s.info} ${c.info} border-info/50 focus:bg-info/10 hover:bg-info/10`
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			class: `${s.success} ${c.success} border-success/50 focus:bg-success/10 hover:bg-success/10`
-		},
-		{
-			variant: "outlined",
-			color: "warning",
-			class: `${s.warning} ${c.warning} border-warning/50 focus:bg-warning/10 hover:bg-warning/10`
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			class: `${s.error} ${c.error} border-error/50 focus:bg-error/10 hover:bg-error/10`
-		},
-		{
-			variant: "outlined",
-			color: "default",
-			class: `${s.default} ${c.default} border-foreground/50 focus:bg-foreground/10 hover:bg-foreground/10`
-		},
-		{
-			variant: "link",
-			color: "primary",
-			class: `${s.primary} ${c.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
-		},
-		{
-			variant: "link",
-			color: "secondary",
-			class: `${s.secondary} ${c.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
-		},
-		{
-			variant: "link",
-			color: "success",
-			class: `${s.success} ${c.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
-		},
-		{
-			variant: "link",
-			color: "info",
-			class: `${s.info} ${c.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
-		},
-		{
-			variant: "link",
-			color: "warning",
-			class: `${s.warning} ${c.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
-		},
-		{
-			variant: "link",
-			color: "error",
-			class: `${s.error} ${c.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
-		},
-		{
-			variant: "link",
-			color: "default",
-			class: `${s.default} ${c.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
-		}
-	]
-}), C = ((e) => S(e?.variant === "ghost" && e.color === null ? {
-	...e,
-	color: void 0
-} : e)), w = {
-	xs: "min-h-6",
-	sm: "min-h-8",
-	default: "min-h-9",
-	lg: "min-h-10"
-};
-function T(e, t) {
-	return !e || t?.startsWith("icon") ? !1 : `h-auto ${t ? w[t] : ""} whitespace-normal **:whitespace-normal text-center`;
-}
-//#endregion
-//#region lib/components/ui/actions/button/label-text.tsx
-function E(e) {
-	let t = [], n = 0, r = [], i = () => {
-		if (r.length === 0) return;
-		let e = r.join("");
-		r = [], e.trim() === "" ? t.push(e) : t.push(/* @__PURE__ */ y("span", {
-			"data-slot": "button-label",
-			children: e
-		}, `label-${n++}`));
-	};
-	for (let n of u.toArray(e)) {
-		if (typeof n == "string" || typeof n == "number" || typeof n == "bigint") {
-			r.push(n);
-			continue;
-		}
-		i(), t.push(D(n));
-	}
-	return i(), t;
-}
-function D(e) {
-	return p(e) && e.type === d ? f(e, void 0, E(e.props.children)) : e;
-}
-//#endregion
-//#region lib/components/ui/actions/button/use-click-lock.ts
-var O = 1e3;
-function k(e, t) {
-	let n = _(!1), r = _(!1), i = _(void 0), [a, o] = v(!1), s = m(() => {
-		n.current = !1, r.current = !1, clearTimeout(i.current), o(!1);
-	}, []), c = m(() => {
-		e && (n.current = !0, o(!0), clearTimeout(i.current), i.current = setTimeout(() => {
-			r.current || s();
-		}, O));
-	}, [e, s]);
-	return g(() => {
-		n.current && (t ? r.current = !0 : r.current && s());
-	}, [t, s]), g(() => () => clearTimeout(i.current), []), {
-		locked: a,
-		lock: c,
-		isLocked: m(() => n.current, [])
-	};
-}
-//#endregion
-//#region lib/components/ui/actions/button/button.tsx
-function A({ className: r, variant: i = "filled", asChild: s = !1, children: c, color: u, size: d, loading: f = !1, lockOnClick: p, spinnerVariant: m = "2", wrap: g, disabled: _, onClickCapture: v, type: S = "button", ...w }) {
-	let D = s ? n : "button", O = h(o) || !!(w["aria-label"] || w["aria-labelledby"]) || l(c), A = k(p, f), j = f || A.locked, M = x(j, A, v);
-	return /* @__PURE__ */ y(o, {
-		value: O,
-		children: /* @__PURE__ */ b(D, {
-			"data-slot": "button",
-			"data-variant": i,
-			"data-color": u,
-			"data-size": d,
-			className: e("w-fit max-w-full truncate justify-center line-clamp-1 text-ellipsis duration-500", C({
-				variant: i,
-				color: u,
-				size: d
-			}), T(g, d), r),
-			type: s ? void 0 : S,
-			disabled: _,
-			...w,
-			"aria-disabled": j || w["aria-disabled"],
-			"aria-busy": j || w["aria-busy"],
-			onClickCapture: M,
-			children: [j && /* @__PURE__ */ y(a, {
-				variant: m,
-				color: i === "filled" ? "light" : u,
-				className: e("starting:scale-0 duration-500", m === "4" ? "size-7.5" : "size-4.5")
-			}), /* @__PURE__ */ y(t, { children: s ? c : E(c) })]
-		})
-	});
-}
-function j({ tooltip: e, ...t }) {
-	return e ? /* @__PURE__ */ y(i, {
-		content: e,
-		children: /* @__PURE__ */ y(A, { ...t })
-	}) : /* @__PURE__ */ y(A, { ...t });
-}
-//#endregion
-export { x as a, C as i, k as n, E as r, j as t };

package/dist/components/ui/actions/icon-button/icon-button-morph-media.css

@@ -1,65 +0,0 @@
-/* A morph `IconButton` toggle (icon-button-morph.css) by medium: the 14px
- * widening from 600px wide, the colour change only under reduced motion,
- * `SelectedItem` in forced colours. */
-@layer utilities {
-	@media (min-width: 600px) {
-		[data-icon-button][data-morph]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			) {
-			--ib-morph: 14px;
-		}
-	}
-	@media (prefers-reduced-motion: reduce) {
-		[data-icon-button][data-morph]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			),
-		[data-icon-button][data-morph]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			)::before {
-			transition:
-				background-color 180ms var(--nxgt-ease-effects),
-				color 180ms var(--nxgt-ease-effects);
-		}
-	}
-	@media (forced-colors: active) {
-		[data-icon-button][data-morph][aria-pressed="true"]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			) {
-			color: SelectedItemText;
-			forced-color-adjust: none;
-		}
-		[data-icon-button][data-morph][aria-pressed="true"]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			)::before {
-			background: SelectedItem;
-		}
-		[data-icon-button][data-morph][aria-pressed="true"]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			)
-			svg {
-			color: SelectedItemText;
-			stroke: SelectedItemText;
-		}
-		[data-icon-button][data-morph][aria-pressed="true"]:not(
-				[data-shape],
-				.nxgt-toolbar-item,
-				[data-toolbar-item]
-			):focus-visible::before {
-			box-shadow: none;
-			outline: 2px solid Highlight;
-			outline-offset: 2px;
-		}
-	}
-}

package/dist/components/ui/actions/icon-button/icon-button-morph.css

@@ -1,152 +0,0 @@
-/* A toggle `IconButton` (`aria-pressed`, no `shape`): pressed, it is filled
- * with its colour. `data-morph="pill"` also widens it by `--ib-morph` (14px;
- * 0 below 600px, where only the colour changes), `round` stays a circle. The
- * pill is the button's `::before`, `--ib-morph` / 2 wider on each side, and the
- * same amount of margin makes room for it, so any size class works. The
- * motion and the tokens are Toolbar morph's (`--nxgt-spring-fast`).
- * Toolbar items keep the Toolbar's own look. */
-@layer utilities {
-	[data-icon-button][data-morph]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	) {
-		--ib-morph: 0px;
-		--ib-on: var(--color-primary);
-		--ib-on-fg: var(--color-primary-foreground);
-		isolation: isolate;
-		transition:
-			margin var(--nxgt-spring-fast-duration) var(--nxgt-spring-fast),
-			color 180ms var(--nxgt-ease-effects),
-			border-color 180ms var(--nxgt-ease-effects),
-			box-shadow 180ms var(--nxgt-ease-effects),
-			background-color 180ms var(--nxgt-ease-effects),
-			opacity 180ms var(--nxgt-ease-effects);
-	}
-	[data-icon-button][data-morph]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	)::before {
-		content: "";
-		position: absolute;
-		inset-block: calc(-1 * var(--ib-bw, 0px));
-		inset-inline: calc(
-			var(--ib-morph) /
-			-2 *
-			var(--ib-grow, 0) -
-			var(--ib-bw, 0px)
-		);
-		z-index: -1;
-		border-radius: 999px;
-		background: transparent;
-		transition:
-			inset var(--nxgt-spring-fast-duration) var(--nxgt-spring-fast),
-			border-radius var(--nxgt-spring-fast-duration) var(--nxgt-spring-fast),
-			background-color 180ms var(--nxgt-ease-effects);
-	}
-	/* `position` has no specificity, so a utility (PasswordField's `absolute`) wins. */
-	:where(
-		[data-icon-button][data-morph]:not(
-			[data-shape],
-			.nxgt-toolbar-item,
-			[data-toolbar-item]
-		)
-	) {
-		position: relative;
-	}
-	/* The outlined variant's 1px border sits outside the padding box the pill is placed in. */
-	[data-icon-button][data-morph][data-variant="outlined"] {
-		--ib-bw: 1px;
-	}
-	[data-icon-button][data-morph][data-color="secondary"] {
-		--ib-on: var(--color-secondary);
-		--ib-on-fg: var(--color-secondary-foreground);
-	}
-	[data-icon-button][data-morph][data-color="success"] {
-		--ib-on: var(--color-success);
-		--ib-on-fg: var(--color-success-foreground);
-	}
-	[data-icon-button][data-morph][data-color="info"] {
-		--ib-on: var(--color-info);
-		--ib-on-fg: var(--color-info-foreground);
-	}
-	[data-icon-button][data-morph][data-color="warning"] {
-		--ib-on: var(--color-warning);
-		--ib-on-fg: var(--color-warning-foreground);
-	}
-	[data-icon-button][data-morph][data-color="error"] {
-		--ib-on: var(--color-error);
-		--ib-on-fg: var(--color-error-foreground);
-	}
-	[data-icon-button][data-morph][data-color="default"] {
-		--ib-on: var(--color-foreground);
-		--ib-on-fg: var(--color-background);
-	}
-	/* Pressed: the button's own surface gives way to the pill. */
-	[data-icon-button][data-morph][aria-pressed="true"]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	) {
-		background: transparent;
-		border-color: transparent;
-		box-shadow: none;
-		color: var(--ib-on-fg);
-	}
-	[data-icon-button][data-morph][aria-pressed="true"]:not(
-			[data-shape],
-			.nxgt-toolbar-item,
-			[data-toolbar-item]
-		)
-		svg {
-		color: var(--ib-on-fg);
-		stroke: var(--ib-on-fg);
-	}
-	[data-icon-button][data-morph][aria-pressed="true"]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	)::before {
-		background: var(--ib-on);
-	}
-	[data-icon-button][data-morph="pill"][aria-pressed="true"]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	) {
-		--ib-grow: 1;
-		margin-inline: calc(var(--ib-morph) / 2);
-	}
-	[data-icon-button][data-morph][aria-pressed="true"]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	):hover:not(:disabled)::before {
-		background: color-mix(in oklab, var(--ib-on-fg) 10%, var(--ib-on));
-	}
-	/* Pointer down: the corners squeeze. */
-	[data-icon-button][data-morph]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	):active:not(:disabled)::before {
-		border-radius: 30%;
-	}
-	/* The ring follows the pill. */
-	[data-icon-button][data-morph][aria-pressed="true"]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	):focus-visible {
-		box-shadow: none;
-	}
-	[data-icon-button][data-morph][aria-pressed="true"]:not(
-		[data-shape],
-		.nxgt-toolbar-item,
-		[data-toolbar-item]
-	):focus-visible::before {
-		box-shadow: 0 0 0 3px
-			color-mix(in oklab, var(--color-ring) 50%, transparent);
-	}
-}

package/dist/escape-owner-CripBce_.js

@@ -1,57 +0,0 @@
-import { t as e } from "./utils-Bcd2Z3ea.js";
-import { t } from "./dist-DVRQkaTK.js";
-import { o as n } from "./tooltip-rhbqNmr3.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region lib/components/ui/primitives/typography/typography.tsx
-var i = n("", {
-	variants: {
-		variant: {
-			normal: "text-sm",
-			"huge-larger": "text-8xl font-semibold",
-			"huge-large": "text-8xl font-semibold",
-			"huge-medium": "text-7xl font-semibold",
-			"huge-small": "text-6xl font-semibold",
-			"headline-larger": "text-5xl font-semibold",
-			"headline-large": "text-4xl font-semibold",
-			"headline-medium": "text-3xl font-semibold",
-			"headline-small": "text-2xl font-semibold",
-			"title-large": "text-xl font-semibold",
-			"title-medium": "text-lg font-semibold",
-			"title-small": "text-base font-semibold",
-			"body-medium": "text-sm",
-			"body-small": "text-xs",
-			caption: "text-[10px] text-muted-foreground"
-		},
-		tone: {
-			default: "",
-			muted: "text-muted-foreground",
-			primary: "text-primary-text",
-			error: "text-error-text"
-		}
-	},
-	defaultVariants: {
-		variant: "normal",
-		tone: "default"
-	}
-});
-function a({ className: n, variant: a, tone: o, as: s = "div", asChild: c = !1, ...l }) {
-	return /* @__PURE__ */ r(c ? t : s, {
-		"data-test": "typography",
-		className: e(i({
-			variant: a,
-			tone: o,
-			className: n
-		})),
-		...l
-	});
-}
-//#endregion
-//#region lib/components/ui/overlays/dialog/escape-owner.ts
-var o = /* @__PURE__ */ new WeakSet(), s = "data-escape-owner";
-function c(e, t) {
-	let n = e.target?.closest?.(`[${s}]`);
-	!n || n === t || !t?.contains(n) || (o.add(e), e.preventDefault());
-}
-var l = (e) => o.has(e);
-//#endregion
-export { i as a, a as i, l as n, c as r, s as t };