@owlmeans/web-panel 0.1.18-rc.2 → 0.1.18-rc.20

package/README.md

@@ -36,9 +36,12 @@ Generate the matching primitives in your app once. You can either copy them
 from this package's `src/@/components/ui/` or use the shadcn CLI:
 
 ```sh
-npx shadcn add button card input label progress alert separator
+npx shadcn add button card input label progress alert separator navigation-menu
 ```
 
+`navigation-menu` also needs `@radix-ui/react-navigation-menu` in your app's
+dependencies — the `TopNav` section menu is built on it.
+
 This package was authored against the shadcn `new-york` style with
 `baseColor: neutral`. See `components.json` for the exact config.
 
@@ -69,6 +72,85 @@ A working set is shipped at `src/@/globals.css` (for dev/test only).
 resolve: { alias: { '@': fileURLToPath(new URL('./src/@', import.meta.url)) } }
 ```
 
+### 4. Tailwind `@source` for this package
+
+Tailwind's scanner reads your CSS root plus its `@source` directives, and it
+excludes `node_modules`. Classes that exist only inside this package's
+components — the whole navigation shell and footer — therefore never reach your
+stylesheet unless you point Tailwind at the built package:
+
+```css
+@import "tailwindcss";
+
+@source "../../../node_modules/@owlmeans/web-panel/build";
+```
+
+Adjust the relative depth to your own layout; the target is this package's
+installed `build` directory.
+
+## Navigation shell
+
+`NavLayout` is the standard application shell — header, section menu, the active
+section's screen menu, content, footer. A layout entrypoint elevates a component
+that renders it and nothing else; the matched screen arrives as `children`.
+
+```tsx
+import { NavLayout, HOME } from '@owlmeans/web-panel'
+import type { PanelNavConfig, PanelNavLink } from '@owlmeans/web-panel'
+
+const navConfig: PanelNavConfig = {
+  sections: [
+    { name: 'home', label: 'Home', items: [{ alias: HOME, label: 'Overview' }] },
+    {
+      name: 'demo', label: 'Demo', items: [
+        { alias: web.session, label: 'Session' },
+        { alias: web.about, label: 'About' },
+      ]
+    },
+  ],
+}
+
+const footerLinks: PanelNavLink[] = [
+  { alias: HOME, label: 'My App' },
+  { href: 'https://owlmeans.com', label: 'OwlMeans', open: true },
+]
+
+export const MainLayout: FC<PropsWithChildren> = ({ children }) => (
+  <NavLayout nav={navConfig} title="My App" footer={footerLinks}>
+    {children}
+  </NavLayout>
+)
+```
+
+Navigation is **two-layer**: the top menu lists sections, the side menu lists the
+active section's screens. A section holding a single screen renders **no side
+menu at all**. `NavLayout` mounts `SideNav` twice — a `hidden md:block` column
+beside the content and a `md:hidden` strip under the header — so the same items
+serve wide and narrow viewports.
+
+| Component | Props |
+|---|---|
+| `NavLayout` | `nav`, `translate?`, `title?`, `home?` (brand target; defaults to the first section's first item), `actions?`, `footer?` (`PanelNavLink[]` renders the standard footer, a node replaces it), `contentClassName?`, `className?`, `style?` |
+| `TopNav` | `config`, `translate?`, `ariaLabel?`, `className?`, `style?` |
+| `SideNav` | the same, plus `variant?: 'side' \| 'bar'` |
+| `Footer` | `links?`, `translate?`, `children?`, `className?`, `style?` |
+
+The navigation model itself (`usePanelNav`, `PanelNavConfig`, `PanelNavItem`,
+`PanelNavSection`, `PanelNavLink`, `NavTranslate`) is headless and lives in
+[`@owlmeans/client-panel`](../client-panel); these components are its shadcn
+rendering.
+
+Two things to know when wiring it:
+
+- **Labels do not use i18n unless you pass a resolver.** `translate` is a prop
+  (`NavTranslate`), defaulting to one that returns the fallback, because an app
+  rendered without an i18n provider throws if a menu reads the panel i18n
+  context. Labels resolve as literal `label` → `translate(key, humanized)` →
+  humanized alias, with default keys `nav.<section>` and `modules.<alias>`.
+- **A parent route needs a `default: true` child.** A frontend entrypoint with
+  children but no default child renders blank at its own path — give a grouping
+  screen an index child at `'/'`.
+
 ## Breaking changes vs `@owlmeans/mui-panel`
 
 This package keeps the same public name and re-export surface as the
@@ -103,7 +185,8 @@ Consumers that need the previous MUI behaviour should swap to
 
 ```ts
 import {
-  PanelApp, Layout, Form, TextInput, SubmitButton, Button, ButtonSelector,
+  PanelApp, Layout, NavLayout, TopNav, SideNav, Footer,
+  Form, TextInput, SubmitButton, Button, ButtonSelector,
   Block, Text, Link, Status, ImageUploader,
   scalingToStyles, useBreakPoint, useMapBreakpoint,
   render,

package/agent-meta/manifest.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": 2,
   "package": "@owlmeans/web-panel",
-  "version": "0.1.18-rc.0",
-  "generatedAt": "2026-08-16T22:20:50.516Z",
+  "version": "0.1.18-rc.19",
+  "generatedAt": "2026-08-30T20:53:43.839Z",
   "canonicalRepo": "https://github.com/owlmeans/common",
   "entries": [
     {

package/agent-meta/skills/web-panel/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: web-panel
-description: How to use @owlmeans/web-panel — base browser context factory (makeContext) with shadcn/Radix + Tailwind and the default OwlMeans router wired in, plus form/panel components. Auto-invoked when building a web app's makeContext or importing web panel components.
+description: How to use @owlmeans/web-panel — base browser context factory (makeContext) with shadcn/Radix + Tailwind and the default OwlMeans router wired in, plus the two-layer navigation shell (NavLayout/TopNav/SideNav/Footer) and form/panel components. Auto-invoked when building a web app's makeContext, wiring its navigation or layout, or importing web panel components.
 user-invocable: false
 ---
 <!-- AUTO-GENERATED — do not edit. Regenerate via sync-agent-meta. -->
@@ -8,15 +8,18 @@ user-invocable: false
 # @owlmeans/web-panel
 
 **Layer:** Web (React)
-**Install:** `"@owlmeans/web-panel": "^0.1.18-rc.0"` in `dependencies`
+**Install:** `"@owlmeans/web-panel": "^0.1.18-rc.19"` in `dependencies`
 
 ## Key Exports
 
 | Export | Description |
 |--------|-------------|
 | `makeContext<C, T>(cfg)` | Base web context factory (shadcn/Radix + default OwlMeans router) |
+| `NavLayout` | The application shell — header, section menu, screen menu, content, footer |
+| `TopNav` / `SideNav` / `Footer` | The shell's pieces, mountable on their own |
+| `Toaster` | The application's toast surface — mounted once, in the layout |
 | `components` submodule | shadcn/Radix panel/form components |
-| Re-exports from `@owlmeans/client-panel` | Cross-platform panel primitives |
+| Re-exports from `@owlmeans/client-panel` | Cross-platform panel primitives, incl. `usePanelNav` and the `PanelNav*` types |
 | `main`, `exports`, `context`, `modules`, `types` | Wiring helpers |
 
 ## Subpath Exports
@@ -41,9 +44,159 @@ export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T =
 }
 ```
 
+### Navigation — `NavLayout`
+
+`NavLayout` is the application shell. A layout entrypoint elevates a component that renders it and
+nothing else; the matched screen arrives as `children`. Keep the navigation as data in its own
+module (`src/nav.ts`) so screens, modules and the shell all read the same aliases.
+
+```tsx
+import { NavLayout, HOME } from '@owlmeans/web-panel'
+import type { PanelNavConfig, PanelNavLink } from '@owlmeans/web-panel'
+
+export const navConfig: PanelNavConfig = {
+  sections: [
+    { name: 'home', label: 'Home', items: [{ alias: HOME, label: 'Overview' }] },
+    {
+      name: 'demo', label: 'Demo', items: [
+        { alias: web.session, label: 'Session' },
+        { alias: web.about, label: 'About' },
+      ]
+    },
+  ],
+}
+
+export const footerLinks: PanelNavLink[] = [
+  { alias: HOME, label: 'My App' },
+  { href: 'https://owlmeans.com', label: 'OwlMeans', open: true },
+]
+
+export const MainLayout: FC<PropsWithChildren> = ({ children }) =>
+  <NavLayout nav={navConfig} title="My App" footer={footerLinks}>{children}</NavLayout>
+```
+
+**Navigation is two-layer.** The top menu lists **sections** — the first level; the side menu lists
+the **active section's screens** — the second. A section holding a single screen renders **no side
+menu at all**: the model owns that rule (`showSide`), so a section that later grows a second screen
+gains its menu with no layout change. `NavLayout` mounts `SideNav` twice — `variant="side"` as the
+`hidden md:block` column beside the content, `variant="bar"` as the `md:hidden` strip under the
+header. Both render the same items; only one is visible at a time.
+
+| Component | Props |
+|---|---|
+| `NavLayout` | `nav: PanelNavConfig`, `translate?`, `title?: ReactNode`, `home?: string` (brand target — defaults to the first section's first item), `actions?: ReactNode`, `footer?: PanelNavLink[] \| ReactNode`, `headerClassName?`, `contentClassName?`, `containerClassName?`, `className?`, `style?` |
+| `TopNav` | `config: PanelNavConfig`, `translate?`, `ariaLabel?`, `className?`, `style?` |
+| `SideNav` | the same, plus `variant?: 'side' \| 'bar'` |
+| `Footer` | `links?: PanelNavLink[]`, `translate?`, `children?`, `className?`, `style?` |
+
+**The style slots are REGIONS, and each region is its own SURFACE.** `className` is the root —
+the full-height page *behind* the header, side menu and footer. `headerClassName` is the sticky
+top bar. `contentClassName` is the content area. `containerClassName` is width and padding for
+all three at once, never colour.
+
+The header paints an opaque background of its own, because it is sticky and content scrolls
+beneath it. That makes it a **different surface from the root**, so it states `text-foreground`
+alongside its `bg-background` — not as decoration, and not redundantly. A root carrying a
+contrasting pair (`className="bg-primary text-primary-foreground"`, an ordinary dark shell)
+otherwise inherits its near-white foreground into a near-white bar, and every header child that
+states no colour of its own — the brand, a ghost-variant action button — is painted in the
+foreground of a surface it is not on. It type-checks, it builds, it renders, and the menu is
+invisible. Pinned by `tests/nav.spec.ts` → "the header is its own surface", which measures
+rendered lightness rather than class names; the harness root carries a dark shell permanently so
+every navigation test runs against that case.
+
+**Every style slot is MERGED over its default — none of them substitutes.** `className`,
+`headerClassName`, `contentClassName` and `containerClassName` all go through `cn`, so a caller
+names only the utility it wants to move and tailwind-merge drops just the one it conflicts with.
+This matters most for `containerClassName`, whose default is a four-part rhythm
+(`mx-auto w-full max-w-6xl px-4`): a design asking for a wider page writes `max-w-[1280px]` and
+means *wider*, not *unpadded and uncentred*. Substituting there took `px-4` and `mx-auto` down
+with the width and left the header, content and footer all flush to the window edge. Pinned by
+`nav.spec.ts` → "a width-only rhythm override keeps the side padding"; the harness passes a
+width-only override permanently.
+
+**A dark top bar is asked for with `headerClassName`**, giving it both halves
+(`bg-secondary text-secondary-foreground`) — never by colouring the root and expecting the bar
+to follow.
+
+**The shell reads exactly five theme variables**: `--background` (page and top bar),
+`--foreground` (active section link), `--muted-foreground` (resting section links) and
+`--accent`/`--accent-foreground` (active side-menu item). It reads **no `--sidebar*` variable at
+all**. So `--muted-foreground` is not merely the text colour of the `--muted` surface — it is
+secondary text sitting directly on `--background`, and a theme that lightens it to suit a dark
+muted panel loses its top menu.
+
+Rules that make the shell behave:
+
+- **Labels never reach for i18n implicitly.** `translate` is a **prop** (`NavTranslate`), defaulting
+  to `defaultNavTranslate`, which returns the fallback. An app mounted with `renderApp` from
+  `@owlmeans/web-client` has no i18n provider, and the panel i18n hook dereferences `i18n.options`
+  on the empty object `react-i18next` returns without an instance — a throw inside render that
+  blanks the whole app. An app that does have i18n passes its own
+  `(key, defaultValue) => string` resolver. Order: literal `label` → `translate(key, humanized)` →
+  humanized alias. Default keys are
+  `nav.<section>` for sections and `modules.<alias>` for items and footer links — the same family
+  `Link` uses.
+- **Menu entries are real links.** `TopNav` puts the resolved path on `href` and calls
+  `preventDefault()` in `onClick`, navigating in-app through `nav.press`. Never drop the `href`: an
+  `<a>` without one is not focusable, does not answer the keyboard, cannot be opened in a new tab,
+  and does not even carry the `link` role.
+- **A parent route needs a `default: true` child.** A frontend entrypoint that has children but no
+  child declared `default: true` renders blank at its own path — give a grouping screen an index
+  child at `'/'`.
+- **Vendor `navigation-menu`.** `SideNav` builds on the existing `Button`; `TopNav` uses the shadcn
+  `navigation-menu` primitive — see the `@` contract below.
+
+### Toasts — `Toaster`
+
+An action that succeeded or failed says so in a toast. The surface is `Toaster`; the messages are
+`toast.success(...)` / `toast.error(...)` imported from **`sonner`** by whatever raised them.
+
+```tsx
+import { NavLayout, Toaster } from '@owlmeans/web-panel'
+
+export const MainLayout: FC<PropsWithChildren> = ({ children }) => <>
+  <NavLayout nav={navConfig} title="My App">{children}</NavLayout>
+  <Toaster />
+</>
+```
+
+- **Mount it exactly once, in the layout.** `toast()` writes to a module-global store, so two
+  mounted `Toaster`s render every message twice and none renders any of them — both failures are
+  silent, which is why `tests/toaster.spec.ts` asserts the count rather than the presence.
+- **Colours come from the app's own tokens** — `--popover`, `--popover-foreground`, `--border` —
+  so a toast matches every other floating surface. A caller's `style` merges over them.
+- **The theme follows the `.dark` class on the document element**, not a theme provider: the
+  package reads the class an app's `next-themes`, the owl theme provider, or a hand-written
+  toggle all set, and depends on none of them. Pass `theme` explicitly to override.
+- Defaults are `richColors`, `closeButton`, `duration={5000}`, `position="top-right"`; every one
+  of them, and every other `ToasterProps` field, is overridable per app.
+- `sonner` is a dependency of this package, so nothing is required of the consumer — but an app
+  raising its own toasts should declare `sonner` too, at a range that resolves to the same copy.
+
+## Consumer setup — the `@` contract and Tailwind
+
+`web-panel` emits `@/components/ui/*` and `@/lib/utils` verbatim; the app's bundler resolves `@` to
+its own shadcn copy. Vendor every primitive the package imports: `alert`, `button`, `card`, `input`,
+`label`, `navigation-menu`, `progress` (plus `separator` if you use it), and add
+`@radix-ui/react-navigation-menu` alongside the other Radix peers.
+
+Then point Tailwind at the built package. Its oxide scanner reads the CSS root plus `@source`
+directives only, and excludes `node_modules` — so classes that exist **only** inside `web-panel`
+components (the whole navigation shell and footer) never reach the stylesheet, and the app renders
+an unstyled menu. In the app's Tailwind entry:
+
+```css
+@import "tailwindcss";
+
+@source "../../../node_modules/@owlmeans/web-panel/build";
+```
+
+Adjust the relative depth to your own layout; the target is the installed package's `build`.
+
 ## Depends On
 
 - `@owlmeans/web-client`, `@owlmeans/client-panel`, `@owlmeans/client-i18n`, `@owlmeans/web-router`
 - Peers (app-provided): `react`, `react-dom`, `react-hook-form`, `tailwindcss`, `tailwind-merge`,
   `clsx`, `class-variance-authority`, `lucide-react`, `ajv`, and the `@radix-ui/react-*` primitives
-  (`label`, `progress`, `separator`, `slot`). No MUI, no react-router.
+  (`label`, `navigation-menu`, `progress`, `separator`, `slot`). No MUI, no react-router.

package/build/@/components/ui/navigation-menu.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): React.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): React.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): React.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): React.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): React.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): React.JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/build/@/components/ui/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../src/@/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAM1E,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,qBAeA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAQ3D;AAED,QAAA,MAAM,0BAA0B,oFAE/B,CAAA;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBAc9D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,qBAY9D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,qBAiB/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,qBAW3D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,qBAahE;AAED,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC3B,CAAA"}

package/build/@/components/ui/navigation-menu.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
+}
+function NavigationMenuList({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 list-none items-center justify-center gap-1", className), ...props }));
+}
+function NavigationMenuItem({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props }));
+}
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] }));
+}
+function NavigationMenuContent({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className), ...props }));
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return (_jsx("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className), ...props }) }));
+}
+function NavigationMenuLink({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Indicator, { "data-slot": "navigation-menu-indicator", className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className), ...props, children: _jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" }) }));
+}
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.js.map

package/build/@/components/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../../src/@/components/ui/navigation-menu.tsx"],"names":[],"mappings":"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"}

package/build/auth/plugins/basic-ed25519.js

@@ -22,7 +22,7 @@ export const Ed22519BasicAuthUIPlugin = ({ type, stage, control }) => {
 };
 const createSubmit = (context, control) => async (data) => {
     const token = await control.authenticate({
-        entityId: data.entityId,
+        entitySlug: data.entityId,
         userId: data.address,
         credential: data.privateKey
     });

package/build/auth/plugins/basic-ed25519.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-ed25519.js","sourceRoot":"","sources":["../../../src/auth/plugins/basic-ed25519.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kCAAkC,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAA;AAClG,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,CAAC,MAAM,wBAAwB,GAA2B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,OAAgC,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3F,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,mBAAmB,CAAC,YAAY;gBACnC,OAAO,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,GAAG,CAC9C,IAAI,CAAC,EAAE,CAAC,KAAC,SAAS,IAAY,IAAI,EAAE,IAAI,EAAE,KAAK,UAAvB,IAAI,CAAsB,CACnD,CAAA;YACH;gBACE,OAAO,KAAC,QAAQ,KAAG,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,KAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAE,YAAY,CAAC,IAAI,EACtE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,EAClD,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YACpC,KAAC,OAAO,KAAG,GACN,CAAA;AACT,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,OAAmB,EAAE,OAA8B,EAAE,EAAE,CAAC,KAAK,EAAE,IAAc,EAAE,EAAE;IACrG,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC;QACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,MAAM,EAAE,IAAI,CAAC,OAAO;QACpB,UAAU,EAAE,IAAI,CAAC,UAAU;KAC5B,CAAC,CAAA;IAEF,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;QACvB,OAAM;IACR,CAAC;IAED,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,MAAM,CAAwC,UAAU,CAAC;SAClF,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAEzB,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAA;IACrE,oEAAoE;IACpE,6CAA6C;IAC7C,+FAA+F;IAC/F,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;AACnD,CAAC,CAAA"}
+{"version":3,"file":"basic-ed25519.js","sourceRoot":"","sources":["../../../src/auth/plugins/basic-ed25519.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kCAAkC,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAA;AAClG,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,CAAC,MAAM,wBAAwB,GAA2B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,OAAgC,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3F,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,mBAAmB,CAAC,YAAY;gBACnC,OAAO,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,GAAG,CAC9C,IAAI,CAAC,EAAE,CAAC,KAAC,SAAS,IAAY,IAAI,EAAE,IAAI,EAAE,KAAK,UAAvB,IAAI,CAAsB,CACnD,CAAA;YACH;gBACE,OAAO,KAAC,QAAQ,KAAG,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,KAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,eAAe,EAAC,UAAU,EAAE,YAAY,CAAC,IAAI,EACtE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,EAClD,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YACpC,KAAC,OAAO,KAAG,GACN,CAAA;AACT,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,OAAmB,EAAE,OAA8B,EAAE,EAAE,CAAC,KAAK,EAAE,IAAc,EAAE,EAAE;IACrG,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC;QACvC,UAAU,EAAE,IAAI,CAAC,QAAQ;QACzB,MAAM,EAAE,IAAI,CAAC,OAAO;QACpB,UAAU,EAAE,IAAI,CAAC,UAAU;KAC5B,CAAC,CAAA;IAEF,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;QACvB,OAAM;IACR,CAAC;IAED,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,MAAM,CAAwC,UAAU,CAAC;SAClF,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAEzB,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAA;IACrE,oEAAoE;IACpE,6CAA6C;IAC7C,+FAA+F;IAC/F,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,EAAE,GAAG,CAAC,CAAA;AACnD,CAAC,CAAA"}

package/build/components/footer/component.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import type { FooterProps } from './types.js';
+/**
+ * The standard footer — a row of links plus whatever the app adds as children.
+ *
+ * Labels are resolved HERE and handed to `Link` as children: `Link`'s own default label
+ * looks up `modules.<alias>` with no fallback, so an app without i18n would print the raw
+ * key. Resolving first means a literal label, a translation, or a humanized alias — never
+ * a key.
+ */
+export declare const Footer: FC<FooterProps>;
+//# sourceMappingURL=component.d.ts.map

package/build/components/footer/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/footer/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAqBlC,CAAA"}

package/build/components/footer/component.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultNavTranslate, resolveNavLabel } from '@owlmeans/client-panel';
+import { cn } from '@/lib/utils';
+import { Link } from '../link.js';
+/**
+ * The standard footer — a row of links plus whatever the app adds as children.
+ *
+ * Labels are resolved HERE and handed to `Link` as children: `Link`'s own default label
+ * looks up `modules.<alias>` with no fallback, so an app without i18n would print the raw
+ * key. Resolving first means a literal label, a translation, or a humanized alias — never
+ * a key.
+ */
+export const Footer = ({ links, translate = defaultNavTranslate, children, className, style, containerClassName }) => {
+    if ((links == null || links.length < 1) && children == null) {
+        return null;
+    }
+    return _jsx("footer", { className: cn('border-t py-6', className), style: style, children: _jsxs("div", { className: cn('flex flex-wrap items-center gap-4 text-sm px-4', containerClassName), children: [links?.map((link, idx) => {
+                    const label = resolveNavLabel(translate, link.label, `modules.${link.alias ?? link.href ?? ''}`, link.alias ?? link.href);
+                    return link.href != null
+                        ? _jsx(Link, { src: link.href, open: link.open, children: label }, `${link.href}:${idx}`)
+                        : _jsx(Link, { module: link.alias, open: link.open, children: label }, `${link.alias}:${idx}`);
+                }), children] }) });
+};
+//# sourceMappingURL=component.js.map

package/build/components/footer/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/footer/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAIjC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,KAAK,EAAE,SAAS,GAAG,mBAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EACvF,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QAC5D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,iBAAQ,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,YACpE,eAAK,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,kBAAkB,CAAC,aACrF,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;oBACxB,MAAM,KAAK,GAAG,eAAe,CAC3B,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAC3F,CAAA;oBAED,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI;wBACtB,CAAC,CAAC,KAAC,IAAI,IAA6B,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,YAAG,KAAK,IAA9D,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAAiD;wBACnF,CAAC,CAAC,KAAC,IAAI,IAA8B,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,YAAG,KAAK,IAAnE,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,EAAE,CAAqD,CAAA;gBAC5F,CAAC,CAAC,EACD,QAAQ,IACL,GACC,CAAA;AACX,CAAC,CAAA"}

package/build/components/footer/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types.js';
+export * from './component.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,gBAAgB,CAAA"}

package/build/components/footer/index.js

@@ -0,0 +1,2 @@
+export * from './component.js';
+//# sourceMappingURL=index.js.map

package/build/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAA"}

package/build/components/footer/types.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import type { NavTranslate, PanelNavLink } from '@owlmeans/client-panel';
+import type { StyledProps } from '../types.js';
+export interface FooterProps extends PropsWithChildren<StyledProps> {
+    links?: PanelNavLink[];
+    /** The shell's horizontal rhythm, so the footer row lines up with the header and the content. */
+    containerClassName?: string;
+    /** See {@link NavTranslate} — omitted, literal labels and humanized aliases are used. */
+    translate?: NavTranslate;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/footer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,WAAW,WAAY,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACjE,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,iGAAiG;IACjG,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,yFAAyF;IACzF,SAAS,CAAC,EAAE,YAAY,CAAA;CACzB"}

package/build/components/footer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/footer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/footer/types.ts"],"names":[],"mappings":""}

package/build/components/index.d.ts

@@ -1,6 +1,9 @@
 export type * from './types.js';
 export * from './panel-app/index.js';
 export * from './layout/index.js';
+export * from './nav/index.js';
+export * from './footer/index.js';
+export * from './login/index.js';
 export * from './form/index.js';
 export * from './form/text/index.js';
 export * from './form/button/index.js';
@@ -11,4 +14,5 @@ export * from './text.js';
 export * from './link.js';
 export * from './helper.js';
 export * from './status.js';
+export * from './toaster.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/build/components/index.js

@@ -1,5 +1,8 @@
 export * from './panel-app/index.js';
 export * from './layout/index.js';
+export * from './nav/index.js';
+export * from './footer/index.js';
+export * from './login/index.js';
 export * from './form/index.js';
 export * from './form/text/index.js';
 export * from './form/button/index.js';
@@ -10,4 +13,5 @@ export * from './text.js';
 export * from './link.js';
 export * from './helper.js';
 export * from './status.js';
+export * from './toaster.js';
 //# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/build/components/login/append.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentType, ReactNode } from 'react';
+import type { LoginScreenProps } from '@owlmeans/client-auth/login';
+import type { BasicConfig, BasicContext } from '@owlmeans/context';
+export interface LoginScreenSetup extends Omit<LoginScreenProps, 'translate'> {
+    /** The one thing an application is expected to supply. */
+    Logo?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+}
+/**
+ * Give this context the shadcn sign-in screen, with the application's own logo and copy on it.
+ *
+ * Registered on the login SERVICE rather than imported by a dispatcher, because a relying party
+ * (`web-oidc-rp`, `mui-oidc-rp`) must never depend on a UI family — that edge would make every
+ * relying party pick one, and there are two. The dispatcher asks `login().screen()` and falls back
+ * to the plain screen `@owlmeans/client-auth` ships, so an app that never calls this still gets a
+ * chooser rather than an auto-redirect.
+ *
+ * Idempotent: called by `makeContext` with defaults, and again by the app with its own logo.
+ */
+export declare const appendLoginScreen: <C extends BasicConfig, T extends BasicContext<C>>(ctx: T, setup?: LoginScreenSetup) => T;
+//# sourceMappingURL=append.d.ts.map

package/build/components/login/append.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"append.d.ts","sourceRoot":"","sources":["../../../src/components/login/append.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGlE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IAC3E,0DAA0D;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAA;CACzD;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,OAC3E,CAAC,UAAU,gBAAgB,KAC/B,CASF,CAAA"}

package/build/components/login/append.js

@@ -0,0 +1,21 @@
+import { ensureLoginService } from '@owlmeans/client-auth/login';
+import { LocalizedLoginScreen } from './screen.js';
+/**
+ * Give this context the shadcn sign-in screen, with the application's own logo and copy on it.
+ *
+ * Registered on the login SERVICE rather than imported by a dispatcher, because a relying party
+ * (`web-oidc-rp`, `mui-oidc-rp`) must never depend on a UI family — that edge would make every
+ * relying party pick one, and there are two. The dispatcher asks `login().screen()` and falls back
+ * to the plain screen `@owlmeans/client-auth` ships, so an app that never calls this still gets a
+ * chooser rather than an auto-redirect.
+ *
+ * Idempotent: called by `makeContext` with defaults, and again by the app with its own logo.
+ */
+export const appendLoginScreen = (ctx, setup) => {
+    const service = ensureLoginService(ctx);
+    service.registerScreen(setup == null || Object.keys(setup).length < 1
+        ? LocalizedLoginScreen
+        : props => LocalizedLoginScreen({ ...setup, ...props }));
+    return ctx;
+};
+//# sourceMappingURL=append.js.map

package/build/components/login/append.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"append.js","sourceRoot":"","sources":["../../../src/components/login/append.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAGhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAOlD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,GAAM,EAAE,KAAwB,EAC7B,EAAE;IACL,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;IACvC,OAAO,CAAC,cAAc,CACpB,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;QAC5C,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAC1D,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA"}

package/build/components/login/credit.d.ts

@@ -0,0 +1,17 @@
+import type { FC } from 'react';
+import type { LoginCreditModel } from '@owlmeans/client-panel/auth';
+export interface LoginCreditProps {
+    model: LoginCreditModel;
+    translate: (key: string, defaultValue: string) => string;
+    className?: string;
+}
+/**
+ * The line at the bottom of a sign-in screen.
+ *
+ * Two halves, and each may stand alone: the platform credit, and who the application belongs to.
+ * A generated application shows both — "Powered by OwlMeans" beside its own product and
+ * organization — and an application whose owner has paid to drop the credit shows only the second.
+ * Rendering nothing at all is also correct, for an app that is neither.
+ */
+export declare const LoginCredit: FC<LoginCreditProps>;
+//# sourceMappingURL=credit.d.ts.map

package/build/components/login/credit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit.d.ts","sourceRoot":"","sources":["../../../src/components/login/credit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,gBAAgB,CAAA;IACvB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAe5C,CAAA"}