@nxgt/material 3.52.0 → 3.54.0

package/lib/themes/ocean.css

@@ -11,6 +11,7 @@
 	--foreground: oklch(0.227 0.0153 230);
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.0153 230);
 	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.227 0.0153 230);
@@ -78,9 +79,10 @@
 	--background: oklch(0.15 0.026 273);
 	--foreground: oklch(0.943 0.0108 230);
 	--ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
-	--card: oklch(0.19 0.0171 230);
+	--card: oklch(0.22 0.0171 230);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.0108 230);
-	--popover: oklch(0.19 0.0171 230);
+	--popover: oklch(0.22 0.0171 230);
 	--popover-foreground: oklch(0.943 0.0108 230);
 	--primary: oklch(0.5 0.0976 228);
 	--primary-foreground: oklch(0.995 0.002 230);
@@ -91,13 +93,13 @@
 	--tertiary: oklch(0.7 0.13 268);
 	--tertiary-foreground: oklch(0.15 0.026 273);
 	--strix: oklch(0.5 0.13 268);
-	--muted: oklch(0.228 0.0198 230);
+	--muted: oklch(0.258 0.0198 230);
 	--muted-foreground: oklch(0.725 0.027 230);
 	--track: oklch(0.53 0.027 230);
 	--track-fill: oklch(0.85 0.09 228);
 	--tooltip: oklch(0.925 0.0108 230);
 	--tooltip-foreground: oklch(0.446 0.0387 230);
-	--accent: oklch(0.25 0.0198 230);
+	--accent: oklch(0.28 0.0198 230);
 	--accent-foreground: oklch(0.943 0.0108 230);
 	--error: oklch(0.577 0.245 27.33);
 	--error-foreground: oklch(0.995 0.002 230);
@@ -109,8 +111,8 @@
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 230);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.0225 230);
-	--input: oklch(0.298 0.0243 230);
+	--border: oklch(0.289 0.0225 230);
+	--input: oklch(0.328 0.0243 230);
 	--ring: oklch(0.551 0.027 230);
 	--sidebar: oklch(0.19 0.0171 230);
 	--sidebar-foreground: oklch(0.943 0.0108 230);

package/lib/themes/pink.css

@@ -9,6 +9,7 @@
 	--foreground: oklch(0.227 0.0119 345);
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.0119 345);
 	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.227 0.0119 345);
@@ -76,9 +77,10 @@
 	--background: oklch(0.15 0.026 273);
 	--foreground: oklch(0.943 0.0084 345);
 	--ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
-	--card: oklch(0.19 0.0133 345);
+	--card: oklch(0.22 0.0133 345);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.0084 345);
-	--popover: oklch(0.19 0.0133 345);
+	--popover: oklch(0.22 0.0133 345);
 	--popover-foreground: oklch(0.943 0.0084 345);
 	--primary: oklch(0.55 0.2 345);
 	--primary-foreground: oklch(0.995 0.002 345);
@@ -89,13 +91,13 @@
 	--tertiary: oklch(0.7 0.1 200);
 	--tertiary-foreground: oklch(0.15 0.026 273);
 	--strix: oklch(0.5 0.085 200);
-	--muted: oklch(0.228 0.0154 345);
+	--muted: oklch(0.258 0.0154 345);
 	--muted-foreground: oklch(0.725 0.021 345);
 	--track: oklch(0.53 0.021 345);
 	--track-fill: oklch(0.85 0.09 345);
 	--tooltip: oklch(0.925 0.0084 345);
 	--tooltip-foreground: oklch(0.446 0.0301 345);
-	--accent: oklch(0.25 0.0154 345);
+	--accent: oklch(0.28 0.0154 345);
 	--accent-foreground: oklch(0.943 0.0084 345);
 	--error: oklch(0.577 0.245 27.33);
 	--error-foreground: oklch(0.995 0.002 345);
@@ -107,8 +109,8 @@
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 345);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.0175 345);
-	--input: oklch(0.298 0.0189 345);
+	--border: oklch(0.289 0.0175 345);
+	--input: oklch(0.328 0.0189 345);
 	--ring: oklch(0.551 0.021 345);
 	--sidebar: oklch(0.19 0.0133 345);
 	--sidebar-foreground: oklch(0.943 0.0084 345);

package/lib/themes/prune.css

@@ -8,6 +8,7 @@
 	--foreground: oklch(0.227 0.017 330);
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.017 330);
 	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.227 0.017 330);
@@ -75,9 +76,10 @@
 	--background: oklch(0.15 0.026 273);
 	--foreground: oklch(0.943 0.012 330);
 	--ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
-	--card: oklch(0.19 0.019 330);
+	--card: oklch(0.22 0.019 330);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.012 330);
-	--popover: oklch(0.19 0.019 330);
+	--popover: oklch(0.22 0.019 330);
 	--popover-foreground: oklch(0.943 0.012 330);
 	--primary: oklch(0.42 0.15 330);
 	--primary-foreground: oklch(0.995 0.002 330);
@@ -88,13 +90,13 @@
 	--tertiary: oklch(0.7 0.1 85);
 	--tertiary-foreground: oklch(0.15 0.026 273);
 	--strix: oklch(0.55 0.1 85);
-	--muted: oklch(0.228 0.022 330);
+	--muted: oklch(0.258 0.022 330);
 	--muted-foreground: oklch(0.725 0.03 330);
 	--track: oklch(0.53 0.03 330);
 	--track-fill: oklch(0.85 0.09 330);
 	--tooltip: oklch(0.925 0.012 330);
 	--tooltip-foreground: oklch(0.446 0.043 330);
-	--accent: oklch(0.25 0.022 330);
+	--accent: oklch(0.28 0.022 330);
 	--accent-foreground: oklch(0.943 0.012 330);
 	--error: oklch(0.577 0.245 27.33);
 	--error-foreground: oklch(0.995 0.002 330);
@@ -106,8 +108,8 @@
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 330);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.025 330);
-	--input: oklch(0.298 0.027 330);
+	--border: oklch(0.289 0.025 330);
+	--input: oklch(0.328 0.027 330);
 	--ring: oklch(0.551 0.03 330);
 	--sidebar: oklch(0.19 0.019 330);
 	--sidebar-foreground: oklch(0.943 0.012 330);

package/lib/themes/sable.css

@@ -8,6 +8,7 @@
 	--foreground: oklch(0.227 0.0085 75);
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.0085 75);
 	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.227 0.0085 75);
@@ -75,9 +76,10 @@
 	--background: oklch(0.15 0.026 273);
 	--foreground: oklch(0.943 0.006 75);
 	--ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
-	--card: oklch(0.19 0.0095 75);
+	--card: oklch(0.22 0.0095 75);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.006 75);
-	--popover: oklch(0.19 0.0095 75);
+	--popover: oklch(0.22 0.0095 75);
 	--popover-foreground: oklch(0.943 0.006 75);
 	--primary: oklch(0.5 0.06 70);
 	--primary-foreground: oklch(0.995 0.002 75);
@@ -88,13 +90,13 @@
 	--tertiary: oklch(0.7 0.07 150);
 	--tertiary-foreground: oklch(0.15 0.026 273);
 	--strix: oklch(0.5 0.07 150);
-	--muted: oklch(0.228 0.011 75);
+	--muted: oklch(0.258 0.011 75);
 	--muted-foreground: oklch(0.725 0.015 75);
 	--track: oklch(0.53 0.015 75);
 	--track-fill: oklch(0.85 0.09 70);
 	--tooltip: oklch(0.925 0.006 75);
 	--tooltip-foreground: oklch(0.446 0.0215 75);
-	--accent: oklch(0.25 0.011 75);
+	--accent: oklch(0.28 0.011 75);
 	--accent-foreground: oklch(0.943 0.006 75);
 	--error: oklch(0.577 0.245 27.33);
 	--error-foreground: oklch(0.995 0.002 75);
@@ -106,8 +108,8 @@
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 75);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.0125 75);
-	--input: oklch(0.298 0.0135 75);
+	--border: oklch(0.289 0.0125 75);
+	--input: oklch(0.328 0.0135 75);
 	--ring: oklch(0.551 0.015 75);
 	--sidebar: oklch(0.19 0.0095 75);
 	--sidebar-foreground: oklch(0.943 0.006 75);

package/lib/themes/slate.css

@@ -8,6 +8,7 @@
 	--foreground: oklch(0.227 0.006 258);
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.006 258);
 	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.227 0.006 258);
@@ -75,9 +76,10 @@
 	--background: oklch(0.15 0.026 273);
 	--foreground: oklch(0.943 0.0042 258);
 	--ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
-	--card: oklch(0.19 0.0067 258);
+	--card: oklch(0.22 0.0067 258);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.0042 258);
-	--popover: oklch(0.19 0.0067 258);
+	--popover: oklch(0.22 0.0067 258);
 	--popover-foreground: oklch(0.943 0.0042 258);
 	--primary: oklch(0.4 0.025 258);
 	--primary-foreground: oklch(0.995 0.002 258);
@@ -88,13 +90,13 @@
 	--tertiary: oklch(0.7 0.045 275);
 	--tertiary-foreground: oklch(0.15 0.026 273);
 	--strix: oklch(0.46 0.045 275);
-	--muted: oklch(0.228 0.0077 258);
+	--muted: oklch(0.258 0.0077 258);
 	--muted-foreground: oklch(0.725 0.0105 258);
 	--track: oklch(0.53 0.0105 258);
 	--track-fill: oklch(0.85 0.09 258);
 	--tooltip: oklch(0.925 0.0042 258);
 	--tooltip-foreground: oklch(0.446 0.015 258);
-	--accent: oklch(0.25 0.0077 258);
+	--accent: oklch(0.28 0.0077 258);
 	--accent-foreground: oklch(0.943 0.0042 258);
 	--error: oklch(0.577 0.245 27.33);
 	--error-foreground: oklch(0.995 0.002 258);
@@ -106,8 +108,8 @@
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 258);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.0087 258);
-	--input: oklch(0.298 0.0095 258);
+	--border: oklch(0.289 0.0087 258);
+	--input: oklch(0.328 0.0095 258);
 	--ring: oklch(0.551 0.0105 258);
 	--sidebar: oklch(0.19 0.0067 258);
 	--sidebar-foreground: oklch(0.943 0.0042 258);

package/lib/themes/teal.css

@@ -11,6 +11,7 @@
 	--foreground: oklch(0.227 0.0136 190);
 	--ground: color-mix(in oklab, var(--primary) 7%, var(--background));
 	--card: oklch(1 0 0);
+	--card-edge: var(--border);
 	--card-foreground: oklch(0.227 0.0136 190);
 	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.227 0.0136 190);
@@ -78,9 +79,10 @@
 	--background: oklch(0.15 0.026 273);
 	--foreground: oklch(0.943 0.0096 190);
 	--ground: color-mix(in oklab, var(--primary) 6%, color-mix(in oklab, var(--background) 55%, black));
-	--card: oklch(0.19 0.0152 190);
+	--card: oklch(0.22 0.0152 190);
+	--card-edge: color-mix(in oklab, white 8%, var(--card));
 	--card-foreground: oklch(0.943 0.0096 190);
-	--popover: oklch(0.19 0.0152 190);
+	--popover: oklch(0.22 0.0152 190);
 	--popover-foreground: oklch(0.943 0.0096 190);
 	--primary: oklch(0.5 0.0881 185);
 	--primary-foreground: oklch(0.995 0.002 190);
@@ -91,13 +93,13 @@
 	--tertiary: oklch(0.7 0.12 60);
 	--tertiary-foreground: oklch(0.15 0.026 273);
 	--strix: oklch(0.52 0.12 60);
-	--muted: oklch(0.228 0.0176 190);
+	--muted: oklch(0.258 0.0176 190);
 	--muted-foreground: oklch(0.725 0.024 190);
 	--track: oklch(0.53 0.024 190);
 	--track-fill: oklch(0.85 0.09 185);
 	--tooltip: oklch(0.925 0.0096 190);
 	--tooltip-foreground: oklch(0.446 0.0344 190);
-	--accent: oklch(0.25 0.0176 190);
+	--accent: oklch(0.28 0.0176 190);
 	--accent-foreground: oklch(0.943 0.0096 190);
 	--error: oklch(0.577 0.245 27.33);
 	--error-foreground: oklch(0.995 0.002 190);
@@ -109,8 +111,8 @@
 	--warning: oklch(0.7 0.15 70);
 	--warning-foreground: oklch(0.995 0.002 190);
 	--destructive: oklch(0.704 0.191 22.216);
-	--border: oklch(0.259 0.02 190);
-	--input: oklch(0.298 0.0216 190);
+	--border: oklch(0.289 0.02 190);
+	--input: oklch(0.328 0.0216 190);
 	--ring: oklch(0.551 0.024 190);
 	--sidebar: oklch(0.19 0.0152 190);
 	--sidebar-foreground: oklch(0.943 0.0096 190);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.52.0",
+	"version": "3.54.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -362,7 +362,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.41.0",
+		"@nxgt/material-core": "^0.42.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
@@ -449,7 +449,7 @@
 		"@fontsource-variable/inter": "^5",
 		"@fortawesome/fontawesome-free": "7.3.1",
 		"@nxgt/material-testing": "0.0.0",
-		"@nxgt/playwright": "^0.9.6",
+		"@nxgt/playwright": "^0.9.7",
 		"@react-leaflet/core": "^3.0.0",
 		"@react-pdf/renderer": "^4.9.0",
 		"@storybook/addon-a11y": "10.6.0",
@@ -462,7 +462,7 @@
 		"@tiptap/extension-collaboration": "3.31.3",
 		"@tiptap/extension-collaboration-caret": "3.31.3",
 		"@tiptap/y-tiptap": "3.0.7",
-		"@types/bun": "^1.4.3",
+		"@types/bun": "^1.4.4",
 		"@types/d3-scale": "^4.0.9",
 		"@types/d3-shape": "^3.1.8",
 		"@types/hast": "^3.0.4",

package/dist/i18n-provider-BFNrM0Qu.js

@@ -1,45 +0,0 @@
-import { i as e, r as t, t as n } from "./stored-language-Cb9FMEwk.js";
-import { createContext as r, useCallback as i, useContext as a, useMemo as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region lib/i18n/i18n-provider.tsx
-var l = r(null);
-function u({ children: r, defaultLanguage: a = "en", storageKey: u = t, supportedLanguages: d = e, onLanguageChange: f, initialLanguage: p, resources: m }) {
-	let [h, g] = s(() => p && d.includes(p) ? p : n(u, a, d)), _ = i((e) => {
-		if (!d.includes(e)) {
-			console.warn(`[@nxgt/material] Unsupported language: "${e}".`);
-			return;
-		}
-		if (typeof localStorage < "u") try {
-			localStorage.setItem(u, e);
-		} catch {}
-		g(e), f?.(e);
-	}, [
-		u,
-		d,
-		f
-	]), v = o(() => ({
-		language: h,
-		changeLanguage: _,
-		supportedLanguages: d,
-		resources: m
-	}), [
-		h,
-		_,
-		d,
-		m
-	]);
-	return /* @__PURE__ */ c(l.Provider, {
-		value: v,
-		children: r
-	});
-}
-function d() {
-	let e = a(l);
-	if (!e) throw Error("useI18nContext must be used within an I18nProvider");
-	return e;
-}
-function f() {
-	return a(l);
-}
-//#endregion
-export { d as n, f as r, u as t };

package/dist/use-shape-morph-BKA_R5P5.js

@@ -1,35 +0,0 @@
-import { morph as e, morphAt as t, toSvgPath as n } from "@nxgt/material-core/shapes";
-import { useLayoutEffect as r, useRef as i } from "react";
-//#region lib/components/ui/display/shape/use-shape-morph.ts
-var a = .8, o = 14, s = o * Math.sqrt(1 - a * a);
-function c(e) {
-	let t = e / 1e3;
-	return 1 - Math.exp(-.8 * o * t) * (Math.cos(s * t) + a * o / s * Math.sin(s * t));
-}
-var l = () => typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function u(a, o, s) {
-	let u = i(o);
-	r(() => {
-		let r = a.current, i = u.current;
-		if (!r || i === o || !s || l()) {
-			r && i !== o && r.setAttribute("d", n(o)), u.current = o;
-			return;
-		}
-		let d = e(i, o), f = n(o), p = 0, m = performance.now(), h = (e) => {
-			let i = e - m;
-			if (i >= 520) {
-				u.current = o, r.setAttribute("d", f);
-				return;
-			}
-			let a = t(d, c(i));
-			u.current = a, r.setAttribute("d", n(a)), p = requestAnimationFrame(h);
-		};
-		return r.setAttribute("d", n(d.from)), p = requestAnimationFrame(h), () => cancelAnimationFrame(p);
-	}, [
-		a,
-		o,
-		s
-	]);
-}
-//#endregion
-export { u as n, c as t };