@naeil/ui 0.12.0 → 0.13.1

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { b as NavigationLinkComponent, a as NavigationProps, c as NavigationItem, d as NavigationLinkProps, N as NavigationLink } from '../navigation-D8N1tMTu.js';
+import { ReactNode, JSX } from 'react';
+import { b as NavigationLinkComponent, a as NavigationProps, c as NavigationItem, d as NavigationLinkProps, N as NavigationLink } from '../navigation-CXZapKac.js';
 import { N as NaeilHeaderLocale } from '../naeil-header-data-BvISJ4RV.js';
 
 type NaeilHeaderAccount = {
@@ -22,14 +22,16 @@ interface NaeilHeaderAccountControlProps {
 }
 
 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[];
@@ -50,21 +52,34 @@ 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;
+};
 
 declare function NaeilHeaderAccountControl(props: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
 
-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;
@@ -73,4 +88,4 @@ declare function NaeilHeaderLocaleControl(props: {
     onLocaleChange: (locale: NaeilHeaderLocale) => void;
 }): react_jsx_runtime.JSX.Element;
 
-export { NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl, type NaeilService, type NaeilServiceHeaderProps, naeilServices };

package/dist/components/naeil-header.js

@@ -4,14 +4,16 @@ import {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
-} from "../chunk-XLISHUJZ.js";
-import "../chunk-DBE7R4MR.js";
-import "../chunk-KPE4KKYM.js";
+  NaeilHeaderThemeControl,
+  naeilServices
+} from "../chunk-ESTQITQO.js";
+import "../chunk-L25A4OKY.js";
+import "../chunk-Y5LW3ADW.js";
 import "../chunk-JBTDRVZ7.js";
 export {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
+  NaeilHeaderThemeControl,
+  naeilServices
 };

package/dist/components/ui/index.d.ts

@@ -4,8 +4,8 @@ import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1,
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ToasterProps } from 'sonner';
-export { e as Navigation, f as NavigationGroup, c as NavigationItem, N as NavigationLink, b as NavigationLinkComponent, d as NavigationLinkProps, a as NavigationProps } from '../../navigation-D8N1tMTu.js';
-export { a as SiteFooter, S as SiteFooterProps } from '../../site-footer-s113FZgC.js';
+export { e as Navigation, f as NavigationGroup, c as NavigationItem, N as NavigationLink, b as NavigationLinkComponent, d as NavigationLinkProps, a as NavigationProps } from '../../navigation-CXZapKac.js';
+export { a as SiteFooter, S as SiteFooterProps } from '../../site-footer-C4jgkGDU.js';
 
 declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
     size?: "default" | "sm" | "lg";

package/dist/components/ui/index.js

@@ -33,7 +33,7 @@ import {
   SelectValue,
   badgeVariants,
   buttonVariants
-} from "../../chunk-KPE4KKYM.js";
+} from "../../chunk-Y5LW3ADW.js";
 import {
   __objRest,
   __spreadProps,
@@ -189,7 +189,7 @@ function CardTitle(_a) {
     "div",
     __spreadValues({
       "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className)
+      className: cn("text-base font-semibold", className)
     }, props)
   );
 }
@@ -293,7 +293,7 @@ function DialogContent(_a) {
       __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), {
@@ -363,7 +363,7 @@ function DialogTitle(_a) {
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
-      className: cn("text-xl leading-normal font-semibold", className)
+      className: cn("text-xl font-semibold", className)
     }, props)
   );
 }
@@ -547,11 +547,11 @@ import { Toaster as Sonner } from "sonner";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
-  const { theme = "system" } = useTheme();
+  const { theme = "system", forcedTheme } = useTheme();
   return /* @__PURE__ */ jsx6(
     Sonner,
     __spreadValues({
-      theme,
+      theme: forcedTheme != null ? forcedTheme : theme,
       className: "toaster group font-sans",
       position: "bottom-right",
       duration: 4e3,

package/dist/lib/ui-release.d.ts

@@ -1 +1 @@
-export declare const uiRelease: Readonly<{version: "0.12.0"; contractVersion: "1"}>;
+export declare const uiRelease: Readonly<{version: "0.13.1"; contractVersion: "1"}>;

package/dist/lib/ui-release.js

@@ -1 +1 @@
-export const uiRelease = Object.freeze({"version":"0.12.0","contractVersion":"1"});
+export const uiRelease = Object.freeze({"version":"0.13.1","contractVersion":"1"});

package/dist/lib/utils.js

@@ -1,7 +1 @@
-"use client";
-import {
-  cn
-} from "../chunk-JBTDRVZ7.js";
-export {
-  cn
-};
+export { cn } from "../source/lib/utils.js";

package/dist/naeil-locale/checker.js

@@ -1,6 +1,6 @@
 import {
   naeilLocales
-} from "./chunk-U65OQHZY.js";
+} from "./chunk-WT6QXR7O.js";
 import "./chunk-N3ETBM74.js";
 
 // src/naeil-locale/checker.ts

package/dist/naeil-locale/chrome.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 type NavigationLinkProps = React.ComponentPropsWithoutRef<"a"> & {
     href: string;
@@ -26,6 +26,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. */
@@ -71,14 +73,16 @@ interface NaeilHeaderAccountControlProps {
 declare function NaeilHeaderAccountControl({ locale, account, Link }: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
 
 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[];
@@ -99,17 +103,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;
@@ -119,8 +138,6 @@ 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;
 
 interface SiteFooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     brand?: React.ReactNode;
@@ -147,4 +164,4 @@ interface NaeilFooterProps extends Omit<SiteFooterProps, "brand" | "description"
 /** Canonical content in full/compact density. Product legal/status copy belongs in meta. */
 declare function NaeilFooter({ locale, resolveHref, variant, Link, onNavigate, ...props }: NaeilFooterProps): react_jsx_runtime.JSX.Element;
 
-export { NaeilFooter, type NaeilFooterLocale, type NaeilFooterProps, NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, type NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilFooter, type NaeilFooterLocale, type NaeilFooterProps, NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, type NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl, type NaeilService, type NaeilServiceHeaderProps, naeilServices };

package/dist/naeil-locale/chrome.js

@@ -1230,16 +1230,16 @@ import { cva as cva2 } from "class-variance-authority";
 import { Slot as Slot2 } from "radix-ui";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var buttonVariants = cva2(
-  "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",
@@ -1615,6 +1615,7 @@ function Navigation(_a) {
     toolbar,
     mobileToolbar,
     mobileFooter,
+    omitEmptyNavigation = false,
     mobileOpen: controlledOpen,
     onMobileOpenChange,
     containerClassName,
@@ -1629,6 +1630,7 @@ function Navigation(_a) {
     "toolbar",
     "mobileToolbar",
     "mobileFooter",
+    "omitEmptyNavigation",
     "mobileOpen",
     "onMobileOpenChange",
     "containerClassName",
@@ -1699,7 +1701,8 @@ function Navigation(_a) {
     setOpenGroup(null);
   }, [currentHref, setMobileOpen]);
   React.useEffect(() => {
-    const element = desktop.current;
+    var _a2, _b2;
+    const element = omitEmptyNavigation && !items.length ? (_b2 = (_a2 = desktop.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.querySelector(".ui-navigation-toolbar") : desktop.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
       if (element.getBoundingClientRect().width > 0) setMobileOpen(false);
@@ -1707,7 +1710,8 @@ function Navigation(_a) {
     });
     observer.observe(element);
     return () => observer.disconnect();
-  }, [setMobileOpen]);
+  }, [setMobileOpen, omitEmptyNavigation, items.length]);
+  const DesktopElement = omitEmptyNavigation && !items.length ? "div" : "nav";
   const active = (item) => {
     var _a2;
     return (_a2 = item.active) != null ? _a2 : !item.external && item.href === currentHref;
@@ -1756,10 +1760,12 @@ function Navigation(_a) {
       children: /* @__PURE__ */ jsx6("div", { className: cn("ui-navigation-frame", containerClassName), children: /* @__PURE__ */ jsxs4("div", { className: "ui-navigation-row", children: [
         /* @__PURE__ */ jsx6("div", { className: "ui-navigation-brand", children: brand }),
         /* @__PURE__ */ jsx6(
-          "nav",
+          DesktopElement,
           {
-            ref: desktop,
-            "aria-label": labels.navigation,
+            ref: (element) => {
+              desktop.current = element;
+            },
+            "aria-label": omitEmptyNavigation && !items.length ? void 0 : labels.navigation,
             className: "ui-navigation-desktop",
             children: items.map(
               (item) => "items" in item ? /* @__PURE__ */ jsx6(
@@ -1811,7 +1817,7 @@ function Navigation(_a) {
                 className: "ui-navigation-sheet ui-popup",
                 "aria-describedby": void 0,
                 onCloseAutoFocus: (event) => {
-                  var _a2, _b2;
+                  var _a2, _b2, _c, _d;
                   if (controlledOpen !== void 0 && (!mounted.current || state.current.open)) {
                     event.preventDefault();
                     return;
@@ -1825,7 +1831,10 @@ function Navigation(_a) {
                   }
                   if (trigger.current && trigger.current.getBoundingClientRect().width === 0) {
                     event.preventDefault();
-                    (_b2 = (_a2 = desktop.current) == null ? void 0 : _a2.querySelector("button, a")) == null ? void 0 : _b2.focus();
+                    const target = (_a2 = desktop.current) == null ? void 0 : _a2.querySelector("button, a");
+                    const toolbar2 = omitEmptyNavigation && !items.length ? (_c = (_b2 = desktop.current) == null ? void 0 : _b2.parentElement) == null ? void 0 : _c.querySelector(".ui-navigation-toolbar") : void 0;
+                    const toolbarTarget = !target && toolbar2 ? Array.from(toolbar2.querySelectorAll("button, a[href], input, select, textarea, [tabindex]")).find((element) => element.tabIndex >= 0 && !element.matches(":disabled") && element.getBoundingClientRect().width > 0 && element.getBoundingClientRect().height > 0) : void 0;
+                    (_d = target != null ? target : toolbarTarget) == null ? void 0 : _d.focus();
                   }
                 },
                 children: [
@@ -1840,7 +1849,7 @@ function Navigation(_a) {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx6(
+                  (!omitEmptyNavigation || items.length > 0) && /* @__PURE__ */ jsx6(
                     "nav",
                     {
                       "aria-label": labels.navigation,
@@ -1886,7 +1895,7 @@ function Navigation(_a) {
 }
 
 // src/lib/ui-release.ts
-var uiRelease = { version: "0.12.0", contractVersion: "1" };
+var uiRelease = { version: "0.13.1", contractVersion: "1" };
 
 // src/components/naeil-header-data.ts
 var headerLocales = ["en", "ko", "ja"];
@@ -2078,6 +2087,58 @@ function NaeilHeaderAccountControl({ locale, account, Link = NativeLink3 }) {
 
 // src/components/naeil-header-core.tsx
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var naeilServices = Object.freeze(["abstorm", "home", "estimate", "jev"]);
+var serviceCompatibilityProps = [
+  "brandSuffix",
+  "statusSlot",
+  "brandSlot",
+  "toolbarSlot",
+  "subNav",
+  "brandLinkComponent",
+  "projects",
+  "projectsExternal",
+  "showProjects",
+  "showBlog",
+  "translations",
+  "className",
+  "containerClassName",
+  "style",
+  "brandLinkProps",
+  "mobileFooter",
+  "omitEmptyNavigation"
+];
+var 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__ */ jsx9(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__ */ jsx9(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__ */ jsx9(HeaderComposition, __spreadProps(__spreadValues({}, props), { service: input.service }));
+}
 var subscribe = () => () => {
 };
 function NaeilHeaderThemeControl({ locale }) {
@@ -2114,8 +2175,9 @@ function NaeilHeaderLocaleControl({ locale, onLocaleChange }) {
   ] });
 }
 var NativeLink4 = (props) => /* @__PURE__ */ jsx9("a", __spreadValues({}, props));
-function NaeilHeader(_a) {
+function HeaderComposition(_a) {
   var _b = _a, {
+    service,
     locale,
     resolveHref = (path) => `https://naeil.dev/${locale}${path === "/" ? "" : path}`,
     brandHref,
@@ -2143,6 +2205,7 @@ function NaeilHeader(_a) {
     className,
     containerClassName
   } = _b, props = __objRest(_b, [
+    "service",
     "locale",
     "resolveHref",
     "brandHref",
@@ -2171,6 +2234,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;
@@ -2189,7 +2257,7 @@ function NaeilHeader(_a) {
       badge: project.status === "coming" ? /* @__PURE__ */ jsx9(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__ */ jsx9(
@@ -2215,11 +2283,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__ */ jsxs7(Fragment3, { children: [
         logo,
@@ -2229,7 +2297,7 @@ function NaeilHeader(_a) {
   );
   return /* @__PURE__ */ jsx9(
     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": "",
@@ -2381,5 +2449,6 @@ export {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
+  NaeilHeaderThemeControl,
+  naeilServices
 };

package/dist/naeil-locale/{chunk-4U64K4J3.js → chunk-24IL53QO.js}

@@ -1,6 +1,6 @@
 import {
   assertLocale
-} from "./chunk-U65OQHZY.js";
+} from "./chunk-WT6QXR7O.js";
 import {
   __spreadValues
 } from "./chunk-N3ETBM74.js";

package/dist/naeil-locale/{chunk-U65OQHZY.js → chunk-WT6QXR7O.js}

@@ -6,6 +6,10 @@ import {
 // src/naeil-locale/routing.ts
 var naeilLocales = ["en", "ko", "ja"];
 var defaultLocale = "en";
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var localePrefix = new RegExp(`^/(?:${naeilLocales.map(escapeRegExp).join("|")})(?:/|$)`);
 var naeilRouting = {
   locales: naeilLocales,
   defaultLocale,
@@ -28,7 +32,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");
@@ -36,7 +40,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 : []]) }));
@@ -72,7 +76,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;
@@ -85,12 +89,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;
     }
@@ -113,7 +119,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 };
@@ -121,7 +127,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";
@@ -137,7 +143,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;