@naeil/ui 0.9.0 → 0.10.0

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

@@ -1,147 +1,140 @@
-declare const headerLocales: readonly ["en", "ko", "ja"];
-type NaeilHeaderLocale = (typeof headerLocales)[number];
+export { NaeilHeaderLocale, headerLocales, headerProjects } from './naeil-header-data.js';
+
 declare const headerLocaleNames: {
-    readonly en: "English";
-    readonly ko: "한국어";
-    readonly ja: "日本語";
+    en: string;
+    ko: string;
+    ja: string;
 };
-declare const headerProjects: readonly [{
-    readonly key: "naeilUi";
-    readonly href: "/design";
-    readonly accent: "oklch(0.623 0.214 259)";
-    readonly icon: "whale";
-    readonly status: "active" | "coming";
-}];
 declare const headerContent: {
-    readonly en: {
-        readonly nav: {
-            readonly home: "Home";
-            readonly projects: "Projects";
-            readonly blog: "Blog";
-            readonly navigation: "Main navigation";
-            readonly menu: "Menu";
-            readonly closeMenu: "Close menu";
+    en: {
+        nav: {
+            home: string;
+            projects: string;
+            blog: string;
+            navigation: string;
+            menu: string;
+            closeMenu: string;
         };
-        readonly theme: {
-            readonly switchToLight: "Switch to light theme";
-            readonly switchToDark: "Switch to dark theme";
+        theme: {
+            switchToLight: string;
+            switchToDark: string;
         };
-        readonly locale: {
-            readonly switchLabel: "Language";
+        locale: {
+            switchLabel: string;
         };
-        readonly projects: {
-            readonly cc: {
-                readonly name: "Content Collector";
-                readonly description: "Automated content collection from RSS, YouTube, Reddit + AI summarization";
+        projects: {
+            cc: {
+                name: string;
+                description: string;
             };
-            readonly pkm: {
-                readonly name: "PKM";
-                readonly description: "Personal knowledge management — document parsing, embeddings, semantic search";
+            pkm: {
+                name: string;
+                description: string;
             };
-            readonly naeilUi: {
-                readonly name: "naeil-ui";
-                readonly description: "Minimal design system — OKLCH tokens, Tailwind v4, shadcn";
+            naeilUi: {
+                name: string;
+                description: string;
             };
-            readonly sa: {
-                readonly name: "Sustainability Analyzer";
-                readonly description: "AI-powered ESG report analysis — PDF parsing, qualitative assessment, comparison tables";
+            sa: {
+                name: string;
+                description: string;
             };
-            readonly babyAgent: {
-                readonly name: "Baby Agent";
-                readonly description: "Parenting AI agent — LINE-based Q&A, records, reminders";
+            babyAgent: {
+                name: string;
+                description: string;
             };
-            readonly status: {
-                readonly active: "Active";
-                readonly coming: "Coming Soon";
+            status: {
+                active: string;
+                coming: string;
             };
         };
     };
-    readonly ko: {
-        readonly nav: {
-            readonly home: "홈";
-            readonly projects: "프로젝트";
-            readonly blog: "블로그";
-            readonly navigation: "주요 메뉴";
-            readonly menu: "메뉴";
-            readonly closeMenu: "메뉴 닫기";
+    ko: {
+        nav: {
+            home: string;
+            projects: string;
+            blog: string;
+            navigation: string;
+            menu: string;
+            closeMenu: string;
         };
-        readonly theme: {
-            readonly switchToLight: "밝은 테마로 전환";
-            readonly switchToDark: "어두운 테마로 전환";
+        theme: {
+            switchToLight: string;
+            switchToDark: string;
         };
-        readonly locale: {
-            readonly switchLabel: "언어";
+        locale: {
+            switchLabel: string;
         };
-        readonly projects: {
-            readonly cc: {
-                readonly name: "Content Collector";
-                readonly description: "RSS, YouTube, Reddit 자동 수집 + AI 요약";
+        projects: {
+            cc: {
+                name: string;
+                description: string;
             };
-            readonly pkm: {
-                readonly name: "PKM";
-                readonly description: "개인 지식 관리 — 문서 파싱, 임베딩, 시맨틱 검색";
+            pkm: {
+                name: string;
+                description: string;
             };
-            readonly naeilUi: {
-                readonly name: "naeil-ui";
-                readonly description: "미니멀 디자인 시스템 — OKLCH 토큰, Tailwind v4, shadcn";
+            naeilUi: {
+                name: string;
+                description: string;
             };
-            readonly sa: {
-                readonly name: "Sustainability Analyzer";
-                readonly description: "ESG 리포트 AI 분석 — PDF 파싱, 정성평가, 비교표 자동 생성";
+            sa: {
+                name: string;
+                description: string;
             };
-            readonly babyAgent: {
-                readonly name: "Baby Agent";
-                readonly description: "육아 AI 에이전트 — LINE 기반 Q&A, 기록, 리마인더";
+            babyAgent: {
+                name: string;
+                description: string;
             };
-            readonly status: {
-                readonly active: "활성";
-                readonly coming: "준비 중";
+            status: {
+                active: string;
+                coming: string;
             };
         };
     };
-    readonly ja: {
-        readonly nav: {
-            readonly home: "ホーム";
-            readonly projects: "プロジェクト";
-            readonly blog: "ブログ";
-            readonly navigation: "メインナビゲーション";
-            readonly menu: "メニュー";
-            readonly closeMenu: "メニューを閉じる";
+    ja: {
+        nav: {
+            home: string;
+            projects: string;
+            blog: string;
+            navigation: string;
+            menu: string;
+            closeMenu: string;
         };
-        readonly theme: {
-            readonly switchToLight: "ライトテーマに切り替える";
-            readonly switchToDark: "ダークテーマに切り替える";
+        theme: {
+            switchToLight: string;
+            switchToDark: string;
         };
-        readonly locale: {
-            readonly switchLabel: "言語";
+        locale: {
+            switchLabel: string;
         };
-        readonly projects: {
-            readonly cc: {
-                readonly name: "Content Collector";
-                readonly description: "RSS、YouTube、Redditの自動収集 + AI要約";
+        projects: {
+            cc: {
+                name: string;
+                description: string;
             };
-            readonly pkm: {
-                readonly name: "PKM";
-                readonly description: "個人ナレッジ管理 — ドキュメント解析、埋め込み、セマンティック検索";
+            pkm: {
+                name: string;
+                description: string;
             };
-            readonly naeilUi: {
-                readonly name: "naeil-ui";
-                readonly description: "ミニマルデザインシステム — OKLCHトークン、Tailwind v4、shadcn";
+            naeilUi: {
+                name: string;
+                description: string;
             };
-            readonly sa: {
-                readonly name: "Sustainability Analyzer";
-                readonly description: "ESGレポートAI分析 — PDF解析、定性評価、比較表の自動生成";
+            sa: {
+                name: string;
+                description: string;
             };
-            readonly babyAgent: {
-                readonly name: "Baby Agent";
-                readonly description: "育児AIエージェント — LINE Q&A、記録、リマインダー";
+            babyAgent: {
+                name: string;
+                description: string;
             };
-            readonly status: {
-                readonly active: "アクティブ";
-                readonly coming: "準備中";
+            status: {
+                active: string;
+                coming: string;
             };
         };
     };
 };
 
-export { type NaeilHeaderLocale, headerContent, headerLocaleNames, headerLocales, headerProjects };
+export { headerContent, headerLocaleNames };

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

@@ -1,145 +1,9 @@
-const headerLocales = ["en", "ko", "ja"];
-const headerLocaleNames = { en: "English", ko: "\uD55C\uAD6D\uC5B4", ja: "\u65E5\u672C\u8A9E" };
-const headerProjects = [
-  {
-    "key": "naeilUi",
-    "href": "/design",
-    "accent": "oklch(0.623 0.214 259)",
-    "icon": "whale",
-    "status": "active"
-  }
-];
-const headerContent = {
-  "en": {
-    "nav": {
-      "home": "Home",
-      "projects": "Projects",
-      "blog": "Blog",
-      "navigation": "Main navigation",
-      "menu": "Menu",
-      "closeMenu": "Close menu"
-    },
-    "theme": {
-      "switchToLight": "Switch to light theme",
-      "switchToDark": "Switch to dark theme"
-    },
-    "locale": {
-      "switchLabel": "Language"
-    },
-    "projects": {
-      "cc": {
-        "name": "Content Collector",
-        "description": "Automated content collection from RSS, YouTube, Reddit + AI summarization"
-      },
-      "pkm": {
-        "name": "PKM",
-        "description": "Personal knowledge management \u2014 document parsing, embeddings, semantic search"
-      },
-      "naeilUi": {
-        "name": "naeil-ui",
-        "description": "Minimal design system \u2014 OKLCH tokens, Tailwind v4, shadcn"
-      },
-      "sa": {
-        "name": "Sustainability Analyzer",
-        "description": "AI-powered ESG report analysis \u2014 PDF parsing, qualitative assessment, comparison tables"
-      },
-      "babyAgent": {
-        "name": "Baby Agent",
-        "description": "Parenting AI agent \u2014 LINE-based Q&A, records, reminders"
-      },
-      "status": {
-        "active": "Active",
-        "coming": "Coming Soon"
-      }
-    }
-  },
-  "ko": {
-    "nav": {
-      "home": "\uD648",
-      "projects": "\uD504\uB85C\uC81D\uD2B8",
-      "blog": "\uBE14\uB85C\uADF8",
-      "navigation": "\uC8FC\uC694 \uBA54\uB274",
-      "menu": "\uBA54\uB274",
-      "closeMenu": "\uBA54\uB274 \uB2EB\uAE30"
-    },
-    "theme": {
-      "switchToLight": "\uBC1D\uC740 \uD14C\uB9C8\uB85C \uC804\uD658",
-      "switchToDark": "\uC5B4\uB450\uC6B4 \uD14C\uB9C8\uB85C \uC804\uD658"
-    },
-    "locale": {
-      "switchLabel": "\uC5B8\uC5B4"
-    },
-    "projects": {
-      "cc": {
-        "name": "Content Collector",
-        "description": "RSS, YouTube, Reddit \uC790\uB3D9 \uC218\uC9D1 + AI \uC694\uC57D"
-      },
-      "pkm": {
-        "name": "PKM",
-        "description": "\uAC1C\uC778 \uC9C0\uC2DD \uAD00\uB9AC \u2014 \uBB38\uC11C \uD30C\uC2F1, \uC784\uBCA0\uB529, \uC2DC\uB9E8\uD2F1 \uAC80\uC0C9"
-      },
-      "naeilUi": {
-        "name": "naeil-ui",
-        "description": "\uBBF8\uB2C8\uBA40 \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \u2014 OKLCH \uD1A0\uD070, Tailwind v4, shadcn"
-      },
-      "sa": {
-        "name": "Sustainability Analyzer",
-        "description": "ESG \uB9AC\uD3EC\uD2B8 AI \uBD84\uC11D \u2014 PDF \uD30C\uC2F1, \uC815\uC131\uD3C9\uAC00, \uBE44\uAD50\uD45C \uC790\uB3D9 \uC0DD\uC131"
-      },
-      "babyAgent": {
-        "name": "Baby Agent",
-        "description": "\uC721\uC544 AI \uC5D0\uC774\uC804\uD2B8 \u2014 LINE \uAE30\uBC18 Q&A, \uAE30\uB85D, \uB9AC\uB9C8\uC778\uB354"
-      },
-      "status": {
-        "active": "\uD65C\uC131",
-        "coming": "\uC900\uBE44 \uC911"
-      }
-    }
-  },
-  "ja": {
-    "nav": {
-      "home": "\u30DB\u30FC\u30E0",
-      "projects": "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8",
-      "blog": "\u30D6\u30ED\u30B0",
-      "navigation": "\u30E1\u30A4\u30F3\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3",
-      "menu": "\u30E1\u30CB\u30E5\u30FC",
-      "closeMenu": "\u30E1\u30CB\u30E5\u30FC\u3092\u9589\u3058\u308B"
-    },
-    "theme": {
-      "switchToLight": "\u30E9\u30A4\u30C8\u30C6\u30FC\u30DE\u306B\u5207\u308A\u66FF\u3048\u308B",
-      "switchToDark": "\u30C0\u30FC\u30AF\u30C6\u30FC\u30DE\u306B\u5207\u308A\u66FF\u3048\u308B"
-    },
-    "locale": {
-      "switchLabel": "\u8A00\u8A9E"
-    },
-    "projects": {
-      "cc": {
-        "name": "Content Collector",
-        "description": "RSS\u3001YouTube\u3001Reddit\u306E\u81EA\u52D5\u53CE\u96C6 + AI\u8981\u7D04"
-      },
-      "pkm": {
-        "name": "PKM",
-        "description": "\u500B\u4EBA\u30CA\u30EC\u30C3\u30B8\u7BA1\u7406 \u2014 \u30C9\u30AD\u30E5\u30E1\u30F3\u30C8\u89E3\u6790\u3001\u57CB\u3081\u8FBC\u307F\u3001\u30BB\u30DE\u30F3\u30C6\u30A3\u30C3\u30AF\u691C\u7D22"
-      },
-      "naeilUi": {
-        "name": "naeil-ui",
-        "description": "\u30DF\u30CB\u30DE\u30EB\u30C7\u30B6\u30A4\u30F3\u30B7\u30B9\u30C6\u30E0 \u2014 OKLCH\u30C8\u30FC\u30AF\u30F3\u3001Tailwind v4\u3001shadcn"
-      },
-      "sa": {
-        "name": "Sustainability Analyzer",
-        "description": "ESG\u30EC\u30DD\u30FC\u30C8AI\u5206\u6790 \u2014 PDF\u89E3\u6790\u3001\u5B9A\u6027\u8A55\u4FA1\u3001\u6BD4\u8F03\u8868\u306E\u81EA\u52D5\u751F\u6210"
-      },
-      "babyAgent": {
-        "name": "Baby Agent",
-        "description": "\u80B2\u5150AI\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8 \u2014 LINE Q&A\u3001\u8A18\u9332\u3001\u30EA\u30DE\u30A4\u30F3\u30C0\u30FC"
-      },
-      "status": {
-        "active": "\u30A2\u30AF\u30C6\u30A3\u30D6",
-        "coming": "\u6E96\u5099\u4E2D"
-      }
-    }
-  }
-};
+import en from "../naeil-locale/messages/en.json";
+import ko from "../naeil-locale/messages/ko.json";
+import ja from "../naeil-locale/messages/ja.json";
+import { headerLocales, headerProjects } from "./naeil-header-data.js";
+const headerLocaleNames = en.naeil.locale.names;
+const headerContent = { en: en.naeil.header, ko: ko.naeil.header, ja: ja.naeil.header };
 export {
   headerContent,
   headerLocaleNames,

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

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { NavigationProps, NavigationItem, NavigationLinkProps, NavigationLink, NavigationLinkComponent } from './ui/navigation.js';
+import { NaeilHeaderLocale } from './naeil-header-data.js';
+export { NaeilHeaderAccount, NaeilHeaderAccountControl, NaeilHeaderAccountControlProps } from './naeil-header-account-core.js';
+
+interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "toolbar" | "mobileToolbar" | "labels"> {
+    locale: NaeilHeaderLocale;
+    /** Resolve canonical unlocalized paths. Defaults to the official localized site. */
+    resolveHref?: (path: string) => string;
+    brandHref?: string;
+    brandSlot?: ReactNode;
+    /** Ignored when brandSlot replaces the complete brand content. */
+    brandSuffix?: string;
+    /** After the brand link, outside it; rendered once at every width. */
+    statusSlot?: ReactNode;
+    /** Product menu data, after catalog/blog and before flat subNav links. */
+    appNavigation?: NavigationItem[];
+    brandLinkProps?: Omit<NavigationLinkProps, "href" | "children">;
+    /** Omit when the application does not support changing its UI language. */
+    onLocaleChange?: (locale: NaeilHeaderLocale) => void;
+    /** Use NaeilHeaderAccountControl for canonical UI; the app owns auth state/I/O. */
+    authSlot?: ReactNode;
+    labels?: NavigationProps["labels"];
+    projects?: NavigationLink[];
+    /** Legacy remote-catalog mode: generated noncurrent project/blog links use native anchors. */
+    projectsExternal?: boolean;
+    /** Legacy next-intl copy overrides; catalog/artwork/layout remain shared. */
+    translations?: {
+        projects: string;
+        blog: string;
+        project: (key: string) => string;
+    };
+    showProjects?: boolean;
+    showBlog?: boolean;
+    subNav?: Array<{
+        label: string;
+        href: string;
+    }>;
+    currentProjectKey?: string;
+    currentProjectHref?: string;
+    /** Compatibility escape hatch replacing the default theme/locale/auth toolbar. */
+    toolbarSlot?: ReactNode;
+    /** Compatibility escape hatch for the legacy native external brand link. */
+    brandLinkComponent?: NavigationLinkComponent;
+}
+/** The actual header theme control; reads only the consumer's theme provider. */
+declare function NaeilHeaderThemeControl({ locale }: {
+    locale: NaeilHeaderLocale;
+}): react_jsx_runtime.JSX.Element;
+/** Shared rendering used by the whole header and legacy site control adapters. */
+declare function NaeilHeaderLocaleControl({ locale, onLocaleChange }: {
+    locale: NaeilHeaderLocale;
+    onLocaleChange: (locale: NaeilHeaderLocale) => void;
+}): react_jsx_runtime.JSX.Element;
+/** One complete, opt-in branded composition shared by naeil.dev and applications. */
+declare function NaeilHeader({ locale, resolveHref, brandHref, brandSlot, brandSuffix, statusSlot, appNavigation, brandLinkProps, brandLinkComponent, onLocaleChange, authSlot, toolbarSlot, projects, projectsExternal, translations, showProjects, showBlog, subNav, currentProjectKey, currentProjectHref, labels, Link, currentHref, onNavigate, className, containerClassName, ...props }: NaeilHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { NaeilHeader, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };