@zag-js/live-region 0.1.3 → 0.1.4

package/dist/index.js

@@ -1,4 +1,30 @@
-// ../dom/dist/index.js
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  createLiveRegion: () => createLiveRegion
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../dom/dist/index.mjs
 var visuallyHiddenStyle = {
   border: "0",
   clip: "rect(0 0 0 0)",
@@ -49,6 +75,7 @@ function createLiveRegion(opts = {}) {
     }
   };
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   createLiveRegion
-};
+});

package/dist/index.mjs

@@ -0,0 +1,54 @@
+// ../dom/dist/index.mjs
+var visuallyHiddenStyle = {
+  border: "0",
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: "0",
+  position: "absolute",
+  width: "1px",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+};
+function setVisuallyHidden(el) {
+  Object.assign(el.style, visuallyHiddenStyle);
+}
+
+// src/index.ts
+var ID = "__live-region__";
+function createLiveRegion(opts = {}) {
+  const { level = "polite", document: doc = document, root, delay: _delay = 0 } = opts;
+  const win = doc.defaultView ?? window;
+  const parent = root ?? doc.body;
+  function announce(message, delay) {
+    const oldRegion = doc.getElementById(ID);
+    oldRegion == null ? void 0 : oldRegion.remove();
+    delay = delay ?? _delay;
+    const region = doc.createElement("span");
+    region.id = ID;
+    region.dataset.liveAnnouncer = "true";
+    const role = level !== "assertive" ? "status" : "alert";
+    region.setAttribute("aria-live", level);
+    region.setAttribute("role", role);
+    setVisuallyHidden(region);
+    parent.appendChild(region);
+    win.setTimeout(() => {
+      region.textContent = message;
+    }, delay);
+  }
+  function destroy() {
+    const oldRegion = doc.getElementById(ID);
+    oldRegion == null ? void 0 : oldRegion.remove();
+  }
+  return {
+    announce,
+    destroy,
+    toJSON() {
+      return ID;
+    }
+  };
+}
+export {
+  createLiveRegion
+};

package/package.json

@@ -1,8 +1,10 @@
 {
-  "type": "module",
   "name": "@zag-js/live-region",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Implementing live region for screen readers",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "keywords": [
     "js",
     "utils",
@@ -11,15 +13,13 @@
   "author": "Segun Adebayo <sage@adebayosegun.com>",
   "homepage": "https://github.com/chakra-ui/zag#readme",
   "license": "MIT",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
   "repository": "https://github.com/chakra-ui/zag/tree/main/packages/utilities/live-region",
   "sideEffects": false,
   "files": [
     "dist/**/*"
   ],
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.12"
+    "@zag-js/dom-utils": "0.1.13"
   },
   "publishConfig": {
     "access": "public"
@@ -28,9 +28,9 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "scripts": {
-    "build-fast": "tsup src/index.ts --format=esm",
+    "build-fast": "tsup src/index.ts --format=esm,cjs",
     "start": "pnpm build --watch",
-    "build": "tsup src/index.ts --format=esm --dts",
+    "build": "tsup src/index.ts --format=esm,cjs --dts",
     "test": "jest --config ../../../jest.config.js --rootDir tests",
     "lint": "eslint src --ext .ts,.tsx",
     "test-ci": "pnpm test --ci --runInBand -u",