@owlmeans/web-panel 0.1.18-rc.4 → 0.1.18-rc.40

package/README.md

@@ -6,7 +6,7 @@ instead of Material UI.
 
 ## When to use this package
 
-- New OwlMeans web apps where the consumer owns its shadcn primitives and
+- New OwlMeans web apps using the package's shipped shadcn primitives and a
   Tailwind v4 theme.
 - Drop-in replacement for the previous Material-UI based `@owlmeans/web-panel`
   (which has been renamed to [`@owlmeans/mui-panel`](../mui-panel) for
@@ -15,7 +15,7 @@ instead of Material UI.
 ## Install
 
 ```sh
-bun add @owlmeans/web-panel
+bun add @owlmeans/web-panel@^0.1.18-rc.31
 ```
 
 Peer requirements (the consuming app provides these): `react`, `react-dom`,
@@ -23,26 +23,14 @@ Peer requirements (the consuming app provides these): `react`, `react-dom`,
 `tailwind-merge`, `class-variance-authority`, plus the radix primitives
 listed in `peerDependencies`.
 
-## Consumer setup — the `@` contract
+## Consumer setup — package boundary
 
-This package imports its shadcn primitives as `@/components/ui/<name>` and
-its utility as `@/lib/utils`. Build emits these specifiers verbatim
-(TypeScript `moduleResolution: Bundler`). The consumer's bundler must
-resolve `@/*` to its own shadcn primitive copy.
+The package ships its shadcn primitives and `cn` helper as private implementation files. Its build
+uses relative imports into that private tree, so a consumer needs neither an `@` bundler alias nor
+a matching copy of the primitives. The consumer supplies the declared React, Tailwind and Radix peer
+dependencies and may use its own unrelated shadcn setup.
 
-### 1. Add the package's primitives to your app
-
-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
-```
-
-This package was authored against the shadcn `new-york` style with
-`baseColor: neutral`. See `components.json` for the exact config.
-
-### 2. Add Tailwind v4 theme tokens
+### 1. Add Tailwind v4 theme tokens
 
 The components rely on the following CSS variables (defined inside
 `@theme` in your app's globals.css):
@@ -62,13 +50,85 @@ The components rely on the following CSS variables (defined inside
 
 A working set is shipped at `src/@/globals.css` (for dev/test only).
 
-### 3. Bundler alias
+### 2. Tailwind `@source` for this package
 
-```ts
-// vite.config.ts
-resolve: { alias: { '@': fileURLToPath(new URL('./src/@', import.meta.url)) } }
+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/src";
 ```
 
+Adjust the relative depth to your own layout; the target is this package's
+installed `src` directory.
+
+## Navigation shell
+
+`NavLayout` is the standard application shell — header, section menu, the active
+section's screen menu, content, footer. A layout entrypoint binds 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,14 +163,15 @@ 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,
 } from '@owlmeans/web-panel'
 
 import { setupExternalAuthentication } from '@owlmeans/web-panel/auth'
-import { modules } from '@owlmeans/web-panel/auth/modules'
+import { entrypoints } from '@owlmeans/web-panel/auth/entrypoints'
 ```
 
 ## Related packages
@@ -130,7 +191,7 @@ This package ships embedded agent skills under `agent-meta/`. After installing y
 your project's skill store (`.agents/skills/`):
 
 ```sh
-npx @owlmeans/agent-skills
+npx @owlmeans/agent-skills@^0.1.18-rc.20
 ```
 
 The embedded files are version-matched to this package release. Do not edit them

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.40",
+  "generatedAt": "2026-09-12T14:18:54.798Z",
   "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,21 +8,41 @@ 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.40"` in `dependencies`
 
 ## Key Exports
 
 | Export | Description |
 |--------|-------------|
 | `makeContext<C, T>(cfg)` | Base web context factory (shadcn/Radix + default OwlMeans router) |
-| `components` submodule | shadcn/Radix panel/form components |
-| Re-exports from `@owlmeans/client-panel` | Cross-platform panel primitives |
-| `main`, `exports`, `context`, `modules`, `types` | Wiring helpers |
+| `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 |
+| `PanelMenu` | The dropdown menu, described as data — items, arbitrary widget rows, labels, separators and one level of submenu. `PanelMenuEntry` / `PanelMenuEntryKind` / `PanelMenuProps` come with it |
+| `Link` | An `<a>` addressing an entrypoint alias (or a literal `src`), with the label taken from i18n |
+| `LoginScreen` / `LocalizedLoginScreen` / `appendLoginScreen` | The identity-provider choice screen — see `login-methods` |
+| `render(context, opts?)` | Mounts the tree inside `PanelApp`, with the browser language detector installed on the i18n instance. `opts` is `RenderOptions` plus `rootClassName` |
+| `PanelApp` | That wrapper on its own — the themed root `div` plus the i18n provider — for a host that mounts the tree itself |
+| `useContext<C, T>()` | The current context, from React. `AppContext` adds `context.flow()` over `@owlmeans/web-client`'s |
+| `entrypoints` | The base declaration list — `@owlmeans/web-client`'s plus `@owlmeans/api-config-client`'s. Compose the app's own over it |
+| `Block` / `Text` / `Status` | The shadcn `Card` panel with an optional `Actions` footer, a heading/paragraph whose copy comes from the panel namespace, and the shadcn `Alert` resolving a `ResilientError` to a translated message |
+| `Form` / `TextInput` / `Button` / `SubmitButton` / `ButtonSelector` | The web form family. `Form` builds its own `useForm` + `ajvResolver` and borrows only `FormContext` and `schemaToFormDefault` from `@owlmeans/client-panel`; `TextInput` drives `react-hook-form`'s `Controller` directly, and the buttons call `handleSubmit` directly — none of them wraps `ClientForm`, `InputCtrl` or `ActionCtrl` |
+| `ImageUploader` / `Layout` | The uploader in a drop target with a preview, and a plain content wrapper (the shell is `NavLayout`) |
+| `scalingToStyles(h, v)` | `BlockScaling` → the width/height utility classes the panels share |
+| `cn(...inputs)` | The class-name merger the components are written against — an app never re-declares it |
+| `useIsMobile()` / `MOBILE_BREAKPOINT` | Viewport narrower than Tailwind's `md` (768), matched with `matchMedia` |
+| `useBreakPoint()` | The current Tailwind breakpoint name, tracked on `resize` (`lg` when there is no `window`) |
+| `useMapBreakpoint(map, def?, breakpoint?)` | The `map` entry for the current breakpoint (or for the `breakpoint` passed), falling back to `def`. It **throws a `SyntaxError`** when neither yields a value, so give it a `def` or cover every breakpoint |
+| Re-exports from `@owlmeans/client-panel` | Cross-platform panel primitives, incl. `usePanelNav` and the `PanelNav*` types |
+| Re-exports from `@owlmeans/client` / `@owlmeans/client-entrypoint` / `@owlmeans/route` | `bind`, `bindAll`, `bindScreen`, `handler`, `provideRequest`, `stab`, `route`, `croute`, `frontend`, `guard`, `useNavigate`, `useEntrypoint`, `useValue` |
+| Re-exports from the surrounding layers | `config`, `service`, `addWebService`, `AppType` / `HOME` / `ROOT` / `BASE` / `GUEST`, `DISPATCHER`, `CAUTHEN_FLOW_ENTER`, `DAUTH_GUARD`, `setupExternalAuthentication`, `Dispatcher`, `appendWebAuthService`, `flow` / `configureFlows` / `useFlow` / `FLOW_PARAM` / `SERVICE_PARAM`, `useI18n*` / `useLanguage` / `composePrefix`, `addI18nApp` / `addI18nLib` / `SUPPORTED_LNGS` |
 
 ## Subpath Exports
 
 - `./auth` — auth panel components for web
-- `./auth/modules` — auth panel module declarations
+- `./auth/entrypoints` — auth panel entrypoint declarations
+- `./consent` — the cookie consent dialog and policy, bound to this app's i18n
+- `./jobs` — `JobProgress`, `JobStatus`, `useJobToasts` over `@owlmeans/queue` records
 
 ## Usage
 
@@ -36,14 +56,335 @@ export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T =
   const context = makeBasicContext<C, T>(cfg)
   appendOidcGuard<C, T>(context)
   appendStateResource<C, T>(context, VIB_PROJECT_STATE)
-  context.makeContext = makeContext as typeof context.makeContext
   return context
 }
 ```
 
+**A context is created once per process, by one factory.** An app factory calls the factory of the
+layer below it, applies idempotent `append*(context)` mixins, and returns that same context — the
+whole shape of the file above. Nothing is stored for re-creation, and every service, resource and
+entrypoint binds to exactly the one context it was appended to.
+
+### Navigation — `NavLayout`
+
+`NavLayout` is the application shell. A layout entrypoint binds 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, entrypoints 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?`, `containerClassName?` (the shell's rhythm, so the footer row lines up with the header and content), `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 these colour variables**: `--background` (page and top bar),
+`--foreground` (active section link), `--muted-foreground` (resting section links),
+`--accent`/`--accent-foreground` (active side-menu item), `--border` (the header, side-menu and
+footer rules) and `--primary` — the footer renders its entries through `Link`, which paints
+`text-primary`. 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 package-local `Button`; `TopNav` uses the
+  package-local shadcn `navigation-menu` primitive — see the package-boundary rule below.
+
+### Menus — `PanelMenu`
+
+One dropdown, described as an ENTRY LIST rather than as children. Every kind has its own focus,
+keyboard and close-on-select behaviour, so children would silently lose all three; and the same
+description then serves a collapsed toolbar, a header overflow and a mobile shell without any of
+them re-deriving it.
+
+```tsx
+import { PanelMenu, PanelMenuEntryKind } from '@owlmeans/web-panel'
+import type { PanelMenuEntry } from '@owlmeans/web-panel'
+
+const entries: PanelMenuEntry[] = [
+  { kind: PanelMenuEntryKind.Widget, key: 'credits', render: <AccountCredits /> },
+  { kind: PanelMenuEntryKind.Separator, key: 'sep' },
+  { kind: PanelMenuEntryKind.Label, key: 'app', label: 'MyApp' },
+  { kind: PanelMenuEntryKind.Item, key: 'home', alias: HOME, Icon: House },
+  { kind: PanelMenuEntryKind.Item, key: 'docs', href: DOCS, open: true, hint: <ExternalLink className="size-3.5" /> },
+  { kind: PanelMenuEntryKind.Sub, key: 'lang', label: 'Language', hint: 'EN', entries: languages },
+]
+
+<PanelMenu entries={entries} translate={t} triggerLabel="Menu" indicator={dot} align="end" />
+```
+
+| Kind | What it is |
+|---|---|
+| `Item` | A focusable row that closes the menu. Exactly one of `alias` (an entrypoint) or `href`, the same union `PanelNavLink` uses; neither makes it a pure `onSelect` action. Also `Icon`, `hint` (right-aligned), `active`, `disabled`, `variant` |
+| `Widget` | Arbitrary content as a plain ROW — see below |
+| `Label` | A section heading |
+| `Separator` | A rule between blocks |
+| `Sub` | One nested level. A `Sub` inside a `Sub` renders nothing — a dropdown that nests further is a navigation tree, not this |
+
+Rules the component owns, each of which was a real failure:
+
+- **A `Widget` is a row, never a `DropdownMenuItem`.** An item takes both the focus and the
+  activation from the controls inside it: Radix's roving tabindex swallows the inner button's
+  keyboard access, and `onSelect` fires on any click that lands on the row — so a "Top up" button
+  inside an item dismisses the menu before its own handler is observed. The row takes no roving
+  focus and does not close the menu; the widget's own buttons are the click targets.
+- **An in-app link cannot use `onSelect`.** The anchor must call `preventDefault()` or the browser
+  performs a full page load, and Radix composes its click handler with `checkForDefaultPrevented`
+  — so preventing the default also cancels `onSelect`, and with it the automatic close. `PanelMenu`
+  therefore navigates and closes explicitly from the anchor's own handler, and keeps its own open
+  state for that (a caller's `open`/`onOpenChange` still wins).
+- **The href resolves synchronously.** `Link` asks `entrypoint.url()` and settles a frame later,
+  which is fine for a link already on screen; a menu's content mounts at the moment it opens, so an
+  href that arrives afterwards is missing exactly while the row is being read. `PanelMenu` uses
+  `entrypoint.path()` — a lookup — and answers `undefined` for a path carrying route parameters.
+  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 carry the `link` role.
+- **`hidden` takes the separators it orphans with it.** A caller composes the menu from optional
+  blocks; filtering the entries alone leaves a leading rule, a doubled rule, or one under the last
+  item. Normalisation is the whole reason the entries are data.
+- **`translate` is a prop**, defaulting to `defaultNavTranslate` — same reason as the nav shell.
+- `indicator` is a slot on the trigger's corner (a notification dot, a count), not a `tone` enum:
+  what deserves attention is the application's judgement.
+
+### 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.
+
+### Links — `Link`
+
+`Link` renders an `<a>` whose `href` is the entrypoint's own answer: it asks
+`entrypoint.url()` and puts the result on the anchor, so a link into another service comes out
+absolute and a link inside this one comes out as a path. Address a screen by **alias** (or hand it
+the entrypoint you already hold); `src` is the escape hatch for a literal URL.
+
+```tsx
+import { Link } from '@owlmeans/web-panel'
+
+<Link module={web.about} />                                  // label from `modules.<alias>`
+<Link module={web.session} name="nav.session">Session</Link>  // explicit i18n key
+<Link src="https://owlmeans.com" open>OwlMeans</Link>         // literal target, new tab
+```
+
+Resolution is asynchronous — `href` is absent for the first paint and settles once the URL is
+known — so never key a test or a layout on the anchor having an `href` synchronously. The label
+falls back to `modules.<alias>` when neither `name` nor `children` is given, `open` adds
+`target="_blank"` with `rel="noopener noreferrer"`, and `center` centres the text.
+
+### Forms — `Form`, `TextInput`, the buttons
+
+`WebFormProps` is `@owlmeans/client-panel`'s `FormProps` plus `className` and `style`. `Form` holds
+the whole model itself — `useForm` with `mode: 'all'`, `delayError: 300`, an `ajvResolver` over
+`validation` with `coerceTypes` and the `ajv-formats` formats — and publishes it through
+`FormProvider` plus `FormContext`, so every control below reads one form.
+
+```tsx
+import { Form, TextInput, SubmitButton, Button } from '@owlmeans/web-panel'
+
+<Form decorate validation={schema} onSubmit={async (data, update) => { await save(data); update(data) }}>
+  <TextInput name="email" label placeholder hint />
+  <TextInput name="password" type="password" label="Password" />
+</Form>
+```
+
+- **`decorate` switches the whole rendering.** With `decorate={true}` the fields go inside a shadcn
+  `Card`, the root error surfaces through `Status`, and a `SubmitButton` is rendered in the
+  `CardFooter` **whenever `onSubmit` is given** — the caller writes no action. Without it (the
+  default) `Form` is a bare flex column: no card, no root-error surface, no submit button, so the
+  caller renders its own action. `horizontal`/`vertical` scaling, `className` and `style` land on
+  the `Card` when decorated and on that column otherwise.
+- **`formRef`** — a `useFormRef()` ref filled with `{ form, update, loader, error }`, which is how a
+  caller drives the form, flips the loader, or plants a field/root error from outside.
+- **`TextInput` takes `label`, `placeholder` and `hint` as `string | boolean`.** `true` resolves
+  `<name>.label` / `<name>.placeholder` / `<name>.hint` from the form namespace; a string is used
+  verbatim; anything else renders nothing. It also takes `name`, `def`, `type` (any HTML input type,
+  default `text`) and `disableAutocomplete`. A field error replaces the hint line.
+- **`Button`** takes a required `label`, `onClick`, `loader` (a `Toggleable` — open disables the
+  button and shows the spinner), `size` (`small`/`medium`/`large`), `fullWidth`, and `variant`,
+  which maps the MUI vocabulary onto shadcn (`contained` → `default`, `outlined` → `outline`,
+  `text` → `ghost`) and forwards a shadcn variant name unchanged.
+- **`SubmitButton`** is that button bound to `handleSubmit`, taking `onSubmit` (or `onClick`) and a
+  `label` defaulting to `submit`. It resolves the label with the form `t` itself and passes it down
+  with `i18n.suppress` set, so the label is translated once.
+- **`ButtonSelector`** renders one `Button` per entry of `options`, the one equal to `current`
+  `contained` and the rest `outlined`, calling `onSelect(option)`. `name` prefixes each option's
+  label key as `<name>.<option>`.
+
+## Subpath: `./jobs`
+
+Three presentational pieces for a queue job, over `JobRecord` from `@owlmeans/queue`. They take
+records — `@owlmeans/client-job`'s `useJobs()` maps straight onto them — and hold no store, no
+socket and no strings of their own.
+
+```tsx
+import { JobProgress, JobStatus, useJobToasts } from '@owlmeans/web-panel/jobs'
+
+const jobs = useJobs().map(model => model.record)
+useJobToasts(jobs)
+
+<JobStatus job={job} labels={{ [JobState.Active]: t('jobs.running') }} />
+<JobProgress job={job} />
+```
+
+| Export | Description |
+|---|---|
+| `JobProgress` | The shadcn `Progress` bar. `job.progress` is read as a number, `{ percent }` or `{ done, total }`; anything else animates INDETERMINATE, because zero and "the processor never called `progress()`" look identical otherwise |
+| `JobStatus` | The state pill. `data-state` carries the raw state, so a test never keys on the wording |
+| `jobProgressValue(job)` | The percentage the bar shows, or `undefined` |
+| `useJobToasts(jobs, opts?)` | One toast per job the first time it settles, on the `Toaster` the layout already mounts |
+
+- **No packaged wording.** The states are broker vocabulary; the sentence an app wants for them
+  ("Queued", "Rendering", "Ready") is its own copy in its own namespace, so `JobStatus` takes a
+  `labels` map and otherwise renders the raw state — data, not an untranslated string.
+- **`useJobToasts` never toasts on its first pass.** A screen opening onto a store seeded with
+  yesterday's finished jobs would fire a stack of them at once, so everything already settled at
+  mount is recorded as announced and only what settles afterwards is reported.
+- It needs the same single `Toaster` as everything else — see above.
+
+## Subpath: `./consent`
+
+`PanelCookieConsent` and `PanelCookiePolicy` — `@owlmeans/web-consent`'s components bound to this
+app's language and translations, falling through to the package's own seven-language bundle for
+every key the app has not overridden. See the `consent` skill.
+
+A re-export does not move Tailwind class strings, so a consumer adds a second `@source` for
+`@owlmeans/web-consent` alongside this package's — pointing at **`src`**, for the reason spelled out
+under *Consumer setup* below. Without it the dialog renders half-styled.
+
+## Consumer setup — package boundary and Tailwind
+
+`web-panel` ships its shadcn primitives and `cn` helper as private implementation files under its
+own `build/@/` tree. Package source imports them only through relative specifiers; it must never
+emit an absolute `@/…` import, because that alias belongs to the consuming application and makes a
+fresh installation depend on unrelated files. Consumers import the public `cn` export when needed
+and do not vendor this package's UI primitives.
+
+Consumers still supply the package's peer dependencies: the Radix primitives (`label`,
+`navigation-menu`, `progress`, `separator`, `slot`) plus React, Tailwind and the usual utility
+libraries. A consumer may have its own shadcn `@` alias, but it is unrelated to this package.
+
+Then point Tailwind at the installed package's **`src`** directory. 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/src";
+```
+
+Adjust the relative depth to your own layout. Source ships in the published tarball and is tracked
+in a linked workspace, so it is the reliable scan target in both modes.
+
 ## Depends On
 
 - `@owlmeans/web-client`, `@owlmeans/client-panel`, `@owlmeans/client-i18n`, `@owlmeans/web-router`
+- `@owlmeans/queue` — `JobRecord` / `JobState`, read by the `./jobs` subpath
 - 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.
+- `ajv-formats` is imported at module scope by the form model but is declared in no dependency
+  section of the manifest, which lists `ajv` alone. An install that does not otherwise pull it in
+  fails at import time, so declare `ajv-formats` next to `ajv` in the consuming application.

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
+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: {

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

@@ -1 +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,aAAa,CAAA;AAEhC,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"}
+{"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.js

@@ -1,7 +1,7 @@
 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';
+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: {

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

@@ -1 +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,aAAa,CAAA;AAEhC,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"}
+{"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.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
+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 }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/@/components/ui/card.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,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"}
+{"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.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
+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 }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/@/components/ui/input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,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"}
+{"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"}