@naeil/ui 0.6.0 → 0.7.2

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SiteFooterProps } from '../site-footer-vXDa_6yr.js';
+import { N as NaeilHeaderLocale } from '../naeil-header-content-BvISJ4RV.js';
+import 'react';
+import '../navigation-CgPeL9tF.js';
+
+type NaeilFooterLocale = NaeilHeaderLocale;
+interface NaeilFooterProps extends Omit<SiteFooterProps, "brand" | "description" | "groups"> {
+    locale: NaeilFooterLocale;
+    /** Only localize/route canonical paths; default destinations use the official origin. */
+    resolveHref?: (path: string) => string;
+}
+/** 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 };

package/dist/components/naeil-footer.js

@@ -0,0 +1,76 @@
+"use client";
+"use client";
+import {
+  Logo,
+  uiRelease
+} from "../chunk-7JBLPGZ4.js";
+import {
+  SiteFooter
+} from "../chunk-HSTDPY56.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JBTDRVZ7.js";
+
+// src/components/naeil-footer.tsx
+import { jsx } from "react/jsx-runtime";
+var content = {
+  en: { navigation: "Navigation", projects: "Projects", blog: "Blog", social: "Social" },
+  ko: { navigation: "\uB124\uBE44\uAC8C\uC774\uC158", projects: "\uD504\uB85C\uC81D\uD2B8", blog: "\uBE14\uB85C\uADF8", social: "\uC18C\uC15C" },
+  ja: { navigation: "\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3", projects: "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8", blog: "\u30D6\u30ED\u30B0", social: "\u30BD\u30FC\u30B7\u30E3\u30EB" }
+};
+var NativeLink = (props) => /* @__PURE__ */ jsx("a", __spreadValues({}, props));
+function NaeilFooter(_a) {
+  var _b = _a, {
+    locale,
+    resolveHref = (path) => `https://naeil.dev/${locale}${path === "/" ? "" : path}`,
+    variant = "full",
+    Link = NativeLink,
+    onNavigate
+  } = _b, props = __objRest(_b, [
+    "locale",
+    "resolveHref",
+    "variant",
+    "Link",
+    "onNavigate"
+  ]);
+  const copy = content[locale];
+  const home = { id: "brand", label: ".naeil", href: resolveHref("/") };
+  return /* @__PURE__ */ jsx(
+    SiteFooter,
+    __spreadProps(__spreadValues({}, props), {
+      variant,
+      Link,
+      onNavigate,
+      "data-naeil-footer": true,
+      "data-naeil-ui-version": uiRelease.version,
+      "data-naeil-ui-contract": uiRelease.contractVersion,
+      brand: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: home.href,
+          "aria-label": ".naeil",
+          "data-footer-brand": true,
+          className: "ui-focus inline-flex min-h-11 items-center",
+          onClick: (event) => onNavigate == null ? void 0 : onNavigate(event, home),
+          children: /* @__PURE__ */ jsx(Logo, { variant: "footer", size: 20, label: null })
+        }
+      ),
+      description: variant === "full" ? "Tomorrow starts here." : void 0,
+      groups: [
+        { id: "navigation", label: copy.navigation, links: [
+          { id: "projects", label: copy.projects, href: resolveHref("/projects") },
+          { id: "blog", label: copy.blog, href: resolveHref("/blog") }
+        ] },
+        { id: "social", label: copy.social, links: [
+          // All canonical destinations use the consumer Link, including this absolute URL.
+          { id: "github", label: "GitHub", href: "https://github.com/naeil-dev", target: "_blank" }
+        ] }
+      ]
+    })
+  );
+}
+export {
+  NaeilFooter
+};

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

@@ -1,9 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { a as NavigationProps, b as NavigationLinkProps, N as NavigationLink, c as NavigationLinkComponent } from '../navigation-CL10a6Eb.js';
+import { b as NavigationLinkComponent, a as NavigationProps, c as NavigationLinkProps, N as NavigationLink } from '../navigation-CgPeL9tF.js';
+import { N as NaeilHeaderLocale } from '../naeil-header-content-BvISJ4RV.js';
 
-declare const headerLocales: readonly ["en", "ko", "ja"];
-type NaeilHeaderLocale = (typeof headerLocales)[number];
+type NaeilHeaderAccount = {
+    status: "signed-out";
+    loginHref: string;
+} | {
+    status: "signed-in";
+    /** Consumer starts its guarded session action and owns failures/navigation. */
+    onLogout: () => void;
+    busy?: boolean;
+    displayName?: string;
+    email?: string;
+};
+interface NaeilHeaderAccountControlProps {
+    locale: NaeilHeaderLocale;
+    account: NaeilHeaderAccount;
+    /** The same route/save adapter used by the rest of the application header. */
+    Link?: NavigationLinkComponent;
+}
+/** Shared account presentation only: never reads sessions or calls an auth API. */
+declare function NaeilHeaderAccountControl({ locale, account, Link }: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
 
 interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "toolbar" | "mobileToolbar" | "labels"> {
     locale: NaeilHeaderLocale;
@@ -14,7 +32,7 @@ interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "to
     brandLinkProps?: Omit<NavigationLinkProps, "href" | "children">;
     /** Omit when the application does not support changing its UI language. */
     onLocaleChange?: (locale: NaeilHeaderLocale) => void;
-    /** Application-owned authentication; this module has no site session/backend. */
+    /** Use NaeilHeaderAccountControl for canonical UI; the app owns auth state/I/O. */
     authSlot?: ReactNode;
     labels?: NavigationProps["labels"];
     projects?: NavigationLink[];
@@ -51,4 +69,4 @@ declare function NaeilHeaderLocaleControl({ locale, onLocaleChange }: {
 /** One complete, opt-in branded composition shared by naeil.dev and applications. */
 declare function NaeilHeader({ locale, resolveHref, brandHref, brandSlot, 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, type NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };

package/dist/components/naeil-header.js

@@ -2,13 +2,16 @@
 "use client";
 import {
   NaeilHeader,
+  NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
   NaeilHeaderThemeControl
-} from "../chunk-VL7FS4QM.js";
-import "../chunk-CE73AEJZ.js";
+} from "../chunk-MGCCKOGU.js";
+import "../chunk-7JBLPGZ4.js";
+import "../chunk-QQQQZEPV.js";
 import "../chunk-JBTDRVZ7.js";
 export {
   NaeilHeader,
+  NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
   NaeilHeaderThemeControl
 };

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 { d as Navigation, e as NavigationGroup, f as NavigationItem, N as NavigationLink, c as NavigationLinkComponent, b as NavigationLinkProps, a as NavigationProps } from '../../navigation-CL10a6Eb.js';
-export { a as SiteFooter, S as SiteFooterProps } from '../../site-footer-B67meCDv.js';
+export { d as Navigation, e as NavigationGroup, f as NavigationItem, N as NavigationLink, b as NavigationLinkComponent, c as NavigationLinkProps, a as NavigationProps } from '../../navigation-CgPeL9tF.js';
+export { a as SiteFooter, S as SiteFooterProps } from '../../site-footer-vXDa_6yr.js';
 
 declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
     size?: "default" | "sm" | "lg";

package/dist/components/ui/index.js

@@ -1,5 +1,10 @@
 "use client";
 import {
+  SiteFooter
+} from "../../chunk-HSTDPY56.js";
+import {
+  Badge,
+  Button,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -15,11 +20,6 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-  SiteFooter
-} from "../../chunk-QSTGUEEI.js";
-import {
-  Badge,
-  Button,
   Navigation,
   Select,
   SelectContent,
@@ -33,7 +33,7 @@ import {
   SelectValue,
   badgeVariants,
   buttonVariants
-} from "../../chunk-CE73AEJZ.js";
+} from "../../chunk-QQQQZEPV.js";
 import {
   __objRest,
   __spreadProps,

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

@@ -0,0 +1 @@
+export declare const uiRelease: Readonly<{version: "0.7.2"; contractVersion: "1"}>;

package/dist/lib/ui-release.js

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

package/dist/naeil-header-content-BvISJ4RV.d.ts

@@ -0,0 +1,4 @@
+declare const headerLocales: readonly ["en", "ko", "ja"];
+type NaeilHeaderLocale = (typeof headerLocales)[number];
+
+export type { NaeilHeaderLocale as N };

package/dist/{navigation-CL10a6Eb.d.ts → navigation-CgPeL9tF.d.ts}

@@ -45,4 +45,4 @@ interface NavigationProps extends Omit<React.ComponentPropsWithoutRef<"header">,
 }
 declare function Navigation({ brand, items, labels, Link, currentHref, toolbar, mobileToolbar, mobileFooter, containerClassName, onNavigate, className, ...props }: NavigationProps): react_jsx_runtime.JSX.Element;
 
-export { type NavigationLink as N, type NavigationProps as a, type NavigationLinkProps as b, type NavigationLinkComponent as c, Navigation as d, type NavigationGroup as e, type NavigationItem as f };
+export { type NavigationLink as N, type NavigationProps as a, type NavigationLinkComponent as b, type NavigationLinkProps as c, Navigation as d, type NavigationGroup as e, type NavigationItem as f };

package/dist/{site-footer-B67meCDv.d.ts → site-footer-vXDa_6yr.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { N as NavigationLink, c as NavigationLinkComponent } from './navigation-CL10a6Eb.js';
+import { N as NavigationLink, b as NavigationLinkComponent, a as NavigationProps } from './navigation-CgPeL9tF.js';
 
 interface SiteFooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     brand?: React.ReactNode;
@@ -14,8 +14,10 @@ interface SiteFooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     meta?: React.ReactNode;
     containerClassName?: string;
     variant?: "full" | "compact";
+    /** Called for every group link, including native external anchors. Preserve modified clicks. */
+    onNavigate?: NavigationProps["onNavigate"];
 }
 /** Product content and translations belong to the consumer, including legal copy. */
-declare function SiteFooter({ brand, description, groups, Link, meta, children, containerClassName, className, variant, ...props }: SiteFooterProps): react_jsx_runtime.JSX.Element;
+declare function SiteFooter({ brand, description, groups, Link, meta, children, containerClassName, className, variant, onNavigate, ...props }: SiteFooterProps): react_jsx_runtime.JSX.Element;
 
 export { type SiteFooterProps as S, SiteFooter as a };

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SiteFooterProps } from './ui/site-footer.js';
+import { NaeilHeaderLocale } from './naeil-header-content.js';
+import 'react';
+import './ui/navigation.js';
+
+type NaeilFooterLocale = NaeilHeaderLocale;
+interface NaeilFooterProps extends Omit<SiteFooterProps, "brand" | "description" | "groups"> {
+    locale: NaeilFooterLocale;
+    /** Only localize/route canonical paths; default destinations use the official origin. */
+    resolveHref?: (path: string) => string;
+}
+/** 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 };

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

@@ -0,0 +1,95 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { Logo } from "./logo.js";
+import { SiteFooter } from "./ui/site-footer.js";
+import { uiRelease } from "../lib/ui-release.js";
+const content = {
+  en: { navigation: "Navigation", projects: "Projects", blog: "Blog", social: "Social" },
+  ko: { navigation: "\uB124\uBE44\uAC8C\uC774\uC158", projects: "\uD504\uB85C\uC81D\uD2B8", blog: "\uBE14\uB85C\uADF8", social: "\uC18C\uC15C" },
+  ja: { navigation: "\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3", projects: "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8", blog: "\u30D6\u30ED\u30B0", social: "\u30BD\u30FC\u30B7\u30E3\u30EB" }
+};
+const NativeLink = (props) => /* @__PURE__ */ jsx("a", __spreadValues({}, props));
+function NaeilFooter(_a) {
+  var _b = _a, {
+    locale,
+    resolveHref = (path) => `https://naeil.dev/${locale}${path === "/" ? "" : path}`,
+    variant = "full",
+    Link = NativeLink,
+    onNavigate
+  } = _b, props = __objRest(_b, [
+    "locale",
+    "resolveHref",
+    "variant",
+    "Link",
+    "onNavigate"
+  ]);
+  const copy = content[locale];
+  const home = { id: "brand", label: ".naeil", href: resolveHref("/") };
+  return /* @__PURE__ */ jsx(
+    SiteFooter,
+    __spreadProps(__spreadValues({}, props), {
+      variant,
+      Link,
+      onNavigate,
+      "data-naeil-footer": true,
+      "data-naeil-ui-version": uiRelease.version,
+      "data-naeil-ui-contract": uiRelease.contractVersion,
+      brand: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: home.href,
+          "aria-label": ".naeil",
+          "data-footer-brand": true,
+          className: "ui-focus inline-flex min-h-11 items-center",
+          onClick: (event) => onNavigate == null ? void 0 : onNavigate(event, home),
+          children: /* @__PURE__ */ jsx(Logo, { variant: "footer", size: 20, label: null })
+        }
+      ),
+      description: variant === "full" ? "Tomorrow starts here." : void 0,
+      groups: [
+        { id: "navigation", label: copy.navigation, links: [
+          { id: "projects", label: copy.projects, href: resolveHref("/projects") },
+          { id: "blog", label: copy.blog, href: resolveHref("/blog") }
+        ] },
+        { id: "social", label: copy.social, links: [
+          // All canonical destinations use the consumer Link, including this absolute URL.
+          { id: "github", label: "GitHub", href: "https://github.com/naeil-dev", target: "_blank" }
+        ] }
+      ]
+    })
+  );
+}
+export {
+  NaeilFooter
+};

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NavigationLinkComponent } from './ui/navigation.js';
+import { NaeilHeaderLocale } from './naeil-header-content.js';
+import 'react';
+
+type NaeilHeaderAccount = {
+    status: "signed-out";
+    loginHref: string;
+} | {
+    status: "signed-in";
+    /** Consumer starts its guarded session action and owns failures/navigation. */
+    onLogout: () => void;
+    busy?: boolean;
+    displayName?: string;
+    email?: string;
+};
+interface NaeilHeaderAccountControlProps {
+    locale: NaeilHeaderLocale;
+    account: NaeilHeaderAccount;
+    /** The same route/save adapter used by the rest of the application header. */
+    Link?: NavigationLinkComponent;
+}
+/** Shared account presentation only: never reads sessions or calls an auth API. */
+declare function NaeilHeaderAccountControl({ locale, account, Link }: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
+
+export { type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps };

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

@@ -0,0 +1,67 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { UserRound } from "lucide-react";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from "./ui/dropdown-menu.js";
+const labels = {
+  en: { menu: "Account menu", account: "Account", login: "Log in", logout: "Log out", busy: "Logging out\u2026" },
+  ko: { menu: "\uACC4\uC815 \uBA54\uB274", account: "\uACC4\uC815", login: "\uB85C\uADF8\uC778", logout: "\uB85C\uADF8\uC544\uC6C3", busy: "\uB85C\uADF8\uC544\uC6C3 \uC911\u2026" },
+  ja: { menu: "\u30A2\u30AB\u30A6\u30F3\u30C8\u30E1\u30CB\u30E5\u30FC", account: "\u30A2\u30AB\u30A6\u30F3\u30C8", login: "\u30ED\u30B0\u30A4\u30F3", logout: "\u30ED\u30B0\u30A2\u30A6\u30C8", busy: "\u30ED\u30B0\u30A2\u30A6\u30C8\u4E2D\u2026" }
+};
+const NativeLink = (props) => /* @__PURE__ */ jsx("a", __spreadValues({}, props));
+function NaeilHeaderAccountControl({ locale, account, Link = NativeLink }) {
+  const text = labels[locale];
+  if (account.status === "signed-out") {
+    return /* @__PURE__ */ jsx(Link, { href: account.loginHref, className: "ui-navigation-link ui-focus naeil-header-login", "data-naeil-account-state": "signed-out", children: text.login });
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "ui-focus naeil-header-account-trigger",
+        "data-naeil-account-trigger": true,
+        "data-naeil-account-state": "signed-in",
+        "aria-label": text.menu,
+        "aria-busy": account.busy || void 0,
+        children: /* @__PURE__ */ jsx("span", { className: "naeil-header-account-avatar", "aria-hidden": "true", children: /* @__PURE__ */ jsx(UserRound, {}) })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56 max-w-[calc(100vw-2rem)]", "data-naeil-account-menu": true, children: [
+      /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex min-w-0 flex-col font-normal", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-base font-medium", children: account.displayName || text.account }),
+        account.email && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: account.email })
+      ] }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          className: "min-h-11",
+          disabled: account.busy,
+          onSelect: () => {
+            if (!account.busy) account.onLogout();
+          },
+          children: account.busy ? text.busy : text.logout
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  NaeilHeaderAccountControl
+};

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

@@ -6,35 +6,11 @@ declare const headerLocaleNames: {
     readonly ja: "日本語";
 };
 declare const headerProjects: readonly [{
-    readonly key: "cc";
-    readonly href: "/cc";
-    readonly accent: "oklch(0.704 0.140 181)";
-    readonly icon: "coral";
-    readonly status: "active";
-}, {
-    readonly key: "pkm";
-    readonly href: "/pkm";
-    readonly accent: "oklch(0.702 0.183 293)";
-    readonly icon: "jellyfish";
-    readonly status: "coming";
-}, {
     readonly key: "naeilUi";
     readonly href: "/design";
     readonly accent: "oklch(0.623 0.214 259)";
     readonly icon: "whale";
-    readonly status: "active";
-}, {
-    readonly key: "sa";
-    readonly href: "/sa";
-    readonly accent: "oklch(0.723 0.219 149)";
-    readonly icon: "fish";
-    readonly status: "active";
-}, {
-    readonly key: "babyAgent";
-    readonly href: "/baby-agent";
-    readonly accent: "oklch(0.769 0.188 70.08)";
-    readonly icon: "turtle";
-    readonly status: "coming";
+    readonly status: "active" | "coming";
 }];
 declare const headerContent: {
     readonly en: {

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

@@ -1,40 +1,12 @@
 const headerLocales = ["en", "ko", "ja"];
 const headerLocaleNames = { en: "English", ko: "\uD55C\uAD6D\uC5B4", ja: "\u65E5\u672C\u8A9E" };
 const headerProjects = [
-  {
-    "key": "cc",
-    "href": "/cc",
-    "accent": "oklch(0.704 0.140 181)",
-    "icon": "coral",
-    "status": "active"
-  },
-  {
-    "key": "pkm",
-    "href": "/pkm",
-    "accent": "oklch(0.702 0.183 293)",
-    "icon": "jellyfish",
-    "status": "coming"
-  },
   {
     "key": "naeilUi",
     "href": "/design",
     "accent": "oklch(0.623 0.214 259)",
     "icon": "whale",
     "status": "active"
-  },
-  {
-    "key": "sa",
-    "href": "/sa",
-    "accent": "oklch(0.723 0.219 149)",
-    "icon": "fish",
-    "status": "active"
-  },
-  {
-    "key": "babyAgent",
-    "href": "/baby-agent",
-    "accent": "oklch(0.769 0.188 70.08)",
-    "icon": "turtle",
-    "status": "coming"
   }
 ];
 const headerContent = {

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

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { NavigationProps, NavigationLinkProps, NavigationLink, NavigationLinkComponent } from './ui/navigation.js';
 import { NaeilHeaderLocale } from './naeil-header-content.js';
+export { NaeilHeaderAccount, NaeilHeaderAccountControl, NaeilHeaderAccountControlProps } from './naeil-header-account.js';
 
 interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "toolbar" | "mobileToolbar" | "labels"> {
     locale: NaeilHeaderLocale;
@@ -12,7 +13,7 @@ interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "to
     brandLinkProps?: Omit<NavigationLinkProps, "href" | "children">;
     /** Omit when the application does not support changing its UI language. */
     onLocaleChange?: (locale: NaeilHeaderLocale) => void;
-    /** Application-owned authentication; this module has no site session/backend. */
+    /** Use NaeilHeaderAccountControl for canonical UI; the app owns auth state/I/O. */
     authSlot?: ReactNode;
     labels?: NavigationProps["labels"];
     projects?: NavigationLink[];

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

@@ -40,7 +40,9 @@ import { Button } from "./ui/button.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select.js";
 import { Navigation } from "./ui/navigation.js";
 import { cn } from "../lib/utils.js";
+import { uiRelease } from "../lib/ui-release.js";
 import { headerContent, headerLocales, headerLocaleNames, headerProjects } from "./naeil-header-content.js";
+import { NaeilHeaderAccountControl } from "./naeil-header-account.js";
 const subscribe = () => () => {
 };
 function NaeilHeaderThemeControl({ locale }) {
@@ -159,6 +161,8 @@ function NaeilHeader(_a) {
     __spreadProps(__spreadValues({}, props), {
       "data-global-header": true,
       "data-naeil-header": true,
+      "data-naeil-ui-version": uiRelease.version,
+      "data-naeil-ui-contract": uiRelease.contractVersion,
       Link,
       currentHref,
       onNavigate,
@@ -177,7 +181,7 @@ function NaeilHeader(_a) {
         })
       ),
       items: [
-        ...showProjects ? [{ id: "projects", label: (_b2 = translations == null ? void 0 : translations.projects) != null ? _b2 : content.nav.projects, items: projectLinks, columns: 2 }] : [],
+        ...showProjects ? [{ id: "projects", label: (_b2 = translations == null ? void 0 : translations.projects) != null ? _b2 : content.nav.projects, items: projectLinks, columns: projectLinks.length > 1 ? 2 : 1 }] : [],
         ...showBlog ? [{ id: "blog", label: (_c = translations == null ? void 0 : translations.blog) != null ? _c : content.nav.blog, href: resolveHref("/blog"), external: projectsExternal }] : [],
         ...(subNav != null ? subNav : []).map((item) => __spreadProps(__spreadValues({}, item), { id: item.href }))
       ],
@@ -191,6 +195,7 @@ function NaeilHeader(_a) {
 }
 export {
   NaeilHeader,
+  NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
   NaeilHeaderThemeControl
 };

package/dist/source/components/ui/site-footer.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { NavigationLink, NavigationLinkComponent } from './navigation.js';
+import { NavigationLink, NavigationLinkComponent, NavigationProps } from './navigation.js';
 
 interface SiteFooterProps extends react.ComponentPropsWithoutRef<"footer"> {
     brand?: react.ReactNode;
@@ -14,8 +14,10 @@ interface SiteFooterProps extends react.ComponentPropsWithoutRef<"footer"> {
     meta?: react.ReactNode;
     containerClassName?: string;
     variant?: "full" | "compact";
+    /** Called for every group link, including native external anchors. Preserve modified clicks. */
+    onNavigate?: NavigationProps["onNavigate"];
 }
 /** Product content and translations belong to the consumer, including legal copy. */
-declare function SiteFooter({ brand, description, groups, Link, meta, children, containerClassName, className, variant, ...props }: SiteFooterProps): react_jsx_runtime.JSX.Element;
+declare function SiteFooter({ brand, description, groups, Link, meta, children, containerClassName, className, variant, onNavigate, ...props }: SiteFooterProps): react_jsx_runtime.JSX.Element;
 
 export { SiteFooter, type SiteFooterProps };

package/dist/source/components/ui/site-footer.js

@@ -1,3 +1,4 @@
+"use client";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -41,7 +42,8 @@ function SiteFooter(_a) {
     children,
     containerClassName,
     className,
-    variant = "full"
+    variant = "full",
+    onNavigate
   } = _b, props = __objRest(_b, [
     "brand",
     "description",
@@ -51,7 +53,8 @@ function SiteFooter(_a) {
     "children",
     "containerClassName",
     "className",
-    "variant"
+    "variant",
+    "onNavigate"
   ]);
   return /* @__PURE__ */ jsx(
     "footer",
@@ -77,6 +80,7 @@ function SiteFooter(_a) {
                 target: item.target,
                 rel: item.target === "_blank" ? "noopener noreferrer" : void 0,
                 className: "ui-site-footer-link ui-focus",
+                onClick: (event) => onNavigate == null ? void 0 : onNavigate(event, item),
                 children: item.label
               },
               item.id

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

@@ -0,0 +1,6 @@
+declare const uiRelease: {
+    readonly version: "0.7.2";
+    readonly contractVersion: "1";
+};
+
+export { uiRelease };

package/dist/source/lib/ui-release.js

@@ -0,0 +1,4 @@
+const uiRelease = { version: "0.7.2", contractVersion: "1" };
+export {
+  uiRelease
+};