@nxgt/material 3.10.1 → 3.11.0

package/dist/empty-state-BOZWBC5q.js

@@ -1,98 +0,0 @@
-import { t as e } from "./utils-Bcd2Z3ea.js";
-import { t } from "./use-material-translation-DkxcLbLM.js";
-import { i as n } from "./escape-owner-CripBce_.js";
-import { a as r, i, l as a, n as o, r as s, s as c } from "./state-scenes-Be9w_3an.js";
-import { AlertCircle as l, Construction as u, FileQuestion as d, PackageOpen as f, Search as p, ShieldAlert as m, WifiOff as h } from "lucide-react";
-import { Suspense as g, lazy as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { STATE_ACCENT as b, STATE_ICON as x, stateCopy as S } from "@nxgt/material-core/states";
-//#region lib/components/ui/feedback/state-frame/state-icon.tsx
-var C = {
-	"package-open": f,
-	search: p,
-	"file-question": d,
-	"shield-alert": m,
-	"alert-circle": l,
-	"wifi-off": h,
-	construction: u
-};
-function w({ kind: e }) {
-	let t = C[x[e]];
-	return /* @__PURE__ */ v(t, { "aria-hidden": "true" });
-}
-//#endregion
-//#region lib/components/ui/feedback/state-frame/state-scene-illustration.tsx
-var T = _(async () => ({ default: (await import("./illustration-Hj-Q9se9.js").then((e) => e.n)).Illustration }));
-function E({ scene: e, size: t }) {
-	return /* @__PURE__ */ v(g, {
-		fallback: /* @__PURE__ */ v("div", {
-			"data-slot": "illustration",
-			"data-size": t,
-			"aria-hidden": "true"
-		}),
-		children: /* @__PURE__ */ v(T, {
-			scene: e,
-			size: t
-		})
-	});
-}
-//#endregion
-//#region lib/components/ui/feedback/state-frame/state-frame.tsx
-function D({ kind: t, size: l = "default", illustration: u, icon: d, title: f, headingLevel: p, description: m, actions: h, className: g, children: _, ...x }) {
-	let S = l === "inline", C = l === "compact" || S, T = e("flex shrink-0 items-center justify-center rounded", r[b[t]], S ? "size-8 rounded-full [&_svg]:size-4" : C ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), D = a(), O = u === !0 || s(u, D?.sets) ? s(u, D?.sets) ? u : o[t] : null, k = u == null && d == null && l === "default" ? c(D, o[t]) : void 0, A = S ? null : O ?? (k ? o[t] : null), j = null;
-	return j = u === !1 ? null : A ? /* @__PURE__ */ v(E, {
-		scene: A,
-		size: C ? "sm" : "md"
-	}) : u != null && u !== !0 && !s(u, D?.sets) ? u : d == null ? C ? /* @__PURE__ */ v("div", {
-		className: T,
-		children: /* @__PURE__ */ v(w, { kind: t })
-	}) : /* @__PURE__ */ v(i, { kind: t }) : /* @__PURE__ */ v("div", {
-		className: T,
-		children: d
-	}), /* @__PURE__ */ y("div", {
-		"data-kind": t,
-		"data-size": l,
-		className: e("flex text-foreground", S ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !S && (C ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), g),
-		...x,
-		children: [
-			j,
-			(f != null || m != null) && /* @__PURE__ */ y("div", {
-				className: e("flex flex-col", S ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
-				children: [f != null && /* @__PURE__ */ v(n, {
-					as: p ? `h${p}` : void 0,
-					variant: S ? "normal" : C ? "title-medium" : "headline-small",
-					className: e("tracking-tight text-balance", S && "font-medium"),
-					children: f
-				}), m != null && /* @__PURE__ */ v(n, {
-					variant: S ? "body-small" : "body-medium",
-					className: "text-pretty",
-					children: m
-				})]
-			}),
-			_,
-			h != null && /* @__PURE__ */ v("div", {
-				className: e("flex flex-wrap items-center gap-2", S ? "shrink-0" : "mt-1 justify-center"),
-				children: h
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/components/ui/feedback/empty-state/empty-state.tsx
-function O({ kind: e = "empty", size: n = "default", illustration: r, icon: i, title: a, description: o, action: s, ...c }) {
-	let l = S(e, "empty-state"), { t: u } = t(), d = o ?? (a == null ? u(l.descriptionKey, l.description) : void 0);
-	return /* @__PURE__ */ v(D, {
-		"data-slot": "empty-state",
-		"data-variant": e,
-		kind: e,
-		size: n,
-		illustration: r,
-		icon: i,
-		title: a ?? u(l.titleKey, l.title),
-		description: d,
-		actions: s,
-		...c
-	});
-}
-//#endregion
-export { D as n, O as t };

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 };

package/dist/icon-button-DJcWpIhu.js

@@ -1,319 +0,0 @@
-import { t as e } from "./utils-Bcd2Z3ea.js";
-import { n as t } from "./use-shape-morph-BKA_R5P5.js";
-import { n, t as r } from "./dist-DVRQkaTK.js";
-import { o as i, t as a } from "./tooltip-rhbqNmr3.js";
-import { i as o, n as s, r as c, t as l } from "./button-tones-BgZJ1tkD.js";
-import { shapeOutline as u, toSvgPath as d } from "@nxgt/material-core/shapes";
-import { useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#endregion
-//#region lib/components/ui/actions/icon-button/icon-button.variants.ts
-var h = i("inline-flex size-9 center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:bg-transparent [&_svg]:text-foreground [&_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 has-[[data-slot=icon]]:p-1.5 aspect-square rounded-full", {
-	variants: {
-		variant: {
-			filled: "shadow-xs bg-primary text-primary-foreground [&_svg]:data-[slot=icon]:text-primary-foreground [&_svg]:stroke-primary-foreground hover:bg-[color-mix(in_oklab,var(--color-primary)_90%,black)] active:bg-[color-mix(in_oklab,var(--color-primary)_80%,black)] focus:bg-[color-mix(in_oklab,var(--color-primary)_85%,black)]",
-			tonal: "shadow-xs bg-primary/15 [&_svg]:data-[slot=icon]:text-primary-text [&_svg]:stroke-primary-text text-primary-text hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10",
-			ghost: "",
-			outlined: "border shadow-xs text-primary-text [&_svg]:data-[slot=icon]:text-primary-text [&_svg]:stroke-primary-text border-primary/50 focus:bg-primary/10 hover:bg-primary/10",
-			link: "text-primary-text [&_svg]:data-[slot=icon]:text-primary-text [&_svg]:stroke-primary-text underline-offset-4 hover:underline hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10 focus:underline"
-		},
-		color: {
-			primary: null,
-			secondary: null,
-			info: null,
-			warning: null,
-			default: null,
-			error: null,
-			success: null
-		}
-	},
-	defaultVariants: {
-		variant: "filled",
-		color: "primary"
-	},
-	compoundVariants: [
-		{
-			variant: "filled",
-			color: "primary",
-			class: "bg-primary text-primary-foreground [&_svg]:data-[slot=icon]:text-primary-foreground [&_svg]:stroke-primary-foreground hover:bg-[color-mix(in_oklab,var(--color-primary)_90%,black)] 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 [&_svg]:data-[slot=icon]:text-secondary-foreground [&_svg]:stroke-secondary-foreground hover:bg-[color-mix(in_oklab,var(--color-secondary)_90%,black)] 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 [&_svg]:data-[slot=icon]:text-success-foreground [&_svg]:stroke-success-foreground hover:bg-[color-mix(in_oklab,var(--color-success)_90%,black)] 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 [&_svg]:data-[slot=icon]:text-info-foreground [&_svg]:stroke-info-foreground hover:bg-[color-mix(in_oklab,var(--color-info)_90%,black)] 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 [&_svg]:data-[slot=icon]:text-warning-foreground [&_svg]:stroke-warning-foreground hover:bg-[color-mix(in_oklab,var(--color-warning)_90%,black)] 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 [&_svg]:data-[slot=icon]:text-error-foreground [&_svg]:stroke-error-foreground hover:bg-[color-mix(in_oklab,var(--color-error)_90%,black)] 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 [&_svg]:data-[slot=icon]:text-background [&_svg]:stroke-background hover:bg-[color-mix(in_oklab,var(--color-foreground)_90%,var(--color-background))] 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: `${c.primary} ${l.primary} ${s.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
-		},
-		{
-			variant: "tonal",
-			color: "secondary",
-			class: `${c.secondary} ${l.secondary} ${s.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
-		},
-		{
-			variant: "tonal",
-			color: "success",
-			class: `${c.success} ${l.success} ${s.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
-		},
-		{
-			variant: "tonal",
-			color: "info",
-			class: `${c.info} ${l.info} ${s.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
-		},
-		{
-			variant: "tonal",
-			color: "warning",
-			class: `${c.warning} ${l.warning} ${s.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
-		},
-		{
-			variant: "tonal",
-			color: "error",
-			class: `${c.error} ${l.error} ${s.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
-		},
-		{
-			variant: "tonal",
-			color: "default",
-			class: `${c.default} ${l.default} ${s.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: `${c.secondary} ${l.secondary} ${s.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
-		},
-		{
-			variant: "ghost",
-			color: "success",
-			class: `${c.success} ${l.success} ${s.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
-		},
-		{
-			variant: "ghost",
-			color: "info",
-			class: `${c.info} ${l.info} ${s.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
-		},
-		{
-			variant: "ghost",
-			color: "warning",
-			class: `${c.warning} ${l.warning} ${s.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
-		},
-		{
-			variant: "ghost",
-			color: "error",
-			class: `${c.error} ${l.error} ${s.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
-		},
-		{
-			variant: "outlined",
-			color: "primary",
-			class: `${c.primary} ${l.primary} ${s.primary} border-primary/50 focus:bg-primary/10 hover:bg-primary/10`
-		},
-		{
-			variant: "outlined",
-			color: "secondary",
-			class: `${c.secondary} ${l.secondary} ${s.secondary} border-secondary/50 focus:bg-secondary/10 hover:bg-secondary/10`
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			class: `${c.success} ${l.success} ${s.success} border-success/50 focus:bg-success/10 hover:bg-success/10`
-		},
-		{
-			variant: "outlined",
-			color: "info",
-			class: `${c.info} ${l.info} ${s.info} border-info/50 focus:bg-info/10 hover:bg-info/10`
-		},
-		{
-			variant: "outlined",
-			color: "warning",
-			class: `${c.warning} ${l.warning} ${s.warning} border-warning/50 focus:bg-warning/10 hover:bg-warning/10`
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			class: `${c.error} ${l.error} ${s.error} border-error/50 focus:bg-error/10 hover:bg-error/10`
-		},
-		{
-			variant: "outlined",
-			color: "default",
-			class: `${c.default} ${l.default} ${s.default} border-foreground/50 focus:bg-foreground/10 hover:bg-foreground/10`
-		},
-		{
-			variant: "link",
-			color: "primary",
-			class: `${c.primary} ${l.primary} ${s.primary} underline-offset-4 hover:underline hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
-		},
-		{
-			variant: "link",
-			color: "secondary",
-			class: `${c.secondary} ${l.secondary} ${s.secondary} underline-offset-4 hover:underline hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
-		},
-		{
-			variant: "link",
-			color: "success",
-			class: `${c.success} ${l.success} ${s.success} underline-offset-4 hover:underline hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
-		},
-		{
-			variant: "link",
-			color: "info",
-			class: `${c.info} ${l.info} ${s.info} underline-offset-4 hover:underline hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
-		},
-		{
-			variant: "link",
-			color: "warning",
-			class: `${c.warning} ${l.warning} ${s.warning} underline-offset-4 hover:underline hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
-		},
-		{
-			variant: "link",
-			color: "error",
-			class: `${c.error} ${l.error} ${s.error} underline-offset-4 hover:underline hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
-		},
-		{
-			variant: "link",
-			color: "default",
-			class: `${c.default} ${l.default} ${s.default} underline-offset-4 hover:underline hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
-		}
-	]
-}), g = ((e) => h(e?.variant === "ghost" && e.color === null ? {
-	...e,
-	color: void 0
-} : e)), _ = {
-	filled: {
-		primary: "fill-primary",
-		secondary: "fill-secondary dark:fill-[color-mix(in_oklab,var(--color-secondary)_70%,var(--color-background))]",
-		success: "fill-success dark:fill-[color-mix(in_oklab,var(--color-success)_60%,var(--color-background))]",
-		info: "fill-info dark:fill-[color-mix(in_oklab,var(--color-info)_60%,var(--color-background))]",
-		warning: "fill-warning dark:fill-[color-mix(in_oklab,var(--color-warning)_60%,var(--color-background))]",
-		error: "fill-error",
-		default: "fill-foreground"
-	},
-	tonal: {
-		primary: "fill-primary/15 group-hover/icon-button:fill-primary/10 group-active/icon-button:fill-primary/5",
-		secondary: "fill-secondary/15 group-hover/icon-button:fill-secondary/10 group-active/icon-button:fill-secondary/5",
-		success: "fill-success/15 group-hover/icon-button:fill-success/10 group-active/icon-button:fill-success/5",
-		info: "fill-info/15 group-hover/icon-button:fill-info/10 group-active/icon-button:fill-info/5",
-		warning: "fill-warning/15 group-hover/icon-button:fill-warning/10 group-active/icon-button:fill-warning/5",
-		error: "fill-error/15 group-hover/icon-button:fill-error/10 group-active/icon-button:fill-error/5",
-		default: "fill-foreground/15 group-hover/icon-button:fill-foreground/10 group-active/icon-button:fill-foreground/5"
-	},
-	outlined: {
-		primary: "fill-transparent stroke-primary/50 group-hover/icon-button:fill-primary/10 group-active/icon-button:fill-primary/5",
-		secondary: "fill-transparent stroke-secondary/50 group-hover/icon-button:fill-secondary/10 group-active/icon-button:fill-secondary/5",
-		success: "fill-transparent stroke-success/50 group-hover/icon-button:fill-success/10 group-active/icon-button:fill-success/5",
-		info: "fill-transparent stroke-info/50 group-hover/icon-button:fill-info/10 group-active/icon-button:fill-info/5",
-		warning: "fill-transparent stroke-warning/50 group-hover/icon-button:fill-warning/10 group-active/icon-button:fill-warning/5",
-		error: "fill-transparent stroke-error/50 group-hover/icon-button:fill-error/10 group-active/icon-button:fill-error/5",
-		default: "fill-transparent stroke-foreground/50 group-hover/icon-button:fill-foreground/10 group-active/icon-button:fill-foreground/5"
-	},
-	ghost: {
-		primary: "fill-transparent group-hover/icon-button:fill-accent dark:group-hover/icon-button:fill-accent/50",
-		secondary: "fill-transparent group-hover/icon-button:fill-secondary/10 group-active/icon-button:fill-secondary/5",
-		success: "fill-transparent group-hover/icon-button:fill-success/10 group-active/icon-button:fill-success/5",
-		info: "fill-transparent group-hover/icon-button:fill-info/10 group-active/icon-button:fill-info/5",
-		warning: "fill-transparent group-hover/icon-button:fill-warning/10 group-active/icon-button:fill-warning/5",
-		error: "fill-transparent group-hover/icon-button:fill-error/10 group-active/icon-button:fill-error/5",
-		default: "fill-transparent group-hover/icon-button:fill-accent dark:group-hover/icon-button:fill-accent/50"
-	},
-	link: {
-		primary: "fill-transparent group-hover/icon-button:fill-accent dark:group-hover/icon-button:fill-accent/50",
-		secondary: "fill-transparent group-hover/icon-button:fill-secondary/10 group-active/icon-button:fill-secondary/5",
-		success: "fill-transparent group-hover/icon-button:fill-success/10 group-active/icon-button:fill-success/5",
-		info: "fill-transparent group-hover/icon-button:fill-info/10 group-active/icon-button:fill-info/5",
-		warning: "fill-transparent group-hover/icon-button:fill-warning/10 group-active/icon-button:fill-warning/5",
-		error: "fill-transparent group-hover/icon-button:fill-error/10 group-active/icon-button:fill-error/5",
-		default: "fill-transparent group-hover/icon-button:fill-accent dark:group-hover/icon-button:fill-accent/50"
-	}
-};
-function v({ shape: n, variant: r, color: i }) {
-	let a = u(n), o = f(null);
-	return t(o, a, !0), /* @__PURE__ */ p("svg", {
-		"data-slot": "icon-button-shape",
-		viewBox: "0 0 100 100",
-		"aria-hidden": "true",
-		focusable: "false",
-		className: e("-z-10 pointer-events-none absolute inset-0 size-full overflow-visible transition-[filter]", r === "filled" && "group-hover/icon-button:brightness-90 group-active/icon-button:brightness-80"),
-		children: /* @__PURE__ */ p("path", {
-			ref: o,
-			d: d(a),
-			vectorEffect: "non-scaling-stroke",
-			paintOrder: "stroke",
-			className: e("stroke-transparent stroke-1 transition-[fill]", _[r][i], "group-focus-visible/icon-button:stroke-ring/50 group-focus-visible/icon-button:stroke-[6px]", "forced-colors:fill-none forced-colors:stroke-[ButtonText] forced-colors:group-focus-visible/icon-button:stroke-[Highlight]")
-		})
-	});
-}
-//#endregion
-//#region lib/components/ui/actions/icon-button/icon-button.tsx
-function y({ variant: t, color: i, className: a, asChild: s, type: c = "button", shape: l, morph: u = "pill", children: d, ...f }) {
-	let h = s ? r : "button";
-	return /* @__PURE__ */ p(o, {
-		value: !!(f["aria-label"] || f["aria-labelledby"]),
-		children: /* @__PURE__ */ m(h, {
-			"data-slot": "icon-button",
-			"data-icon-button": "",
-			"data-variant": t,
-			"data-color": i,
-			type: s ? void 0 : c,
-			"data-shape": l,
-			"data-morph": !l && u !== "none" && f["aria-pressed"] !== void 0 ? u : void 0,
-			className: e(g({
-				variant: t,
-				color: i
-			}), l && "group/icon-button relative isolate bg-transparent! border-0! shadow-none! ring-0! focus-visible:ring-0! aria-invalid:ring-0! forced-colors:[&_svg]:stroke-[ButtonText] forced-colors:[&_svg]:text-[ButtonText]", a),
-			...f,
-			children: [l ? /* @__PURE__ */ p(v, {
-				shape: l,
-				variant: t ?? "filled",
-				color: i ?? (t === "ghost" ? "default" : "primary")
-			}) : null, /* @__PURE__ */ p(n, { children: d })]
-		})
-	});
-}
-function b({ tooltip: e, "aria-label": t, ...n }) {
-	let r = t ?? (typeof e == "string" ? e : void 0);
-	return e ? /* @__PURE__ */ p(a, {
-		content: e,
-		children: /* @__PURE__ */ p(y, {
-			"aria-label": r,
-			...n
-		})
-	}) : /* @__PURE__ */ p(y, {
-		"aria-label": r,
-		...n
-	});
-}
-//#endregion
-export { g as n, b as t };

package/lib/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;
-		}
-	}
-}