@owlmeans/web-panel 0.1.18-rc.9 → 0.1.18

package/build/components/login/screen.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isValidElement } from 'react';
+import { Loader2 } from 'lucide-react';
+import { Button } from '../../@/components/ui/button.js';
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '../../@/components/ui/card.js';
+import { cn } from '../../@/lib/utils.js';
+import { useI18nLib, useLanguage } from '@owlmeans/client-i18n';
+import { loginProviderHelper, useLoginMethods } from '@owlmeans/client-panel/auth';
+import { loginResumeHelper } from '@owlmeans/client-auth/login';
+import { LoginMethodIcon } from './icons.js';
+import { LoginPrivacyNotice, LoginTerms } from './terms.js';
+import { LoginCredit } from './credit.js';
+import { LoginProviderNote } from './provider.js';
+import { VARIANT } from './consts.local.js';
+import './i18n.js';
+/**
+ * The sign-in screen: which identity provider, confirmed against which documents.
+ *
+ * It never starts anything by itself. Every flow leaves from a click — which is the requirement,
+ * and also what makes framed sign-in work at all, because the window a framed application has to
+ * open can only be opened inside a user gesture.
+ *
+ * Pure with respect to i18n: `translate` is a prop. {@link LocalizedLoginScreen} is the wrapper
+ * that binds it to the app's own resources, so an application mounted without an i18n provider can
+ * still render this one with a resolver of its own.
+ */
+export const LoginScreen = props => {
+    const t = props.translate ?? ((_key, defaultValue) => defaultValue);
+    const model = useLoginMethods({
+        ...(props.config != null ? { config: props.config } : {}),
+        ...(props.terms !== undefined ? { terms: props.terms } : {}),
+        ...(props.methods != null ? { methods: props.methods } : {}),
+    });
+    const Logo = props.Logo;
+    const attemptError = model.busy == null ? loginResumeHelper.loginAttemptError(model.outcome) : null;
+    const provider = model.provider;
+    const title = props.title ?? (provider != null
+        ? loginProviderHelper.fill(t('login.provider.title', 'Sign in to {{product}}'), provider)
+        : t('login.title', 'Sign in'));
+    const card = _jsxs(Card, { className: cn('w-full max-w-sm', props.containerClassName), children: [_jsxs(CardHeader, { className: "items-center gap-2 text-center", children: [Logo != null && _jsx("div", { className: "flex justify-center pb-2", children: isValidElement(Logo) ? Logo : typeof Logo === 'function'
+                            ? _jsx(Logo, { className: "h-10 w-auto" }) : Logo }), _jsx(CardTitle, { className: "text-xl", children: title }), _jsx(CardDescription, { children: props.subtitle ?? t('login.subtitle', 'Choose how you would like to continue.') })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [model.methods.length < 1
+                        ? _jsx("p", { role: "status", className: "text-sm text-muted-foreground text-center", children: t('login.empty', 'No sign-in method is configured for this application.') })
+                        : _jsx("div", { className: "flex flex-col gap-2", children: model.methods.map((method) => _jsxs(Button, { type: "button", "data-login-method": method.id, variant: VARIANT[method.emphasis ?? 'secondary'] ?? 'outline', "aria-disabled": model.blocked || undefined, "data-blocked": model.blocked ? 'true' : undefined, 
+                                // `cursor-pointer` explicitly: the package's private shadcn button stays compatible
+                                // with the older primitive style too. Stating it here keeps the sign-in control
+                                // visibly actionable independently of a consumer's shadcn setup.
+                                className: cn('w-full justify-center gap-2 cursor-pointer', model.blocked && 'opacity-60'), autoFocus: method.id === model.primary?.id, onClick: () => model.select(method), children: [model.busy === method.id
+                                        ? _jsx(Loader2, { className: "size-4 animate-spin" })
+                                        : _jsx(LoginMethodIcon, { name: method.icon, className: "size-4" }), method.label ?? t(`login.method.${method.i18nKey ?? method.id}`, method.id)] }, method.id)) }), provider?.placement === 'inline' && _jsx(LoginProviderNote, { model: provider, translate: t }), model.terms.required && (model.terms.deferred
+                        ? _jsx(LoginPrivacyNotice, { model: model.terms, translate: t, locale: props.locale })
+                        : _jsx(LoginTerms, { model: model.terms, translate: t, locale: props.locale })), (model.error ?? attemptError) != null
+                        && _jsx("p", { role: "alert", "data-login-error": true, className: "text-sm text-destructive text-center", children: model.error ?? t(attemptError, 'Sign-in did not complete. Please try again.') })] }), _jsx("div", { className: "px-6", children: props.footer ?? _jsx(LoginCredit, { model: model.credit, translate: t }) })] });
+    // The viewport height is set INLINE, and deliberately.
+    //
+    // A percentage minimum (`min-h-full`) resolves against a parent that has a height, and this
+    // screen is rendered straight out of the dispatcher into whatever the app has around it — which
+    // almost never carries one, so the box collapsed to its content and the card sat at the top of
+    // an empty page. The fix is a viewport unit; the reason it is not a utility class is that this
+    // package's classes reach a consuming app's stylesheet only through a `@source` scan of its
+    // `src`, and a class NEW to that stylesheet is the one thing the scan can be stale about. Every
+    // other utility here already exists in any app that renders anything; a missing `min-h-dvh`
+    // rule, by contrast, is invisible — the screen looks nearly right and is silently uncentred.
+    //
+    // `props.style` still wins, because a class-based override no longer can.
+    //
+    // The platform's own hosts put the provider disclosure in a strip across the top of the page —
+    // the FIRST child of the screen — and centre the card in a stage that takes the rest of the
+    // height. Every layout-bearing property of that variant is inline too, for the same reason.
+    if (provider?.placement === 'top') {
+        return _jsxs("div", { "data-login-screen": true, style: {
+                minHeight: '100dvh', display: 'flex', flexDirection: 'column', alignItems: 'stretch',
+                justifyContent: 'flex-start', padding: 0, ...props.style,
+            }, className: cn('w-full', props.className), children: [_jsx(LoginProviderNote, { model: provider, translate: t }), _jsx("div", { "data-login-stage": true, style: {
+                        display: 'flex', flex: '1 1 auto', alignItems: 'center', justifyContent: 'center',
+                        width: '100%', padding: '1rem', boxSizing: 'border-box',
+                    }, children: card })] });
+    }
+    return _jsx("div", { "data-login-screen": true, style: { minHeight: '100dvh', ...props.style }, className: cn('flex w-full items-center justify-center p-4', props.className), children: card });
+};
+/**
+ * {@link LoginScreen} bound to the application's own translations.
+ *
+ * The split exists because the house rule is that a reusable component takes `translate` as a prop
+ * and never reaches for a context — but the ordinary case is an app that has one, and making every
+ * app write the resolver would guarantee some of them ship English.
+ */
+export const LocalizedLoginScreen = props => {
+    const t = useI18nLib('auth');
+    const [lng] = useLanguage();
+    return _jsx(LoginScreen, { ...props, translate: props.translate ?? ((key, defaultValue) => t(key, { defaultValue })), locale: props.locale ?? lng });
+};
+//# sourceMappingURL=screen.js.map

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

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

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

@@ -0,0 +1,19 @@
+import type { FC } from 'react';
+import type { LoginPrivacyNoticeProps, LoginTermsProps } from './types.js';
+/**
+ * The privacy disclosure alone — `notices` (privacy, plus cookies per its own rule), never
+ * consented to and never nested inside a checkbox's `<label>`.
+ *
+ * Split out of {@link LoginTerms} so a sign-in screen whose Terms confirmation has moved to a
+ * post-login step (`termsDeferred`, `@owlmeans/client-auth/login`) can still show this line on its
+ * own — the disclosure does not move just because the confirmation did.
+ */
+export declare const LoginPrivacyNotice: FC<LoginPrivacyNoticeProps>;
+/**
+ * The sign-in screen's terms confirmation: one consented checkbox for `documents` (terms, plus
+ * billing/product/custom when configured), and a SEPARATE, non-consented disclosure line for
+ * `notices` (privacy, plus cookies per its own rule) — never nested inside the checkbox's label,
+ * because nothing is being agreed to there.
+ */
+export declare const LoginTerms: FC<LoginTermsProps>;
+//# sourceMappingURL=terms.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../../src/components/login/terms.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAS1E;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAM1D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwC1C,CAAA"}

package/build/components/login/terms.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../@/lib/utils.js';
+import { loginTermsHelper } from '@owlmeans/client-auth/login';
+const renderParts = (parts) => parts.map((part, index) => part.href != null
+    ? _jsx("a", { href: part.href, target: "_blank", rel: "noreferrer noopener", "data-login-document": part.documentKey, className: "underline underline-offset-2 hover:text-foreground", children: part.text }, index)
+    : _jsx("span", { children: part.text }, index));
+/**
+ * The privacy disclosure alone — `notices` (privacy, plus cookies per its own rule), never
+ * consented to and never nested inside a checkbox's `<label>`.
+ *
+ * Split out of {@link LoginTerms} so a sign-in screen whose Terms confirmation has moved to a
+ * post-login step (`termsDeferred`, `@owlmeans/client-auth/login`) can still show this line on its
+ * own — the disclosure does not move just because the confirmation did.
+ */
+export const LoginPrivacyNotice = ({ model, translate, locale, className }) => {
+    const resolveLabel = loginTermsHelper.termsLabelResolver(translate, locale);
+    return _jsx("p", { "data-login-privacy": true, className: cn('text-xs text-muted-foreground', className), children: renderParts(loginTermsHelper.termsSentence(translate('login.terms.notice', 'How we handle your personal data: {{notices}}.'), model, locale, resolveLabel)) });
+};
+/**
+ * The sign-in screen's terms confirmation: one consented checkbox for `documents` (terms, plus
+ * billing/product/custom when configured), and a SEPARATE, non-consented disclosure line for
+ * `notices` (privacy, plus cookies per its own rule) — never nested inside the checkbox's label,
+ * because nothing is being agreed to there.
+ */
+export const LoginTerms = ({ model, translate, locale, className }) => {
+    const resolveLabel = loginTermsHelper.termsLabelResolver(translate, locale);
+    // Centred, like every other row in the card. The checkbox stays at the start of the sentence
+    // rather than above it, so `justify-center` centres the pair and `text-center` centres the
+    // wrapped lines within it.
+    return _jsxs("div", { className: cn('flex flex-col items-center gap-1.5 text-center', className), children: [_jsxs("label", { className: "flex items-start justify-center gap-2 text-sm text-muted-foreground cursor-pointer", children: [_jsx("input", { type: "checkbox", "data-login-terms": true, className: "mt-0.5 size-4 shrink-0 accent-primary", checked: model.accepted, "aria-invalid": model.attempted && !model.accepted, onChange: event => model.accept(event.target.checked) }), _jsx("span", { children: renderParts(loginTermsHelper.termsSentence(translate('login.terms.accept', 'I have read and agree to the {{documents}}.'), model, locale, resolveLabel)) })] }), model.revisedAt != null && _jsx("p", { "data-login-revised": true, className: "text-xs text-muted-foreground", children: translate('login.terms.revised', 'Last updated: {{date}}').split('{{date}}').join(model.revisedAt) }), _jsx(LoginPrivacyNotice, { model: model, translate: translate, locale: locale }), model.attempted && !model.accepted && _jsx("p", { role: "alert", className: "text-sm text-destructive", children: renderParts(loginTermsHelper.termsSentence(translate('login.terms.required', 'Please confirm the {{documents}} to continue.'), model, locale, resolveLabel)) })] });
+};
+//# sourceMappingURL=terms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"terms.js","sourceRoot":"","sources":["../../../src/components/login/terms.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAA0B,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAGtF,MAAM,WAAW,GAAG,CAAC,KAA0B,EAAa,EAAE,CAC5D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI;IAC1C,CAAC,CAAC,YAAe,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,yBACpD,IAAI,CAAC,WAAW,EACrC,SAAS,EAAC,oDAAoD,YAAE,IAAI,CAAC,IAAI,IAFjE,KAAK,CAEiE;IAChF,CAAC,CAAC,yBAAmB,IAAI,CAAC,IAAI,IAAjB,KAAK,CAAoB,CAAC,CAAA;AAE3C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACzG,MAAM,YAAY,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE3E,OAAO,wCAAsB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,YACnF,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,SAAS,CAAC,oBAAoB,EAAE,gDAAgD,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,GAC1J,CAAA;AACN,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACzF,MAAM,YAAY,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE3E,6FAA6F;IAC7F,2FAA2F;IAC3F,2BAA2B;IAC3B,OAAO,eAAK,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,aAKpF,iBAAO,SAAS,EAAC,oFAAoF,aAOnG,gBACE,IAAI,EAAC,UAAU,4BACf,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,KAAK,CAAC,QAAQ,kBACT,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,EAChD,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GACrD,EACF,yBACG,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,SAAS,CAAC,oBAAoB,EAAE,6CAA6C,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,GACpJ,IACD,EAEP,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,wCAAsB,SAAS,EAAC,+BAA+B,YACxF,SAAS,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GACjG,EAEJ,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAI,EAEzE,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,YAAG,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,0BAA0B,YACxF,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,SAAS,CAAC,sBAAsB,EAAE,+CAA+C,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,GAC3J,IACA,CAAA;AACR,CAAC,CAAA"}

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

@@ -0,0 +1,28 @@
+import type { LoginScreenProps } from '@owlmeans/client-auth/login';
+import type { ComponentType, ReactNode } from 'react';
+import type { LoginCreditModel, LoginProviderModel, LoginTermsModel } from '@owlmeans/client-panel/auth';
+export interface LoginScreenSetup extends Omit<LoginScreenProps, 'translate'> {
+    /** The one thing an application is expected to supply. */
+    Logo?: ComponentType<{
+        className?: string;
+    }> | ReactNode;
+}
+export interface LoginCreditProps {
+    model: LoginCreditModel;
+    translate: (key: string, defaultValue: string) => string;
+    className?: string;
+}
+export interface LoginTermsProps {
+    model: LoginTermsModel;
+    translate: (key: string, defaultValue: string) => string;
+    /** The current language, for `Intl.ListFormat`, document labels and explicit translated hrefs. */
+    locale?: string;
+    className?: string;
+}
+export type LoginPrivacyNoticeProps = LoginTermsProps;
+export interface LoginProviderNoteProps {
+    model: LoginProviderModel;
+    translate: (key: string, defaultValue: string) => string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/login/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAExG,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,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,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,kGAAkG;IAClG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAA;AAErD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,kBAAkB,CAAA;IACzB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/components/login/types.js

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

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

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

package/build/components/nav/consts.local.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The horizontal rhythm of the whole page, applied identically to the header row, the content
+ * and the footer row.
+ *
+ * It lives in ONE constant because the three regions have to agree: a content area with its own
+ * width sits visibly inset from a full-width header, which reads as a mistake rather than as a
+ * design. Adjust it through `containerClassName`, which is MERGED over this — never by giving
+ * the content a width of its own.
+ */
+export declare const CONTAINER = "mx-auto w-full max-w-6xl px-4";
+/**
+ * A 44px target and a ring that is actually visible: the shadcn button draws its focus ring at
+ * half the ring colour's alpha, which on a white header is close to nothing, and a menu button is
+ * the one control a keyboard user on a narrow window has to find before anything else.
+ */
+export declare const TARGET = "size-11 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
+export declare const ENTRY_ACTIVE = "bg-accent text-accent-foreground";
+/**
+ * Section entries are LINKS, not buttons.
+ *
+ * The shadcn primitive styles its links as menu tiles — a filled hover/active background, a
+ * radius and tile padding — which reads as a row of buttons across the top of an application.
+ * These classes land after the primitive's, so `cn`'s tailwind-merge drops the conflicting
+ * ones; every neutralised utility here has a counterpart in the primitive, and removing one
+ * brings the tile back.
+ */
+export declare const SECTION_LINK: string;
+/**
+ * Invisible until it takes focus, then a pill in the top-left corner above everything — the
+ * inverse of the page's own surface (`bg-foreground text-background`), so it reads on any theme.
+ *
+ * The padding is focus-only: `sr-only` zeroes padding, but a plain `px-4` sorts after it and wins,
+ * which leaves a 32px box behind the clip instead of the 1px one assistive tech expects.
+ */
+export declare const SKIP_LINK: string;
+/**
+ * Sheet entries are LINKS, exactly as the section menu's are — a real `href` keeps each one
+ * focusable, openable in a new tab and announced as a link — and each row is a 44px touch target.
+ */
+export declare const ENTRY: string;
+//# sourceMappingURL=consts.local.d.ts.map

package/build/components/nav/consts.local.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.local.d.ts","sourceRoot":"","sources":["../../../src/components/nav/consts.local.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,kCAAkC,CAAA;AAExD;;;;GAIG;AACH,eAAO,MAAM,MAAM,qGAAqG,CAAA;AAExH,eAAO,MAAM,YAAY,qCAAqC,CAAA;AAE9D;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,QAUd,CAAA;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,QAKX,CAAA;AAEX;;;GAGG;AACH,eAAO,MAAM,KAAK,QAIP,CAAA"}

package/build/components/nav/consts.local.js

@@ -0,0 +1,60 @@
+/**
+ * The horizontal rhythm of the whole page, applied identically to the header row, the content
+ * and the footer row.
+ *
+ * It lives in ONE constant because the three regions have to agree: a content area with its own
+ * width sits visibly inset from a full-width header, which reads as a mistake rather than as a
+ * design. Adjust it through `containerClassName`, which is MERGED over this — never by giving
+ * the content a width of its own.
+ */
+export const CONTAINER = 'mx-auto w-full max-w-6xl px-4';
+/**
+ * A 44px target and a ring that is actually visible: the shadcn button draws its focus ring at
+ * half the ring colour's alpha, which on a white header is close to nothing, and a menu button is
+ * the one control a keyboard user on a narrow window has to find before anything else.
+ */
+export const TARGET = 'size-11 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background';
+export const ENTRY_ACTIVE = 'bg-accent text-accent-foreground';
+/**
+ * Section entries are LINKS, not buttons.
+ *
+ * The shadcn primitive styles its links as menu tiles — a filled hover/active background, a
+ * radius and tile padding — which reads as a row of buttons across the top of an application.
+ * These classes land after the primitive's, so `cn`'s tailwind-merge drops the conflicting
+ * ones; every neutralised utility here has a counterpart in the primitive, and removing one
+ * brings the tile back.
+ */
+export const SECTION_LINK = [
+    'bg-transparent hover:bg-transparent focus:bg-transparent',
+    'rounded-none px-0 py-1',
+    'text-sm font-medium text-muted-foreground',
+    'hover:text-foreground hover:underline underline-offset-4',
+    // Radix marks the active link with a VALUELESS `data-active`, so the state has to be matched
+    // on the attribute's presence. `data-[active=true]` — which the shadcn primitive itself uses —
+    // matches nothing here, which is why its own active styling never showed either.
+    'data-[active]:text-foreground data-[active]:underline data-[active]:bg-transparent',
+    'cursor-pointer',
+].join(' ');
+/**
+ * Invisible until it takes focus, then a pill in the top-left corner above everything — the
+ * inverse of the page's own surface (`bg-foreground text-background`), so it reads on any theme.
+ *
+ * The padding is focus-only: `sr-only` zeroes padding, but a plain `px-4` sorts after it and wins,
+ * which leaves a 32px box behind the clip instead of the 1px one assistive tech expects.
+ */
+export const SKIP_LINK = [
+    'sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-3',
+    'rounded-full bg-foreground text-sm font-semibold text-background',
+    'outline-none focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:ring-offset-2',
+    'focus-visible:ring-offset-background',
+].join(' ');
+/**
+ * Sheet entries are LINKS, exactly as the section menu's are — a real `href` keeps each one
+ * focusable, openable in a new tab and announced as a link — and each row is a 44px touch target.
+ */
+export const ENTRY = [
+    'flex min-h-11 items-center gap-2 rounded-md px-3 text-sm font-medium text-foreground',
+    'hover:bg-accent hover:text-accent-foreground',
+    'outline-none focus-visible:ring-[3px] focus-visible:ring-ring',
+].join(' ');
+//# sourceMappingURL=consts.local.js.map

package/build/components/nav/consts.local.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.local.js","sourceRoot":"","sources":["../../../src/components/nav/consts.local.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,+BAA+B,CAAA;AAExD;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kGAAkG,CAAA;AAExH,MAAM,CAAC,MAAM,YAAY,GAAG,kCAAkC,CAAA;AAE9D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,0DAA0D;IAC1D,wBAAwB;IACxB,2CAA2C;IAC3C,0DAA0D;IAC1D,6FAA6F;IAC7F,+FAA+F;IAC/F,iFAAiF;IACjF,oFAAoF;IACpF,gBAAgB;CACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEX;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iGAAiG;IACjG,kEAAkE;IAClE,2FAA2F;IAC3F,sCAAsC;CACvC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,sFAAsF;IACtF,8CAA8C;IAC9C,+DAA+D;CAChE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}

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

@@ -1,5 +1,6 @@
 export type * from './types.js';
 export * from './layout.js';
+export * from './mobile.js';
 export * from './side.js';
 export * from './top.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/build/components/nav/index.js

@@ -1,4 +1,5 @@
 export * from './layout.js';
+export * from './mobile.js';
 export * from './side.js';
 export * from './top.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nav/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nav/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/build/components/nav/layout.d.ts

@@ -1,12 +1,19 @@
-import type { FC } from 'react';
+import { type FC } from 'react';
 import type { NavLayoutProps } from './types.js';
 /**
  * The standard two-layer application shell.
  *
- * A layout entrypoint elevates a component that renders this and nothing else — the screen
+ * A layout entrypoint binds a component that renders this and nothing else — the screen
  * arrives as `children`. The side menu is mounted twice on purpose: one column for wide
  * viewports and one strip for narrow ones. Both render only when the active section has
  * more than one screen, so the single-screen case costs nothing but the elements' absence.
+ *
+ * `mobileMenu` swaps the narrow viewport's navigation for a menu button and a sheet holding
+ * both levels: the section menu hides below `md`, and the strip is not mounted at all, because
+ * the sheet already lists the screens it would show. Wide viewports are unaffected either way.
+ *
+ * The skip link comes FIRST in the root, ahead of the header — the first thing a keyboard reaches
+ * — and moves focus to `<main id="main">`, past the brand, the menus and the actions.
  */
 export declare const NavLayout: FC<NavLayoutProps>;
 //# sourceMappingURL=layout.d.ts.map

package/build/components/nav/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/components/nav/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAO/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6BxC,CAAA"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/components/nav/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAA;AAUxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAGhD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgLxC,CAAA"}

package/build/components/nav/layout.js

@@ -1,22 +1,63 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { useNavigate } from '@owlmeans/client';
-import { cn } from '@/lib/utils';
+import { navLabelHelper } from '@owlmeans/client-panel';
+import { cn } from '../../@/lib/utils.js';
 import { Footer } from '../footer/component.js';
+import { useWideNav } from './viewport.js';
+import { MobileNav } from './mobile.js';
 import { SideNav } from './side.js';
 import { TopNav } from './top.js';
+import { CONTAINER, SKIP_LINK } from './consts.local.js';
 /**
  * The standard two-layer application shell.
  *
- * A layout entrypoint elevates a component that renders this and nothing else — the screen
+ * A layout entrypoint binds a component that renders this and nothing else — the screen
  * arrives as `children`. The side menu is mounted twice on purpose: one column for wide
  * viewports and one strip for narrow ones. Both render only when the active section has
  * more than one screen, so the single-screen case costs nothing but the elements' absence.
+ *
+ * `mobileMenu` swaps the narrow viewport's navigation for a menu button and a sheet holding
+ * both levels: the section menu hides below `md`, and the strip is not mounted at all, because
+ * the sheet already lists the screens it would show. Wide viewports are unaffected either way.
+ *
+ * The skip link comes FIRST in the root, ahead of the header — the first thing a keyboard reaches
+ * — and moves focus to `<main id="main">`, past the brand, the menus and the actions.
  */
-export const NavLayout = ({ nav, translate, title, home, actions, footer, children, className, style, contentClassName }) => {
+export const NavLayout = ({ nav, translate = navLabelHelper.defaultNavTranslate, title, home, actions, footer, children, className, style, headerClassName, contentClassName, containerClassName, mobileMenu = false, skipLinkLabel, themeToggle, navTestId }) => {
     const navigator = useNavigate();
-    const brandAlias = home ?? nav.sections.find(section => section.items.length > 0)?.items[0]?.alias;
-    return _jsxs("div", { className: cn('flex min-h-screen flex-col bg-background text-foreground', className), style: style, children: [_jsxs("header", { className: "sticky top-0 z-40 border-b bg-background", children: [_jsxs("div", { className: "flex h-14 items-center gap-4 px-4", children: [title != null ? _jsx("a", { onClick: brandAlias != null ? navigator.press(brandAlias) : undefined, className: cn('text-lg font-semibold', brandAlias != null && 'cursor-pointer'), children: title }) : null, _jsx(TopNav, { config: nav, translate: translate, ariaLabel: "Sections" }), _jsx("div", { className: "ml-auto flex items-center gap-2", children: actions })] }), _jsx(SideNav, { config: nav, translate: translate, variant: "bar", ariaLabel: "Screens", className: "md:hidden" })] }), _jsxs("div", { className: "flex flex-1", children: [_jsx(SideNav, { config: nav, translate: translate, variant: "side", ariaLabel: "Screens", className: "hidden md:block" }), _jsx("main", { className: cn('flex-1 px-4 py-6', contentClassName), children: children })] }), Array.isArray(footer)
-                ? _jsx(Footer, { links: footer, translate: translate })
-                : footer != null ? _jsx(Footer, { children: footer }) : null] });
+    const wide = useWideNav();
+    // The switcher's names go through `translate` like every other shell string, with the caller's
+    // own labels winning; `false`/absent stays absent, so the footer renders exactly as it did.
+    const toggle = themeToggle == null || themeToggle === false
+        ? undefined
+        : {
+            labels: {
+                toLight: (themeToggle === true ? undefined : themeToggle.labels?.toLight) ??
+                    translate('shell.toLight', 'Switch to light mode'),
+                toDark: (themeToggle === true ? undefined : themeToggle.labels?.toDark) ??
+                    translate('shell.toDark', 'Switch to dark mode')
+            }
+        };
+    const toggleProp = toggle != null ? { themeToggle: toggle } : {};
+    const main = useRef(null);
+    const skipLabel = skipLinkLabel === false ? null : (skipLinkLabel ?? translate('shell.skip', 'Skip to content'));
+    // Focus is moved by hand rather than left to the fragment navigation `href="#main"` would
+    // perform: that changes the location, and the router reads a location change as navigation.
+    // The `href` stays so the link is a link — focusable, announced, and working without script.
+    const skip = (event) => {
+        event.preventDefault();
+        main.current?.focus();
+    };
+    const brandAlias = home ?? nav.sections.find((section) => section.items.length > 0)?.items[0]?.alias;
+    // MERGED over the default, never substituted for it. `containerClassName` is how a design
+    // adjusts ONE aspect of the rhythm — almost always the width — and a caller passing
+    // `max-w-[1280px]` means "wider", not "no padding and no centring". Substituting dropped
+    // `px-4` and `mx-auto` along with the width it replaced, which is a page whose header,
+    // content and footer all run flush to the window edge. tailwind-merge keeps the override
+    // winning on the utility it names and leaves the rest of the rhythm standing, so a width-only
+    // value stays a width-only change; `px-8` still overrides the padding when that is the intent.
+    const container = cn(CONTAINER, containerClassName);
+    return (_jsxs("div", { className: cn('flex min-h-screen flex-col bg-background text-foreground', className), style: style, children: [skipLabel != null && (_jsx("a", { href: "#main", onClick: skip, "data-skip-link": true, className: SKIP_LINK, children: skipLabel })), _jsxs("header", { className: cn('sticky top-0 z-40 isolate border-b bg-background text-foreground', headerClassName), children: [_jsxs("div", { className: cn('flex h-14 items-center gap-6', container), children: [title != null ? (_jsx("a", { onClick: brandAlias != null ? navigator.press(brandAlias) : undefined, className: cn('brand flex items-center gap-2 text-lg font-semibold', brandAlias != null && 'cursor-pointer'), children: title })) : null, (!mobileMenu || wide) && (_jsx(TopNav, { config: nav, translate: translate, ariaLabel: "Sections", testId: navTestId, className: mobileMenu ? 'hidden md:flex' : undefined })), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [actions, mobileMenu && !wide && (_jsx(MobileNav, { config: nav, translate: translate, ariaLabel: "Sections", className: "md:hidden" }))] })] }), !mobileMenu && (_jsx(SideNav, { config: nav, translate: translate, variant: "bar", ariaLabel: "Screens", className: "md:hidden" })), _jsx("div", { "aria-hidden": "true", "data-nav-backdrop": true, className: "absolute inset-0 -z-10 bg-background pointer-events-none" })] }), _jsxs("div", { className: "flex flex-1", children: [_jsx(SideNav, { config: nav, translate: translate, variant: "side", ariaLabel: "Screens", className: "hidden md:block" }), _jsx("main", { ref: main, ...(skipLabel != null ? { id: 'main', tabIndex: -1 } : {}), className: cn('flex-1 py-8 outline-none', contentClassName), children: _jsx("div", { className: cn(container), children: children }) })] }), Array.isArray(footer) ? (_jsx(Footer, { links: footer, translate: translate, containerClassName: container, ...toggleProp })) : footer != null ? (_jsx(Footer, { containerClassName: container, content: footer, ...toggleProp })) : (_jsx(Footer, { containerClassName: container, ...toggleProp }))] }));
 };
 //# sourceMappingURL=layout.js.map

package/build/components/nav/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/nav/layout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAC3F,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,EAAE,CAAA;IAC/B,MAAM,UAAU,GAAG,IAAI,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IAElG,OAAO,eACL,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,EACpF,KAAK,EAAE,KAAK,aAEZ,kBAAQ,SAAS,EAAC,0CAA0C,aAC1D,eAAK,SAAS,EAAC,mCAAmC,aAC/C,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,YACf,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,UAAU,IAAI,IAAI,IAAI,gBAAgB,CAAC,YAC9E,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EACnB,KAAC,MAAM,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,UAAU,GAAG,EAClE,cAAK,SAAS,EAAC,iCAAiC,YAAE,OAAO,GAAO,IAC5D,EACN,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,GAAG,IAC/F,EACT,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,iBAAiB,GAAG,EAC7G,eAAM,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,YAAG,QAAQ,GAAQ,IACxE,EACL,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;gBACpB,CAAC,CAAC,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI;gBACjD,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,MAAM,GAAU,CAAC,CAAC,CAAC,IAAI,IACjD,CAAA;AACR,CAAC,CAAA"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/nav/layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAA4B,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAExD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EACH,SAAS,GAAG,cAAc,CAAC,mBAAmB,EAC9C,KAAK,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GAAG,KAAK,EAClB,aAAa,EACb,WAAW,EACX,SAAS,EACV,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,EAAE,CAAA;IAC/B,MAAM,IAAI,GAAG,UAAU,EAAE,CAAA;IACzB,+FAA+F;IAC/F,4FAA4F;IAC5F,MAAM,MAAM,GACV,WAAW,IAAI,IAAI,IAAI,WAAW,KAAK,KAAK;QAC1C,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,OAAO,EACL,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC;oBAChE,SAAS,CAAC,eAAe,EAAE,sBAAsB,CAAC;gBACpD,MAAM,EACJ,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;oBAC/D,SAAS,CAAC,cAAc,EAAE,qBAAqB,CAAC;aACnD;SACF,CAAA;IACP,MAAM,UAAU,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAChE,MAAM,IAAI,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACtC,MAAM,SAAS,GAAG,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,SAAS,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAChH,0FAA0F;IAC1F,4FAA4F;IAC5F,6FAA6F;IAC7F,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE;QACpD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IACvB,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,IAAI,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;IACpG,0FAA0F;IAC1F,oFAAoF;IACpF,yFAAyF;IACzF,uFAAuF;IACvF,yFAAyF;IACzF,8FAA8F;IAC9F,+FAA+F;IAC/F,MAAM,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAEnD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAKpG,SAAS,IAAI,IAAI,IAAI,CACpB,YAAG,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,0BAAiB,SAAS,EAAE,SAAS,YAC/D,SAAS,GACR,CACL,EA0BD,kBAAQ,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,eAAe,CAAC,aACxG,eAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,aAC1D,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,YACE,OAAO,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,UAAU,IAAI,IAAI,IAAI,gBAAgB,CACvC,YAEA,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CACxB,KAAC,MAAM,IACL,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,UAAU,EACpB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,GACpD,CACH,EAMD,eAAK,SAAS,EAAC,iCAAiC,aAC7C,OAAO,EACP,UAAU,IAAI,CAAC,IAAI,IAAI,CACtB,KAAC,SAAS,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,UAAU,EAAC,SAAS,EAAC,WAAW,GAAG,CAC5F,IACG,IACF,EACL,CAAC,UAAU,IAAI,CACd,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,GAAG,CACvG,EASD,6BACc,MAAM,6BAElB,SAAS,EAAC,0DAA0D,GACpE,IACK,EACT,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,OAAO,IAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,iBAAiB,GAAG,EAM7G,eACE,GAAG,EAAE,IAAI,KACL,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3D,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,YAE3D,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAAG,QAAQ,GAAO,GAC1C,IACH,EAWL,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,KAAM,UAAU,GAAI,CAC/F,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CACnB,KAAC,MAAM,IAAC,kBAAkB,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAM,UAAU,GAAI,CAC3E,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,kBAAkB,EAAE,SAAS,KAAM,UAAU,GAAI,CAC1D,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/components/nav/mobile.d.ts

@@ -0,0 +1,21 @@
+import { type FC } from 'react';
+import type { MobileNavProps } from './types.js';
+/**
+ * Both navigation levels behind one menu button — what a narrow viewport gets instead of the
+ * section menu.
+ *
+ * The sheet lists every section; a section holding more than one screen lists its screens under
+ * the section's name, and a single-screen section is one link carrying the section's own label —
+ * the same rule the side menu follows, so a destination never appears twice. Labels resolve
+ * exactly as `TopNav` and `SideNav` resolve theirs (`nav.<section>`, `modules.<alias>`), through
+ * the same `translate` prop.
+ *
+ * Pressing an entry navigates in-app AND closes the sheet. Both happen in the anchor's own click
+ * handler: the `preventDefault()` that stops a full page load is not something a dialog notices,
+ * so a sheet left to close itself would stay open over the screen it just navigated to.
+ *
+ * `className` and `style` land on the TRIGGER — the only element the sheet places in the host's
+ * flow; the sheet itself is portalled to the document body.
+ */
+export declare const MobileNav: FC<MobileNavProps>;
+//# sourceMappingURL=mobile.d.ts.map

package/build/components/nav/mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.d.ts","sourceRoot":"","sources":["../../../src/components/nav/mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAA;AAOjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAGhD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyIxC,CAAA"}

package/build/components/nav/mobile.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { MenuIcon, XIcon } from 'lucide-react';
+import { usePanelNav, navLabelHelper } from '@owlmeans/client-panel';
+import { cn } from '../../@/lib/utils.js';
+import { Button } from '../../@/components/ui/button.js';
+import { Sheet, SheetClose, SheetContent, SheetTitle, SheetTrigger } from '../../@/components/ui/sheet.js';
+import { ENTRY_ACTIVE, TARGET, ENTRY } from './consts.local.js';
+/**
+ * Both navigation levels behind one menu button — what a narrow viewport gets instead of the
+ * section menu.
+ *
+ * The sheet lists every section; a section holding more than one screen lists its screens under
+ * the section's name, and a single-screen section is one link carrying the section's own label —
+ * the same rule the side menu follows, so a destination never appears twice. Labels resolve
+ * exactly as `TopNav` and `SideNav` resolve theirs (`nav.<section>`, `modules.<alias>`), through
+ * the same `translate` prop.
+ *
+ * Pressing an entry navigates in-app AND closes the sheet. Both happen in the anchor's own click
+ * handler: the `preventDefault()` that stops a full page load is not something a dialog notices,
+ * so a sheet left to close itself would stay open over the screen it just navigated to.
+ *
+ * `className` and `style` land on the TRIGGER — the only element the sheet places in the host's
+ * flow; the sheet itself is portalled to the document body.
+ */
+export const MobileNav = ({ config, translate = navLabelHelper.defaultNavTranslate, ariaLabel, className, style }) => {
+    const model = usePanelNav(config);
+    const [open, setOpen] = useState(false);
+    const id = useId();
+    if (model.sections.length < 1) {
+        return null;
+    }
+    // Keys outside the `nav.` family on purpose: `nav.<name>` addresses a SECTION, and an
+    // application is free to have a section called `menu`.
+    const label = translate('shell.menu', 'Menu');
+    const closeLabel = translate('shell.close', 'Close');
+    const follow = (go) => (event) => {
+        event.preventDefault();
+        setOpen(false);
+        go();
+    };
+    return (_jsxs(Sheet, { open: open, onOpenChange: setOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": label, "data-nav-menu-trigger": true, className: cn(TARGET, className), style: style, children: _jsx(MenuIcon, { className: "size-6", "aria-hidden": "true" }) }) }), _jsxs(SheetContent, { side: "right", showCloseButton: false, "aria-describedby": undefined, "data-nav-sheet": true, className: "gap-0 p-0 text-foreground", children: [_jsxs("div", { className: "flex h-14 shrink-0 items-center justify-between border-b pl-4 pr-2", children: [_jsx(SheetTitle, { className: "text-base", children: label }), _jsx(SheetClose, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": closeLabel, className: TARGET, children: _jsx(XIcon, { className: "size-5", "aria-hidden": "true" }) }) })] }), _jsx("nav", { "aria-label": ariaLabel, className: "flex-1 overflow-y-auto p-2", children: _jsx("ul", { className: "flex flex-col gap-1", children: model.sections.map((section) => {
+                                const sectionLabel = navLabelHelper.resolveNavLabel(translate, section.label, `nav.${section.name}`, section.name);
+                                if (section.items.length > 1) {
+                                    const heading = `${id}-${section.name}`;
+                                    return (_jsxs("li", { className: "pt-2", children: [_jsx("p", { id: heading, className: cn('px-3 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground', model.isSectionActive(section) && 'text-foreground'), children: sectionLabel }), _jsx("ul", { "aria-labelledby": heading, className: "flex flex-col gap-1", children: section.items.map((item) => {
+                                                    const active = model.isItemActive(item);
+                                                    return (_jsx("li", { children: _jsxs("a", { "data-testid": item.testId, href: model.hrefOf(item), onClick: follow(model.goItem(item)), "aria-current": active ? 'page' : undefined, className: cn(ENTRY, active && ENTRY_ACTIVE), children: [item.Icon != null ? _jsx(item.Icon, { className: "size-4" }) : null, navLabelHelper.resolveNavLabel(translate, item.label, `modules.${item.alias}`, item.alias)] }) }, item.alias));
+                                                }) })] }, section.name));
+                                }
+                                const active = model.isSectionActive(section);
+                                return (_jsx("li", { children: _jsx("a", { "data-testid": section.testId, href: model.hrefOf(section), onClick: follow(model.goSection(section)), "aria-current": active ? 'page' : undefined, className: cn(ENTRY, active && ENTRY_ACTIVE), children: sectionLabel }) }, section.name));
+                            }) }) })] })] }));
+};
+//# sourceMappingURL=mobile.js.map

package/build/components/nav/mobile.js.map

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

package/build/components/nav/side.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../src/components/nav/side.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqCpC,CAAA"}
+{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../src/components/nav/side.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoDpC,CAAA"}