@elliemae/ds-accessibility 3.28.1-rc.2 → 3.29.0-next.0

package/dist/cjs/live-region/index.js

@@ -27,4 +27,5 @@ var live_region_exports = {};
 module.exports = __toCommonJS(live_region_exports);
 var React = __toESM(require("react"));
 __reExport(live_region_exports, require("./useLiveRegion.js"), module.exports);
+var import_propTypes = require("./propTypes.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/live-region/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/live-region/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './useLiveRegion.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAc,+BAAd;",
+  "sourcesContent": ["export * from './useLiveRegion.js';\nexport { type DSLiveRegionT } from './propTypes.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAc,+BAAd;AACA,uBAAmC;",
   "names": []
 }

package/dist/cjs/live-region/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/live-region/propTypes.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { Dispatch, MutableRefObject, SetStateAction, WeakValidationMap } from 'react';\n\nexport declare namespace UseLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: React.MutableRefObject<HTMLElement>;\n  }\n}\n\nexport declare namespace DSLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: MutableRefObject<HTMLElement>;\n    role?: string;\n    'aria-live'?: string;\n    methods?: MutableRefObject<{ read?: Dispatch<SetStateAction<string>> }>;\n  }\n}\n\nexport const UseLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n} as WeakValidationMap<unknown>;\n\nexport const DSLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n  role: PropTypes.string.description('Role of the live region'),\n  'aria-live': PropTypes.string.description('Aria live attribute'),\n  methods: PropTypes.object.description('Methods to read the live region'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAoBnB,MAAM,yBAAyB;AAAA,EACpC,IAAI,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,kCAAU,OAAO,YAAY,kCAAkC;AACzE;AAEO,MAAM,wBAAwB;AAAA,EACnC,IAAI,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EACvE,MAAM,kCAAU,OAAO,YAAY,yBAAyB;AAAA,EAC5D,aAAa,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EAC/D,SAAS,kCAAU,OAAO,YAAY,iCAAiC;AACzE;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { Dispatch, MutableRefObject, SetStateAction, WeakValidationMap } from 'react';\n\nexport declare namespace UseLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: React.MutableRefObject<HTMLElement>;\n  }\n}\n\nexport declare namespace DSLiveRegionT {\n  export type AriaLiveT = 'polite' | 'off' | 'assertive';\n\n  export interface Props {\n    id?: string;\n    portal?: MutableRefObject<HTMLElement>;\n    role?: string;\n    'aria-live'?: AriaLiveT;\n    methods?: MutableRefObject<{ read?: Dispatch<SetStateAction<string>> }>;\n  }\n}\n\nexport const UseLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n} as WeakValidationMap<unknown>;\n\nexport const DSLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n  role: PropTypes.string.description('Role of the live region'),\n  'aria-live': PropTypes.string.description('Aria live attribute'),\n  methods: PropTypes.object.description('Methods to read the live region'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAsBnB,MAAM,yBAAyB;AAAA,EACpC,IAAI,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,kCAAU,OAAO,YAAY,kCAAkC;AACzE;AAEO,MAAM,wBAAwB;AAAA,EACnC,IAAI,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,kCAAU,OAAO,YAAY,kCAAkC;AAAA,EACvE,MAAM,kCAAU,OAAO,YAAY,yBAAyB;AAAA,EAC5D,aAAa,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EAC/D,SAAS,kCAAU,OAAO,YAAY,iCAAiC;AACzE;",
   "names": []
 }

package/dist/cjs/live-region/typescript-testing/typescript-live-region-valid.js

@@ -0,0 +1,59 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import__ = require("../index.js");
+const ref = (0, import_react.createRef)();
+const methods = (0, import_react.createRef)();
+const testExplicitDefinition = {
+  id: "live-region-id",
+  portal: ref,
+  role: "alert",
+  "aria-live": "assertive",
+  methods
+};
+const testInferedTypeCompatibility = {
+  id: "live-region-id",
+  portal: ref,
+  role: "alert",
+  "aria-live": "assertive",
+  methods
+};
+const testDefinitionAsConst = {
+  id: "live-region-id",
+  portal: ref,
+  role: "alert",
+  "aria-live": "assertive",
+  methods
+};
+const ExampleUsageComponent = () => {
+  const { read, LiveRegion } = (0, import__.useLiveRegion)({});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LiveRegion, { ...testExplicitDefinition }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LiveRegion, { ...testInferedTypeCompatibility }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LiveRegion, { ...testDefinitionAsConst })
+  ] });
+};
+//# sourceMappingURL=typescript-live-region-valid.js.map

package/dist/cjs/live-region/typescript-testing/typescript-live-region-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/live-region/typescript-testing/typescript-live-region-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { MutableRefObject } from 'react';\nimport { createRef } from 'react';\nimport { useLiveRegion } from '../index.js';\nimport type { DSLiveRegionT, Props } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSLiveRegionT.Props;\n\nconst ref = createRef() as MutableRefObject<HTMLElement>;\nconst methods = createRef() as DSLiveRegionT.Props['methods'];\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  id: 'live-region-id',\n  portal: ref,\n  role: 'alert',\n  'aria-live': 'assertive',\n  methods: methods,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  id: 'live-region-id',\n  portal: ref,\n  role: 'alert',\n  'aria-live': 'assertive',\n  methods: methods,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  id: 'live-region-id',\n  portal: ref,\n  role: 'alert',\n  'aria-live': 'assertive',\n  methods: methods,\n} as const;\n\nconst ExampleUsageComponent = () => {\n  const { read, LiveRegion } = useLiveRegion({});\n  return (\n    <>\n      {/* works with explicitly casted props, all syntaxes */}\n      <LiveRegion {...testExplicitDefinition} />\n      <LiveRegion {...testInferedTypeCompatibility} />\n      <LiveRegion {...testDefinitionAsConst} />\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACyCnB;AAvCJ,mBAA0B;AAC1B,eAA8B;AAM9B,MAAM,UAAM,wBAAU;AACtB,MAAM,cAAU,wBAAU;AAG1B,MAAM,yBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb;AACF;AAGA,MAAM,+BAA+B;AAAA,EACnC,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb;AACF;AAEA,MAAM,wBAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb;AACF;AAEA,MAAM,wBAAwB,MAAM;AAClC,QAAM,EAAE,MAAM,WAAW,QAAI,wBAAc,CAAC,CAAC;AAC7C,SACE,4EAEE;AAAA,gDAAC,cAAY,GAAG,wBAAwB;AAAA,IACxC,4CAAC,cAAY,GAAG,8BAA8B;AAAA,IAC9C,4CAAC,cAAY,GAAG,uBAAuB;AAAA,KACzC;AAEJ;",
+  "names": []
+}

package/dist/cjs/live-region/useLiveRegion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/live-region/useLiveRegion.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-nested-callbacks */\nimport ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState, useCallback, useRef, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { StyledContainer } from './styles.js';\nimport { UseLiveRegionPropTypes } from './propTypes.js';\nimport type { UseLiveRegionT } from './propTypes.js';\n\ninterface Options {\n  assertive?: boolean;\n  unsafe_emulateAssertiveNVDA?: boolean;\n  delay?: number;\n}\ninterface Methods {\n  read?: (message: string, options: Options) => void;\n}\nexport interface Props {\n  methods?: React.MutableRefObject<Methods>;\n  id?: string;\n  portal?: React.MutableRefObject<HTMLElement>;\n}\n\nconst DSLiveRegion = memo((props: Props): JSX.Element | null => {\n  const [internalMessage, setInternalMessage] = useState<string>('');\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const [unsafe_emulateAssertiveNVDA, setUnsafe_emulateAssertiveNVDA] = useState(false);\n  const [role, setRole] = useState<undefined | string>(undefined);\n  const [ariaLive, setAriaLive] = useState('polite');\n  const { id, portal } = props || {};\n\n  const reset = useCallback(() => {\n    setInternalMessage('');\n    setUnsafe_emulateAssertiveNVDA(false);\n    setAriaLive('polite');\n    setRole(undefined);\n  }, []);\n\n  const configure = useCallback(\n    (message: string, options: Options) => {\n      reset();\n      setTimeout(() => {\n        if (options?.unsafe_emulateAssertiveNVDA) setUnsafe_emulateAssertiveNVDA(true);\n        setTimeout(() => {\n          if (options?.assertive || options?.unsafe_emulateAssertiveNVDA) setAriaLive('assertive');\n          if (options?.unsafe_emulateAssertiveNVDA) {\n            setRole('alert');\n            setUnsafe_emulateAssertiveNVDA(false);\n          }\n          if (options?.delay) {\n            setTimeout(\n              () => {\n                setInternalMessage(message);\n              },\n              options?.delay,\n            );\n          } else {\n            setInternalMessage(message);\n          }\n        });\n      });\n    },\n    [reset],\n  );\n\n  useEffect(() => {\n    if (props.methods) {\n      props.methods.current.read = configure;\n    }\n  }, [configure, props.methods]);\n\n  if (unsafe_emulateAssertiveNVDA) return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={id} role={role} aria-live={ariaLive}>\n      {internalMessage}\n    </StyledContainer>,\n    portal?.current || document.body,\n  );\n});\n\nconst useLiveRegion = (props: UseLiveRegionT.Props) => {\n  const methods = useRef<Methods>({});\n\n  const { id, portal } = props || {};\n\n  const instanceUID = useMemo(() => `ds-live-region-${uid(5)}`, []);\n\n  const read = useCallback((message: string, options: Options) => methods.current.read?.(message, options), []);\n\n  return useMemo(\n    () => ({\n      LiveRegion: () => <DSLiveRegion methods={methods} id={id ?? instanceUID} portal={portal} />,\n      read,\n    }),\n    [id, instanceUID, portal, read],\n  );\n};\n\nuseLiveRegion.displayName = 'useLiveRegion';\nconst UseLiveRegionWithSchema = describe(useLiveRegion);\nUseLiveRegionWithSchema.propTypes = UseLiveRegionPropTypes;\nexport { useLiveRegion, UseLiveRegionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0EnB;AAzEJ,uBAAqB;AACrB,mBAA+E;AAC/E,8BAAyB;AACzB,iBAAoB;AACpB,oBAAgC;AAChC,uBAAuC;AAiBvC,MAAM,mBAAe,mBAAK,CAAC,UAAqC;AAC9D,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAiB,EAAE;AAEjE,QAAM,CAAC,6BAA6B,8BAA8B,QAAI,uBAAS,KAAK;AACpF,QAAM,CAAC,MAAM,OAAO,QAAI,uBAA6B,MAAS;AAC9D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,QAAQ;AACjD,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,YAAQ,0BAAY,MAAM;AAC9B,uBAAmB,EAAE;AACrB,mCAA+B,KAAK;AACpC,gBAAY,QAAQ;AACpB,YAAQ,MAAS;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAY;AAAA,IAChB,CAAC,SAAiB,YAAqB;AACrC,YAAM;AACN,iBAAW,MAAM;AACf,YAAI,SAAS;AAA6B,yCAA+B,IAAI;AAC7E,mBAAW,MAAM;AACf,cAAI,SAAS,aAAa,SAAS;AAA6B,wBAAY,WAAW;AACvF,cAAI,SAAS,6BAA6B;AACxC,oBAAQ,OAAO;AACf,2CAA+B,KAAK;AAAA,UACtC;AACA,cAAI,SAAS,OAAO;AAClB;AAAA,cACE,MAAM;AACJ,mCAAmB,OAAO;AAAA,cAC5B;AAAA,cACA,SAAS;AAAA,YACX;AAAA,UACF,OAAO;AACL,+BAAmB,OAAO;AAAA,UAC5B;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,8BAAU,MAAM;AACd,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,OAAO,CAAC;AAE7B,MAAI;AAA6B,WAAO;AAExC,SAAO,iBAAAA,QAAS;AAAA,IACd,4CAAC,iCAAgB,eAAW,MAAC,IAAQ,MAAY,aAAW,UACzD,2BACH;AAAA,IACA,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF,CAAC;AAED,MAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAM,cAAU,qBAAgB,CAAC,CAAC;AAElC,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,kBAAc,sBAAQ,MAAM,sBAAkB,gBAAI,CAAC,KAAK,CAAC,CAAC;AAEhE,QAAM,WAAO,0BAAY,CAAC,SAAiB,YAAqB,QAAQ,QAAQ,OAAO,SAAS,OAAO,GAAG,CAAC,CAAC;AAE5G,aAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,MAAM,4CAAC,gBAAa,SAAkB,IAAI,MAAM,aAAa,QAAgB;AAAA,MACzF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,aAAa,QAAQ,IAAI;AAAA,EAChC;AACF;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["/* eslint-disable max-nested-callbacks */\nimport ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState, useCallback, useRef, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { StyledContainer } from './styles.js';\nimport { UseLiveRegionPropTypes } from './propTypes.js';\nimport type { DSLiveRegionT, UseLiveRegionT } from './propTypes.js';\n\ninterface Options {\n  assertive?: boolean;\n  unsafe_emulateAssertiveNVDA?: boolean;\n  delay?: number;\n}\ninterface Methods {\n  read?: (message: string, options: Options) => void;\n}\nexport interface Props {\n  methods?: React.MutableRefObject<Methods>;\n  id?: string;\n  portal?: React.MutableRefObject<HTMLElement>;\n}\n\nconst DSLiveRegion = memo((props: Props): JSX.Element | null => {\n  const [internalMessage, setInternalMessage] = useState<string>('');\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const [unsafe_emulateAssertiveNVDA, setUnsafe_emulateAssertiveNVDA] = useState(false);\n  const [role, setRole] = useState<undefined | string>(undefined);\n  const [ariaLive, setAriaLive] = useState<DSLiveRegionT.AriaLiveT>('polite');\n  const { id, portal } = props || {};\n\n  const reset = useCallback(() => {\n    setInternalMessage('');\n    setUnsafe_emulateAssertiveNVDA(false);\n    setAriaLive('polite');\n    setRole(undefined);\n  }, []);\n\n  const configure = useCallback(\n    (message: string, options: Options) => {\n      reset();\n      setTimeout(() => {\n        if (options?.unsafe_emulateAssertiveNVDA) setUnsafe_emulateAssertiveNVDA(true);\n        setTimeout(() => {\n          if (options?.assertive || options?.unsafe_emulateAssertiveNVDA) setAriaLive('assertive');\n          if (options?.unsafe_emulateAssertiveNVDA) {\n            setRole('alert');\n            setUnsafe_emulateAssertiveNVDA(false);\n          }\n          if (options?.delay) {\n            setTimeout(\n              () => {\n                setInternalMessage(message);\n              },\n              options?.delay,\n            );\n          } else {\n            setInternalMessage(message);\n          }\n        });\n      });\n    },\n    [reset],\n  );\n\n  useEffect(() => {\n    if (props.methods) {\n      props.methods.current.read = configure;\n    }\n  }, [configure, props.methods]);\n\n  if (unsafe_emulateAssertiveNVDA) return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={id} role={role} aria-live={ariaLive}>\n      {internalMessage}\n    </StyledContainer>,\n    portal?.current || document.body,\n  );\n});\n\nconst useLiveRegion = (props: UseLiveRegionT.Props) => {\n  const methods = useRef<Methods>({});\n\n  const { id, portal } = props || {};\n\n  const instanceUID = useMemo(() => `ds-live-region-${uid(5)}`, []);\n\n  const read = useCallback((message: string, options: Options) => methods.current.read?.(message, options), []);\n\n  return useMemo(\n    () => ({\n      LiveRegion: () => <DSLiveRegion methods={methods} id={id ?? instanceUID} portal={portal} />,\n      read,\n    }),\n    [id, instanceUID, portal, read],\n  );\n};\n\nuseLiveRegion.displayName = 'useLiveRegion';\nconst UseLiveRegionWithSchema = describe(useLiveRegion);\nUseLiveRegionWithSchema.propTypes = UseLiveRegionPropTypes;\nexport { useLiveRegion, UseLiveRegionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0EnB;AAzEJ,uBAAqB;AACrB,mBAA+E;AAC/E,8BAAyB;AACzB,iBAAoB;AACpB,oBAAgC;AAChC,uBAAuC;AAiBvC,MAAM,mBAAe,mBAAK,CAAC,UAAqC;AAC9D,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAiB,EAAE;AAEjE,QAAM,CAAC,6BAA6B,8BAA8B,QAAI,uBAAS,KAAK;AACpF,QAAM,CAAC,MAAM,OAAO,QAAI,uBAA6B,MAAS;AAC9D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAkC,QAAQ;AAC1E,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,YAAQ,0BAAY,MAAM;AAC9B,uBAAmB,EAAE;AACrB,mCAA+B,KAAK;AACpC,gBAAY,QAAQ;AACpB,YAAQ,MAAS;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAY;AAAA,IAChB,CAAC,SAAiB,YAAqB;AACrC,YAAM;AACN,iBAAW,MAAM;AACf,YAAI,SAAS;AAA6B,yCAA+B,IAAI;AAC7E,mBAAW,MAAM;AACf,cAAI,SAAS,aAAa,SAAS;AAA6B,wBAAY,WAAW;AACvF,cAAI,SAAS,6BAA6B;AACxC,oBAAQ,OAAO;AACf,2CAA+B,KAAK;AAAA,UACtC;AACA,cAAI,SAAS,OAAO;AAClB;AAAA,cACE,MAAM;AACJ,mCAAmB,OAAO;AAAA,cAC5B;AAAA,cACA,SAAS;AAAA,YACX;AAAA,UACF,OAAO;AACL,+BAAmB,OAAO;AAAA,UAC5B;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,8BAAU,MAAM;AACd,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,OAAO,CAAC;AAE7B,MAAI;AAA6B,WAAO;AAExC,SAAO,iBAAAA,QAAS;AAAA,IACd,4CAAC,iCAAgB,eAAW,MAAC,IAAQ,MAAY,aAAW,UACzD,2BACH;AAAA,IACA,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF,CAAC;AAED,MAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAM,cAAU,qBAAgB,CAAC,CAAC;AAElC,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,kBAAc,sBAAQ,MAAM,sBAAkB,gBAAI,CAAC,KAAK,CAAC,CAAC;AAEhE,QAAM,WAAO,0BAAY,CAAC,SAAiB,YAAqB,QAAQ,QAAQ,OAAO,SAAS,OAAO,GAAG,CAAC,CAAC;AAE5G,aAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,MAAM,4CAAC,gBAAa,SAAkB,IAAI,MAAM,aAAa,QAAgB;AAAA,MACzF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,aAAa,QAAQ,IAAI;AAAA,EAChC;AACF;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["ReactDOM"]
 }

package/dist/cjs/skip-to/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/skip-to/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';\nexport type { DSSkipToPropsT } from './index.d.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA6C;",
   "names": []
 }

package/dist/cjs/skip-to/typescript-testing/typescript-skip-to-valid.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testExplicitDefinition = {
+  goTo: "my-main-content-id",
+  message: "My custom message"
+};
+const testInferedTypeCompatibility = {
+  goTo: "my-main-content-id",
+  message: "My custom message"
+};
+const testDefinitionAsConst = {
+  goTo: "my-main-content-id",
+  message: "My custom message"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkipTo, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkipTo, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkipTo, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkipTo, { goTo: "my-main-content-id", message: "My custom message" })
+] });
+//# sourceMappingURL=typescript-skip-to-valid.js.map

package/dist/cjs/skip-to/typescript-testing/typescript-skip-to-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/skip-to/typescript-testing/typescript-skip-to-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSSkipTo } from '../index.js';\nimport type { DSSkipToPropsT as Props } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = Props;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  goTo: 'my-main-content-id',\n  message: 'My custom message',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  goTo: 'my-main-content-id',\n  message: 'My custom message',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  goTo: 'my-main-content-id',\n  message: 'My custom message',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSSkipTo {...testExplicitDefinition} />\n    <DSSkipTo {...testInferedTypeCompatibility} />\n    <DSSkipTo {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSSkipTo goTo=\"my-main-content-id\" message=\"My custom message\" />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACyBrB;AAxBF,eAAyB;AAOzB,MAAM,yBAA+C;AAAA,EACnD,MAAM;AAAA,EACN,SAAS;AACX;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,qBAAU,GAAG,wBAAwB;AAAA,EACtC,4CAAC,qBAAU,GAAG,8BAA8B;AAAA,EAC5C,4CAAC,qBAAU,GAAG,uBAAuB;AAAA,EAErC,4CAAC,qBAAS,MAAK,sBAAqB,SAAQ,qBAAoB;AAAA,GAClE;",
+  "names": []
+}

package/dist/esm/live-region/index.js

@@ -1,3 +1,4 @@
 import * as React from "react";
 export * from "./useLiveRegion.js";
+import {} from "./propTypes.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/live-region/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useLiveRegion.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useLiveRegion.js';\nexport { type DSLiveRegionT } from './propTypes.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,eAAmC;",
   "names": []
 }

package/dist/esm/live-region/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/propTypes.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { Dispatch, MutableRefObject, SetStateAction, WeakValidationMap } from 'react';\n\nexport declare namespace UseLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: React.MutableRefObject<HTMLElement>;\n  }\n}\n\nexport declare namespace DSLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: MutableRefObject<HTMLElement>;\n    role?: string;\n    'aria-live'?: string;\n    methods?: MutableRefObject<{ read?: Dispatch<SetStateAction<string>> }>;\n  }\n}\n\nexport const UseLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n} as WeakValidationMap<unknown>;\n\nexport const DSLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n  role: PropTypes.string.description('Role of the live region'),\n  'aria-live': PropTypes.string.description('Aria live attribute'),\n  methods: PropTypes.object.description('Methods to read the live region'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAoBnB,MAAM,yBAAyB;AAAA,EACpC,IAAI,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,UAAU,OAAO,YAAY,kCAAkC;AACzE;AAEO,MAAM,wBAAwB;AAAA,EACnC,IAAI,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,UAAU,OAAO,YAAY,kCAAkC;AAAA,EACvE,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAC5D,aAAa,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAC/D,SAAS,UAAU,OAAO,YAAY,iCAAiC;AACzE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { Dispatch, MutableRefObject, SetStateAction, WeakValidationMap } from 'react';\n\nexport declare namespace UseLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: React.MutableRefObject<HTMLElement>;\n  }\n}\n\nexport declare namespace DSLiveRegionT {\n  export type AriaLiveT = 'polite' | 'off' | 'assertive';\n\n  export interface Props {\n    id?: string;\n    portal?: MutableRefObject<HTMLElement>;\n    role?: string;\n    'aria-live'?: AriaLiveT;\n    methods?: MutableRefObject<{ read?: Dispatch<SetStateAction<string>> }>;\n  }\n}\n\nexport const UseLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n} as WeakValidationMap<unknown>;\n\nexport const DSLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n  role: PropTypes.string.description('Role of the live region'),\n  'aria-live': PropTypes.string.description('Aria live attribute'),\n  methods: PropTypes.object.description('Methods to read the live region'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAsBnB,MAAM,yBAAyB;AAAA,EACpC,IAAI,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,UAAU,OAAO,YAAY,kCAAkC;AACzE;AAEO,MAAM,wBAAwB;AAAA,EACnC,IAAI,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,UAAU,OAAO,YAAY,kCAAkC;AAAA,EACvE,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAC5D,aAAa,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAC/D,SAAS,UAAU,OAAO,YAAY,iCAAiC;AACzE;",
   "names": []
 }

package/dist/esm/live-region/typescript-testing/typescript-live-region-valid.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createRef } from "react";
+import { useLiveRegion } from "../index.js";
+const ref = createRef();
+const methods = createRef();
+const testExplicitDefinition = {
+  id: "live-region-id",
+  portal: ref,
+  role: "alert",
+  "aria-live": "assertive",
+  methods
+};
+const testInferedTypeCompatibility = {
+  id: "live-region-id",
+  portal: ref,
+  role: "alert",
+  "aria-live": "assertive",
+  methods
+};
+const testDefinitionAsConst = {
+  id: "live-region-id",
+  portal: ref,
+  role: "alert",
+  "aria-live": "assertive",
+  methods
+};
+const ExampleUsageComponent = () => {
+  const { read, LiveRegion } = useLiveRegion({});
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(LiveRegion, { ...testExplicitDefinition }),
+    /* @__PURE__ */ jsx(LiveRegion, { ...testInferedTypeCompatibility }),
+    /* @__PURE__ */ jsx(LiveRegion, { ...testDefinitionAsConst })
+  ] });
+};
+//# sourceMappingURL=typescript-live-region-valid.js.map

package/dist/esm/live-region/typescript-testing/typescript-live-region-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/live-region/typescript-testing/typescript-live-region-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { MutableRefObject } from 'react';\nimport { createRef } from 'react';\nimport { useLiveRegion } from '../index.js';\nimport type { DSLiveRegionT, Props } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSLiveRegionT.Props;\n\nconst ref = createRef() as MutableRefObject<HTMLElement>;\nconst methods = createRef() as DSLiveRegionT.Props['methods'];\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  id: 'live-region-id',\n  portal: ref,\n  role: 'alert',\n  'aria-live': 'assertive',\n  methods: methods,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  id: 'live-region-id',\n  portal: ref,\n  role: 'alert',\n  'aria-live': 'assertive',\n  methods: methods,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  id: 'live-region-id',\n  portal: ref,\n  role: 'alert',\n  'aria-live': 'assertive',\n  methods: methods,\n} as const;\n\nconst ExampleUsageComponent = () => {\n  const { read, LiveRegion } = useLiveRegion({});\n  return (\n    <>\n      {/* works with explicitly casted props, all syntaxes */}\n      <LiveRegion {...testExplicitDefinition} />\n      <LiveRegion {...testInferedTypeCompatibility} />\n      <LiveRegion {...testDefinitionAsConst} />\n    </>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyCnB,mBAEE,KAFF;AAvCJ,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAM9B,MAAM,MAAM,UAAU;AACtB,MAAM,UAAU,UAAU;AAG1B,MAAM,yBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb;AACF;AAGA,MAAM,+BAA+B;AAAA,EACnC,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb;AACF;AAEA,MAAM,wBAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb;AACF;AAEA,MAAM,wBAAwB,MAAM;AAClC,QAAM,EAAE,MAAM,WAAW,IAAI,cAAc,CAAC,CAAC;AAC7C,SACE,iCAEE;AAAA,wBAAC,cAAY,GAAG,wBAAwB;AAAA,IACxC,oBAAC,cAAY,GAAG,8BAA8B;AAAA,IAC9C,oBAAC,cAAY,GAAG,uBAAuB;AAAA,KACzC;AAEJ;",
+  "names": []
+}

package/dist/esm/live-region/useLiveRegion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/useLiveRegion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-nested-callbacks */\nimport ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState, useCallback, useRef, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { StyledContainer } from './styles.js';\nimport { UseLiveRegionPropTypes } from './propTypes.js';\nimport type { UseLiveRegionT } from './propTypes.js';\n\ninterface Options {\n  assertive?: boolean;\n  unsafe_emulateAssertiveNVDA?: boolean;\n  delay?: number;\n}\ninterface Methods {\n  read?: (message: string, options: Options) => void;\n}\nexport interface Props {\n  methods?: React.MutableRefObject<Methods>;\n  id?: string;\n  portal?: React.MutableRefObject<HTMLElement>;\n}\n\nconst DSLiveRegion = memo((props: Props): JSX.Element | null => {\n  const [internalMessage, setInternalMessage] = useState<string>('');\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const [unsafe_emulateAssertiveNVDA, setUnsafe_emulateAssertiveNVDA] = useState(false);\n  const [role, setRole] = useState<undefined | string>(undefined);\n  const [ariaLive, setAriaLive] = useState('polite');\n  const { id, portal } = props || {};\n\n  const reset = useCallback(() => {\n    setInternalMessage('');\n    setUnsafe_emulateAssertiveNVDA(false);\n    setAriaLive('polite');\n    setRole(undefined);\n  }, []);\n\n  const configure = useCallback(\n    (message: string, options: Options) => {\n      reset();\n      setTimeout(() => {\n        if (options?.unsafe_emulateAssertiveNVDA) setUnsafe_emulateAssertiveNVDA(true);\n        setTimeout(() => {\n          if (options?.assertive || options?.unsafe_emulateAssertiveNVDA) setAriaLive('assertive');\n          if (options?.unsafe_emulateAssertiveNVDA) {\n            setRole('alert');\n            setUnsafe_emulateAssertiveNVDA(false);\n          }\n          if (options?.delay) {\n            setTimeout(\n              () => {\n                setInternalMessage(message);\n              },\n              options?.delay,\n            );\n          } else {\n            setInternalMessage(message);\n          }\n        });\n      });\n    },\n    [reset],\n  );\n\n  useEffect(() => {\n    if (props.methods) {\n      props.methods.current.read = configure;\n    }\n  }, [configure, props.methods]);\n\n  if (unsafe_emulateAssertiveNVDA) return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={id} role={role} aria-live={ariaLive}>\n      {internalMessage}\n    </StyledContainer>,\n    portal?.current || document.body,\n  );\n});\n\nconst useLiveRegion = (props: UseLiveRegionT.Props) => {\n  const methods = useRef<Methods>({});\n\n  const { id, portal } = props || {};\n\n  const instanceUID = useMemo(() => `ds-live-region-${uid(5)}`, []);\n\n  const read = useCallback((message: string, options: Options) => methods.current.read?.(message, options), []);\n\n  return useMemo(\n    () => ({\n      LiveRegion: () => <DSLiveRegion methods={methods} id={id ?? instanceUID} portal={portal} />,\n      read,\n    }),\n    [id, instanceUID, portal, read],\n  );\n};\n\nuseLiveRegion.displayName = 'useLiveRegion';\nconst UseLiveRegionWithSchema = describe(useLiveRegion);\nUseLiveRegionWithSchema.propTypes = UseLiveRegionPropTypes;\nexport { useLiveRegion, UseLiveRegionWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC0EnB;AAzEJ,OAAO,cAAc;AACrB,SAAgB,MAAM,WAAW,UAAU,aAAa,QAAQ,eAAe;AAC/E,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAiBvC,MAAM,eAAe,KAAK,CAAC,UAAqC;AAC9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,EAAE;AAEjE,QAAM,CAAC,6BAA6B,8BAA8B,IAAI,SAAS,KAAK;AACpF,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,MAAS;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,QAAQ;AACjD,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,QAAQ,YAAY,MAAM;AAC9B,uBAAmB,EAAE;AACrB,mCAA+B,KAAK;AACpC,gBAAY,QAAQ;AACpB,YAAQ,MAAS;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY;AAAA,IAChB,CAAC,SAAiB,YAAqB;AACrC,YAAM;AACN,iBAAW,MAAM;AACf,YAAI,SAAS;AAA6B,yCAA+B,IAAI;AAC7E,mBAAW,MAAM;AACf,cAAI,SAAS,aAAa,SAAS;AAA6B,wBAAY,WAAW;AACvF,cAAI,SAAS,6BAA6B;AACxC,oBAAQ,OAAO;AACf,2CAA+B,KAAK;AAAA,UACtC;AACA,cAAI,SAAS,OAAO;AAClB;AAAA,cACE,MAAM;AACJ,mCAAmB,OAAO;AAAA,cAC5B;AAAA,cACA,SAAS;AAAA,YACX;AAAA,UACF,OAAO;AACL,+BAAmB,OAAO;AAAA,UAC5B;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,YAAU,MAAM;AACd,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,OAAO,CAAC;AAE7B,MAAI;AAA6B,WAAO;AAExC,SAAO,SAAS;AAAA,IACd,oBAAC,mBAAgB,eAAW,MAAC,IAAQ,MAAY,aAAW,UACzD,2BACH;AAAA,IACA,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF,CAAC;AAED,MAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAM,UAAU,OAAgB,CAAC,CAAC;AAElC,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,cAAc,QAAQ,MAAM,kBAAkB,IAAI,CAAC,KAAK,CAAC,CAAC;AAEhE,QAAM,OAAO,YAAY,CAAC,SAAiB,YAAqB,QAAQ,QAAQ,OAAO,SAAS,OAAO,GAAG,CAAC,CAAC;AAE5G,SAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,MAAM,oBAAC,gBAAa,SAAkB,IAAI,MAAM,aAAa,QAAgB;AAAA,MACzF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,aAAa,QAAQ,IAAI;AAAA,EAChC;AACF;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-nested-callbacks */\nimport ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState, useCallback, useRef, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { StyledContainer } from './styles.js';\nimport { UseLiveRegionPropTypes } from './propTypes.js';\nimport type { DSLiveRegionT, UseLiveRegionT } from './propTypes.js';\n\ninterface Options {\n  assertive?: boolean;\n  unsafe_emulateAssertiveNVDA?: boolean;\n  delay?: number;\n}\ninterface Methods {\n  read?: (message: string, options: Options) => void;\n}\nexport interface Props {\n  methods?: React.MutableRefObject<Methods>;\n  id?: string;\n  portal?: React.MutableRefObject<HTMLElement>;\n}\n\nconst DSLiveRegion = memo((props: Props): JSX.Element | null => {\n  const [internalMessage, setInternalMessage] = useState<string>('');\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const [unsafe_emulateAssertiveNVDA, setUnsafe_emulateAssertiveNVDA] = useState(false);\n  const [role, setRole] = useState<undefined | string>(undefined);\n  const [ariaLive, setAriaLive] = useState<DSLiveRegionT.AriaLiveT>('polite');\n  const { id, portal } = props || {};\n\n  const reset = useCallback(() => {\n    setInternalMessage('');\n    setUnsafe_emulateAssertiveNVDA(false);\n    setAriaLive('polite');\n    setRole(undefined);\n  }, []);\n\n  const configure = useCallback(\n    (message: string, options: Options) => {\n      reset();\n      setTimeout(() => {\n        if (options?.unsafe_emulateAssertiveNVDA) setUnsafe_emulateAssertiveNVDA(true);\n        setTimeout(() => {\n          if (options?.assertive || options?.unsafe_emulateAssertiveNVDA) setAriaLive('assertive');\n          if (options?.unsafe_emulateAssertiveNVDA) {\n            setRole('alert');\n            setUnsafe_emulateAssertiveNVDA(false);\n          }\n          if (options?.delay) {\n            setTimeout(\n              () => {\n                setInternalMessage(message);\n              },\n              options?.delay,\n            );\n          } else {\n            setInternalMessage(message);\n          }\n        });\n      });\n    },\n    [reset],\n  );\n\n  useEffect(() => {\n    if (props.methods) {\n      props.methods.current.read = configure;\n    }\n  }, [configure, props.methods]);\n\n  if (unsafe_emulateAssertiveNVDA) return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={id} role={role} aria-live={ariaLive}>\n      {internalMessage}\n    </StyledContainer>,\n    portal?.current || document.body,\n  );\n});\n\nconst useLiveRegion = (props: UseLiveRegionT.Props) => {\n  const methods = useRef<Methods>({});\n\n  const { id, portal } = props || {};\n\n  const instanceUID = useMemo(() => `ds-live-region-${uid(5)}`, []);\n\n  const read = useCallback((message: string, options: Options) => methods.current.read?.(message, options), []);\n\n  return useMemo(\n    () => ({\n      LiveRegion: () => <DSLiveRegion methods={methods} id={id ?? instanceUID} portal={portal} />,\n      read,\n    }),\n    [id, instanceUID, portal, read],\n  );\n};\n\nuseLiveRegion.displayName = 'useLiveRegion';\nconst UseLiveRegionWithSchema = describe(useLiveRegion);\nUseLiveRegionWithSchema.propTypes = UseLiveRegionPropTypes;\nexport { useLiveRegion, UseLiveRegionWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0EnB;AAzEJ,OAAO,cAAc;AACrB,SAAgB,MAAM,WAAW,UAAU,aAAa,QAAQ,eAAe;AAC/E,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAiBvC,MAAM,eAAe,KAAK,CAAC,UAAqC;AAC9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,EAAE;AAEjE,QAAM,CAAC,6BAA6B,8BAA8B,IAAI,SAAS,KAAK;AACpF,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,MAAS;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAkC,QAAQ;AAC1E,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,QAAQ,YAAY,MAAM;AAC9B,uBAAmB,EAAE;AACrB,mCAA+B,KAAK;AACpC,gBAAY,QAAQ;AACpB,YAAQ,MAAS;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY;AAAA,IAChB,CAAC,SAAiB,YAAqB;AACrC,YAAM;AACN,iBAAW,MAAM;AACf,YAAI,SAAS;AAA6B,yCAA+B,IAAI;AAC7E,mBAAW,MAAM;AACf,cAAI,SAAS,aAAa,SAAS;AAA6B,wBAAY,WAAW;AACvF,cAAI,SAAS,6BAA6B;AACxC,oBAAQ,OAAO;AACf,2CAA+B,KAAK;AAAA,UACtC;AACA,cAAI,SAAS,OAAO;AAClB;AAAA,cACE,MAAM;AACJ,mCAAmB,OAAO;AAAA,cAC5B;AAAA,cACA,SAAS;AAAA,YACX;AAAA,UACF,OAAO;AACL,+BAAmB,OAAO;AAAA,UAC5B;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,YAAU,MAAM;AACd,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,OAAO,CAAC;AAE7B,MAAI;AAA6B,WAAO;AAExC,SAAO,SAAS;AAAA,IACd,oBAAC,mBAAgB,eAAW,MAAC,IAAQ,MAAY,aAAW,UACzD,2BACH;AAAA,IACA,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF,CAAC;AAED,MAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAM,UAAU,OAAgB,CAAC,CAAC;AAElC,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,cAAc,QAAQ,MAAM,kBAAkB,IAAI,CAAC,KAAK,CAAC,CAAC;AAEhE,QAAM,OAAO,YAAY,CAAC,SAAiB,YAAqB,QAAQ,QAAQ,OAAO,SAAS,OAAO,GAAG,CAAC,CAAC;AAE5G,SAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,MAAM,oBAAC,gBAAa,SAAkB,IAAI,MAAM,aAAa,QAAgB;AAAA,MACzF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,aAAa,QAAQ,IAAI;AAAA,EAChC;AACF;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/skip-to/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/skip-to/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';\nexport type { DSSkipToPropsT } from './index.d.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,0BAA0B;",
   "names": []
 }

package/dist/esm/skip-to/typescript-testing/typescript-skip-to-valid.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSSkipTo } from "../index.js";
+const testExplicitDefinition = {
+  goTo: "my-main-content-id",
+  message: "My custom message"
+};
+const testInferedTypeCompatibility = {
+  goTo: "my-main-content-id",
+  message: "My custom message"
+};
+const testDefinitionAsConst = {
+  goTo: "my-main-content-id",
+  message: "My custom message"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSSkipTo, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSSkipTo, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSSkipTo, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSSkipTo, { goTo: "my-main-content-id", message: "My custom message" })
+] });
+//# sourceMappingURL=typescript-skip-to-valid.js.map

package/dist/esm/skip-to/typescript-testing/typescript-skip-to-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/skip-to/typescript-testing/typescript-skip-to-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSSkipTo } from '../index.js';\nimport type { DSSkipToPropsT as Props } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = Props;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  goTo: 'my-main-content-id',\n  message: 'My custom message',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  goTo: 'my-main-content-id',\n  message: 'My custom message',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  goTo: 'my-main-content-id',\n  message: 'My custom message',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSSkipTo {...testExplicitDefinition} />\n    <DSSkipTo {...testInferedTypeCompatibility} />\n    <DSSkipTo {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSSkipTo goTo=\"my-main-content-id\" message=\"My custom message\" />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBrB,mBAEE,KAFF;AAxBF,SAAS,gBAAgB;AAOzB,MAAM,yBAA+C;AAAA,EACnD,MAAM;AAAA,EACN,SAAS;AACX;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,YAAU,GAAG,wBAAwB;AAAA,EACtC,oBAAC,YAAU,GAAG,8BAA8B;AAAA,EAC5C,oBAAC,YAAU,GAAG,uBAAuB;AAAA,EAErC,oBAAC,YAAS,MAAK,sBAAqB,SAAQ,qBAAoB;AAAA,GAClE;",
+  "names": []
+}

package/dist/types/live-region/index.d.ts

@@ -1 +1,2 @@
 export * from './useLiveRegion.js';
+export { type DSLiveRegionT } from './propTypes.js';

package/dist/types/live-region/propTypes.d.ts

@@ -6,11 +6,12 @@ export declare namespace UseLiveRegionT {
     }
 }
 export declare namespace DSLiveRegionT {
+    type AriaLiveT = 'polite' | 'off' | 'assertive';
     interface Props {
         id?: string;
         portal?: MutableRefObject<HTMLElement>;
         role?: string;
-        'aria-live'?: string;
+        'aria-live'?: AriaLiveT;
         methods?: MutableRefObject<{
             read?: Dispatch<SetStateAction<string>>;
         }>;

package/dist/types/live-region/typescript-testing/typescript-live-region-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/skip-to/index.d.ts

@@ -1 +1,2 @@
 export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';
+export type { DSSkipToPropsT } from './index.d.js';

package/dist/types/skip-to/typescript-testing/typescript-skip-to-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accessibility",
-  "version": "3.28.1-rc.2",
+  "version": "3.29.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accessibility",
   "files": [
@@ -52,13 +52,13 @@
   },
   "dependencies": {
     "uid": "~2.0.1",
-    "@elliemae/ds-props-helpers": "3.28.1-rc.2",
-    "@elliemae/ds-system": "3.28.1-rc.2"
+    "@elliemae/ds-props-helpers": "3.29.0-next.0",
+    "@elliemae/ds-system": "3.29.0-next.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.28.1-rc.2"
+    "@elliemae/ds-monorepo-devops": "3.29.0-next.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -67,7 +67,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",