@zag-js/live-region 0.69.0 → 0.71.0

package/dist/index.js

@@ -1,28 +1,6 @@
-"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);
+'use strict';
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  createLiveRegion: () => createLiveRegion
-});
-module.exports = __toCommonJS(src_exports);
 var ID = "__live-region__";
 function createLiveRegion(opts = {}) {
   const { level = "polite", document: doc = document, root, delay: _delay = 0 } = opts;
@@ -67,8 +45,5 @@ function createLiveRegion(opts = {}) {
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createLiveRegion
-});
-//# sourceMappingURL=index.js.map
+
+exports.createLiveRegion = createLiveRegion;

package/dist/index.mjs

@@ -43,7 +43,5 @@ function createLiveRegion(opts = {}) {
     }
   };
 }
-export {
-  createLiveRegion
-};
-//# sourceMappingURL=index.mjs.map
+
+export { createLiveRegion };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/live-region",
-  "version": "0.69.0",
+  "version": "0.71.0",
   "description": "Implementing live region for screen readers",
   "keywords": [
     "js",
@@ -13,8 +13,7 @@
   "repository": "https://github.com/chakra-ui/zag/tree/main/packages/utilities/live-region",
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "devDependencies": {
     "clean-package": "2.2.0"
@@ -39,7 +38,7 @@
   },
   "scripts": {
     "build": "tsup",
-    "test": "jest --config ../../../jest.config.js --rootDir tests",
+    "test": "vitest",
     "lint": "eslint src",
     "test-ci": "pnpm test --ci --runInBand -u",
     "test-watch": "pnpm test --watchAll"

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export interface LiveRegionOptions {\n  level: \"polite\" | \"assertive\"\n  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nconst ID = \"__live-region__\"\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(ID)\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = ID\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    Object.assign(region.style, {\n      border: \"0\",\n      clip: \"rect(0 0 0 0)\",\n      height: \"1px\",\n      margin: \"-1px\",\n      overflow: \"hidden\",\n      padding: \"0\",\n      position: \"absolute\",\n      width: \"1px\",\n      whiteSpace: \"nowrap\",\n      wordWrap: \"normal\",\n    })\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(ID)\n    oldRegion?.remove()\n  }\n\n  return {\n    announce,\n    destroy,\n    toJSON() {\n      return ID\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,IAAM,KAAK;AAEJ,SAAS,iBAAiB,OAAmC,CAAC,GAAG;AACtE,QAAM,EAAE,QAAQ,UAAU,UAAU,MAAM,UAAU,MAAM,OAAO,SAAS,EAAE,IAAI;AAEhF,QAAM,MAAM,IAAI,eAAe;AAC/B,QAAM,SAAS,QAAQ,IAAI;AAE3B,WAAS,SAAS,SAAiB,OAAgB;AACjD,UAAM,YAAY,IAAI,eAAe,EAAE;AAGvC,eAAW,OAAO;AAGlB,YAAQ,SAAS;AAGjB,UAAM,SAAS,IAAI,cAAc,MAAM;AACvC,WAAO,KAAK;AACZ,WAAO,QAAQ,gBAAgB;AAG/B,UAAM,OAAO,UAAU,cAAc,WAAW;AAGhD,WAAO,aAAa,aAAa,KAAK;AACtC,WAAO,aAAa,QAAQ,IAAI;AAGhC,WAAO,OAAO,OAAO,OAAO;AAAA,MAC1B,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ,CAAC;AAED,WAAO,YAAY,MAAM;AAGzB,QAAI,WAAW,MAAM;AACnB,aAAO,cAAc;AAAA,IACvB,GAAG,KAAK;AAAA,EACV;AAEA,WAAS,UAAU;AACjB,UAAM,YAAY,IAAI,eAAe,EAAE;AACvC,eAAW,OAAO;AAAA,EACpB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS;AACP,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export interface LiveRegionOptions {\n  level: \"polite\" | \"assertive\"\n  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nconst ID = \"__live-region__\"\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(ID)\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = ID\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    Object.assign(region.style, {\n      border: \"0\",\n      clip: \"rect(0 0 0 0)\",\n      height: \"1px\",\n      margin: \"-1px\",\n      overflow: \"hidden\",\n      padding: \"0\",\n      position: \"absolute\",\n      width: \"1px\",\n      whiteSpace: \"nowrap\",\n      wordWrap: \"normal\",\n    })\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(ID)\n    oldRegion?.remove()\n  }\n\n  return {\n    announce,\n    destroy,\n    toJSON() {\n      return ID\n    },\n  }\n}\n"],"mappings":";AASA,IAAM,KAAK;AAEJ,SAAS,iBAAiB,OAAmC,CAAC,GAAG;AACtE,QAAM,EAAE,QAAQ,UAAU,UAAU,MAAM,UAAU,MAAM,OAAO,SAAS,EAAE,IAAI;AAEhF,QAAM,MAAM,IAAI,eAAe;AAC/B,QAAM,SAAS,QAAQ,IAAI;AAE3B,WAAS,SAAS,SAAiB,OAAgB;AACjD,UAAM,YAAY,IAAI,eAAe,EAAE;AAGvC,eAAW,OAAO;AAGlB,YAAQ,SAAS;AAGjB,UAAM,SAAS,IAAI,cAAc,MAAM;AACvC,WAAO,KAAK;AACZ,WAAO,QAAQ,gBAAgB;AAG/B,UAAM,OAAO,UAAU,cAAc,WAAW;AAGhD,WAAO,aAAa,aAAa,KAAK;AACtC,WAAO,aAAa,QAAQ,IAAI;AAGhC,WAAO,OAAO,OAAO,OAAO;AAAA,MAC1B,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ,CAAC;AAED,WAAO,YAAY,MAAM;AAGzB,QAAI,WAAW,MAAM;AACnB,aAAO,cAAc;AAAA,IACvB,GAAG,KAAK;AAAA,EACV;AAEA,WAAS,UAAU;AACjB,UAAM,YAAY,IAAI,eAAe,EAAE;AACvC,eAAW,OAAO;AAAA,EACpB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS;AACP,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/src/index.ts

@@ -1,73 +0,0 @@
-export interface LiveRegionOptions {
-  level: "polite" | "assertive"
-  document?: Document
-  root?: HTMLElement | null
-  delay?: number
-}
-
-export type LiveRegion = ReturnType<typeof createLiveRegion>
-
-const ID = "__live-region__"
-
-export function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {
-  const { level = "polite", document: doc = document, root, delay: _delay = 0 } = opts
-
-  const win = doc.defaultView ?? window
-  const parent = root ?? doc.body
-
-  function announce(message: string, delay?: number) {
-    const oldRegion = doc.getElementById(ID)
-
-    // remove old region
-    oldRegion?.remove()
-
-    // Did an override level get set?
-    delay = delay ?? _delay
-
-    // create fresh region
-    const region = doc.createElement("span")
-    region.id = ID
-    region.dataset.liveAnnouncer = "true"
-
-    // Determine redundant role
-    const role = level !== "assertive" ? "status" : "alert"
-
-    // add role and attributes
-    region.setAttribute("aria-live", level)
-    region.setAttribute("role", role)
-
-    // hide live region
-    Object.assign(region.style, {
-      border: "0",
-      clip: "rect(0 0 0 0)",
-      height: "1px",
-      margin: "-1px",
-      overflow: "hidden",
-      padding: "0",
-      position: "absolute",
-      width: "1px",
-      whiteSpace: "nowrap",
-      wordWrap: "normal",
-    })
-
-    parent.appendChild(region)
-
-    // populate region to trigger it
-    win.setTimeout(() => {
-      region.textContent = message
-    }, delay)
-  }
-
-  function destroy() {
-    const oldRegion = doc.getElementById(ID)
-    oldRegion?.remove()
-  }
-
-  return {
-    announce,
-    destroy,
-    toJSON() {
-      return ID
-    },
-  }
-}