@molecule/app-ui-react 1.0.2 → 1.2.0

package/README.md

@@ -3,7 +3,7 @@ AUTO-GENERATED — DO NOT EDIT THIS FILE.
 Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
 Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
 To change this document, edit the module-level JSDoc in src/index.ts.
-Generated: 2026-08-04T01:53:05.300Z
+Generated: 2026-09-24T21:35:36.593Z
 -->
 
 # @molecule/app-ui-react
@@ -423,6 +423,83 @@ interface CheckboxProps extends InputElementProps {
 }
 ```
 
+#### `ConfirmButtonProps`
+
+Props for {@link ConfirmButton}.
+
+```typescript
+interface ConfirmButtonProps extends Omit<
+  ButtonProps,
+  'onClick' | 'children' | 'onConfirm' | keyof React.DOMAttributes<HTMLButtonElement>
+> {
+  /**
+   * Fired ONLY on the confirming (second) click — i.e. when the action
+   * actually commits. Errors should be handled by the caller (render an
+   * inline banner); while the returned promise is pending the button stays
+   * in its confirming state and ignores further clicks.
+   */
+  onConfirm: () => void | Promise<void>
+  /**
+   * Visible label in the idle (armed-to-be-clicked) state.
+   */
+  label: React.ReactNode
+  /**
+   * Visible label in the armed state — the "click again to confirm" step.
+   * Defaults to a localized "Confirm?" via the i18n bond.
+   */
+  confirmLabel?: React.ReactNode
+  /**
+   * Visible label while {@link onConfirm} is pending. Defaults to a
+   * localized "Working…".
+   */
+  pendingLabel?: React.ReactNode
+  /**
+   * Seconds before the armed state auto-disarms back to idle. Low-stakes
+   * actions tolerate a long window; destructive ones should keep it short.
+   * `0` disables auto-disarm (not recommended — a stray click then leaves
+   * the button armed forever).
+   */
+  disarmSeconds?: number
+  /**
+   * Disable the control entirely (idle and confirming states).
+   */
+  disabled?: boolean
+  /**
+   * data-mol-id for the button (all states share one element).
+   */
+  testId?: string
+}
+```
+
+#### `ConfirmDialogProps`
+
+Props for {@link ConfirmDialog}.
+
+```typescript
+interface ConfirmDialogProps {
+  /** Whether the dialog is open. */
+  open: boolean
+  /** Called when the dialog should close (escape, backdrop, cancel). */
+  onClose: () => void
+  /** Title. */
+  title: ReactNode
+  /** Body / warning text. */
+  description: ReactNode
+  /** Confirm-button label (e.g. "Delete"). */
+  confirmLabel?: ReactNode
+  /** Cancel-button label. */
+  cancelLabel?: ReactNode
+  /** Called when the user confirms. */
+  onConfirm: () => void | Promise<void>
+  /** Is the confirm action destructive? Defaults to true. */
+  destructive?: boolean
+  /** Extra body content between description and footer. */
+  children?: ReactNode
+  /** Disables both buttons. Set it yourself while your `onConfirm` promise is pending — the dialog does not track it and does not auto-close. */
+  loading?: boolean
+}
+```
+
 #### `ContainerProps`
 
 Props for the Container layout component.
@@ -778,6 +855,31 @@ interface LanguagePickerProps extends Omit<
 }
 ```
 
+#### `LoadErrorBannerProps`
+
+Props for {@link LoadErrorBanner}.
+
+```typescript
+interface LoadErrorBannerProps extends HTMLElementProps {
+  /** The primary error line (e.g. the localized "Could not load X."). */
+  message: React.ReactNode
+  /** Secondary line under the message (status code, hint). */
+  detail?: React.ReactNode
+  /**
+   * Called when Retry is clicked. Return the promise; while pending, the
+   * button is disabled and shows "Retrying…". Omit for a display-only
+   * banner.
+   */
+  onRetry?: () => void | Promise<void>
+  /** Retry-button label. Falls back to a localized "Retry". */
+  retryLabel?: React.ReactNode
+  /** `data-mol-id` for the retry button (default `load-error-retry`). */
+  retryMolId?: string
+  /** Extra content between message and retry row (e.g. an error code). */
+  children?: React.ReactNode
+}
+```
+
 #### `ModalProps`
 
 Props for the Modal/Dialog component.
@@ -944,6 +1046,46 @@ interface ProgressProps extends BaseProps {
 }
 ```
 
+#### `PromptDialogProps`
+
+Props for {@link PromptDialog}.
+
+```typescript
+interface PromptDialogProps {
+  /** Whether the dialog is open. */
+  open: boolean
+  /** Called when the dialog should close (escape, backdrop, cancel, or a fulfilled {@link PromptDialogProps.onSubmit}). */
+  onClose: () => void
+  /** Dialog heading. */
+  title: React.ReactNode
+  /** Explanatory line under the title. */
+  description?: React.ReactNode
+  /** Input placeholder. */
+  placeholder?: string
+  /** Value the input starts from every time the dialog opens. */
+  initialValue?: string
+  /**
+   * Called with the entered value on confirm. Resolve to close the dialog;
+   * reject or throw to keep it open (show the error via {@link PromptDialogProps.children}).
+   */
+  onSubmit: (value: string) => void | Promise<void>
+  /** Confirm-button label. Falls back to a localized "Confirm". */
+  confirmLabel?: React.ReactNode
+  /** Cancel-button label. Falls back to a localized "Cancel". */
+  cancelLabel?: React.ReactNode
+  /** Render the confirm button in the error color (e.g. an irreversible reset). */
+  destructive?: boolean
+  /** `data-mol-id` for the text input. */
+  inputMolId?: string
+  /** `data-mol-id` for the confirm button. */
+  confirmMolId?: string
+  /** `data-mol-id` for the cancel button. */
+  cancelMolId?: string
+  /** Extra body content under the input (error banners, hints). */
+  children?: React.ReactNode
+}
+```
+
 #### `RadioGroupProps`
 
 Props for the RadioGroup component.
@@ -1011,6 +1153,151 @@ interface RadioOption<T = string> {
 }
 ```
 
+#### `ResponsiveAppShellContentProps`
+
+Props for the {@link ResponsiveAppShellContent} sub-component.
+
+```typescript
+interface ResponsiveAppShellContentProps {
+  /** The routed page content — typically an `<Outlet />`. */
+  children: ReactNode
+  /** Extra classes on the `<main>`. */
+  className?: string
+  /** Inline styles on the `<main>` (rarely needed — layout is owned). */
+  style?: React.CSSProperties
+  /** `data-mol-id` override. Default: `'shell-content'`. */
+  dataMolId?: string
+  /** `data-testid` override. */
+  testId?: string
+}
+```
+
+#### `ResponsiveAppShellDrawerProps`
+
+Props for the {@link ResponsiveAppShellDrawer} sub-component.
+
+```typescript
+interface ResponsiveAppShellDrawerProps {
+  /**
+   * Nav content — the links, same as (or adapted from) the Sidebar's. Only
+   * mounted while the drawer is open on a below-breakpoint viewport.
+   */
+  children: ReactNode
+  /**
+   * Header row content (typically the brand), rendered next to the close
+   * button.
+   */
+  header?: ReactNode
+  /**
+   * Accessible name for the dialog and its `<nav>` landmark. Defaults to the
+   * `appShell.primaryNav` translation (English fallback `"Primary
+   * navigation"`).
+   */
+  navLabel?: string
+  /** Below-nav content (user card, sign-out), after the `<nav>`. */
+  footer?: ReactNode
+  /** Whether the panel shows a close (X) button. Default: `true`. */
+  showCloseButton?: boolean
+  /** Extra classes on the dialog panel. */
+  className?: string
+  /** `data-mol-id` override for the panel. Default: `'shell-drawer'`. */
+  dataMolId?: string
+  /** `data-mol-id` override for the close button. Default: `'shell-drawer-close'`. */
+  closeDataMolId?: string
+  /** `data-testid` override for the panel. */
+  testId?: string
+}
+```
+
+#### `ResponsiveAppShellProps`
+
+Props for the {@link ResponsiveAppShell} root.
+
+```typescript
+interface ResponsiveAppShellProps {
+  /**
+   * The shell sub-components — `<ResponsiveAppShell.TopBar />`,
+   * `<ResponsiveAppShell.Sidebar />`, `<ResponsiveAppShell.Drawer />` and
+   * `<ResponsiveAppShell.Content />`.
+   */
+  children: ReactNode
+  /**
+   * Sidebar (and drawer) width: `'sm'` (208px), `'md'` (240px, default),
+   * `'lg'` (256px) or an exact pixel number.
+   */
+  sidebarWidth?: ShellSidebarWidth
+  /** Extra classes on the root flex-row container. */
+  className?: string
+  /**
+   * `data-mol-id` for the root container. Defaults to `'shell-root'`.
+   */
+  dataMolId?: string
+}
+```
+
+#### `ResponsiveAppShellSidebarProps`
+
+Props for the {@link ResponsiveAppShellSidebar} sub-component.
+
+```typescript
+interface ResponsiveAppShellSidebarProps {
+  /**
+   * Nav content — the links (they land inside the sidebar's `<nav>` landmark;
+   * pass `aria-current="page"` from the active one yourself). Typically the
+   * SAME element variable the Drawer receives, so only the mounted
+   * breakpoint's copy ever instantiates.
+   */
+  children: ReactNode
+  /**
+   * Accessible name for the sidebar's `<nav>` landmark. Defaults to the
+   * `appShell.primaryNav` translation (English fallback `"Primary
+   * navigation"`).
+   */
+  navLabel?: string
+  /**
+   * Below-nav content (user card, quick action) — rendered after the `<nav>`
+   * in a bordered footer row, so it does not sit inside the nav landmark.
+   */
+  footer?: ReactNode
+  /** Extra classes on the `<aside>`. */
+  className?: string
+  /** `data-mol-id` override. Default: `'shell-sidebar'`. */
+  dataMolId?: string
+  /** `data-testid` override. */
+  testId?: string
+}
+```
+
+#### `ResponsiveAppShellTopBarProps`
+
+Props for the {@link ResponsiveAppShellTopBar} sub-component.
+
+```typescript
+interface ResponsiveAppShellTopBarProps {
+  /**
+   * Brand/title node, rendered after the menu trigger — typically a
+   * `<Link to="/…">` with the app name or logo. The shell wraps it in a
+   * flex row; style the node itself.
+   */
+  brand?: ReactNode
+  /** Trailing actions — user menu, theme toggle, search, etc. */
+  actions?: ReactNode
+  /**
+   * Render the top bar only below the breakpoint (mount-conditioned, not
+   * CSS-hidden — no dead DOM on desktop). For apps whose desktop shell has
+   * no top bar (e.g. the sidebar carries everything). Default: `false`
+   * (top bar on every breakpoint).
+   */
+  mobileOnly?: boolean
+  /** Extra classes on the `<header>`. */
+  className?: string
+  /** `data-mol-id` override. Default: `'shell-topbar'`. */
+  dataMolId?: string
+  /** `data-testid` override. */
+  testId?: string
+}
+```
+
 #### `SelectElementProps`
 
 Base props for select elements.
@@ -1805,6 +2092,19 @@ Framework-agnostic mouse event handler.
 type MouseEventHandler = EventHandler<MouseEvent>
 ```
 
+#### `ShellSidebarWidth`
+
+Semantic sidebar width — the same stack-agnostic presets
+`@molecule/app-sidebar-layout-react` uses, so both shells render the same
+fleet geometry: `sm` → 208px, `md` → 240px (default), `lg` → 256px. A raw
+`number` is an exact pixel width. Applied via inline style (a specific
+pixel width is the documented "value a swappable ClassMap cannot express
+as a token" case).
+
+```typescript
+type ShellSidebarWidth = 'sm' | 'md' | 'lg' | number
+```
+
 #### `Size`
 
 Standard size scale used across all molecule UI components (buttons, inputs, badges, etc.).
@@ -1864,6 +2164,30 @@ function cn(inputs?: (string | false | null | undefined)[]): string
 
 **Returns:** A single space-separated class string.
 
+#### `ConfirmDialog(props)`
+
+Are-you-sure-style confirmation modal for destructive actions.
+
+Use standalone (around delete buttons, revoke tokens, irreversible
+migrations) or with a DangerZoneSection action.
+
+```typescript
+function ConfirmDialog({
+  open,
+  onClose,
+  title,
+  description,
+  confirmLabel,
+  cancelLabel,
+  onConfirm,
+  destructive = true,
+  children,
+  loading,
+}: ConfirmDialogProps): JSX.Element
+```
+
+- `props` — Component props (see {@link ConfirmDialogProps}).
+
 #### `Icon(props)`
 
 Renders an SVG glyph looked up by `name` from the bonded
@@ -1930,6 +2254,24 @@ function LanguagePicker({
 
 - `props` — {@link LanguagePickerProps}
 
+#### `LoadErrorBanner(props)`
+
+Error banner with an owned pending-state Retry button.
+
+```typescript
+function LoadErrorBanner({
+  message,
+  detail,
+  onRetry,
+  retryLabel,
+  retryMolId = 'load-error-retry',
+  children,
+  ...rest
+}: LoadErrorBannerProps): JSX.Element
+```
+
+- `props` — Component props (see {@link LoadErrorBannerProps}).
+
 #### `PanelCloseProvider(props)`
 
 Provides the panel-close callback to descendants. Rendered internally
@@ -1944,6 +2286,127 @@ function PanelCloseProvider({ close, children }: PanelCloseProviderProps): JSX.E
 
 **Returns:** The children wrapped in the close-context provider.
 
+#### `PromptDialog(props)`
+
+Modal that asks the user for a short string, replacing `window.prompt`.
+
+```typescript
+function PromptDialog({
+  open,
+  onClose,
+  title,
+  description,
+  placeholder,
+  initialValue = '',
+  onSubmit,
+  confirmLabel,
+  cancelLabel,
+  destructive = false,
+  inputMolId,
+  confirmMolId,
+  cancelMolId,
+  children,
+}: PromptDialogProps): JSX.Element
+```
+
+- `props` — Component props (see {@link PromptDialogProps}).
+
+#### `ResponsiveAppShellContent(props)`
+
+The shell's `<main>` landmark. Grows to fill the row and may shrink below
+its content width, so page-level `overflow-x` strips scroll inside the
+page instead of widening the whole shell.
+
+```typescript
+function ResponsiveAppShellContent({
+  children,
+  className,
+  style,
+  dataMolId = 'shell-content',
+  testId,
+}: ResponsiveAppShellContentProps): JSX.Element
+```
+
+- `props` — The page content and class/id overrides.
+
+**Returns:** The main landmark.
+
+#### `ResponsiveAppShellDrawer(props)`
+
+The mobile nav drawer (<768px): a left-anchored dialog panel over a
+backdrop, opened by the menu trigger the TopBar renders.
+
+Implements the WAI-ARIA APG dialog pattern — focus moves into the panel on
+open and returns to the previously focused element (the trigger) on close,
+Tab is trapped inside, Escape and backdrop clicks close, body scroll locks
+(reference-counted with any stacked `<Modal>`), and the shell closes it on
+SPA navigation. Renders nothing on desktop or while closed.
+
+```typescript
+function ResponsiveAppShellDrawer({
+  children,
+  header,
+  navLabel,
+  footer,
+  showCloseButton = true,
+  className,
+  dataMolId = 'shell-drawer',
+  closeDataMolId = 'shell-drawer-close',
+  testId,
+}: ResponsiveAppShellDrawerProps): JSX.Element | null
+```
+
+- `props` — Nav children, header/nav-label/footer slots, close-button and class/id overrides.
+
+**Returns:** The drawer portal while open on mobile, otherwise `null`.
+
+#### `ResponsiveAppShellSidebar(props)`
+
+The desktop sidebar (`<aside>` + `<nav>` landmarks). Renders NOTHING below
+768px — the {@link ResponsiveAppShellDrawer} carries the nav there.
+
+Full viewport height, sticky at the top edge, scrolls internally when its
+content outgrows the viewport.
+
+```typescript
+function ResponsiveAppShellSidebar({
+  children,
+  navLabel,
+  footer,
+  className,
+  dataMolId = 'shell-sidebar',
+  testId,
+}: ResponsiveAppShellSidebarProps): JSX.Element | null
+```
+
+- `props` — Nav children, nav label, footer slot, class/id overrides.
+
+**Returns:** The sidebar landmarks, or `null` below the breakpoint.
+
+#### `ResponsiveAppShellTopBar(props)`
+
+The shell's `<header>` landmark: menu trigger (mobile, when a Drawer is
+composed), brand, and trailing actions.
+
+Sticks to the top of the viewport by default. The menu trigger renders
+only while a `ResponsiveAppShell.Drawer` is part of the composition AND
+the viewport is below the breakpoint.
+
+```typescript
+function ResponsiveAppShellTopBar({
+  brand,
+  actions,
+  mobileOnly = false,
+  className,
+  dataMolId = 'shell-topbar',
+  testId,
+}: ResponsiveAppShellTopBarProps): JSX.Element | null
+```
+
+- `props` — Brand/actions slots, `mobileOnly`, and class/id overrides.
+
+**Returns:** The header landmark, or `null` when `mobileOnly` is set on desktop.
+
 #### `SidebarUserCard(props)`
 
 Sidebar-resident user-account card: avatar + name + status line, opens
@@ -2021,6 +2484,27 @@ function ToastProvider({
 
 **Returns:** The rendered provider with toast container.
 
+#### `useIsDesktop(query)`
+
+Whether the viewport is at least 768px wide (the fleet's `md` breakpoint).
+
+Reads `window.matchMedia` synchronously in the state initializer, so the
+FIRST client render is already correct — no mobile-then-desktop swap frame
+(this is time-tracking's QA-hardened version; the naive
+"state starts false, sync in an effect" variant mounts the wrong shell for
+one frame and double-fetches route data on desktop). Subscribes to
+`change` events afterwards. Guarded for non-browser environments
+(SSR/node): returns `false` (the mobile shell) when no `window.matchMedia`
+exists.
+
+```typescript
+function useIsDesktop(query?: string): boolean
+```
+
+- `query` — Override the media query. Defaults to `(min-width: 768px)`.
+
+**Returns:** Whether the desktop shell should mount.
+
 #### `usePanelClose()`
 
 Returns the callback that dismisses the drawer the current panel is
@@ -2292,6 +2776,24 @@ const Checkbox: React.ForwardRefExoticComponent<
 >
 ```
 
+#### `ConfirmButton`
+
+Two-step destructive-action button: the first click ARMS it ("Confirm?"),
+the second commits. Auto-disarms after {@link ConfirmButtonProps.disarmSeconds}
+(default 4s) so an armed-then-abandoned row can't surprise anyone later.
+
+Replaces the fleet's hand-rolled arm-confirm pattern (previously
+reimplemented per app — button flips, dialogs, `window.confirm`, or worse,
+nothing at all) with one accessible, touch-friendly implementation:
+the whole button is the target (≥36px via the button CVA), the armed
+state is announced through `aria-live`, and Escape disarms.
+
+```typescript
+const ConfirmButton: React.ForwardRefExoticComponent<
+  ConfirmButtonProps & React.RefAttributes<HTMLButtonElement>
+>
+```
+
 #### `Container`
 
 Container component.
@@ -2517,6 +3019,24 @@ const RadioGroup: React.ForwardRefExoticComponent<
 >
 ```
 
+#### `ResponsiveAppShell`
+
+The responsive app shell family — see the {@link ResponsiveAppShellBase |
+root component} and the module docs for the full contract.
+
+Consumed as `<ResponsiveAppShell.TopBar />`, `.Sidebar`, `.Drawer` and
+`.Content` inside `<ResponsiveAppShell>`; each is also exported as a named
+component (`ResponsiveAppShellTopBar`, …) for star-import consumers.
+
+```typescript
+const ResponsiveAppShell: typeof ResponsiveAppShellBase & {
+  TopBar: typeof ResponsiveAppShellTopBar
+  Sidebar: typeof ResponsiveAppShellSidebar
+  Drawer: typeof ResponsiveAppShellDrawer
+  Content: typeof ResponsiveAppShellContent
+}
+```
+
 #### `Select`
 
 Select component.

package/dist/components/ConfirmButton.d.ts

@@ -0,0 +1,71 @@
+/**
+ * ConfirmButton component.
+ *
+ * @module
+ */
+import React from 'react';
+import type { ButtonProps } from '@molecule/app-ui';
+/**
+ * Props for {@link ConfirmButton}.
+ */
+export interface ConfirmButtonProps extends Omit<ButtonProps, 'onClick' | 'children' | 'onConfirm' | keyof React.DOMAttributes<HTMLButtonElement>> {
+    /**
+     * Fired ONLY on the confirming (second) click — i.e. when the action
+     * actually commits. Errors should be handled by the caller (render an
+     * inline banner); while the returned promise is pending the button stays
+     * in its confirming state and ignores further clicks.
+     */
+    onConfirm: () => void | Promise<void>;
+    /**
+     * Visible label in the idle (armed-to-be-clicked) state.
+     */
+    label: React.ReactNode;
+    /**
+     * Visible label in the armed state — the "click again to confirm" step.
+     * Defaults to a localized "Confirm?" via the i18n bond.
+     */
+    confirmLabel?: React.ReactNode;
+    /**
+     * Visible label while {@link onConfirm} is pending. Defaults to a
+     * localized "Working…".
+     */
+    pendingLabel?: React.ReactNode;
+    /**
+     * Seconds before the armed state auto-disarms back to idle. Low-stakes
+     * actions tolerate a long window; destructive ones should keep it short.
+     * `0` disables auto-disarm (not recommended — a stray click then leaves
+     * the button armed forever).
+     */
+    disarmSeconds?: number;
+    /**
+     * Disable the control entirely (idle and confirming states).
+     */
+    disabled?: boolean;
+    /**
+     * data-mol-id for the button (all states share one element).
+     */
+    testId?: string;
+}
+/**
+ * Two-step destructive-action button: the first click ARMS it ("Confirm?"),
+ * the second commits. Auto-disarms after {@link ConfirmButtonProps.disarmSeconds}
+ * (default 4s) so an armed-then-abandoned row can't surprise anyone later.
+ *
+ * Replaces the fleet's hand-rolled arm-confirm pattern (previously
+ * reimplemented per app — button flips, dialogs, `window.confirm`, or worse,
+ * nothing at all) with one accessible, touch-friendly implementation:
+ * the whole button is the target (≥36px via the button CVA), the armed
+ * state is announced through `aria-live`, and Escape disarms.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmButton
+ *   label="Delete"
+ *   confirmLabel="Confirm delete?"
+ *   onConfirm={() => deleteClient(client.id)}
+ *   testId="client-delete"
+ * />
+ * ```
+ */
+export declare const ConfirmButton: React.ForwardRefExoticComponent<ConfirmButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ConfirmButton.d.ts.map

package/dist/components/ConfirmButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmButton.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGnD;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,WAAW,EACX,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACpF;IACC;;;;;OAKG;IACH,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa,8FA6FzB,CAAA"}