@rinzai/zen 0.4.1 → 0.4.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/backdrop/index.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,aAAa,+BAuLnE;AAED,MAAM,WAAW,aAAa;IAC1B,wFAAwF;IACxF,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/backdrop/index.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,aAAa,+BA2LnE;AAED,MAAM,WAAW,aAAa;IAC1B,wFAAwF;IACxF,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC9B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/spinner/index.d.ts

@@ -1,6 +1,12 @@
-/** Small circular spinner in the current text colour. */
-export default function Spinner({ className }: SpinnerProps): import('react').JSX.Element;
+/**
+ * Small circular spinner in the current text colour; size it with className
+ * (default size-4). Decorative by default (e.g. inside a loading Button). Give
+ * it a `label` when it stands on its own, and screen readers announce it.
+ */
+export default function Spinner({ label, className }: SpinnerProps): import('react').JSX.Element;
 export interface SpinnerProps {
+    /** What is loading, e.g. "Loading entries". Makes the spinner announce itself. */
+    label?: string;
     className?: string;
 }
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/spinner/index.tsx"],"names":[],"mappings":"AAEA,yDAAyD;AACzD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,+BAU1D;AAED,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/spinner/index.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,YAAY,+BAYjE;AAED,MAAM,WAAW,YAAY;IACzB,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/zen.js

@@ -586,13 +586,14 @@ function Se({ pattern: e, topoSrc: t }) {
 			let a = t + " " + n;
 			c.get(e) !== a && (c.set(e, a), e.style.setProperty(r, t), e.style.setProperty(i, n));
 		}, u = () => {
-			if (n = 0, t) {
+			n = 0;
+			let e = Array.from(document.querySelectorAll(".glow-edge")), r = e.map((e) => e.getBoundingClientRect()), c = t?.getBoundingClientRect();
+			if (t && c) {
 				let e = s ? "out" : "in";
 				t.dataset.pointer !== e && (t.dataset.pointer = e);
 				let n = t.querySelector(".zen-light");
-				n && !s && l(n, `${i}px`, `${a}px`, "left", "top");
+				n && !s && l(n, `${Math.round(i - c.left)}px`, `${Math.round(a - c.top)}px`, "left", "top");
 			}
-			let e = Array.from(document.querySelectorAll(".glow-edge")), r = e.map((e) => e.getBoundingClientRect());
 			e.forEach((e, t) => {
 				let n = r[t];
 				i > n.left - 400 && i < n.right + 400 && a > n.top - 400 && a < n.bottom + 400 ? (l(e, `${Math.round(i - n.left)}px`, `${Math.round(a - n.top)}px`), o.delete(e)) : o.has(e) || (l(e, "-9999px", "-9999px"), o.add(e));
@@ -708,10 +709,12 @@ var Te = we("zen__badge inline-flex items-center rounded-md border px-1.5 py-0.5
 });
 //#endregion
 //#region packages/spinner/index.tsx
-function Ee({ className: e }) {
+function Ee({ label: e, className: t }) {
 	return /* @__PURE__ */ m("span", {
-		"aria-hidden": !0,
-		className: k("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", e)
+		role: e ? "status" : void 0,
+		"aria-label": e,
+		"aria-hidden": !e || void 0,
+		className: k("zen__spinner inline-block size-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent", t)
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rinzai/zen",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "React components in dark glass: translucent surfaces, hairline borders that catch a pointer light, one accent colour. Tailwind v4, no runtime dependencies.",
   "keywords": [
     "react",
@@ -115,6 +115,6 @@
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic --project-token $CHROMATIC_PROJECT_TOKEN",
     "docs:dev": "pnpm --filter zen-docs dev",
-    "docs:build": "pnpm --filter zen-docs build && cp docs/build/client/__spa-fallback.html docs/build/client/404.html && storybook build --output-dir docs/build/client/storybook"
+    "docs:build": "pnpm --filter zen-docs build && cp docs/build/client/404/index.html docs/build/client/404.html && storybook build --output-dir docs/build/client/storybook"
   }
 }