@naeil/ui 0.12.0 → 0.13.0

package/dist/naeil-locale/client.js

@@ -13,6 +13,10 @@ import { NextIntlClientProvider } from "next-intl";
 
 // src/naeil-locale/routing.ts
 var naeilLocales = ["en", "ko", "ja"];
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var localePrefix = new RegExp(`^/(?:${naeilLocales.map(escapeRegExp).join("|")})(?:/|$)`);
 function isNaeilLocale(value) {
   return typeof value === "string" && naeilLocales.includes(value);
 }
@@ -27,7 +31,7 @@ var origins = {
   estimate: "https://abestimate.naeil.dev"
 };
 var protocolPrefixes = ["/api", "/auth", "/_next", "/_vercel", "/.well-known", "/health", "/invite", "/return", "/webhook", "/images", "/fonts"];
-var protocolFiles = ["/favicon.ico", "/icon.svg", "/apple-icon.png", "/robots.txt", "/sitemap.xml"];
+var protocolFiles = ["/favicon.ico", "/favicon.svg", "/icon.svg", "/apple-icon.png", "/robots.txt", "/sitemap.xml"];
 function defineLocaleService(service) {
   var _a, _b, _c, _d;
   if (origins[service.id] !== service.origin) throw new Error("Service origin must match the exact owned origin");
@@ -35,7 +39,7 @@ function defineLocaleService(service) {
   if (!paths.length || new Set(paths).size !== paths.length) throw new Error("Route inventory is empty or duplicated");
   for (const path of paths) {
     if (!/^\/(?:[A-Za-z0-9._~-]+|\[[A-Za-z][A-Za-z0-9_]*\])(?:\/(?:[A-Za-z0-9._~-]+|\[[A-Za-z][A-Za-z0-9_]*\]))*$/.test(path) && path !== "/") throw new Error(`Invalid registered route: ${path}`);
-    if (/^\/(?:en|ko|ja)(?:\/|$)/.test(path) || isProtocolPath(path, service) && !((_a = service.uiProtocolExceptions) == null ? void 0 : _a.includes(path)) || path.split("/").some((segment) => segment === "." || segment === "..")) throw new Error(`Locale/protocol path cannot be a UI route: ${path}`);
+    if (localePrefix.test(path) || isProtocolPath(path, service) && !((_a = service.uiProtocolExceptions) == null ? void 0 : _a.includes(path)) || path.split("/").some((segment) => segment === "." || segment === "..")) throw new Error(`Locale/protocol path cannot be a UI route: ${path}`);
   }
   for (const exception of (_b = service.uiProtocolExceptions) != null ? _b : []) if (exception.includes("[") || !paths.includes(exception)) throw new Error("Protocol UI exceptions must be exact registered routes");
   return Object.freeze(__spreadProps(__spreadValues({}, service), { routes: Object.freeze(service.routes.map((route) => typeof route === "string" ? route : Object.freeze(__spreadValues({}, route)))), protocolPrefixes: Object.freeze([...(_c = service.protocolPrefixes) != null ? _c : []]), uiProtocolExceptions: Object.freeze([...(_d = service.uiProtocolExceptions) != null ? _d : []]) }));
@@ -71,7 +75,7 @@ function invalid(reason, status = 404, locale) {
   return __spreadValues({ kind: "invalid", status, reason }, locale ? { locale } : {});
 }
 function splitInput(input, origin) {
-  if (!input || /[\u0000-\u0020\u007f\\]/.test(input)) return;
+  if (!input || /[\u0000-\u0020\u007f]/.test(input)) return;
   let path = input;
   if (!path.startsWith("/")) {
     if (!path.startsWith(origin + "/") && path !== origin) return;
@@ -84,12 +88,14 @@ function splitInput(input, origin) {
   const queryAt = withoutHash.indexOf("?");
   return { pathname: queryAt < 0 ? withoutHash : withoutHash.slice(0, queryAt), search: queryAt < 0 ? "" : withoutHash.slice(queryAt), hash };
 }
-function safePath(path) {
+function safePath(path, service) {
+  var _a;
   if (!path.startsWith("/") || path.includes("//")) return false;
+  const reserved = /* @__PURE__ */ new Set([...naeilLocales, ...[...protocolPrefixes, ...(_a = service.protocolPrefixes) != null ? _a : []].flatMap((prefix) => prefix.split("/").filter(Boolean))]);
   return path.split("/").every((segment) => {
     try {
       const decoded = decodeURIComponent(segment);
-      return !/[\u0000-\u001f\u007f/\\%?#]/.test(decoded) && decoded !== "." && decoded !== ".." && (!/^(?:en|ko|ja|api|auth|_next|invite|return|webhook)$/.test(decoded) || decoded === segment);
+      return !/[\u0000-\u001f\u007f/\\%?#]/.test(decoded) && decoded !== "." && decoded !== ".." && (!reserved.has(decoded) || decoded === segment);
     } catch (e) {
       return false;
     }
@@ -112,7 +118,7 @@ function resolveLocaleUrl(inputService, input) {
   var _a, _b;
   const service = getLocaleService(inputService);
   const parts = splitInput(input, service.origin);
-  if (!parts || !safePath(parts.pathname)) return invalid("Malformed or encoded path");
+  if (!parts || !safePath(parts.pathname, service)) return invalid("Malformed or encoded path");
   const rawPathname = parts.pathname;
   const pathname = rawPathname !== "/" && rawPathname.endsWith("/") ? rawPathname.slice(0, -1) : rawPathname;
   if (isProtocolPath(pathname, service) && !((_a = service.uiProtocolExceptions) == null ? void 0 : _a.includes(pathname))) return { kind: "protocol", pathname };
@@ -120,7 +126,7 @@ function resolveLocaleUrl(inputService, input) {
   const explicit = isNaeilLocale(segments[1]);
   const pathLocale = explicit ? segments[1] : void 0;
   const logicalPath = explicit ? "/" + segments.slice(2).join("/") : pathname;
-  if (/^\/(?:en|ko|ja)(?:\/|$)/.test(logicalPath) || isProtocolPath(logicalPath, service) && !((_b = service.uiProtocolExceptions) == null ? void 0 : _b.includes(logicalPath))) return invalid("Nested locale or localized protocol path", 404, pathLocale);
+  if (localePrefix.test(logicalPath) || isProtocolPath(logicalPath, service) && !((_b = service.uiProtocolExceptions) == null ? void 0 : _b.includes(logicalPath))) return invalid("Nested locale or localized protocol path", 404, pathLocale);
   const route = matchRoute(service, logicalPath);
   if (!route) return invalid("Unregistered UI route", 404, pathLocale);
   const legacy = service.id !== "main";
@@ -136,7 +142,7 @@ function localePath(inputService, unlocalizedRoute, locale) {
   assertLocale(locale);
   const service = getLocaleService(inputService);
   const parts = splitInput(unlocalizedRoute, service.origin);
-  if (!parts || /^\/(?:en|ko|ja)(?:\/|$)/.test(parts.pathname)) throw new Error("localePath requires an unlocalized route");
+  if (!parts || localePrefix.test(parts.pathname)) throw new Error("localePath requires an unlocalized route");
   const result = resolveLocaleUrl(service, parts.pathname);
   if (result.kind !== "ui") throw new Error("Unregistered UI destination");
   return prefixPath(result.logicalPath, locale) + (service.id === "main" ? parts.search : stripLegacyLang(parts.search)) + parts.hash;
@@ -236,6 +242,7 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
   const [intent, setIntent] = useState();
   const [error, setError] = useState();
   const lastRequest = useRef(void 0);
+  const timedOutIntent = useRef(void 0);
   const focus = useRef(void 0);
   const timer = useRef(void 0);
   const guards = useRef(/* @__PURE__ */ new Set());
@@ -245,6 +252,7 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
   }, []);
   const cancel = useCallback(() => {
     gate.cancel();
+    timedOutIntent.current = void 0;
     clearTimer();
     setIntent(void 0);
     setError(void 0);
@@ -253,6 +261,8 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
   const fail = useCallback((token, reason) => {
     var _a;
     if (((_a = gate.current()) == null ? void 0 : _a.token) !== token) return;
+    timedOutIntent.current = reason === "timeout" ? gate.current() : void 0;
+    focus.current = void 0;
     gate.cancel(token);
     clearTimer();
     setIntent(void 0);
@@ -262,12 +272,17 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
     var _a;
     const locale = assertLocale(language);
     if (gate.current()) return false;
+    lastRequest.current = { locale, options: options ? __spreadValues({}, options) : void 0 };
+    timedOutIntent.current = void 0;
     const current = resolveLocaleUrl(service, browserHref());
     if (current.kind !== "ui") {
       setError("unsupported-route");
       return false;
     }
-    if (current.locale === locale && !(options == null ? void 0 : options.route) && !(options == null ? void 0 : options.href)) return false;
+    if (current.locale === locale && !(options == null ? void 0 : options.route) && !(options == null ? void 0 : options.href)) {
+      setError(void 0);
+      return false;
+    }
     const suffix = current.canonicalPath.slice(localePath(service, current.logicalPath, current.locale).length);
     let href;
     try {
@@ -283,7 +298,6 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
     }
     const request = gate.begin(href, locale);
     if (!request) return false;
-    lastRequest.current = { locale, options };
     focus.current = captureFocus();
     setIntent(request);
     setError(void 0);
@@ -296,11 +310,26 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
       return false;
     }
   }, [service, gate, router, fail, transitionTimeoutMs]);
-  const retry = useCallback(() => lastRequest.current ? changeLocale(lastRequest.current.locale, lastRequest.current.options) : false, [changeLocale]);
+  const retry = useCallback(() => {
+    const request = lastRequest.current;
+    if (!request || gate.current()) return false;
+    const current = resolveLocaleUrl(service, browserHref());
+    if (current.kind === "ui" && current.locale === request.locale) {
+      setError(void 0);
+      return false;
+    }
+    return changeLocale(request.locale, request.options);
+  }, [service, gate, changeLocale]);
   const arrive = useCallback((token, locale, committedPathname) => {
-    if (token === void 0 || committedPathname !== window.location.pathname) return;
-    const committed = gate.arrive(token, browserHref(), locale);
+    if (committedPathname !== window.location.pathname) return;
+    let committed = token === void 0 ? void 0 : gate.arrive(token, browserHref(), locale);
+    const late = timedOutIntent.current;
+    if (!committed && !gate.current() && late && (token === void 0 || token === late.token)) {
+      const current = resolveLocaleUrl(service, browserHref());
+      if (late.locale === locale && current.kind === "ui" && !current.alias && current.locale === locale && current.canonicalPath === late.href) committed = late;
+    }
     if (!committed) return;
+    timedOutIntent.current = void 0;
     clearTimer();
     setIntent(void 0);
     setError(void 0);
@@ -310,7 +339,7 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
     const savedFocus = focus.current;
     focus.current = void 0;
     requestAnimationFrame(() => restoreFocus(savedFocus));
-  }, [gate, clearTimer, preferenceWritesEnabled]);
+  }, [service, gate, clearTimer, preferenceWritesEnabled]);
   const registerDepartureGuard = useCallback((guard) => {
     guards.current.add(guard);
     return () => {
@@ -341,7 +370,8 @@ function NaeilLocaleController({ service, children, preferenceWritesEnabled = fa
     };
   }, [cancel, gate, clearTimer]);
   useEffect(() => {
-    const pending = gate.current();
+    var _a;
+    const pending = (_a = gate.current()) != null ? _a : timedOutIntent.current;
     if (!pending) return;
     const target = pending.href.split(/[?#]/, 1)[0];
     const current = resolveLocaleUrl(service, pathname != null ? pathname : "/");

package/dist/naeil-locale/index.js

@@ -11,7 +11,7 @@ import {
   naeilServices,
   resolveLocaleUrl,
   sameLogicalRoute
-} from "./chunk-U65OQHZY.js";
+} from "./chunk-WT6QXR7O.js";
 import "./chunk-N3ETBM74.js";
 
 // src/naeil-locale/preference.ts

package/dist/naeil-locale/messages.js

@@ -3,8 +3,8 @@ import {
   loadSharedMessages,
   mergeLocaleMessages,
   recoverMissingMessages
-} from "./chunk-4U64K4J3.js";
-import "./chunk-U65OQHZY.js";
+} from "./chunk-24IL53QO.js";
+import "./chunk-WT6QXR7O.js";
 import "./chunk-N3ETBM74.js";
 export {
   createLocaleMessageLoader,

package/dist/naeil-locale/server.js

@@ -2,7 +2,7 @@ import {
   createLocaleMessageLoader,
   loadSharedMessages,
   recoverMissingMessages
-} from "./chunk-4U64K4J3.js";
+} from "./chunk-24IL53QO.js";
 import {
   assertLocale,
   getLocaleService,
@@ -11,7 +11,7 @@ import {
   naeilLocales,
   naeilRouting,
   resolveLocaleUrl
-} from "./chunk-U65OQHZY.js";
+} from "./chunk-WT6QXR7O.js";
 import "./chunk-N3ETBM74.js";
 
 // src/naeil-locale/server.ts
@@ -62,10 +62,10 @@ function stripMarkers(headers) {
   return sanitized;
 }
 function sanitizeProtocolPassThrough(response, requestHeaders) {
-  var _a;
   if (response.headers.get("x-middleware-next") !== "1" && !response.headers.has("x-middleware-rewrite")) return response;
-  const forwarded = new Headers(requestHeaders);
-  for (const key of ((_a = response.headers.get("x-middleware-override-headers")) != null ? _a : "").split(",")) {
+  const overrides = response.headers.get("x-middleware-override-headers");
+  const forwarded = new Headers(overrides === null ? requestHeaders : void 0);
+  for (const key of (overrides != null ? overrides : "").split(",").map((name) => name.trim())) {
     if (!key) continue;
     const value = response.headers.get(`x-middleware-request-${key}`);
     if (value !== null) forwarded.set(key, value);
@@ -79,7 +79,7 @@ function sanitizeProtocolPassThrough(response, requestHeaders) {
     names.push(key);
     response.headers.set(`x-middleware-request-${key}`, value);
   }
-  response.headers.set("x-middleware-override-headers", names.join(","));
+  response.headers.set("x-middleware-override-headers", [...names, ...privateHeaders].join(","));
   return response;
 }
 function markPrivate(response) {

package/dist/{navigation-D8N1tMTu.d.ts → navigation-CXZapKac.d.ts}

@@ -25,6 +25,8 @@ interface NavigationGroup {
 }
 type NavigationItem = NavigationLink | NavigationGroup;
 interface NavigationProps extends Omit<React.ComponentPropsWithoutRef<"header">, "children" | "onSelect"> {
+    /** Omit empty landmarks and dismiss toolbar-only sheets on desktop crossing. */
+    omitEmptyNavigation?: boolean;
     brand: React.ReactNode;
     items: NavigationItem[];
     /** Translated landmark/dialog/close labels are supplied by the application. */
@@ -45,6 +47,6 @@ interface NavigationProps extends Omit<React.ComponentPropsWithoutRef<"header">,
     /** Preserve modified clicks; applications may preventDefault for client routing/guards. */
     onNavigate?: (event: React.MouseEvent<HTMLAnchorElement>, item: NavigationLink) => void;
 }
-declare function Navigation({ brand, items, labels, Link, currentHref, toolbar, mobileToolbar, mobileFooter, mobileOpen: controlledOpen, onMobileOpenChange, containerClassName, onNavigate, className, ...props }: NavigationProps): react_jsx_runtime.JSX.Element;
+declare function Navigation({ brand, items, labels, Link, currentHref, toolbar, mobileToolbar, mobileFooter, omitEmptyNavigation, mobileOpen: controlledOpen, onMobileOpenChange, containerClassName, onNavigate, className, ...props }: NavigationProps): react_jsx_runtime.JSX.Element;
 
 export { type NavigationLink as N, type NavigationProps as a, type NavigationLinkComponent as b, type NavigationItem as c, type NavigationLinkProps as d, Navigation as e, type NavigationGroup as f };

package/dist/{site-footer-s113FZgC.d.ts → site-footer-C4jgkGDU.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { N as NavigationLink, b as NavigationLinkComponent, a as NavigationProps } from './navigation-D8N1tMTu.js';
+import { N as NavigationLink, b as NavigationLinkComponent, a as NavigationProps } from './navigation-CXZapKac.js';
 
 interface SiteFooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     brand?: React.ReactNode;

package/dist/source/components/naeil-header-core.d.ts

@@ -1,18 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 import { NavigationProps, NavigationItem, NavigationLinkProps, NavigationLink, NavigationLinkComponent } from './ui/navigation.js';
 import { NaeilHeaderLocale } from './naeil-header-data.js';
 export { NaeilHeaderAccount, NaeilHeaderAccountControl, NaeilHeaderAccountControlProps } from './naeil-header-account-core.js';
 
 interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "toolbar" | "mobileToolbar" | "labels"> {
+    service?: undefined;
     locale: NaeilHeaderLocale;
     /** Resolve canonical unlocalized paths. Defaults to the official localized site. */
     resolveHref?: (path: string) => string;
     brandHref?: string;
+    /** @deprecated Owned services must use service; retained for compatibility. */
     brandSlot?: ReactNode;
-    /** Ignored when brandSlot replaces the complete brand content. */
+    /** @deprecated Owned services must use service; retained for compatibility. Ignored with brandSlot. */
     brandSuffix?: string;
-    /** After the brand link, outside it; rendered once at every width. */
+    /** @deprecated Owned services must use service with no indicator; retained for compatibility. */
     statusSlot?: ReactNode;
     /** Product menu data, after catalog/blog and before flat subNav links. */
     appNavigation?: NavigationItem[];
@@ -33,17 +35,32 @@ interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "to
     };
     showProjects?: boolean;
     showBlog?: boolean;
+    /** @deprecated Owned services must use service and appNavigation; retained for compatibility. */
     subNav?: Array<{
         label: string;
         href: string;
     }>;
     currentProjectKey?: string;
     currentProjectHref?: string;
-    /** Compatibility escape hatch replacing the default theme/locale/auth toolbar. */
+    /** @deprecated Owned services must use service and authSlot; retained for compatibility. */
     toolbarSlot?: ReactNode;
-    /** Compatibility escape hatch for the legacy native external brand link. */
+    /** @deprecated Owned services must use service and Link; retained for compatibility. */
     brandLinkComponent?: NavigationLinkComponent;
 }
+/** Canonical owned-service identifiers; their spelling is the visible brand suffix. */
+declare const naeilServices: readonly ["abstorm", "home", "estimate", "jev"];
+type NaeilService = typeof naeilServices[number];
+declare const serviceCompatibilityProps: readonly ["brandSuffix", "statusSlot", "brandSlot", "toolbarSlot", "subNav", "brandLinkComponent", "projects", "projectsExternal", "showProjects", "showBlog", "translations", "className", "containerClassName", "style", "brandLinkProps", "mobileFooter", "omitEmptyNavigation"];
+type ServiceCompatibilityProp = typeof serviceCompatibilityProps[number];
+/** Strict owned-service props; the legacy interface remains independently extensible. */
+type NaeilServiceHeaderProps = Omit<NaeilHeaderProps, ServiceCompatibilityProp | "service"> & {
+    service: NaeilService;
+} & {
+    [Prop in ServiceCompatibilityProp]?: never;
+};
+/** Opt into the owned-service contract without changing the legacy composition. */
+declare function NaeilHeader(props: NaeilServiceHeaderProps): JSX.Element;
+declare function NaeilHeader(props: NaeilHeaderProps): JSX.Element;
 /** The actual header theme control; reads only the consumer's theme provider. */
 declare function NaeilHeaderThemeControl({ locale }: {
     locale: NaeilHeaderLocale;
@@ -53,7 +70,5 @@ declare function NaeilHeaderLocaleControl({ locale, onLocaleChange }: {
     locale: NaeilHeaderLocale;
     onLocaleChange: (locale: NaeilHeaderLocale) => void;
 }): react_jsx_runtime.JSX.Element;
-/** One complete, opt-in branded composition shared by naeil.dev and applications. */
-declare function NaeilHeader({ locale, resolveHref, brandHref, brandSlot, brandSuffix, statusSlot, appNavigation, brandLinkProps, brandLinkComponent, onLocaleChange, authSlot, toolbarSlot, projects, projectsExternal, translations, showProjects, showBlog, subNav, currentProjectKey, currentProjectHref, labels, Link, currentHref, onNavigate, className, containerClassName, ...props }: NaeilHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { NaeilHeader, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilHeader, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl, type NaeilService, type NaeilServiceHeaderProps, naeilServices };

package/dist/source/components/naeil-header-core.js

@@ -44,6 +44,58 @@ import { uiRelease } from "../lib/ui-release.js";
 import { headerLocales, headerProjects } from "./naeil-header-data.js";
 import { useNaeilMessages } from "./naeil-messages-context.js";
 import { NaeilHeaderAccountControl } from "./naeil-header-account-core.js";
+const naeilServices = Object.freeze(["abstorm", "home", "estimate", "jev"]);
+const serviceCompatibilityProps = [
+  "brandSuffix",
+  "statusSlot",
+  "brandSlot",
+  "toolbarSlot",
+  "subNav",
+  "brandLinkComponent",
+  "projects",
+  "projectsExternal",
+  "showProjects",
+  "showBlog",
+  "translations",
+  "className",
+  "containerClassName",
+  "style",
+  "brandLinkProps",
+  "mobileFooter",
+  "omitEmptyNavigation"
+];
+const warnedServiceProps = /* @__PURE__ */ new Set();
+function isDevelopment() {
+  try {
+    return process.env.NODE_ENV === "development";
+  } catch (e) {
+    return false;
+  }
+}
+function warnServiceProp(name, message) {
+  if (!isDevelopment() || warnedServiceProps.has(name)) return;
+  warnedServiceProps.add(name);
+  console.warn(message);
+}
+function isNaeilService(value) {
+  return naeilServices.includes(value);
+}
+function NaeilHeader(input) {
+  if (input.service === void 0) return /* @__PURE__ */ jsx(HeaderComposition, __spreadValues({}, input));
+  if (!isNaeilService(input.service)) {
+    warnServiceProp("service", "NaeilHeader: invalid service; rendering the legacy profile.");
+    const legacy = __spreadProps(__spreadValues({}, input), { service: void 0 });
+    delete legacy.service;
+    return /* @__PURE__ */ jsx(HeaderComposition, __spreadValues({}, legacy));
+  }
+  const props = __spreadValues({}, input);
+  for (const name of Object.keys(props)) {
+    if (!serviceCompatibilityProps.includes(name) && name !== "data-slot" && name !== "data-global-header" && !name.startsWith("data-naeil-")) continue;
+    delete props[name];
+    warnServiceProp(name, `NaeilHeader: service profile ignores ${name}; use the shared service composition.`);
+  }
+  return /* @__PURE__ */ jsx(HeaderComposition, __spreadProps(__spreadValues({}, props), { service: input.service }));
+}
 const subscribe = () => () => {
 };
 function NaeilHeaderThemeControl({ locale }) {
@@ -80,8 +132,9 @@ function NaeilHeaderLocaleControl({ locale, onLocaleChange }) {
   ] });
 }
 const NativeLink = (props) => /* @__PURE__ */ jsx("a", __spreadValues({}, props));
-function NaeilHeader(_a) {
+function HeaderComposition(_a) {
   var _b = _a, {
+    service,
     locale,
     resolveHref = (path) => `https://naeil.dev/${locale}${path === "/" ? "" : path}`,
     brandHref,
@@ -109,6 +162,7 @@ function NaeilHeader(_a) {
     className,
     containerClassName
   } = _b, props = __objRest(_b, [
+    "service",
     "locale",
     "resolveHref",
     "brandHref",
@@ -137,6 +191,11 @@ function NaeilHeader(_a) {
     "containerClassName"
   ]);
   var _b2, _c;
+  if (service) {
+    brandSuffix = service;
+    showProjects = false;
+    showBlog = false;
+  }
   const content = useNaeilMessages(locale).header;
   const projectLinks = !showProjects ? [] : projects != null ? projects : headerProjects.map((project) => {
     var _a3, _b3, _c2;
@@ -155,7 +214,7 @@ function NaeilHeader(_a) {
       badge: project.status === "coming" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: (_c2 = translations == null ? void 0 : translations.project("status.coming")) != null ? _c2 : content.projects.status.coming }) : void 0
     };
   });
-  const brandDestination = brandHref != null ? brandHref : resolveHref("/");
+  const brandDestination = brandHref != null ? brandHref : service ? "/" : resolveHref("/");
   const BrandLink = brandLinkComponent != null ? brandLinkComponent : Link;
   const _a2 = brandLinkProps != null ? brandLinkProps : {}, { onClick: onBrandClick } = _a2, brandProps = __objRest(_a2, ["onClick"]);
   const toolbar = /* @__PURE__ */ jsx(
@@ -181,11 +240,11 @@ function NaeilHeader(_a) {
     __spreadProps(__spreadValues({
       href: brandDestination,
       "data-app-brand": true,
-      "aria-label": brandSlot == null ? ".naeil" : void 0
+      "aria-label": service ? `.naeil ${service}` : brandSlot == null ? ".naeil" : void 0
     }, brandProps), {
       onClick: (event) => {
         onBrandClick == null ? void 0 : onBrandClick(event);
-        onNavigate == null ? void 0 : onNavigate(event, { id: "brand", href: brandDestination, label: ".naeil" });
+        onNavigate == null ? void 0 : onNavigate(event, { id: "brand", href: brandDestination, label: service ? `.naeil ${service}` : ".naeil" });
       },
       children: brandSlot != null ? brandSlot : brandSuffix ? /* @__PURE__ */ jsxs(Fragment, { children: [
         logo,
@@ -195,7 +254,7 @@ function NaeilHeader(_a) {
   );
   return /* @__PURE__ */ jsx(
     Navigation,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues(__spreadValues({}, props), service ? { "data-slot": "navigation", omitEmptyNavigation: true } : {}), {
       "data-global-header": true,
       "data-naeil-header": true,
       "data-naeil-chrome": "",
@@ -227,5 +286,6 @@ export {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
+  NaeilHeaderThemeControl,
+  naeilServices
 };

package/dist/source/components/naeil-header.d.ts

@@ -1,12 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NaeilHeaderProps } from './naeil-header-core.js';
+import { JSX } from 'react';
+import { NaeilServiceHeaderProps, NaeilHeaderProps } from './naeil-header-core.js';
+export { NaeilService, naeilServices } from './naeil-header-core.js';
 import { NaeilHeaderLocale } from './naeil-header-data.js';
 export { NaeilHeaderAccountControl } from './naeil-header-account.js';
 export { NaeilHeaderAccount, NaeilHeaderAccountControlProps } from './naeil-header-account-core.js';
-import 'react';
 import './ui/navigation.js';
 
-declare function NaeilHeader(props: NaeilHeaderProps): react_jsx_runtime.JSX.Element;
+declare function NaeilHeader(props: NaeilServiceHeaderProps): JSX.Element;
+declare function NaeilHeader(props: NaeilHeaderProps): JSX.Element;
 declare function NaeilHeaderThemeControl(props: {
     locale: NaeilHeaderLocale;
 }): react_jsx_runtime.JSX.Element;
@@ -15,4 +17,4 @@ declare function NaeilHeaderLocaleControl(props: {
     onLocaleChange: (locale: NaeilHeaderLocale) => void;
 }): react_jsx_runtime.JSX.Element;
 
-export { NaeilHeader, NaeilHeaderLocale, NaeilHeaderLocaleControl, NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilHeader, NaeilHeaderLocale, NaeilHeaderLocaleControl, NaeilHeaderProps, NaeilHeaderThemeControl, NaeilServiceHeaderProps };

package/dist/source/components/naeil-header.js

@@ -18,9 +18,10 @@ var __spreadValues = (a, b) => {
 import { jsx } from "react/jsx-runtime";
 import { NaeilHeader as Header, NaeilHeaderThemeControl as ThemeControl, NaeilHeaderLocaleControl as LocaleControl } from "./naeil-header-core.js";
 import { NaeilStandaloneMessages } from "./naeil-standalone-messages.js";
+import { naeilServices } from "./naeil-header-core.js";
 import { NaeilHeaderAccountControl } from "./naeil-header-account.js";
 function NaeilHeader(props) {
-  return /* @__PURE__ */ jsx(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx(Header, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx(NaeilStandaloneMessages, { locale: props.locale, children: props.service === void 0 ? /* @__PURE__ */ jsx(Header, __spreadValues({}, props)) : /* @__PURE__ */ jsx(Header, __spreadValues({}, props)) });
 }
 function NaeilHeaderThemeControl(props) {
   return /* @__PURE__ */ jsx(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx(ThemeControl, __spreadValues({}, props)) });
@@ -32,5 +33,6 @@ export {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
+  NaeilHeaderThemeControl,
+  naeilServices
 };

package/dist/source/components/typography.d.ts

@@ -4,7 +4,7 @@ import * as react from 'react';
 type HeadingProps = react.HTMLAttributes<HTMLHeadingElement> & {
     children: react.ReactNode;
 };
-declare const pageTitleClass = "text-foreground text-3xl font-semibold leading-tight";
+declare const pageTitleClass = "text-foreground text-3xl font-semibold";
 declare const sectionTitleClass = "text-foreground text-xl font-semibold";
 declare function PageTitle({ className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 declare function SectionTitle({ className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;

package/dist/source/components/typography.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const pageTitleClass = "text-foreground text-3xl font-semibold leading-tight";
+const pageTitleClass = "text-foreground text-3xl font-semibold";
 const sectionTitleClass = "text-foreground text-xl font-semibold";
 function PageTitle(_a) {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);

package/dist/source/components/ui/button.js

@@ -31,16 +31,16 @@ import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
 import { cn } from "../../lib/utils.js";
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap ui-control ui-focus rounded-md text-base font-medium transition-colors duration-(--ui-motion-fast) cursor-pointer  disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0  ui-focus aria-invalid:border-error",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap ui-control ui-focus rounded-md text-base font-medium transition-colors duration-(--ui-motion-fast) cursor-pointer  disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0  ui-focus aria-invalid:border-error aria-pressed:inset-ring-2",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 ",
-        outline: "border border-border-strong bg-background hover:bg-surface-subtle",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-surface-subtle",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover aria-pressed:bg-primary-hover aria-pressed:inset-ring-4 aria-pressed:inset-ring-primary-foreground aria-pressed:inset-shadow-[0_0_0_2px_var(--primary-hover)]",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 aria-pressed:inset-ring-4 aria-pressed:inset-ring-destructive-foreground aria-pressed:inset-shadow-[0_0_0_2px_var(--destructive)]",
+        outline: "border border-border-strong bg-background hover:bg-surface-subtle aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground",
+        ghost: "hover:bg-surface-subtle aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground",
+        link: "text-primary underline-offset-4 hover:underline aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground"
       },
       size: {
         default: "px-4 has-[>svg]:px-3",

package/dist/source/components/ui/card.js

@@ -73,7 +73,7 @@ function CardTitle(_g) {
     "div",
     __spreadValues({
       "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className)
+      className: cn("text-base font-semibold", className)
     }, props)
   );
 }

package/dist/source/components/ui/dialog.js

@@ -84,7 +84,7 @@ function DialogContent(_g) {
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
         className: cn(
-          "bg-popover ui-popup fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border-strong p-6  sm:max-w-lg",
+          "bg-popover ui-popup fixed top-[50%] left-[50%] z-50 grid w-full max-h-[min(calc(100%-2rem),calc(100dvh-2rem))] overflow-y-auto max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border-strong p-6  sm:max-w-lg",
           className
         )
       }, props), {
@@ -154,7 +154,7 @@ function DialogTitle(_m) {
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
-      className: cn("text-xl leading-normal font-semibold", className)
+      className: cn("text-xl font-semibold", className)
     }, props)
   );
 }

package/dist/source/components/ui/navigation.d.ts

@@ -25,6 +25,8 @@ interface NavigationGroup {
 }
 type NavigationItem = NavigationLink | NavigationGroup;
 interface NavigationProps extends Omit<react.ComponentPropsWithoutRef<"header">, "children" | "onSelect"> {
+    /** Omit empty landmarks and dismiss toolbar-only sheets on desktop crossing. */
+    omitEmptyNavigation?: boolean;
     brand: react.ReactNode;
     items: NavigationItem[];
     /** Translated landmark/dialog/close labels are supplied by the application. */
@@ -49,6 +51,6 @@ declare const NavigationSheetAction: react.Context<((action: () => void) => {
     menuClosed: () => void;
     cancel: () => void;
 }) | undefined>;
-declare function Navigation({ brand, items, labels, Link, currentHref, toolbar, mobileToolbar, mobileFooter, mobileOpen: controlledOpen, onMobileOpenChange, containerClassName, onNavigate, className, ...props }: NavigationProps): react_jsx_runtime.JSX.Element;
+declare function Navigation({ brand, items, labels, Link, currentHref, toolbar, mobileToolbar, mobileFooter, omitEmptyNavigation, mobileOpen: controlledOpen, onMobileOpenChange, containerClassName, onNavigate, className, ...props }: NavigationProps): react_jsx_runtime.JSX.Element;
 
 export { Navigation, type NavigationGroup, type NavigationItem, type NavigationLink, type NavigationLinkComponent, type NavigationLinkProps, type NavigationProps, NavigationSheetAction };