@startupjs-ui/dialogs 0.1.22 → 0.2.0-alpha.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.1](https://github.com/startupjs/startupjs-ui/compare/v0.2.0-alpha.0...v0.2.0-alpha.1) (2026-04-10)
+
+
+### Bug Fixes
+
+* **dialogs:** use 'alertdialog' role for confirm(), prompt(), alert() ([ae2989f](https://github.com/startupjs/startupjs-ui/commit/ae2989fd6cf7b19a189330b3a180226727efc3fe))
+
+
+
+
+
+# [0.2.0-alpha.0](https://github.com/startupjs/startupjs-ui/compare/v0.1.22...v0.2.0-alpha.0) (2026-03-27)
+
+
+### Features
+
+* fix and improve accessibility of various components. Add storybook with tests. ([#21](https://github.com/startupjs/startupjs-ui/issues/21)) ([83b6576](https://github.com/startupjs/startupjs-ui/commit/83b65767ed61b24209f71b143ba1c2986170ab58))
+
+
+
+
+
 ## [0.1.22](https://github.com/startupjs/startupjs-ui/compare/v0.1.21...v0.1.22) (2026-03-25)
 
 **Note:** Version bump only for package @startupjs-ui/dialogs

package/DialogsProvider.tsx

@@ -1,24 +1,24 @@
 import { useEffect, useState, type ReactNode } from 'react'
 import { pug, observer } from 'startupjs'
 import Modal from '@startupjs-ui/modal'
-import { setUpdateDialogState } from './helpers'
+import { setUpdateDialogState, updateDialogState } from './helpers'
 
 export const _PropsJsonSchema = {/* DialogsProviderProps */}
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface DialogsProviderProps {}
 
 function DialogsProviderRoot (): ReactNode {
   const [dialog = {}, setDialog] = useState<any>()
 
-  // used by alert/confirm/prompt to show a dialog
-  setUpdateDialogState(setDialog)
-
   useEffect(() => {
+    // Keep the latest mounted provider registered across route remounts.
+    setUpdateDialogState(setDialog)
+
     return () => {
-      setUpdateDialogState(undefined)
+      if (updateDialogState === setDialog) setUpdateDialogState(undefined)
     }
-  }, [])
+  }, [setDialog])
 
   return pug`
     if dialog.visible

package/README.mdx

@@ -21,6 +21,8 @@ import './index.mdx.cssx.styl'
 
 Dialogs provide three imperative functions for displaying dialog boxes: `alert`, `confirm`, and `prompt`. Each function is async and returns a Promise that resolves when the user dismisses the dialog.
 
+On web, these dialogs render with `role="alertdialog"` so they can be distinguished from ordinary modals.
+
 ```js
 import { DialogsProvider, alert, confirm, prompt } from 'startupjs-ui'
 ```

package/alert.tsx

@@ -33,6 +33,7 @@ export default async function alert (options: string | AlertOptions): Promise<vo
   await new Promise<void>(resolve => {
     openDialog({
       title: normalizedTitle,
+      role: 'alertdialog',
       children: message,
       cancelLabel: 'OK',
       onCancel: () => { resolve() },

package/confirm.tsx

@@ -33,6 +33,7 @@ export default async function confirm (options: string | ConfirmOptions): Promis
   const result = await new Promise<boolean>(resolve => {
     openDialog({
       title: normalizedTitle,
+      role: 'alertdialog',
       children: message,
       cancelLabel: 'Cancel',
       confirmLabel: 'OK',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/dialogs",
-  "version": "0.1.22",
+  "version": "0.2.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -15,16 +15,16 @@
     "./prompt": "./prompt.tsx"
   },
   "dependencies": {
-    "@startupjs-ui/br": "^0.1.22",
-    "@startupjs-ui/core": "^0.1.22",
-    "@startupjs-ui/modal": "^0.1.22",
-    "@startupjs-ui/span": "^0.1.22",
-    "@startupjs-ui/text-input": "^0.1.22"
+    "@startupjs-ui/br": "^0.2.0-alpha.1",
+    "@startupjs-ui/core": "^0.2.0-alpha.1",
+    "@startupjs-ui/modal": "^0.2.0-alpha.1",
+    "@startupjs-ui/span": "^0.2.0-alpha.1",
+    "@startupjs-ui/text-input": "^0.2.0-alpha.1"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "startupjs": "*"
   },
-  "gitHead": "3bd18c16f0f203ee3d940bf2e09381edc0034665"
+  "gitHead": "b48004779559b16c96a2a1995dab13b998eafce9"
 }

package/prompt.tsx

@@ -45,6 +45,7 @@ export default async function prompt (options: string | PromptOptions, defaultVa
 
     openDialog({
       title: normalizedTitle,
+      role: 'alertdialog',
       children: pug`
         Span= message
         Br(half)