@naeil/ui 0.6.0 → 0.7.1

package/dist/components/naeil-footer.js

@@ -0,0 +1,76 @@
+"use client";
+"use client";
+import {
+  Logo,
+  uiRelease
+} from "../chunk-VWIUN35X.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-OLKTEYLS.js";
+import "../chunk-VWIUN35X.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.1"; contractVersion: "1"}>;

package/dist/lib/ui-release.js

@@ -0,0 +1 @@
+export const uiRelease = Object.freeze({"version":"0.7.1","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.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,
@@ -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.1";
+    readonly contractVersion: "1";
+};
+
+export { uiRelease };

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

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

package/docs/components/README.md

@@ -1,6 +1,6 @@
 # Component usage guides
 
-These guides target the **@naeil/ui 0.6.0**; release identities and publication evidence are recorded in the [release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0). [Setup, themes, fonts and shared responsibilities](common.md). Run `pnpm storybook` for the current 17 Docs pages (15 UI and 2 Brand) and choose Docs or Usage. The [hosted Storybook](https://naeil-dev.github.io/naeil-ui/) was last verified for [0.5.0 on 2026-10-15](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.5.0); each subsequent deployment is recorded separately. Select chooses a value; DropdownMenu chooses an action.
+These guides include the unpublished **@naeil/ui 0.7.0 candidate**; the last published release is 0.6.0. release identities and publication evidence are recorded in the [release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0). [Setup, themes, fonts and shared responsibilities](common.md). Run `pnpm storybook` for the current 17 Docs pages (15 UI and 2 Brand) and choose Docs or Usage. The [hosted Storybook](https://naeil-dev.github.io/naeil-ui/) was last verified for [0.5.0 on 2026-10-15](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.5.0); each subsequent deployment is recorded separately. Select chooses a value; DropdownMenu chooses an action.
 
 Start application layouts with the [shared navigation/footer selection and frame guide](application-layout.md). It includes a starter, the 1600px frame contract and instructions to place in consumer repositories so agents reuse the shared implementation.
 
@@ -21,6 +21,7 @@ Start application layouts with the [shared navigation/footer selection and frame
 | Textarea | [Textarea](./textarea.md) | UI / Textarea / Usage |
 | Navigation | [Navigation](./navigation.md) | UI / Navigation / Usage |
 | SiteFooter | [SiteFooter](./navigation.md) | UI / SiteFooter / Usage |
+| NaeilFooter | [NaeilFooter](./naeil-footer.md) | Brand / NaeilHeader / ReferenceFull, ReferenceCompact |
 | NaeilHeader | [NaeilHeader](./naeil-header.md) | Brand / NaeilHeader / Usage, JapaneseApplication |
 
 [Field, native radio, Select and action composition](./composition.md) explains consumer state and semantic choices. [Demand decision](../design/component-demand.md) records why these two families were added.

package/docs/components/application-layout.md

@@ -1,6 +1,6 @@
 # Application frame and shared navigation/footer
 
-This guide targets the **@naeil/ui 0.6.0**, including the width update approved on 2026-10-16. Use the matching registry release or tested local archive. See [consumer setup](../design/v2-migration.md) for CSS, Tailwind sources and fonts.
+This guide targets the **@naeil/ui 0.7.0 candidate**, including the width update approved on 2026-10-16. Use the matching registry release or tested local archive. See [consumer setup](../design/v2-migration.md) for CSS, Tailwind sources and fonts.
 
 ## Choose the shared composition first
 
@@ -8,7 +8,8 @@ This guide targets the **@naeil/ui 0.6.0**, including the width update approved
 | --- | --- |
 | The actual naeil.dev brand, project catalog and controls | `NaeilHeader` from `@naeil/ui/naeil-header` |
 | A product's own menu | `Navigation` from `@naeil/ui/ui` |
-| A full or compact application footer | `SiteFooter` from `@naeil/ui/ui` |
+| Owned naeil service footer | `NaeilFooter` from `@naeil/ui/naeil-footer` |
+| Different product footer or explicit content override | `SiteFooter` from `@naeil/ui/ui` |
 | An existing Next/next-intl consumer | Keep its `Nav` / `Footer` adapters |
 
 Choose one header per application frame. Supply menu data, links, route guards, authentication and supported locale state through props/slots. Local adapters are appropriate; copies of the menu, responsive sheet, controls or footer implementation are not. Extend the shared component when a reusable behavior is missing.
@@ -39,8 +40,7 @@ This keeps a centered frame from shifting when a classic scrollbar appears. The
 ```tsx
 import type { ReactNode } from "react";
 import { NaeilHeader } from "@naeil/ui/naeil-header";
-import { SiteFooter } from "@naeil/ui/ui";
-import { Logo } from "@naeil/ui/components/logo";
+import { NaeilFooter } from "@naeil/ui/naeil-footer";
 
 // Render inside the existing next-themes ThemeProvider.
 // Connect Link/onNavigate, locale and authSlot to real application state.
@@ -51,8 +51,7 @@ export function ApplicationLayout({ children }: { children: ReactNode }) {
       style={{ marginTop: "calc(var(--ui-navigation-height) + 1px)" }}>
       {children}
     </main>
-    <SiteFooter variant="compact"
-      brand={<Logo variant="footer" size={20} />} />
+    <NaeilFooter locale="en" variant="compact" />
   </>;
 }
 
@@ -88,7 +87,7 @@ Put this in the **consumer application's** `AGENTS.md` (or equivalent repository
 ```markdown
 ## Shared application layout
 - Read the installed @naeil/ui/DESIGN.md and docs/components/application-layout.md before UI layout work.
-- Use @naeil/ui/naeil-header for the canonical naeil header; use Navigation from @naeil/ui/ui for a different product menu. Use SiteFooter for application footers. Keep existing Next Nav/Footer compatibility adapters when applicable.
+- Use @naeil/ui/naeil-header for the canonical naeil header; use Navigation from @naeil/ui/ui for a different product menu. Use NaeilFooter from @naeil/ui/naeil-footer for owned service footers; SiteFooter remains the generic primitive. Keep existing Next Nav/Footer compatibility adapters when applicable.
 - Local wrappers supply menu data, routing/guards, locale, auth and slots. Do not copy the menu, mobile sheet, controls or footer implementation. Extend the shared component for reusable missing behavior.
 - Use ui-app-frame on main; navigation/footer own their internal frames. Keep reading/settings/short-form sections inside that frame. Apply frame overrides consistently across routes.
 - Check the installed package version and CSS before creating a replacement for an apparently missing component.
@@ -100,3 +99,5 @@ Put this in the **consumer application's** `AGENTS.md` (or equivalent repository
 For each consumer, record its installed version, layout adapter, shared imports, CSS entrypoints and intentional exceptions. In that consumer's browser CI, check that expected application routes render `[data-slot="navigation"]` and `[data-slot="site-footer"]`, and that anchors remain stable between wide lists and narrow forms. Include narrow/zoomed screens, localized labels and tall content that introduces a scrollbar. Keep table overflow local.
 
 A blanket ban on `<header>`, `<nav>` or `<footer>` would also reject valid section landmarks and adapters. Review the root composition and its rendered output instead. This repository checks packed React/Next examples; external applications still need their own upgrades, adapter migrations and CI. Publication and deployment are separate work.
+
+See [canonical footer content and save interception](naeil-footer.md). 0.7.0 candidate adds package/contract identity; publication and per-service operational rollout are separate.