@viglet/viglet-design-system 2026.3.2 → 2026.3.4

package/dist/floating-formulas-bg.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n=[[480,.25],[640,.35],[768,.5],[1024,.7]];function r(){let e=window.innerWidth;for(let[t,r]of n)if(e<t)return r;return 1}function i(e){return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)}function a(){return(0,e.useSyncExternalStore)(i,r,()=>1)}var o=`H₂O.CO₂.NaCl.C₆H₁₂O₆.O₂.NH₃.CH₄.H₂SO₄.Fe₂O₃.CaCO₃.C₂H₅OH.HCl.NaOH.KMnO₄.N₂.SiO₂.Al₂O₃.MgO.ZnSO₄.Cu.H₂O₂.SO₃.PbO₂.BaSO₄.AgNO₃.K₂Cr₂O₇.Na₂CO₃.Mg(OH)₂.FeCl₃.CuSO₄.Ca(OH)₂.HNO₃.P₄O₁₀.Cl₂.Br₂`.split(`.`),s=[`ff-drift-a`,`ff-drift-b`,`ff-drift-c`,`ff-drift-d`,`ff-drift-e`],c=[{top:`8%`,left:`6%`,size:80,duration:18,delay:-2,drift:`ff-drift-b`,opacity:.3,path:`M10,40 L40,20 L70,40 M40,20 L40,5 M40,20 L25,8 M40,20 L55,8`},{top:`22%`,left:`75%`,size:100,duration:22,delay:-5,drift:`ff-drift-a`,opacity:.25,path:`M20,50 L50,30 L80,50 M50,30 L50,10 M20,50 L20,70 M80,50 L80,70 M50,30 L35,15 M50,30 L65,15`},{top:`60%`,left:`85%`,size:70,duration:16,delay:-1,drift:`ff-drift-b`,opacity:.28,path:`M15,35 L35,15 L55,35 L35,55 Z M35,15 L35,5 M55,35 L65,35`},{top:`70%`,left:`12%`,size:90,duration:20,delay:-4,drift:`ff-drift-a`,opacity:.25,path:`M10,45 L45,25 L80,45 M45,25 L45,5 M10,45 L10,65 M80,45 L80,65`},{top:`5%`,left:`42%`,size:60,duration:15,delay:-3,drift:`ff-drift-c`,opacity:.22,path:`M10,30 L30,10 L50,30 M30,10 L30,0 M10,30 L0,40 M50,30 L60,40`},{top:`45%`,left:`3%`,size:75,duration:19,delay:-6,drift:`ff-drift-a`,opacity:.25,path:`M20,40 L40,20 L60,40 M40,20 L40,5 M20,40 L5,50 M60,40 L75,50 M40,5 L30,0 M40,5 L50,0`},{top:`78%`,left:`52%`,size:85,duration:21,delay:-2,drift:`ff-drift-b`,opacity:.22,path:`M15,45 L42,20 L70,45 M42,20 L42,5 M15,45 L30,60 M70,45 L55,60`},{top:`32%`,left:`92%`,size:65,duration:17,delay:-5,drift:`ff-drift-a`,opacity:.25,path:`M10,35 L32,15 L55,35 M32,15 L32,3 M10,35 L10,50`},{top:`15%`,left:`28%`,size:70,duration:19,delay:-1,drift:`ff-drift-c`,opacity:.25,path:`M10,35 L35,10 L60,35 M35,10 L35,0 M10,35 L0,50 M60,35 L70,50`},{top:`50%`,left:`35%`,size:65,duration:16,delay:-7,drift:`ff-drift-b`,opacity:.2,path:`M10,30 L30,10 L50,30 L30,50 Z M30,10 L30,0`},{top:`40%`,left:`60%`,size:80,duration:20,delay:-3,drift:`ff-drift-a`,opacity:.22,path:`M15,40 L40,15 L65,40 M40,15 L40,3 M15,40 L5,55 M65,40 L75,55 M40,15 L28,5 M40,15 L52,5`},{top:`85%`,left:`78%`,size:60,duration:15,delay:-6,drift:`ff-drift-b`,opacity:.22,path:`M10,30 L30,10 L50,30 M30,10 L30,0 M10,30 L0,40 M50,30 L60,40`}];function l(e){let t=e;return()=>(t=(t*16807+0)%2147483647,(t-1)/2147483646)}function u(e){let t=new Set;for(let n of e)for(let e of n.split(/[\s_-]+/)){let n=e.trim();n.length>0&&t.add(n)}return Array.from(t)}function d(e){if(!e)return null;let t=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(e.trim());if(t){let[,e,n,r]=t;return`${Number.parseInt(e+e,16)}, ${Number.parseInt(n+n,16)}, ${Number.parseInt(r+r,16)}`}let n=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e.trim());if(n){let[,e,t,r]=n;return`${Number.parseInt(e,16)}, ${Number.parseInt(t,16)}, ${Number.parseInt(r,16)}`}return null}function f(e){return e<.4?1:e<.8?2:3}function p(e){let t=2166136261;for(let n of e)for(let e=0;e<n.length;e+=1)t^=n.charCodeAt(e),t=Math.imul(t,16777619);return Math.abs(t)%2147483646+1}function m(e,t){let n=[...e];for(let e=n.length-1;e>0;--e){let r=Math.floor(t()*(e+1));[n[e],n[r]]=[n[r],n[e]]}return n}function h(e,t,n){let r=l(n);return m(e,r).slice(0,t).map(e=>({text:e,top:`${r()*85+2}%`,left:`${r()*88+2}%`,size:.8+r()*1.2,duration:10+r()*20,delay:-(r()*20),drift:s[Math.floor(r()*s.length)],opacity:.2+r()*.35}))}function g({itemCount:n=35,extraTokens:r,seed:i,color:s,colorDark:l,withFormulas:m=!0,withBonds:g=!0,withOrbs:_=!0,withLightning:v=!1,withExplosion:y=!1,withGrid:b=!0,motionPaused:x=!1,className:S}){let C=a(),w=Math.max(4,Math.round(n*C)),T=(0,e.useMemo)(()=>c.slice(0,Math.max(2,Math.round(c.length*C))),[C]),E=f(C),D=(0,e.useMemo)(()=>{let e=[...o,...r?u(r):[]];return h(e,w,i??p(e))},[w,r,i]),O={};s&&(O[`--ff-color`]=s),l?O[`--ff-color-dark`]=l:s&&(O[`--ff-color-dark`]=s);let k=d(s);k&&(O[`--ff-color-rgb`]=k);let A=d(l)??k;return A&&(O[`--ff-color-dark-rgb`]=A),(0,t.jsxs)(`div`,{className:`absolute inset-0 pointer-events-none overflow-hidden ${x?`ff-paused`:``} ${S??``}`,style:O,"aria-hidden":`true`,children:[v&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--a1`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--a2`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--a3`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--b1`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--b2`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--c1`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--c2`}),(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--c3`}),y&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(`div`,{className:`ff-lightning ff-lightning--nuke`}),(0,t.jsx)(`div`,{className:`ff-lightning--flood`})]})]}),_&&(0,t.jsxs)(t.Fragment,{children:[E>=1&&(0,t.jsx)(`div`,{className:`ff-orb ff-orb--1`}),E>=2&&(0,t.jsx)(`div`,{className:`ff-orb ff-orb--2`}),E>=3&&(0,t.jsx)(`div`,{className:`ff-orb ff-orb--3`})]}),b&&(0,t.jsx)(`div`,{className:`ff-grid`}),g&&T.map(e=>(0,t.jsxs)(`svg`,{className:`ff-bond ${e.drift}`,width:e.size,height:e.size,viewBox:`0 0 ${e.size} ${e.size}`,style:{top:e.top,left:e.left,animationDuration:`${e.duration}s`,animationDelay:`${e.delay}s`,opacity:e.opacity},children:[(0,t.jsx)(`path`,{d:e.path,fill:`none`,className:`ff-bond-line`,strokeWidth:`1.5`,strokeLinecap:`round`}),Array.from(e.path.matchAll(/[ML]\s*(\d+),(\d+)/g)).map((e,n)=>(0,t.jsx)(`circle`,{cx:e[1],cy:e[2],r:`2.5`,className:`ff-bond-node`},`node-${n}`))]},`bond-${e.top}-${e.left}`)),m&&D.map(e=>(0,t.jsx)(`span`,{className:`ff-term ${e.drift}`,style:{top:e.top,left:e.left,fontSize:`${e.size}rem`,animationDuration:`${e.duration}s`,animationDelay:`${e.delay}s`,opacity:e.opacity},children:e.text},`f-${e.text}-${e.top}-${e.left}`))]})}exports.FloatingFormulasBg=g;

package/dist/floating-formulas-bg.css

@@ -99,6 +99,27 @@
   animation-play-state: paused !important;
 }
 
+/* The same freeze, asked for by the reader rather than by the host. The backdrop
+   is decorative and drifts continuously, which is the shape of motion that costs
+   most: the static layers stay, the movement stops, and the lightning — a
+   repeated flash — is removed outright rather than merely paused mid-frame. The
+   rule is asserted in src/styles/reduced-motion.test.ts. */
+@media (prefers-reduced-motion: reduce) {
+  .ff-term,
+  .ff-bond,
+  .ff-orb {
+    animation: none !important;
+    transition: none !important;
+  }
+
+  .ff-lightning,
+  .ff-lightning--nuke,
+  .ff-lightning--flood {
+    animation: none !important;
+    opacity: 0 !important;
+  }
+}
+
 @keyframes ff-drift-a {
   0%   { transform: translate(0, 0) scale(1) rotate(0deg); }
   20%  { transform: translate(80px, -60px) scale(1.15) rotate(5deg); }

package/dist/floating-formulas-bg.es.js

@@ -1,23 +1,31 @@
-import { useEffect as e, useMemo as t, useState as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+"use client";
+import { useMemo as e, useSyncExternalStore as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ui/floating-formulas-bg.tsx
+var a = [
+	[480, .25],
+	[640, .35],
+	[768, .5],
+	[1024, .7]
+];
 function o() {
-	let [t, r] = n(1);
-	return e(() => {
-		let e = () => {
-			let e = window.innerWidth;
-			return e < 480 ? .25 : e < 640 ? .35 : e < 768 ? .5 : e < 1024 ? .7 : 1;
-		}, t = () => r(e());
-		return t(), window.addEventListener("resize", t, { passive: !0 }), () => window.removeEventListener("resize", t);
-	}, []), t;
+	let e = window.innerWidth;
+	for (let [t, n] of a) if (e < t) return n;
+	return 1;
+}
+function s(e) {
+	return window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
+}
+function c() {
+	return t(s, o, () => 1);
 }
-var s = /* @__PURE__ */ "H₂O.CO₂.NaCl.C₆H₁₂O₆.O₂.NH₃.CH₄.H₂SO₄.Fe₂O₃.CaCO₃.C₂H₅OH.HCl.NaOH.KMnO₄.N₂.SiO₂.Al₂O₃.MgO.ZnSO₄.Cu.H₂O₂.SO₃.PbO₂.BaSO₄.AgNO₃.K₂Cr₂O₇.Na₂CO₃.Mg(OH)₂.FeCl₃.CuSO₄.Ca(OH)₂.HNO₃.P₄O₁₀.Cl₂.Br₂".split("."), c = [
+var l = /* @__PURE__ */ "H₂O.CO₂.NaCl.C₆H₁₂O₆.O₂.NH₃.CH₄.H₂SO₄.Fe₂O₃.CaCO₃.C₂H₅OH.HCl.NaOH.KMnO₄.N₂.SiO₂.Al₂O₃.MgO.ZnSO₄.Cu.H₂O₂.SO₃.PbO₂.BaSO₄.AgNO₃.K₂Cr₂O₇.Na₂CO₃.Mg(OH)₂.FeCl₃.CuSO₄.Ca(OH)₂.HNO₃.P₄O₁₀.Cl₂.Br₂".split("."), u = [
 	"ff-drift-a",
 	"ff-drift-b",
 	"ff-drift-c",
 	"ff-drift-d",
 	"ff-drift-e"
-], l = [
+], d = [
 	{
 		top: "8%",
 		left: "6%",
@@ -139,11 +147,11 @@ var s = /* @__PURE__ */ "H₂O.CO₂.NaCl.C₆H₁₂O₆.O₂.NH₃.CH₄.H₂S
 		path: "M10,30 L30,10 L50,30 M30,10 L30,0 M10,30 L0,40 M50,30 L60,40"
 	}
 ];
-function u(e) {
+function f(e) {
 	let t = e;
 	return () => (t = (t * 16807 + 0) % 2147483647, (t - 1) / 2147483646);
 }
-function d(e) {
+function p(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) for (let e of n.split(/[\s_-]+/)) {
 		let n = e.trim();
@@ -151,7 +159,7 @@ function d(e) {
 	}
 	return Array.from(t);
 }
-function f(e) {
+function m(e) {
 	if (!e) return null;
 	let t = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(e.trim());
 	if (t) {
@@ -165,51 +173,71 @@ function f(e) {
 	}
 	return null;
 }
-function p(e) {
+function h(e) {
 	return e < .4 ? 1 : e < .8 ? 2 : 3;
 }
-function m(e, t) {
-	let n = u(Date.now() % 1e5);
-	return [...e].sort(() => n() - .5).slice(0, t).map((e) => ({
+function g(e) {
+	let t = 2166136261;
+	for (let n of e) for (let e = 0; e < n.length; e += 1) t ^= n.charCodeAt(e), t = Math.imul(t, 16777619);
+	return Math.abs(t) % 2147483646 + 1;
+}
+function _(e, t) {
+	let n = [...e];
+	for (let e = n.length - 1; e > 0; --e) {
+		let r = Math.floor(t() * (e + 1));
+		[n[e], n[r]] = [n[r], n[e]];
+	}
+	return n;
+}
+function v(e, t, n) {
+	let r = f(n);
+	return _(e, r).slice(0, t).map((e) => ({
 		text: e,
-		top: `${n() * 85 + 2}%`,
-		left: `${n() * 88 + 2}%`,
-		size: .8 + n() * 1.2,
-		duration: 10 + n() * 20,
-		delay: -(n() * 20),
-		drift: c[Math.floor(n() * c.length)],
-		opacity: .2 + n() * .35
+		top: `${r() * 85 + 2}%`,
+		left: `${r() * 88 + 2}%`,
+		size: .8 + r() * 1.2,
+		duration: 10 + r() * 20,
+		delay: -(r() * 20),
+		drift: u[Math.floor(r() * u.length)],
+		opacity: .2 + r() * .35
 	}));
 }
-function h({ itemCount: e = 35, extraTokens: n, color: c, colorDark: u, withFormulas: h = !0, withBonds: g = !0, withOrbs: _ = !0, withLightning: v = !1, withExplosion: y = !1, withGrid: b = !0, motionPaused: x = !1, className: S }) {
-	let C = o(), w = Math.max(4, Math.round(e * C)), T = t(() => l.slice(0, Math.max(2, Math.round(l.length * C))), [C]), E = p(C), D = t(() => m([...s, ...n ? d(n) : []], w), [w, n]), O = {};
-	c && (O["--ff-color"] = c), u ? O["--ff-color-dark"] = u : c && (O["--ff-color-dark"] = c);
-	let k = f(c);
-	k && (O["--ff-color-rgb"] = k);
-	let A = f(u) ?? k;
-	return A && (O["--ff-color-dark-rgb"] = A), /* @__PURE__ */ a("div", {
-		className: `absolute inset-0 pointer-events-none overflow-hidden ${x ? "ff-paused" : ""} ${S ?? ""}`,
-		style: O,
+function y({ itemCount: t = 35, extraTokens: a, seed: o, color: s, colorDark: u, withFormulas: f = !0, withBonds: _ = !0, withOrbs: y = !0, withLightning: b = !1, withExplosion: x = !1, withGrid: S = !0, motionPaused: C = !1, className: w }) {
+	let T = c(), E = Math.max(4, Math.round(t * T)), D = e(() => d.slice(0, Math.max(2, Math.round(d.length * T))), [T]), O = h(T), k = e(() => {
+		let e = [...l, ...a ? p(a) : []];
+		return v(e, E, o ?? g(e));
+	}, [
+		E,
+		a,
+		o
+	]), A = {};
+	s && (A["--ff-color"] = s), u ? A["--ff-color-dark"] = u : s && (A["--ff-color-dark"] = s);
+	let j = m(s);
+	j && (A["--ff-color-rgb"] = j);
+	let M = m(u) ?? j;
+	return M && (A["--ff-color-dark-rgb"] = M), /* @__PURE__ */ i("div", {
+		className: `absolute inset-0 pointer-events-none overflow-hidden ${C ? "ff-paused" : ""} ${w ?? ""}`,
+		style: A,
 		"aria-hidden": "true",
 		children: [
-			v && /* @__PURE__ */ a(r, { children: [
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--a1" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--a2" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--a3" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--b1" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--b2" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--c1" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--c2" }),
-				/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--c3" }),
-				y && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: "ff-lightning ff-lightning--nuke" }), /* @__PURE__ */ i("div", { className: "ff-lightning--flood" })] })
+			b && /* @__PURE__ */ i(n, { children: [
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--a1" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--a2" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--a3" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--b1" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--b2" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--c1" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--c2" }),
+				/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--c3" }),
+				x && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("div", { className: "ff-lightning ff-lightning--nuke" }), /* @__PURE__ */ r("div", { className: "ff-lightning--flood" })] })
 			] }),
-			_ && /* @__PURE__ */ a(r, { children: [
-				E >= 1 && /* @__PURE__ */ i("div", { className: "ff-orb ff-orb--1" }),
-				E >= 2 && /* @__PURE__ */ i("div", { className: "ff-orb ff-orb--2" }),
-				E >= 3 && /* @__PURE__ */ i("div", { className: "ff-orb ff-orb--3" })
+			y && /* @__PURE__ */ i(n, { children: [
+				O >= 1 && /* @__PURE__ */ r("div", { className: "ff-orb ff-orb--1" }),
+				O >= 2 && /* @__PURE__ */ r("div", { className: "ff-orb ff-orb--2" }),
+				O >= 3 && /* @__PURE__ */ r("div", { className: "ff-orb ff-orb--3" })
 			] }),
-			b && /* @__PURE__ */ i("div", { className: "ff-grid" }),
-			g && T.map((e) => /* @__PURE__ */ a("svg", {
+			S && /* @__PURE__ */ r("div", { className: "ff-grid" }),
+			_ && D.map((e) => /* @__PURE__ */ i("svg", {
 				className: `ff-bond ${e.drift}`,
 				width: e.size,
 				height: e.size,
@@ -221,20 +249,20 @@ function h({ itemCount: e = 35, extraTokens: n, color: c, colorDark: u, withForm
 					animationDelay: `${e.delay}s`,
 					opacity: e.opacity
 				},
-				children: [/* @__PURE__ */ i("path", {
+				children: [/* @__PURE__ */ r("path", {
 					d: e.path,
 					fill: "none",
 					className: "ff-bond-line",
 					strokeWidth: "1.5",
 					strokeLinecap: "round"
-				}), Array.from(e.path.matchAll(/[ML]\s*(\d+),(\d+)/g)).map((e) => /* @__PURE__ */ i("circle", {
+				}), Array.from(e.path.matchAll(/[ML]\s*(\d+),(\d+)/g)).map((e, t) => /* @__PURE__ */ r("circle", {
 					cx: e[1],
 					cy: e[2],
 					r: "2.5",
 					className: "ff-bond-node"
-				}, `node-${e[1]}-${e[2]}`))]
+				}, `node-${t}`))]
 			}, `bond-${e.top}-${e.left}`)),
-			h && D.map((e) => /* @__PURE__ */ i("span", {
+			f && k.map((e) => /* @__PURE__ */ r("span", {
 				className: `ff-term ${e.drift}`,
 				style: {
 					top: e.top,
@@ -250,4 +278,4 @@ function h({ itemCount: e = 35, extraTokens: n, color: c, colorDark: u, withForm
 	});
 }
 //#endregion
-export { h as FloatingFormulasBg };
+export { y as FloatingFormulasBg };

package/dist/fonts.css

@@ -0,0 +1,126 @@
+/*!
+ * Viglet Design System — the brand faces.
+ *
+ * Inter for UI and Plus Jakarta Sans for display, as `--font-sans` and
+ * `--font-brand` name them in the preset. Self-contained: the woff2 files sit
+ * in ./fonts/ beside this stylesheet, so nothing here resolves through your
+ * node_modules, and your CDN and browser can cache them apart from the rules.
+ *
+ *   @import "@viglet/viglet-design-system/styles";
+ *   @import "@viglet/viglet-design-system/fonts";
+ *
+ * Skip it and the type falls back through --font-sans to system-ui, which is a
+ * real look rather than a broken one — and the right one if you already serve
+ * your own copy of Inter.
+ */
+
+/* @fontsource-variable/inter */
+/* inter-cyrillic-ext-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* inter-cyrillic-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-cyrillic-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+
+/* inter-greek-ext-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-greek-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+1F00-1FFF;
+}
+
+/* inter-greek-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-greek-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
+}
+
+/* inter-vietnamese-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-vietnamese-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* inter-latin-ext-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* inter-latin-wght-normal */
+@font-face {
+  font-family: 'Inter Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url(./fonts/inter-latin-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* @fontsource-variable/plus-jakarta-sans */
+/* plus-jakarta-sans-cyrillic-ext-wght-normal */
+@font-face {
+  font-family: 'Plus Jakarta Sans Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 200 800;
+  src: url(./fonts/plus-jakarta-sans-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+
+/* plus-jakarta-sans-vietnamese-wght-normal */
+@font-face {
+  font-family: 'Plus Jakarta Sans Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 200 800;
+  src: url(./fonts/plus-jakarta-sans-vietnamese-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+
+/* plus-jakarta-sans-latin-ext-wght-normal */
+@font-face {
+  font-family: 'Plus Jakarta Sans Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 200 800;
+  src: url(./fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+
+/* plus-jakarta-sans-latin-wght-normal */
+@font-face {
+  font-family: 'Plus Jakarta Sans Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 200 800;
+  src: url(./fonts/plus-jakarta-sans-latin-wght-normal.woff2) format('woff2-variations');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}

package/dist/hooks/use-grid-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-grid-adapter.d.ts","sourceRoot":"","sources":["../../src/hooks/use-grid-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,cAAc,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;AAEzD,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,CAAC,EAC9B,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAC5B,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC3B,WAAW,EAAE,CA8Bf"}
+{"version":3,"file":"use-grid-adapter.d.ts","sourceRoot":"","sources":["../../src/hooks/use-grid-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,cAAc,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;AAEzD,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,CAAC,EAC9B,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAC5B,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC3B,WAAW,EAAE,CAgDf"}

package/dist/hooks/use-mobile.d.ts

@@ -1,2 +1,12 @@
+/**
+ * Whether the viewport is narrower than the mobile breakpoint.
+ *
+ * A media query is external state, so it is read through
+ * `useSyncExternalStore` rather than copied into a `useState` that an effect
+ * then catches up. The effect version returned `false` on the first render
+ * whatever the viewport was, and corrected itself one commit later — which is
+ * a layout flash on every mobile load, and the cascading render the
+ * `set-state-in-effect` rule exists to name.
+ */
 export declare function useIsMobile(): boolean;
 //# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAmBA;;;;;;;;;GASG;AACH,wBAAgB,WAAW,YAQ1B"}

package/dist/hooks/use-sub-page-breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sub-page-breadcrumb.d.ts","sourceRoot":"","sources":["../../src/hooks/use-sub-page-breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,+BAA+B,CAAC;AAG3F;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,cAAc,EAAE,GAAG,SAAS,QA+DhE"}
+{"version":3,"file":"use-sub-page-breadcrumb.d.ts","sourceRoot":"","sources":["../../src/hooks/use-sub-page-breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,+BAA+B,CAAC;AAG3F;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,cAAc,EAAE,GAAG,SAAS,QAsFhE"}

package/dist/i18n/index.d.ts

@@ -15,6 +15,8 @@ export declare const vigDesignSystemTranslations: {
         nav: {
             account: string;
             logOut: string;
+            organizations: string;
+            tenantAdmin: string;
         };
         forms: {
             common: {
@@ -79,6 +81,20 @@ export declare const vigDesignSystemTranslations: {
                 cancel: string;
                 saveChanges: string;
                 delete: string;
+                moreActions: string;
+                edit: string;
+                new: string;
+            };
+            iconPicker: {
+                chooseAnIcon: string;
+                searchIcons: string;
+                aiSuggest: string;
+                aiSuggestions: string;
+                searching: string;
+                noIconsFound: string;
+                typeToSearch: string;
+                orClickAi: string;
+                done: string;
             };
         };
         dialog: {
@@ -104,6 +120,12 @@ export declare const vigDesignSystemTranslations: {
             errorLoading: string;
             openNavigation: string;
             connectionError: string;
+            active: string;
+            idle: string;
+            activeToggleHint: string;
+            idleToggleHint: string;
+            docs: string;
+            apps: string;
         };
         backendStatus: {
             offline: string;
@@ -115,6 +137,52 @@ export declare const vigDesignSystemTranslations: {
             description: string;
             reload: string;
         };
+        bento: {
+            nav: {
+                label: string;
+            };
+            palette: {
+                title: string;
+                description: string;
+                placeholder: string;
+                search: string;
+                open: string;
+                noResults: string;
+                opensConsole: string;
+            };
+            saveBar: {
+                unsaved: string;
+                titleRequired: string;
+            };
+            shortcuts: {
+                title: string;
+                description: string;
+                global: string;
+                palette: string;
+                openGuide: string;
+                navigate: string;
+                openSelected: string;
+                dismiss: string;
+            };
+            layout: {
+                customize: string;
+                editHint: string;
+                dragToReorder: string;
+                sizeGroup: string;
+                size: {
+                    small: string;
+                    medium: string;
+                    large: string;
+                };
+                save: string;
+                saveGlobal: string;
+                reset: string;
+                saveFailed: string;
+            };
+            tour: {
+                replay: string;
+            };
+        };
     };
     pt: {
         theme: {
@@ -131,6 +199,8 @@ export declare const vigDesignSystemTranslations: {
         nav: {
             account: string;
             logOut: string;
+            organizations: string;
+            tenantAdmin: string;
         };
         forms: {
             common: {
@@ -195,6 +265,20 @@ export declare const vigDesignSystemTranslations: {
                 cancel: string;
                 saveChanges: string;
                 delete: string;
+                moreActions: string;
+                edit: string;
+                new: string;
+            };
+            iconPicker: {
+                chooseAnIcon: string;
+                searchIcons: string;
+                aiSuggest: string;
+                aiSuggestions: string;
+                searching: string;
+                noIconsFound: string;
+                typeToSearch: string;
+                orClickAi: string;
+                done: string;
             };
         };
         dialog: {
@@ -220,6 +304,12 @@ export declare const vigDesignSystemTranslations: {
             errorLoading: string;
             openNavigation: string;
             connectionError: string;
+            active: string;
+            idle: string;
+            activeToggleHint: string;
+            idleToggleHint: string;
+            docs: string;
+            apps: string;
         };
         backendStatus: {
             offline: string;
@@ -231,6 +321,52 @@ export declare const vigDesignSystemTranslations: {
             description: string;
             reload: string;
         };
+        bento: {
+            nav: {
+                label: string;
+            };
+            palette: {
+                title: string;
+                description: string;
+                placeholder: string;
+                search: string;
+                open: string;
+                noResults: string;
+                opensConsole: string;
+            };
+            saveBar: {
+                unsaved: string;
+                titleRequired: string;
+            };
+            shortcuts: {
+                title: string;
+                description: string;
+                global: string;
+                palette: string;
+                openGuide: string;
+                navigate: string;
+                openSelected: string;
+                dismiss: string;
+            };
+            layout: {
+                customize: string;
+                editHint: string;
+                dragToReorder: string;
+                sizeGroup: string;
+                size: {
+                    small: string;
+                    medium: string;
+                    large: string;
+                };
+                save: string;
+                saveGlobal: string;
+                reset: string;
+                saveFailed: string;
+            };
+            tour: {
+                replay: string;
+            };
+        };
     };
 };
 /**

package/dist/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAoB3B,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBvC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,0BA+BpF;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,OAAO,IAAI,QAWhE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAsB3B,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBvC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,0BA+BpF;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,OAAO,IAAI,QAWhE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}