@owlmeans/web-auth-email 0.0.0-stage → 0.1.19

package/README.md

@@ -1,3 +1,117 @@
-# Temporary Holding Version
+# @owlmeans/web-auth-email
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The browser half of OwlMeans e-mail sign-in: the "Continue with email" method and its card (a
+mailed PIN, or a password where the deployment offers one), the post-sign-in "set a password" step,
+and the password panel for a settings screen — in eight languages. The contracts live in
+`@owlmeans/auth-email`; the server half is `@owlmeans/server-auth-email`.
+
+## Overview
+
+- `appendEmailLogin(ctx, { protocols, screen?, method?, offer? })` — the whole wiring, explicit
+  (importing the package registers no plugin): the client service, the `email` method, the offer
+  step and the strings
+- `emailAuthEntrypoints(protocols)` — the offer screen, bound, for the entrypoint list
+- `EmailLoginScreen` / `LocalizedEmailLoginScreen` — the card; `useEmailLogin()` — its headless model
+- `registerEmailLoginScreen(ctx, Component)` — replace the card entirely
+- `PasswordOfferScreen` — the post-sign-in offer
+- `PasswordPanel` (pure), `usePassword(aliases?)` (I/O), `ConnectedPasswordPanel` (both)
+- `emailLoginStateHelper`, `emailRefusalHelper`, `emailStorageHelper`, `passwordPanelHelper` —
+  the pure parts, for a replacement UI or a test
+- `cn` — the class-name merger the components are written against
+
+## Installation
+
+```bash
+bun add @owlmeans/web-auth-email@^0.1.19
+```
+
+The package ships its own private shadcn primitives (`alert`, `button`, `card`, `input`, `label`)
+and imports them with relative specifiers; consumers provide the React, Radix (`react-label`,
+`react-slot`), `lucide-react` and Tailwind peers. It does not depend on `@owlmeans/web-panel`.
+
+## The `@source` line — required
+
+Tailwind's scanner excludes `node_modules`, so add the package's `src` (and `@owlmeans/web-captcha`'s)
+to the app's Tailwind entry:
+
+```css
+@source "../../../node_modules/@owlmeans/web-auth-email/src";
+```
+
+## Usage
+
+```ts
+import { bindAll } from '@owlmeans/client-entrypoint'
+import { makeEmailAuthProtocols } from '@owlmeans/auth-email'
+import { appendEmailLogin, emailAuthEntrypoints } from '@owlmeans/web-auth-email'
+
+export const emailAuth = makeEmailAuthProtocols({ guards: [DEFAULT_GUARD], gate: { alias: APP_GATE } })
+
+// makeContext
+appendEmailLogin(context, { protocols: emailAuth, screen: { Logo: AppLogo, footer: <AppFooter /> } })
+
+// entrypoints
+export const entrypoints = [...framework, ...bindAll(emailAuth as never), ...emailAuthEntrypoints(emailAuth)]
+```
+
+The chooser then offers "Continue with email" (`[data-login-method="email"]`), and its card answers
+at `/authentication/login/email`. A sign-in ends like every self-contained plugin's: the token is
+adopted through the client auth service and `loginLandingOf(ctx).landAfterLogin()` lands — a pending
+step (marketing consent, then the password offer), a parked target, else home.
+
+A settings screen renders the password panel:
+
+```tsx
+<ConnectedPasswordPanel />                       // the tree given to appendEmailLogin
+<ConnectedPasswordPanel aliases={myAliases} />   // routes mounted under the app's own aliases
+```
+
+## Customising
+
+| What | How |
+|---|---|
+| The chooser button | `appendEmailLogin({ method })`, or `cfg.security.auth.login.overrides.email` (label, icon, order, emphasis, `hidden`, `enabled`) and `methods` (allow-list and order) |
+| The card | `screen`: `Logo`, `title`, `subtitle`, `footer`, `className`, `containerClassName`, `style`, `locale`, `translate` — the chooser card's own props |
+| Everything | `registerEmailLoginScreen(ctx, MyScreen)` with `useEmailLogin()` inside |
+| Strings | an app-tier bundle over `lib : auth-email` (below) |
+| Tests and styling | `data-email-login-*`, `data-email-offer-*`, `data-email-password-*` hooks |
+
+## Translations
+
+`lib : auth-email` (`login.*`, `captcha.*`, `offer.*`, `password.*`, `error.*`) in `en`, `pl`, `ru`,
+`be`, `uk`, `es`, `de`, `fr`, plus `login.method.email` in the `auth` resource. Override any string at
+the app tier, in the library namespace:
+
+```ts
+import { i18nHelper, LIB_NAMESPACE } from '@owlmeans/i18n'
+
+i18nHelper.addI18nApp('en', 'auth-email', { login: { title: 'Sign in to Acme' } }, { ns: LIB_NAMESPACE })
+```
+
+## Behaviour worth knowing
+
+- The device id is 16 random bytes in `localStorage` (`owlmeans:auth-email:device`); the offer ticket
+  waits in `sessionStorage` (`owlmeans:auth-email:offer`), bound to the account and its 15 minutes.
+  A browser that refuses storage still signs in (an ephemeral device id, no offer).
+- A captcha token is fetched right before each send-PIN and password sign-in when the deployment
+  asks for one, and Google's notice is shown; the badge stays hidden.
+- Refusals are phrased from the error or, in production, the HTTP status alone: 401 is a wrong code
+  or wrong credentials, 403 a refused captcha or confirmation code, 429 too many attempts, 422 a
+  password outside the policy, 409 an expired offer, 404 passwords off, 503 an outage.
+- No control is ever natively `disabled`: a blocked action carries `aria-disabled` and says why.
+
+<!-- owlmeans:agent-guidance:start -->
+## Agent guidance
+
+This package ships embedded agent skills under `agent-meta/`. After installing your
+`@owlmeans/*` packages, run the OwlMeans agent-skills installer to place them into
+your project's skill store (`.agents/skills/`):
+
+```sh
+npx @owlmeans/agent-skills@^0.1.19
+```
+
+The embedded files are version-matched to this package release. Do not edit them
+directly — they are regenerated on each publish. To contribute guidance edits,
+open a PR against the source monorepo.
+<!-- owlmeans:agent-guidance:end -->

package/THIRD-PARTY-NOTICES.txt

@@ -0,0 +1,24 @@
+shadcn/ui — copied UI components
+Source: https://github.com/shadcn-ui/ui
+
+MIT License
+
+Copyright (c) 2023 shadcn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/agent-meta/manifest.json

@@ -0,0 +1,16 @@
+{
+  "schemaVersion": 3,
+  "package": "@owlmeans/web-auth-email",
+  "version": "0.1.19",
+  "generatedAt": "2026-11-01T22:22:22.305Z",
+  "canonicalRepo": "https://github.com/owlmeans/common",
+  "entries": [
+    {
+      "kind": "skill",
+      "name": "web-auth-email",
+      "category": "package-specific",
+      "file": "skills/web-auth-email/SKILL.md",
+      "canonicalPath": ".agents/skills/web-auth-email/SKILL.md"
+    }
+  ]
+}

package/agent-meta/skills/web-auth-email/SKILL.md

@@ -0,0 +1,119 @@
+---
+name: web-auth-email
+description: How to use @owlmeans/web-auth-email — the browser half of OwlMeans e-mail sign-in. appendEmailLogin (explicit, never a side-effect import) registers the client service, the "Continue with email" login method, its own card at /authentication/login/email that mirrors the chooser card and shares its customisation levers, the post-sign-in "set a password" offer step and the eight-language strings; emailAuthEntrypoints binds the offer screen; useEmailLogin is the headless model; PasswordPanel / usePassword / ConnectedPasswordPanel manage a password from a settings screen. Covers the device id and offer ticket storage, captcha use, refusal phrasing, the @source line and the data-email-* hooks. Auto-invoked when adding e-mail sign-in to a web app, customising or replacing the e-mail card, rendering the password panel, or writing an e2e against the e-mail card.
+user-invocable: false
+---
+<!-- AUTO-GENERATED — do not edit. Regenerate via sync-agent-meta. -->
+
+# @owlmeans/web-auth-email
+
+**Layer:** Web (L11 — `client-auth`, `client-entrypoint`, `client-i18n`, `web-captcha`, `auth-email`; NOT `web-panel`)
+**Install:** `"@owlmeans/web-auth-email": "^0.1.19"` in `dependencies`
+**Peers:** React, `react-dom`, `@radix-ui/react-{label,slot}`, `class-variance-authority`, `clsx`,
+`lucide-react`, `tailwind-merge`, `tailwindcss`
+
+## Wiring
+
+```typescript
+import { bindAll } from '@owlmeans/client-entrypoint'
+import { appendEmailLogin, emailAuthEntrypoints } from '@owlmeans/web-auth-email'
+
+// makeContext, beside appendLoginScreen
+appendEmailLogin(context, { protocols: emailAuthProtocols, screen: { Logo: AppLogo, footer: <AppFooter /> } })
+
+// entrypoints: the API routes the browser calls — the tree minus `tech` (cast: the frozen tree has
+// no index signature) — then the offer screen
+const { base, options, pin, signIn, password } = emailAuthProtocols
+export const entrypoints = [
+  ...framework,
+  ...bindAll({ base, options, pin, signIn, password } as never),
+  ...emailAuthEntrypoints(emailAuthProtocols),
+]
+```
+
+`appendEmailLogin(ctx, { protocols, screen?, method?, offer? })` does everything beyond binding:
+
+- the client service `EMAIL_LOGIN_SERVICE` over `protocols` (a thin transport — every call rejects
+  with its route's error; `options()` cached after the first success);
+- the `email` `AuthenticationPlugin`: `requiresRenderer: false`, method `{ id: 'email', i18nKey:
+  'email', icon: 'mail', order: 20, emphasis: 'secondary', ...opts.method }`, and `available`
+  asking for the client service — a bundle that merely contains the package never grows a button;
+- the offer `LoginStep` (`offer !== false`), priority `-10`, below marketing consent (`0`);
+- the `auth-email` library strings and `login.method.email` in the `auth` resource, 8 languages.
+
+**Explicit by design** — importing the package registers nothing. Bind the API routes the browser
+calls and leave `tech` out: the developer routes are Ed25519-signed operator calls, never the
+browser's. `registerEmailLoginScreen(ctx, C)` must come after `appendEmailLogin`.
+
+## The card mirrors the chooser
+
+The method button opens its own card at `/authentication/login/email` (the typed authentication
+route). It is the chooser card's twin, customised with the SAME levers:
+
+| What | How |
+|---|---|
+| The chooser button | `appendEmailLogin({ method })`, or `cfg.security.auth.login.overrides.email` (label, icon, order, emphasis, `hidden`, `enabled`) and `methods` (allow-list + order) |
+| The card | `screen` = `Pick<LoginScreenProps, 'Logo' \| 'title' \| 'subtitle' \| 'footer' \| 'className' \| 'containerClassName' \| 'style' \| 'locale' \| 'translate'>` — a host's own props win |
+| Everything | `registerEmailLoginScreen(ctx, MyScreen)` built on `useEmailLogin()` |
+| Strings | an app-tier bundle over `lib : auth-email`, `{ ns: LIB_NAMESPACE }` |
+
+Like `LoginScreen` it centres the card in an INLINE `minHeight: 100dvh` (never a class — a stale
+`@source` scan drops a new utility), its default footer is the chooser's credit line
+(`resolveCredit`), and "Other sign-in options" (`data-email-login-other`) leads back to the
+dispatcher.
+
+## The flow (`useEmailLogin`)
+
+e-mail → `options` → "Receive authentication PIN code" (a captcha token for `email_pin` when
+`options.captcha`) → PIN field (`inputMode=numeric`, `autocomplete=one-time-code`, resend, change
+address) → signed in. "Already set a password? Use it" appears only when `options.password`: a
+password field (show/hide, `autocomplete=current-password`) with a captcha token for
+`email_password`; a `{ challenge, reason: 'device' }` answer switches to PIN entry with the
+unknown-device notice. The current UI language rides on every PIN request as `locale`. Completion
+is every self-contained plugin's: keep the offer ticket, adopt the token through the client auth
+service, `loginLandingOf(ctx).landAfterLogin()` — a pending step (marketing consent, then the
+offer), a parked flow, else home.
+
+- Device id: 16 random bytes base64url in `localStorage` `owlmeans:auth-email:device`; offer ticket
+  in `sessionStorage` `owlmeans:auth-email:offer`, bound to the account and its 15 minutes. Refused
+  storage still signs in (an ephemeral device id, no offer).
+- The offer step is pending only while a ticket of THIS account is stored AND the status says
+  enabled, unset, not declined; a status read that fails is "not pending" (fails open).
+  `PasswordOfferScreen`: set (new + repeat) or "Not now" (decline); both continue the login.
+- With a captcha, Google's notice (`CaptchaNotice`) is shown and the badge hidden (`web-captcha`).
+
+## Password panel
+
+`PasswordPanel` is pure (props in, callbacks out); `usePassword(aliases?, { locale })` does the I/O
+over injectable entrypoint aliases; `ConnectedPasswordPanel` joins them and sends the interface
+language. States: feature off (a notice), no password (Set), password set (Change, Remove); each
+action is "send code" → PIN (+ new password fields) → confirm, the PIN mailed to the account's own
+address. The panel renders a complete `Card` — a host that puts it inside its own card flattens it
+with direct-child `data-slot` selectors rather than nesting cards.
+
+## Rules
+
+- **`@source` is required**: `@source "../../../node_modules/@owlmeans/web-auth-email/src";` — its
+  private shadcn primitives (`alert`, `button`, `card`, `input`, `label`, imported relatively) carry
+  classes the app's Tailwind scan never sees otherwise. `web-captcha` renders nothing and needs none.
+- **No control is natively `disabled`**: a blocked action carries `aria-disabled` and says why (a
+  Playwright click on it needs `{ force: true }`).
+- **Refusals are phrased from the error, or the status alone** (`emailRefusalHelper`): 401 wrong
+  code or credentials, 403 refused captcha or confirmation, 429 too many attempts (retry-after),
+  422 weak password, 409 expired offer, 404 passwords off, 503 an outage.
+- A new string goes into all eight `src/i18n/<lng>.json` files (`tests/i18n.spec.ts` checks parity
+  and every `t()` key).
+
+## Test hooks
+
+`data-email-login-screen` / `-card` / `-form` (`email` \| `pin` \| `password`) / `-email` /
+`-send` / `-pin` / `-submit` / `-resend` / `-change` / `-use-password` / `-use-pin` / `-password` /
+`-captcha` / `-error` (`data-refusal`) / `-other` / `-done`; `data-email-offer` (`data-state="leaving"` when nothing is left to offer) / `-password` /
+`-repeat` / `-save` / `-skip` / `-error`; `data-email-password-*` on the panel. `@owlmeans/test-ui`'s
+`loginViaEmailForm` drives them.
+
+## Related
+
+`auth-email` · `server-auth-email` · `login-methods` (the chooser, `overrides`, the credit line) ·
+`login-plugins` (steps and landing) · `web-auth-token` (the same pure-panel + hook shape) ·
+`web-captcha` · `testing-ui`

package/build/@/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

package/build/@/components/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/@/components/ui/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/build/@/components/ui/alert.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+            success: "text-success bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-success/90",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className), ...props }));
+}
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.js.map

package/build/@/components/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/@/components/ui/alert.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,aAAa,GAAG,GAAG,CACvB,mOAAmO,EACnO;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,8BAA8B;YACvC,WAAW,EACT,mGAAmG;YACrG,OAAO,EACL,2FAA2F;SAC9F;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAED,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACyD;IACjE,OAAO,CACL,2BACY,OAAO,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/build/@/components/ui/button.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    size?: "default" | "icon" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/build/@/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/@/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EA6BnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,qBAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/build/@/components/ui/button.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/build/@/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/@/components/ui/button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CACxB,4cAA4c,EAC5c;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kEAAkE;YACpE,WAAW,EACT,6JAA6J;YAC/J,OAAO,EACL,uIAAuI;YACzI,SAAS,EACP,wEAAwE;YAC1E,KAAK,EACH,sEAAsE;YACxE,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,sCAAsC;YAC1C,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEtC,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/build/@/components/ui/card.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map

package/build/@/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/@/components/ui/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}

package/build/@/components/ui/card.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+function Card({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card", className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className), ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-title", className: cn("leading-none font-semibold", className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+}
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-content", className: cn("px-6", className), ...props }));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className), ...props }));
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.js.map

package/build/@/components/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/@/components/ui/card.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAChE,OAAO,CACL,2BACY,MAAM,EAChB,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,4JAA4J,EAC5J,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}

package/build/@/components/ui/input.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/build/@/components/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/@/components/ui/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAc1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/build/@/components/ui/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ...props }));
+}
+export { Input };
+//# sourceMappingURL=input.js.map

package/build/@/components/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/@/components/ui/input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,icAAic,EACjc,+EAA+E,EAC/E,wGAAwG,EACxG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/build/@/components/ui/label.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/build/@/components/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/@/components/ui/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAIvD,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,qBAWlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/build/@/components/ui/label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cn } from '../../lib/utils.js';
+function Label({ className, ...props }) {
+    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
+}
+export { Label };
+//# sourceMappingURL=label.js.map

package/build/@/components/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/@/components/ui/label.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,SAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACL,KAAC,cAAc,CAAC,IAAI,iBACR,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,qNAAqN,EACrN,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/build/@/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/build/@/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/build/@/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=utils.js.map

package/build/@/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/@/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/build/append.d.ts

@@ -0,0 +1,23 @@
+import type { BasicConfig, BasicContext } from '@owlmeans/context';
+import type { ClientConfig, ClientContext } from '@owlmeans/client-context';
+import type { EmailLoginAppendOptions, EmailLoginScreenComponent } from './types.js';
+import './i18n.js';
+/**
+ * Wire e-mail sign-in into a web app — the whole of it beyond binding the protocol tree (`bindAll`)
+ * and `emailAuthEntrypoints(protocols)` in the application's entrypoint list:
+ *
+ * - the client service `EMAIL_LOGIN_SERVICE` over `protocols`;
+ * - the `email` authentication plugin — "Continue with email" on the chooser, its card at
+ *   `/authentication/login/email` (`opts.screen` dresses it, `opts.method` the button);
+ * - the post-sign-in "set a password" step, below marketing consent (`opts.offer !== false`);
+ * - the `auth-email` strings and `login.method.email` in eight languages.
+ *
+ * Explicit by design: importing this package registers no plugin.
+ */
+export declare const appendEmailLogin: <C extends ClientConfig, T extends ClientContext<C>>(context: T, opts: EmailLoginAppendOptions) => T;
+/**
+ * Replace the screen the e-mail route renders — a whole new card built on `useEmailLogin()`, for an
+ * application whose sign-in looks nothing like the chooser. Call it after `appendEmailLogin`.
+ */
+export declare const registerEmailLoginScreen: <C extends BasicConfig>(context: BasicContext<C>, screen: EmailLoginScreenComponent) => void;
+//# sourceMappingURL=append.d.ts.map

package/build/append.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"append.d.ts","sourceRoot":"","sources":["../src/append.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAQ3E,OAAO,KAAK,EACV,uBAAuB,EAA2B,yBAAyB,EAE5E,MAAM,YAAY,CAAA;AACnB,OAAO,WAAW,CAAA;AAalB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,WACxE,CAAC,QAAQ,uBAAuB,KACxC,CAUF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,WAAW,WACnD,YAAY,CAAC,CAAC,CAAC,UAAU,yBAAyB,KAC1D,IAKF,CAAA"}

package/build/append.js

@@ -0,0 +1,49 @@
+import { createElement } from 'react';
+import { authPluginHelper } from '@owlmeans/client-auth/manager/plugins';
+import { ensureLoginService } from '@owlmeans/client-auth/login';
+import { EMAIL_LOGIN_SERVICE } from '@owlmeans/auth-email';
+import { LocalizedEmailLoginScreen } from './components/screen.js';
+import { makeEmailLoginPlugin } from './plugin.js';
+import { appendEmailLoginClient } from './service.js';
+import { emailOfferStep } from './step.js';
+import './i18n.js';
+/** The default screen, dressed with the application's setup; a host's own props still win. */
+const screenOf = (setup) => {
+    if (setup == null || Object.keys(setup).length < 1) {
+        return LocalizedEmailLoginScreen;
+    }
+    const Configured = props => createElement(LocalizedEmailLoginScreen, { ...setup, ...props });
+    return Configured;
+};
+/**
+ * Wire e-mail sign-in into a web app — the whole of it beyond binding the protocol tree (`bindAll`)
+ * and `emailAuthEntrypoints(protocols)` in the application's entrypoint list:
+ *
+ * - the client service `EMAIL_LOGIN_SERVICE` over `protocols`;
+ * - the `email` authentication plugin — "Continue with email" on the chooser, its card at
+ *   `/authentication/login/email` (`opts.screen` dresses it, `opts.method` the button);
+ * - the post-sign-in "set a password" step, below marketing consent (`opts.offer !== false`);
+ * - the `auth-email` strings and `login.method.email` in eight languages.
+ *
+ * Explicit by design: importing this package registers no plugin.
+ */
+export const appendEmailLogin = (context, opts) => {
+    appendEmailLoginClient(context, opts.protocols, { screen: screenOf(opts.screen) });
+    authPluginHelper.registerAuthPlugin(makeEmailLoginPlugin(opts.method));
+    if (opts.offer !== false) {
+        const client = context.service(EMAIL_LOGIN_SERVICE);
+        ensureLoginService(context).registerStep(emailOfferStep(client, opts.protocols.offer.alias));
+    }
+    return context;
+};
+/**
+ * Replace the screen the e-mail route renders — a whole new card built on `useEmailLogin()`, for an
+ * application whose sign-in looks nothing like the chooser. Call it after `appendEmailLogin`.
+ */
+export const registerEmailLoginScreen = (context, screen) => {
+    if (!context.hasService(EMAIL_LOGIN_SERVICE)) {
+        throw new SyntaxError('auth-email: call appendEmailLogin before registerEmailLoginScreen');
+    }
+    context.service(EMAIL_LOGIN_SERVICE).registerScreen(screen);
+};
+//# sourceMappingURL=append.js.map

package/build/append.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"append.js","sourceRoot":"","sources":["../src/append.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAW,MAAM,OAAO,CAAA;AAG9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAK1C,OAAO,WAAW,CAAA;AAElB,8FAA8F;AAC9F,MAAM,QAAQ,GAAG,CAAC,KAA6B,EAA6B,EAAE;IAC5E,IAAI,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACnD,OAAO,yBAAyB,CAAA;IAClC,CAAC;IACD,MAAM,UAAU,GAA8B,KAAK,CAAC,EAAE,CACpD,aAAa,CAAC,yBAAyB,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;IAElE,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAU,EAAE,IAA6B,EACtC,EAAE;IACL,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAClF,gBAAgB,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAEtE,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAA0B,mBAAmB,CAAC,CAAA;QAC5E,kBAAkB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAC9F,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,OAAwB,EAAE,MAAiC,EACrD,EAAE;IACR,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,CAAC;QAC7C,MAAM,IAAI,WAAW,CAAC,mEAAmE,CAAC,CAAA;IAC5F,CAAC;IACD,OAAO,CAAC,OAAO,CAA0B,mBAAmB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AACtF,CAAC,CAAA"}

package/build/components/connected.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { ConnectedPasswordPanelProps } from './types.js';
+/**
+ * The password panel wired to the password routes of the current context — the whole feature in
+ * one element, and the only piece of it that talks to a server.
+ */
+export declare const ConnectedPasswordPanel: FC<ConnectedPasswordPanelProps>;
+//# sourceMappingURL=connected.d.ts.map

package/build/components/connected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../src/components/connected.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAA;AAE7D;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAwBlE,CAAA"}

package/build/components/connected.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLanguage } from '@owlmeans/client-i18n';
+import { usePassword } from '../hooks/use-password.js';
+import { useEmailAuthTranslate } from '../hooks/use-translate.js';
+import { PasswordPanel } from './panel.js';
+/**
+ * The password panel wired to the password routes of the current context — the whole feature in
+ * one element, and the only piece of it that talks to a server.
+ */
+export const ConnectedPasswordPanel = ({ aliases, translate, title, description, className, }) => {
+    const own = useEmailAuthTranslate();
+    const [lng] = useLanguage();
+    const model = usePassword(aliases, { locale: lng });
+    return _jsx(PasswordPanel, { status: model.status, loading: model.loading, busy: model.busy, pending: model.pending, refusal: model.refusal, done: model.done, onSendPin: model.sendPin, onConfirm: model.confirm, onCancel: model.cancel, onReload: model.reload, translate: translate ?? own, locale: lng, title: title, description: description, className: className });
+};
+//# sourceMappingURL=connected.js.map