@k2b/ui 0.21.0 → 0.23.0

package/dist/ssr/feedback/InstallGuide.js

@@ -15,8 +15,8 @@ var _tmpl$ = ["<p role=\"alert\">", "</p>"],
 import { clipboard } from "@k2b/stdlib/solid";
 import { createMemo, For, Match, Show, Switch } from "solid-js";
 import { Button, ButtonLink } from "../actions/Button";
-import { useUiMessages } from "../intl/messages";
 import { NoticeCard } from "../surfaces/NoticeCard";
+import { useInstallMessages } from "./install-messages";
 /**
  * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https
  * address has an intent; anything else returns `undefined`.
@@ -41,7 +41,7 @@ const chromeIntent = url => {
  * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.
  */
 export function InstallGuide(props) {
-  const messages = useUiMessages();
+  const installMessages = useInstallMessages();
   // The host may hand over another state after mount, such as the browser's own in place of the server's view.
   const state = () => props.install;
   const copy = clipboard.createWriter({
@@ -50,7 +50,7 @@ export function InstallGuide(props) {
   const embedded = () => state().platform === "in-app" || state().platform === "apple-in-app";
   /** A browser that installs, but less reliably than the platform's own. */
   const hint = createMemo(() => {
-    const t = messages();
+    const t = installMessages();
     if (state().platform === "apple-browser") return {
       title: t.installAppleBrowserTitle,
       detail: t.installAppleBrowserDetail
@@ -62,7 +62,7 @@ export function InstallGuide(props) {
     return undefined;
   });
   const steps = createMemo(() => {
-    const t = messages();
+    const t = installMessages();
     if (state().platform === "apple-mobile" || state().platform === "apple-browser") return [{
       icon: "ti ti-share-2",
       title: t.installOpenShare,
@@ -100,7 +100,7 @@ export function InstallGuide(props) {
       return state().failed();
     },
     get children() {
-      return _$ssr(_tmpl$, _$escape(messages().installFailed));
+      return _$ssr(_tmpl$, _$escape(installMessages().installFailed));
     }
   })), _$escape(_$createComponent(Switch, {
     get fallback() {
@@ -127,7 +127,7 @@ export function InstallGuide(props) {
           return state().platform === "apple-mobile";
         },
         get children() {
-          return _$ssr(_tmpl$3, _$escape(messages().installSafariFallback));
+          return _$ssr(_tmpl$3, _$escape(installMessages().installSafariFallback));
         }
       }), _$createComponent(Show, {
         get when() {
@@ -141,7 +141,7 @@ export function InstallGuide(props) {
           return state().platform === "generic";
         },
         get children() {
-          return _$ssr(_tmpl$3, _$escape(messages().installUnavailable));
+          return _$ssr(_tmpl$3, _$escape(installMessages().installUnavailable));
         }
       })];
     },
@@ -151,7 +151,7 @@ export function InstallGuide(props) {
           return state().requested();
         },
         get children() {
-          return _$ssr(_tmpl$2, _$escape(messages().installRequested));
+          return _$ssr(_tmpl$2, _$escape(installMessages().installRequested));
         }
       }), _$createComponent(Match, {
         get when() {
@@ -161,10 +161,10 @@ export function InstallGuide(props) {
           return [_$createComponent(NoticeCard, {
             tone: "info",
             get title() {
-              return messages().installSamsungTitle;
+              return installMessages().installSamsungTitle;
             },
             get detail() {
-              return messages().installSamsungDetail({
+              return installMessages().installSamsungDetail({
                 appName: props.appName
               });
             }
@@ -177,7 +177,7 @@ export function InstallGuide(props) {
                 return href();
               },
               get children() {
-                return [_$ssr(_tmpl$9), messages().installOpenChrome];
+                return [_$ssr(_tmpl$9), installMessages().installOpenChrome];
               }
             })
           }), _$createComponent(Show, {
@@ -194,7 +194,7 @@ export function InstallGuide(props) {
           return state().canPrompt() || state().busy();
         },
         get children() {
-          return [_$ssr(_tmpl$3, _$escape(messages().installNative({
+          return [_$ssr(_tmpl$3, _$escape(installMessages().installNative({
             appName: props.appName
           }))), _$createComponent(Button, {
             get loading() {
@@ -202,7 +202,7 @@ export function InstallGuide(props) {
             },
             onClick: () => void state().install(),
             get children() {
-              return messages().installApp;
+              return installMessages().installApp;
             }
           })];
         }
@@ -214,12 +214,12 @@ export function InstallGuide(props) {
           return [_$createComponent(NoticeCard, {
             tone: "warning",
             get title() {
-              return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppTitle : messages().installInAppTitle;
+              return _$memo(() => state().platform === "apple-in-app")() ? installMessages().installAppleInAppTitle : installMessages().installInAppTitle;
             },
             get detail() {
-              return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppDetail({
+              return _$memo(() => state().platform === "apple-in-app")() ? installMessages().installAppleInAppDetail({
                 appName: props.appName
-              }) : messages().installInAppDetail({
+              }) : installMessages().installInAppDetail({
                 appName: props.appName
               });
             }
@@ -227,14 +227,14 @@ export function InstallGuide(props) {
             variant: "secondary",
             onClick: () => void copy.copy(props.url),
             get children() {
-              return [_$ssr(_tmpl$4, _$ssrAttribute("class", copy.wasCopied() ? "ti ti-check" : "ti ti-copy", false)), copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink];
+              return [_$ssr(_tmpl$4, _$ssrAttribute("class", copy.wasCopied() ? "ti ti-check" : "ti ti-copy", false)), copy.wasCopied() ? installMessages().installLinkCopied : installMessages().installCopyLink];
             }
           }), _$createComponent(Show, {
             get when() {
               return copy.error();
             },
             get children() {
-              return [_$ssr(_tmpl$, _$escape(messages().installCopyFailed)), _$ssr(_tmpl$5, _$escape(props.url))];
+              return [_$ssr(_tmpl$, _$escape(installMessages().installCopyFailed)), _$ssr(_tmpl$5, _$escape(props.url))];
             }
           }), _$createComponent(Show, {
             get when() {

package/dist/ssr/feedback/InstallGuide.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/InstallGuide.tsx"],"sourcesContent":["import { clipboard } from \"@k2b/stdlib/solid\";\nimport { createMemo, For, type JSX, Match, Show, Switch } from \"solid-js\";\nimport { Button, ButtonLink } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { NoticeCard } from \"../surfaces/NoticeCard\";\nimport type { InstallPrompt } from \"./install\";\n\nexport type InstallGuideProps = {\n  /** The name people see on their Home Screen, used in the guidance text. */\n  appName: string;\n  install: InstallPrompt;\n  /**\n   * The absolute address of the page to install. A browser inside another app copies it, to open it in Safari or\n   * Chrome, and shows it as text when copying fails, so it can be copied by hand. Samsung Internet opens an http or\n   * https address in Chrome.\n   */\n  url: string;\n  /**\n   * An application note under the installation steps or the embedded browser's link, for example what else the\n   * installed app enables.\n   */\n  note?: string;\n  class?: string;\n};\n\n/**\n * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https\n * address has an intent; anything else returns `undefined`.\n */\nconst chromeIntent = (url: string) => {\n  let target: URL;\n  try {\n    target = new URL(url);\n  } catch {\n    return undefined;\n  }\n  if (target.protocol !== \"https:\" && target.protocol !== \"http:\") return undefined;\n  const scheme = target.protocol.slice(0, -1);\n  return `intent://${target.host}${target.pathname}${target.search}${target.hash}#Intent;scheme=${scheme};package=com.android.chrome;S.browser_fallback_url=${encodeURIComponent(url)};end`;\n};\n\n/**\n * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers\n * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other\n * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or\n * Chrome instead. Samsung Internet gets a link to Chrome even when it offers its own dialog, because Android may block\n * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.\n */\nexport function InstallGuide(props: InstallGuideProps): JSX.Element {\n  const messages = useUiMessages();\n  // The host may hand over another state after mount, such as the browser's own in place of the server's view.\n  const state = () => props.install;\n  const copy = clipboard.createWriter({ write: (url: string) => navigator.clipboard.writeText(url) });\n  const embedded = () => state().platform === \"in-app\" || state().platform === \"apple-in-app\";\n  /** A browser that installs, but less reliably than the platform's own. */\n  const hint = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-browser\") return { title: t.installAppleBrowserTitle, detail: t.installAppleBrowserDetail };\n    if (state().platform === \"android-browser\") return { title: t.installAndroidBrowserTitle, detail: t.installAndroidBrowserDetail };\n    return undefined;\n  });\n  const steps = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-mobile\" || state().platform === \"apple-browser\")\n      return [\n        {\n          icon: \"ti ti-share-2\",\n          title: t.installOpenShare,\n          detail: state().platform === \"apple-browser\" ? t.installOpenShareBrowserDetail : t.installOpenShareDetail,\n        },\n        { icon: \"ti ti-square-plus\", title: t.installHomeScreen, detail: t.installHomeScreenDetail },\n        { icon: \"ti ti-check\", title: t.installConfirmAdd, detail: t.installConfirmAddDetail },\n      ];\n    if (state().platform === \"apple-desktop\")\n      return [\n        { icon: \"ti ti-share-2\", title: t.installSafariMenu, detail: t.installSafariMenuDetail },\n        { icon: \"ti ti-app-window\", title: t.installAddDock, detail: t.installAddDockDetail },\n      ];\n    return [\n      { icon: \"ti ti-dots\", title: t.installBrowserMenu, detail: t.installBrowserMenuDetail },\n      {\n        icon: \"ti ti-square-plus\",\n        title: t.installApp,\n        detail: state().platform === \"android\" || state().platform === \"android-browser\" ? t.installAndroidDetail : t.installBrowserDetail,\n      },\n    ];\n  });\n  return (\n    <div class={props.class ? `k2b-install-guide ${props.class}` : \"k2b-install-guide\"} data-platform={state().platform}>\n      <Show when={state().failed()}>\n        <p role=\"alert\">{messages().installFailed}</p>\n      </Show>\n      <Switch\n        fallback={\n          <>\n            <Show when={hint()}>{(hint) => <NoticeCard tone=\"info\" title={hint().title} detail={hint().detail} />}</Show>\n            <ol class=\"k2b-install-guide__steps\">\n              <For each={steps()}>\n                {(step) => (\n                  <li>\n                    <span class=\"k2b-install-guide__step-icon\">\n                      <i class={step.icon} aria-hidden=\"true\" />\n                    </span>\n                    <div>\n                      <h3>{step.title}</h3>\n                      <p>{step.detail}</p>\n                    </div>\n                  </li>\n                )}\n              </For>\n            </ol>\n            <Show when={state().platform === \"apple-mobile\"}>\n              <p>{messages().installSafariFallback}</p>\n            </Show>\n            <Show when={props.note}>\n              <p>{props.note}</p>\n            </Show>\n            <Show when={state().platform === \"generic\"}>\n              <p>{messages().installUnavailable}</p>\n            </Show>\n          </>\n        }\n      >\n        <Match when={state().requested()}>\n          <p role=\"status\">{messages().installRequested}</p>\n        </Match>\n        <Match when={state().platform === \"android-samsung\"}>\n          <NoticeCard\n            tone=\"info\"\n            title={messages().installSamsungTitle}\n            detail={messages().installSamsungDetail({ appName: props.appName })}\n          />\n          <Show when={chromeIntent(props.url)}>\n            {(href) => (\n              <ButtonLink href={href()}>\n                <i class=\"ti ti-brand-chrome\" aria-hidden=\"true\" />\n                {messages().installOpenChrome}\n              </ButtonLink>\n            )}\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n        <Match when={state().canPrompt() || state().busy()}>\n          <p>{messages().installNative({ appName: props.appName })}</p>\n          <Button loading={state().busy()} onClick={() => void state().install()}>\n            {messages().installApp}\n          </Button>\n        </Match>\n        <Match when={embedded()}>\n          <NoticeCard\n            tone=\"warning\"\n            title={state().platform === \"apple-in-app\" ? messages().installAppleInAppTitle : messages().installInAppTitle}\n            detail={\n              state().platform === \"apple-in-app\"\n                ? messages().installAppleInAppDetail({ appName: props.appName })\n                : messages().installInAppDetail({ appName: props.appName })\n            }\n          />\n          <Button variant=\"secondary\" onClick={() => void copy.copy(props.url)}>\n            <i class={copy.wasCopied() ? \"ti ti-check\" : \"ti ti-copy\"} aria-hidden=\"true\" />\n            {copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink}\n          </Button>\n          <Show when={copy.error()}>\n            <p role=\"alert\">{messages().installCopyFailed}</p>\n            <code>{props.url}</code>\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n\nexport default InstallGuide;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/InstallGuide.tsx"],"sourcesContent":["import { clipboard } from \"@k2b/stdlib/solid\";\nimport { createMemo, For, type JSX, Match, Show, Switch } from \"solid-js\";\nimport { Button, ButtonLink } from \"../actions/Button\";\nimport { NoticeCard } from \"../surfaces/NoticeCard\";\nimport type { InstallPrompt } from \"./install\";\nimport { useInstallMessages } from \"./install-messages\";\n\nexport type InstallGuideProps = {\n  /** The name people see on their Home Screen, used in the guidance text. */\n  appName: string;\n  install: InstallPrompt;\n  /**\n   * The absolute address of the page to install. A browser inside another app copies it, to open it in Safari or\n   * Chrome, and shows it as text when copying fails, so it can be copied by hand. Samsung Internet opens an http or\n   * https address in Chrome.\n   */\n  url: string;\n  /**\n   * An application note under the installation steps or the embedded browser's link, for example what else the\n   * installed app enables.\n   */\n  note?: string;\n  class?: string;\n};\n\n/**\n * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https\n * address has an intent; anything else returns `undefined`.\n */\nconst chromeIntent = (url: string) => {\n  let target: URL;\n  try {\n    target = new URL(url);\n  } catch {\n    return undefined;\n  }\n  if (target.protocol !== \"https:\" && target.protocol !== \"http:\") return undefined;\n  const scheme = target.protocol.slice(0, -1);\n  return `intent://${target.host}${target.pathname}${target.search}${target.hash}#Intent;scheme=${scheme};package=com.android.chrome;S.browser_fallback_url=${encodeURIComponent(url)};end`;\n};\n\n/**\n * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers\n * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other\n * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or\n * Chrome instead. Samsung Internet gets a link to Chrome even when it offers its own dialog, because Android may block\n * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.\n */\nexport function InstallGuide(props: InstallGuideProps): JSX.Element {\n  const installMessages = useInstallMessages();\n  // The host may hand over another state after mount, such as the browser's own in place of the server's view.\n  const state = () => props.install;\n  const copy = clipboard.createWriter({ write: (url: string) => navigator.clipboard.writeText(url) });\n  const embedded = () => state().platform === \"in-app\" || state().platform === \"apple-in-app\";\n  /** A browser that installs, but less reliably than the platform's own. */\n  const hint = createMemo(() => {\n    const t = installMessages();\n    if (state().platform === \"apple-browser\") return { title: t.installAppleBrowserTitle, detail: t.installAppleBrowserDetail };\n    if (state().platform === \"android-browser\") return { title: t.installAndroidBrowserTitle, detail: t.installAndroidBrowserDetail };\n    return undefined;\n  });\n  const steps = createMemo(() => {\n    const t = installMessages();\n    if (state().platform === \"apple-mobile\" || state().platform === \"apple-browser\")\n      return [\n        {\n          icon: \"ti ti-share-2\",\n          title: t.installOpenShare,\n          detail: state().platform === \"apple-browser\" ? t.installOpenShareBrowserDetail : t.installOpenShareDetail,\n        },\n        { icon: \"ti ti-square-plus\", title: t.installHomeScreen, detail: t.installHomeScreenDetail },\n        { icon: \"ti ti-check\", title: t.installConfirmAdd, detail: t.installConfirmAddDetail },\n      ];\n    if (state().platform === \"apple-desktop\")\n      return [\n        { icon: \"ti ti-share-2\", title: t.installSafariMenu, detail: t.installSafariMenuDetail },\n        { icon: \"ti ti-app-window\", title: t.installAddDock, detail: t.installAddDockDetail },\n      ];\n    return [\n      { icon: \"ti ti-dots\", title: t.installBrowserMenu, detail: t.installBrowserMenuDetail },\n      {\n        icon: \"ti ti-square-plus\",\n        title: t.installApp,\n        detail: state().platform === \"android\" || state().platform === \"android-browser\" ? t.installAndroidDetail : t.installBrowserDetail,\n      },\n    ];\n  });\n  return (\n    <div class={props.class ? `k2b-install-guide ${props.class}` : \"k2b-install-guide\"} data-platform={state().platform}>\n      <Show when={state().failed()}>\n        <p role=\"alert\">{installMessages().installFailed}</p>\n      </Show>\n      <Switch\n        fallback={\n          <>\n            <Show when={hint()}>{(hint) => <NoticeCard tone=\"info\" title={hint().title} detail={hint().detail} />}</Show>\n            <ol class=\"k2b-install-guide__steps\">\n              <For each={steps()}>\n                {(step) => (\n                  <li>\n                    <span class=\"k2b-install-guide__step-icon\">\n                      <i class={step.icon} aria-hidden=\"true\" />\n                    </span>\n                    <div>\n                      <h3>{step.title}</h3>\n                      <p>{step.detail}</p>\n                    </div>\n                  </li>\n                )}\n              </For>\n            </ol>\n            <Show when={state().platform === \"apple-mobile\"}>\n              <p>{installMessages().installSafariFallback}</p>\n            </Show>\n            <Show when={props.note}>\n              <p>{props.note}</p>\n            </Show>\n            <Show when={state().platform === \"generic\"}>\n              <p>{installMessages().installUnavailable}</p>\n            </Show>\n          </>\n        }\n      >\n        <Match when={state().requested()}>\n          <p role=\"status\">{installMessages().installRequested}</p>\n        </Match>\n        <Match when={state().platform === \"android-samsung\"}>\n          <NoticeCard\n            tone=\"info\"\n            title={installMessages().installSamsungTitle}\n            detail={installMessages().installSamsungDetail({ appName: props.appName })}\n          />\n          <Show when={chromeIntent(props.url)}>\n            {(href) => (\n              <ButtonLink href={href()}>\n                <i class=\"ti ti-brand-chrome\" aria-hidden=\"true\" />\n                {installMessages().installOpenChrome}\n              </ButtonLink>\n            )}\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n        <Match when={state().canPrompt() || state().busy()}>\n          <p>{installMessages().installNative({ appName: props.appName })}</p>\n          <Button loading={state().busy()} onClick={() => void state().install()}>\n            {installMessages().installApp}\n          </Button>\n        </Match>\n        <Match when={embedded()}>\n          <NoticeCard\n            tone=\"warning\"\n            title={state().platform === \"apple-in-app\" ? installMessages().installAppleInAppTitle : installMessages().installInAppTitle}\n            detail={\n              state().platform === \"apple-in-app\"\n                ? installMessages().installAppleInAppDetail({ appName: props.appName })\n                : installMessages().installInAppDetail({ appName: props.appName })\n            }\n          />\n          <Button variant=\"secondary\" onClick={() => void copy.copy(props.url)}>\n            <i class={copy.wasCopied() ? \"ti ti-check\" : \"ti ti-copy\"} aria-hidden=\"true\" />\n            {copy.wasCopied() ? installMessages().installLinkCopied : installMessages().installCopyLink}\n          </Button>\n          <Show when={copy.error()}>\n            <p role=\"alert\">{installMessages().installCopyFailed}</p>\n            <code>{props.url}</code>\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n\nexport default InstallGuide;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/feedback/install-messages.js

@@ -0,0 +1,104 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const installMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      installApp: "Install app",
+      installNative: ({
+        appName
+      }) => `Your browser can install ${appName}. Confirm installation in the dialog that opens next.`,
+      installRequested: "Installation requested. Follow your browser’s instructions.",
+      installFailed: "The installation dialog could not be opened.",
+      installOpenShare: "Open Share",
+      installOpenShareDetail: "Tap the Share button in Safari. It may be inside the More menu.",
+      installHomeScreen: "Add to Home Screen",
+      installHomeScreenDetail: "Scroll through the actions and choose “Add to Home Screen”.",
+      installConfirmAdd: "Confirm Add",
+      installConfirmAddDetail: "Keep “Open as Web App” enabled if shown, then tap “Add”.",
+      installOpenShareBrowserDetail: "In Chrome, tap Share in the address bar. In Firefox or Edge, open the menu, then Share.",
+      installSafariFallback: "Don’t see “Add to Home Screen”? This page may be open inside another app. Open it in Safari.",
+      installSafariMenu: "Open the Safari menu",
+      installSafariMenuDetail: "On your Mac, open File or click Share in Safari.",
+      installAddDock: "Add to Dock",
+      installAddDockDetail: "Choose “Add to Dock”, then confirm “Add”. Available in Safari on macOS Sonoma or later.",
+      installBrowserMenu: "Open the browser menu",
+      installBrowserMenuDetail: "Use the menu beside the address bar.",
+      installAndroidDetail: "Choose “Install app” or “Add to Home screen”, then follow the browser’s instructions.",
+      installBrowserDetail: "Look for “Install app” in the menu or an installation icon in the address bar.",
+      installUnavailable: "No installation option? You can keep using the browser or try another browser that supports installation.",
+      installAppleInAppTitle: "Open this page in Safari",
+      installAppleInAppDetail: ({
+        appName
+      }) => `This page is open inside another app, which can’t install ${appName}. In that app’s menu (••• or Share), choose “Open in Safari”, or copy the link and paste it into Safari.`,
+      installInAppTitle: "Open this page in your browser",
+      installInAppDetail: ({
+        appName
+      }) => `This page is open inside another app, which can’t install ${appName}. In that app’s menu, choose “Open in Chrome” or “Open in browser”, or copy the link and paste it into Chrome.`,
+      installAppleBrowserTitle: "Safari works best",
+      installAppleBrowserDetail: "This browser installs through Share → Add to Home Screen. If that isn’t there, open this page in Safari.",
+      installAndroidBrowserTitle: "Chrome works best",
+      installAndroidBrowserDetail: "In this browser, look for “Install” or “Add to Home screen” in the menu. If that isn’t there, open this page in Chrome.",
+      installSamsungTitle: "Install with Chrome",
+      installSamsungDetail: ({
+        appName
+      }) => `On Samsung phones, Samsung Internet builds its own app package, which Android 14 and later may block as “built for an older version of Android”. That warning is about the package, not about ${appName}. Chrome installs ${appName} without it. Without Chrome, use this browser’s menu and continue through that warning.`,
+      installOpenChrome: "Open in Chrome",
+      installCopyLink: "Copy link",
+      installLinkCopied: "Link copied",
+      installCopyFailed: "The link could not be copied. Copy this address manually:"
+    },
+    de: {
+      installApp: "App installieren",
+      installNative: ({
+        appName
+      }) => `Dein Browser kann ${appName} installieren. Bestätige die Installation im nächsten Dialog.`,
+      installRequested: "Installation angefragt. Folge den Hinweisen deines Browsers.",
+      installFailed: "Der Installationsdialog konnte nicht geöffnet werden.",
+      installOpenShare: "Teilen öffnen",
+      installOpenShareDetail: "Tippe in Safari auf Teilen. Der Eintrag kann im Mehr-Menü liegen.",
+      installHomeScreen: "Zum Home-Bildschirm",
+      installHomeScreenDetail: "Scrolle durch die Aktionen und wähle „Zum Home-Bildschirm“.",
+      installConfirmAdd: "Hinzufügen bestätigen",
+      installConfirmAddDetail: "Lass „Als Web-App öffnen“ aktiviert, falls angezeigt, und tippe auf „Hinzufügen“.",
+      installOpenShareBrowserDetail: "Tippe in Chrome in der Adressleiste auf Teilen. Öffne in Firefox oder Edge das Menü und dann Teilen.",
+      installSafariFallback: "Kein „Zum Home-Bildschirm“? Dann ist die Seite vielleicht in einer anderen App geöffnet. Öffne sie in Safari.",
+      installSafariMenu: "Safari-Menü öffnen",
+      installSafariMenuDetail: "Öffne auf deinem Mac in Safari „Ablage“ oder klicke auf Teilen.",
+      installAddDock: "Zum Dock hinzufügen",
+      installAddDockDetail: "Wähle „Zum Dock hinzufügen“ und bestätige mit „Hinzufügen“. Verfügbar in Safari ab macOS Sonoma.",
+      installBrowserMenu: "Browser-Menü öffnen",
+      installBrowserMenuDetail: "Nutze das Menü neben der Adressleiste.",
+      installAndroidDetail: "Wähle „App installieren“ oder „Zum Startbildschirm hinzufügen“ und folge den Hinweisen des Browsers.",
+      installBrowserDetail: "Suche nach „App installieren“ im Menü oder nach einem Installationssymbol in der Adressleiste.",
+      installUnavailable: "Keine Installationsoption? Nutze die App weiter im Browser oder versuche einen anderen Browser mit Installationsunterstützung.",
+      installAppleInAppTitle: "Öffne diese Seite in Safari",
+      installAppleInAppDetail: ({
+        appName
+      }) => `Diese Seite ist in einer anderen App geöffnet, die ${appName} nicht installieren kann. Wähle im Menü dieser App (••• oder Teilen) „In Safari öffnen“ oder kopiere den Link und füge ihn in Safari ein.`,
+      installInAppTitle: "Öffne diese Seite in deinem Browser",
+      installInAppDetail: ({
+        appName
+      }) => `Diese Seite ist in einer anderen App geöffnet, die ${appName} nicht installieren kann. Wähle im Menü dieser App „In Chrome öffnen“ oder „Im Browser öffnen“ oder kopiere den Link und füge ihn in Chrome ein.`,
+      installAppleBrowserTitle: "Am besten mit Safari",
+      installAppleBrowserDetail: "In diesem Browser installierst du über Teilen → Zum Home-Bildschirm. Fehlt der Eintrag, öffne diese Seite in Safari.",
+      installAndroidBrowserTitle: "Am besten mit Chrome",
+      installAndroidBrowserDetail: "Suche in diesem Browser im Menü nach „Installieren“ oder „Zum Startbildschirm hinzufügen“. Fehlt der Eintrag, öffne diese Seite in Chrome.",
+      installSamsungTitle: "Mit Chrome installieren",
+      installSamsungDetail: ({
+        appName
+      }) => `Auf Samsung-Handys erstellt Samsung Internet ein eigenes App-Paket, das Android ab Version 14 als „für eine ältere Android-Version entwickelt“ blockieren kann. Diese Warnung betrifft das Paket, nicht ${appName}. Mit Chrome installierst du ${appName} ohne sie. Ohne Chrome nutze das Menü dieses Browsers und fahre trotz dieser Warnung fort.`,
+      installOpenChrome: "In Chrome öffnen",
+      installCopyLink: "Link kopieren",
+      installLinkCopied: "Link kopiert",
+      installCopyFailed: "Der Link konnte nicht kopiert werden. Kopiere diese Adresse manuell:"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useInstallMessages = () => {
+  const locale = useLocale();
+  return () => installMessages.resolve([locale()]).t;
+};
+export const checkInstallMessages = () => installMessages.check();
+//# sourceMappingURL=install-messages.js.map

package/dist/ssr/feedback/install-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["feedback/install-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst installMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      installApp: \"Install app\",\n      installNative: ({ appName }: { appName: string }) =>\n        `Your browser can install ${appName}. Confirm installation in the dialog that opens next.`,\n      installRequested: \"Installation requested. Follow your browser’s instructions.\",\n      installFailed: \"The installation dialog could not be opened.\",\n      installOpenShare: \"Open Share\",\n      installOpenShareDetail: \"Tap the Share button in Safari. It may be inside the More menu.\",\n      installHomeScreen: \"Add to Home Screen\",\n      installHomeScreenDetail: \"Scroll through the actions and choose “Add to Home Screen”.\",\n      installConfirmAdd: \"Confirm Add\",\n      installConfirmAddDetail: \"Keep “Open as Web App” enabled if shown, then tap “Add”.\",\n      installOpenShareBrowserDetail: \"In Chrome, tap Share in the address bar. In Firefox or Edge, open the menu, then Share.\",\n      installSafariFallback: \"Don’t see “Add to Home Screen”? This page may be open inside another app. Open it in Safari.\",\n      installSafariMenu: \"Open the Safari menu\",\n      installSafariMenuDetail: \"On your Mac, open File or click Share in Safari.\",\n      installAddDock: \"Add to Dock\",\n      installAddDockDetail: \"Choose “Add to Dock”, then confirm “Add”. Available in Safari on macOS Sonoma or later.\",\n      installBrowserMenu: \"Open the browser menu\",\n      installBrowserMenuDetail: \"Use the menu beside the address bar.\",\n      installAndroidDetail: \"Choose “Install app” or “Add to Home screen”, then follow the browser’s instructions.\",\n      installBrowserDetail: \"Look for “Install app” in the menu or an installation icon in the address bar.\",\n      installUnavailable: \"No installation option? You can keep using the browser or try another browser that supports installation.\",\n      installAppleInAppTitle: \"Open this page in Safari\",\n      installAppleInAppDetail: ({ appName }: { appName: string }) =>\n        `This page is open inside another app, which can’t install ${appName}. In that app’s menu (••• or Share), choose “Open in Safari”, or copy the link and paste it into Safari.`,\n      installInAppTitle: \"Open this page in your browser\",\n      installInAppDetail: ({ appName }: { appName: string }) =>\n        `This page is open inside another app, which can’t install ${appName}. In that app’s menu, choose “Open in Chrome” or “Open in browser”, or copy the link and paste it into Chrome.`,\n      installAppleBrowserTitle: \"Safari works best\",\n      installAppleBrowserDetail: \"This browser installs through Share → Add to Home Screen. If that isn’t there, open this page in Safari.\",\n      installAndroidBrowserTitle: \"Chrome works best\",\n      installAndroidBrowserDetail:\n        \"In this browser, look for “Install” or “Add to Home screen” in the menu. If that isn’t there, open this page in Chrome.\",\n      installSamsungTitle: \"Install with Chrome\",\n      installSamsungDetail: ({ appName }: { appName: string }) =>\n        `On Samsung phones, Samsung Internet builds its own app package, which Android 14 and later may block as “built for an older version of Android”. That warning is about the package, not about ${appName}. Chrome installs ${appName} without it. Without Chrome, use this browser’s menu and continue through that warning.`,\n      installOpenChrome: \"Open in Chrome\",\n      installCopyLink: \"Copy link\",\n      installLinkCopied: \"Link copied\",\n      installCopyFailed: \"The link could not be copied. Copy this address manually:\",\n    },\n    de: {\n      installApp: \"App installieren\",\n      installNative: ({ appName }) => `Dein Browser kann ${appName} installieren. Bestätige die Installation im nächsten Dialog.`,\n      installRequested: \"Installation angefragt. Folge den Hinweisen deines Browsers.\",\n      installFailed: \"Der Installationsdialog konnte nicht geöffnet werden.\",\n      installOpenShare: \"Teilen öffnen\",\n      installOpenShareDetail: \"Tippe in Safari auf Teilen. Der Eintrag kann im Mehr-Menü liegen.\",\n      installHomeScreen: \"Zum Home-Bildschirm\",\n      installHomeScreenDetail: \"Scrolle durch die Aktionen und wähle „Zum Home-Bildschirm“.\",\n      installConfirmAdd: \"Hinzufügen bestätigen\",\n      installConfirmAddDetail: \"Lass „Als Web-App öffnen“ aktiviert, falls angezeigt, und tippe auf „Hinzufügen“.\",\n      installOpenShareBrowserDetail: \"Tippe in Chrome in der Adressleiste auf Teilen. Öffne in Firefox oder Edge das Menü und dann Teilen.\",\n      installSafariFallback:\n        \"Kein „Zum Home-Bildschirm“? Dann ist die Seite vielleicht in einer anderen App geöffnet. Öffne sie in Safari.\",\n      installSafariMenu: \"Safari-Menü öffnen\",\n      installSafariMenuDetail: \"Öffne auf deinem Mac in Safari „Ablage“ oder klicke auf Teilen.\",\n      installAddDock: \"Zum Dock hinzufügen\",\n      installAddDockDetail: \"Wähle „Zum Dock hinzufügen“ und bestätige mit „Hinzufügen“. Verfügbar in Safari ab macOS Sonoma.\",\n      installBrowserMenu: \"Browser-Menü öffnen\",\n      installBrowserMenuDetail: \"Nutze das Menü neben der Adressleiste.\",\n      installAndroidDetail: \"Wähle „App installieren“ oder „Zum Startbildschirm hinzufügen“ und folge den Hinweisen des Browsers.\",\n      installBrowserDetail: \"Suche nach „App installieren“ im Menü oder nach einem Installationssymbol in der Adressleiste.\",\n      installUnavailable:\n        \"Keine Installationsoption? Nutze die App weiter im Browser oder versuche einen anderen Browser mit Installationsunterstützung.\",\n      installAppleInAppTitle: \"Öffne diese Seite in Safari\",\n      installAppleInAppDetail: ({ appName }) =>\n        `Diese Seite ist in einer anderen App geöffnet, die ${appName} nicht installieren kann. Wähle im Menü dieser App (••• oder Teilen) „In Safari öffnen“ oder kopiere den Link und füge ihn in Safari ein.`,\n      installInAppTitle: \"Öffne diese Seite in deinem Browser\",\n      installInAppDetail: ({ appName }) =>\n        `Diese Seite ist in einer anderen App geöffnet, die ${appName} nicht installieren kann. Wähle im Menü dieser App „In Chrome öffnen“ oder „Im Browser öffnen“ oder kopiere den Link und füge ihn in Chrome ein.`,\n      installAppleBrowserTitle: \"Am besten mit Safari\",\n      installAppleBrowserDetail:\n        \"In diesem Browser installierst du über Teilen → Zum Home-Bildschirm. Fehlt der Eintrag, öffne diese Seite in Safari.\",\n      installAndroidBrowserTitle: \"Am besten mit Chrome\",\n      installAndroidBrowserDetail:\n        \"Suche in diesem Browser im Menü nach „Installieren“ oder „Zum Startbildschirm hinzufügen“. Fehlt der Eintrag, öffne diese Seite in Chrome.\",\n      installSamsungTitle: \"Mit Chrome installieren\",\n      installSamsungDetail: ({ appName }) =>\n        `Auf Samsung-Handys erstellt Samsung Internet ein eigenes App-Paket, das Android ab Version 14 als „für eine ältere Android-Version entwickelt“ blockieren kann. Diese Warnung betrifft das Paket, nicht ${appName}. Mit Chrome installierst du ${appName} ohne sie. Ohne Chrome nutze das Menü dieses Browsers und fahre trotz dieser Warnung fort.`,\n      installOpenChrome: \"In Chrome öffnen\",\n      installCopyLink: \"Link kopieren\",\n      installLinkCopied: \"Link kopiert\",\n      installCopyFailed: \"Der Link konnte nicht kopiert werden. Kopiere diese Adresse manuell:\",\n    },\n  },\n});\n\nexport type InstallMessages = ReturnType<(typeof installMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useInstallMessages = (): (() => InstallMessages) => {\n  const locale = useLocale();\n  return () => installMessages.resolve([locale()]).t;\n};\n\nexport const checkInstallMessages = () => installMessages.check();\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/feedback/prompt-messages.js

@@ -0,0 +1,65 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const promptMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      minCharacters: ({
+        count
+      }) => `At least ${count} ${count === 1 ? "character" : "characters"}`,
+      maxCharacters: ({
+        count
+      }) => `At most ${count} ${count === 1 ? "character" : "characters"}`,
+      minTags: ({
+        count
+      }) => `At least ${count} ${count === 1 ? "tag" : "tags"}`,
+      maxTags: ({
+        count
+      }) => `At most ${count} ${count === 1 ? "tag" : "tags"}`,
+      searchFailed: "Search failed.",
+      confirmation: "Confirmation",
+      typeToConfirm: ({
+        phrase
+      }) => `Type ${phrase} to confirm`,
+      confirm: "Confirm",
+      discard: "Discard",
+      form: "Form",
+      discardUnsavedChanges: "Discard unsaved changes?",
+      unsavedChangesTitle: "Unsaved changes"
+    },
+    de: {
+      minCharacters: ({
+        count
+      }) => `Mindestens ${count} Zeichen`,
+      maxCharacters: ({
+        count
+      }) => `Höchstens ${count} Zeichen`,
+      minTags: ({
+        count
+      }) => `Mindestens ${count} ${count === 1 ? "Tag" : "Tags"}`,
+      maxTags: ({
+        count
+      }) => `Höchstens ${count} ${count === 1 ? "Tag" : "Tags"}`,
+      searchFailed: "Suche fehlgeschlagen.",
+      confirmation: "Bestätigung",
+      typeToConfirm: ({
+        phrase
+      }) => `Gib ${phrase} zur Bestätigung ein`,
+      confirm: "Bestätigen",
+      discard: "Verwerfen",
+      form: "Formular",
+      discardUnsavedChanges: "Ungespeicherte Änderungen verwerfen?",
+      unsavedChangesTitle: "Ungespeicherte Änderungen"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const usePromptMessages = () => {
+  const locale = useLocale();
+  return () => promptMessages.resolve([locale()]).t;
+};
+
+/** Imperative UI inherits the document locale when no locale is supplied. */
+export const resolvePromptMessages = locale => promptMessages.resolve([locale ?? (typeof document === "undefined" ? promptMessages.baseLocale : document.documentElement.lang)]).t;
+export const checkPromptMessages = () => promptMessages.check();
+//# sourceMappingURL=prompt-messages.js.map

package/dist/ssr/feedback/prompt-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["feedback/prompt-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst promptMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      minCharacters: ({ count }: { count: number }) => `At least ${count} ${count === 1 ? \"character\" : \"characters\"}`,\n      maxCharacters: ({ count }: { count: number }) => `At most ${count} ${count === 1 ? \"character\" : \"characters\"}`,\n      minTags: ({ count }: { count: number }) => `At least ${count} ${count === 1 ? \"tag\" : \"tags\"}`,\n      maxTags: ({ count }: { count: number }) => `At most ${count} ${count === 1 ? \"tag\" : \"tags\"}`,\n      searchFailed: \"Search failed.\",\n      confirmation: \"Confirmation\",\n      typeToConfirm: ({ phrase }: { phrase: string }) => `Type ${phrase} to confirm`,\n      confirm: \"Confirm\",\n      discard: \"Discard\",\n      form: \"Form\",\n      discardUnsavedChanges: \"Discard unsaved changes?\",\n      unsavedChangesTitle: \"Unsaved changes\",\n    },\n    de: {\n      minCharacters: ({ count }) => `Mindestens ${count} Zeichen`,\n      maxCharacters: ({ count }) => `Höchstens ${count} Zeichen`,\n      minTags: ({ count }) => `Mindestens ${count} ${count === 1 ? \"Tag\" : \"Tags\"}`,\n      maxTags: ({ count }) => `Höchstens ${count} ${count === 1 ? \"Tag\" : \"Tags\"}`,\n      searchFailed: \"Suche fehlgeschlagen.\",\n      confirmation: \"Bestätigung\",\n      typeToConfirm: ({ phrase }: { phrase: string }) => `Gib ${phrase} zur Bestätigung ein`,\n      confirm: \"Bestätigen\",\n      discard: \"Verwerfen\",\n      form: \"Formular\",\n      discardUnsavedChanges: \"Ungespeicherte Änderungen verwerfen?\",\n      unsavedChangesTitle: \"Ungespeicherte Änderungen\",\n    },\n  },\n});\n\nexport type PromptMessages = ReturnType<(typeof promptMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const usePromptMessages = (): (() => PromptMessages) => {\n  const locale = useLocale();\n  return () => promptMessages.resolve([locale()]).t;\n};\n\n/** Imperative UI inherits the document locale when no locale is supplied. */\nexport const resolvePromptMessages = (locale?: string): PromptMessages =>\n  promptMessages.resolve([locale ?? (typeof document === \"undefined\" ? promptMessages.baseLocale : document.documentElement.lang)]).t;\n\nexport const checkPromptMessages = () => promptMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;EACjC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,aAAa,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,YAAY,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,YAAY,EAAE;MAChH,aAAa,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,WAAW,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,YAAY,EAAE;MAC/G,OAAO,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,YAAY,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE;MAC9F,OAAO,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,WAAW,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE;MAC7F,YAAY,EAAE,gBAAgB;MAC9B,YAAY,EAAE,cAAc;MAC5B,aAAa,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,QAAQ,MAAM,aAAa;MAC9E,OAAO,EAAE,SAAS;MAClB,OAAO,EAAE,SAAS;MAClB,IAAI,EAAE,MAAM;MACZ,qBAAqB,EAAE,0BAA0B;MACjD,mBAAmB,EAAE;IACvB,CAAC;IACD,EAAE,EAAE;MACF,aAAa,EAAE,CAAC;QAAE;MAAM,CAAC,KAAK,cAAc,KAAK,UAAU;MAC3D,aAAa,EAAE,CAAC;QAAE;MAAM,CAAC,KAAK,aAAa,KAAK,UAAU;MAC1D,OAAO,EAAE,CAAC;QAAE;MAAM,CAAC,KAAK,cAAc,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE;MAC7E,OAAO,EAAE,CAAC;QAAE;MAAM,CAAC,KAAK,aAAa,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,MAAM,EAAE;MAC5E,YAAY,EAAE,uBAAuB;MACrC,YAAY,EAAE,aAAa;MAC3B,aAAa,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,OAAO,MAAM,sBAAsB;MACtF,OAAO,EAAE,YAAY;MACrB,OAAO,EAAE,WAAW;MACpB,IAAI,EAAE,UAAU;MAChB,qBAAqB,EAAE,sCAAsC;MAC7D,mBAAmB,EAAE;IACvB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,iBAAiB,GAAG,MAA8B;EAC7D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,CAAC;;AAED;AACA,OAAO,MAAM,qBAAqB,GAAI,MAAe,IACnD,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,OAAO,QAAQ,KAAK,WAAW,GAAG,cAAc,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAErI,OAAO,MAAM,mBAAmB,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/ssr/feedback/prompts.js

@@ -38,14 +38,17 @@ import { DatePicker, DateTimePicker } from "../inputs/DatePicker";
 import { ImageInput } from "../inputs/FileInputs";
 import { NumberInput } from "../inputs/NumberInput";
 import { Select } from "../inputs/Select";
+import { resolveSelectMessages } from "../inputs/select-messages";
 import { TagsInput } from "../inputs/TagsInput";
 import { TextInput } from "../inputs/TextInput";
 import { resolveUiMessages } from "../intl/messages";
 import { dialogCore } from "./dialog-core";
+import { resolvePromptMessages } from "./prompt-messages";
 const PHRASE_SLOT = "\u0000";
 const isEmpty = value => value === undefined || value === null || value === "" || Array.isArray(value) && value.length === 0;
 export const createFormState = schema => {
   const messages = resolveUiMessages();
+  const promptMessages = resolvePromptMessages();
   const [values, setValues] = createStore({});
   const [errors, setErrors] = createStore({});
   // Errors appear with the first submit and then follow every change. Before that, a check that fails mid-input,
@@ -64,18 +67,18 @@ export const createFormState = schema => {
       if (customError) return customError;
     }
     if (field.type === "text" && typeof value === "string" && value.length > 0) {
-      if (field.minLength !== undefined && value.length < field.minLength) return messages.minCharacters({
+      if (field.minLength !== undefined && value.length < field.minLength) return promptMessages.minCharacters({
         count: field.minLength
       });
-      if (field.maxLength !== undefined && value.length > field.maxLength) return messages.maxCharacters({
+      if (field.maxLength !== undefined && value.length > field.maxLength) return promptMessages.maxCharacters({
         count: field.maxLength
       });
     }
     if (field.type === "tags" && Array.isArray(value) && value.length > 0) {
-      if (field.minTags !== undefined && value.length < field.minTags) return messages.minTags({
+      if (field.minTags !== undefined && value.length < field.minTags) return promptMessages.minTags({
         count: field.minTags
       });
-      if (field.maxTags !== undefined && value.length > field.maxTags) return messages.maxTags({
+      if (field.maxTags !== undefined && value.length > field.maxTags) return promptMessages.maxTags({
         count: field.maxTags
       });
     }
@@ -438,14 +441,14 @@ const openSearchPrompt = (resolver, options) => dialogCore.open(close => {
   const searchError = createMemo(() => {
     const error = searchMutation.error();
     if (!error || error.name === "AbortError") return null;
-    return error.message || resolveUiMessages().searchFailed;
+    return error.message || resolvePromptMessages().searchFailed;
   });
   const shouldShowResults = createMemo(() => {
     if (query().trim().length < minQueryLength) return false;
     return hasLoaded() || searchError() !== null || items().length > 0;
   });
   const emptyStateText = createMemo(() => {
-    if (!hasLoaded()) return options?.emptyText ?? resolveUiMessages().typeToSearch;
+    if (!hasLoaded()) return options?.emptyText ?? resolveSelectMessages().typeToSearch;
     return options?.noResultsText ?? resolveUiMessages().noResults;
   });
   const {
@@ -628,11 +631,11 @@ export const prompts = {
             return options?.icon;
           },
           close: () => close(false)
-        })), _$escape(content), _$escape(options?.cancelText || resolveUiMessages().cancel), _$ssrAttribute("data-variant", _$escape(options?.variant ?? "primary", true), false), _$escape(options?.confirmText || resolveUiMessages().confirm));
+        })), _$escape(content), _$escape(options?.cancelText || resolveUiMessages().cancel), _$ssrAttribute("data-variant", _$escape(options?.variant ?? "primary", true), false), _$escape(options?.confirmText || resolvePromptMessages().confirm));
       }
 
       // The catalog owns word order; the slot marks where the verbatim phrase is rendered as code.
-      const [labelBefore, labelAfter] = resolveUiMessages().typeToConfirm({
+      const [labelBefore, labelAfter] = resolvePromptMessages().typeToConfirm({
         phrase: PHRASE_SLOT
       }).split(PHRASE_SLOT);
       const [confirmationValue, setConfirmationValue] = createSignal("");
@@ -660,7 +663,7 @@ export const prompts = {
         spellcheck: false,
         monospace: true,
         required: true
-      })), _$escape(options?.cancelText || resolveUiMessages().cancel), _$ssrAttribute("data-variant", _$escape(options?.variant ?? "primary", true), false), _$ssrAttribute("disabled", !canConfirm(), true), _$escape(options?.confirmText || resolveUiMessages().confirm));
+      })), _$escape(options?.cancelText || resolveUiMessages().cancel), _$ssrAttribute("data-variant", _$escape(options?.variant ?? "primary", true), false), _$ssrAttribute("disabled", !canConfirm(), true), _$escape(options?.confirmText || resolvePromptMessages().confirm));
     }, {
       panelClassName: panelClass(options),
       contentClassName: contentClass(options?.surface),
@@ -668,7 +671,7 @@ export const prompts = {
       signal: options?.signal,
       cancelBehavior: options?.cancelBehavior,
       history: options?.history,
-      ariaLabel: options?.ariaLabel ?? options?.title ?? resolveUiMessages().confirmation
+      ariaLabel: options?.ariaLabel ?? options?.title ?? resolvePromptMessages().confirmation
     });
   },
   prompt: promptText,
@@ -681,7 +684,7 @@ export const prompts = {
     contentClassName: contentClass(),
     signal: config.signal,
     cancelBehavior: config.cancelBehavior,
-    ariaLabel: config.ariaLabel ?? config.title ?? resolveUiMessages().form
+    ariaLabel: config.ariaLabel ?? config.title ?? resolvePromptMessages().form
   })) ?? null,
   dialog: (component, options) => dialogCore.open(close => {
     const body = component(close);