@naeil/ui 0.9.0 → 0.11.0

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { S as SiteFooterProps } from '../site-footer-s113FZgC.js';
-import { N as NaeilHeaderLocale } from '../naeil-header-content-BvISJ4RV.js';
+import { N as NaeilHeaderLocale } from '../naeil-header-data-BvISJ4RV.js';
 import 'react';
 import '../navigation-D8N1tMTu.js';
 
@@ -10,7 +10,7 @@ interface NaeilFooterProps extends Omit<SiteFooterProps, "brand" | "description"
     /** 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;
+
+declare function NaeilFooter(props: NaeilFooterProps): react_jsx_runtime.JSX.Element;
 
 export { NaeilFooter, type NaeilFooterLocale, type NaeilFooterProps };

package/dist/components/naeil-footer.js

@@ -2,8 +2,10 @@
 "use client";
 import {
   Logo,
-  uiRelease
-} from "../chunk-JDHGKM25.js";
+  NaeilStandaloneMessages,
+  uiRelease,
+  useNaeilMessages
+} from "../chunk-U3IZCFM4.js";
 import {
   SiteFooter
 } from "../chunk-HSTDPY56.js";
@@ -13,13 +15,8 @@ import {
   __spreadValues
 } from "../chunk-JBTDRVZ7.js";
 
-// src/components/naeil-footer.tsx
+// src/components/naeil-footer-core.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, {
@@ -35,7 +32,7 @@ function NaeilFooter(_a) {
     "Link",
     "onNavigate"
   ]);
-  const copy = content[locale];
+  const copy = useNaeilMessages(locale).footer;
   const home = { id: "brand", label: ".naeil", href: resolveHref("/") };
   return /* @__PURE__ */ jsx(
     SiteFooter,
@@ -59,7 +56,7 @@ function NaeilFooter(_a) {
           children: /* @__PURE__ */ jsx(Logo, { variant: "footer", size: 20, label: null })
         }
       ),
-      description: variant === "full" ? "Tomorrow starts here." : void 0,
+      description: variant === "full" ? copy.description : void 0,
       groups: [
         { id: "navigation", label: copy.navigation, links: [
           { id: "projects", label: copy.projects, href: resolveHref("/projects") },
@@ -73,6 +70,12 @@ function NaeilFooter(_a) {
     })
   );
 }
+
+// src/components/naeil-footer.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function NaeilFooter2(props) {
+  return /* @__PURE__ */ jsx2(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx2(NaeilFooter, __spreadValues({}, props)) });
+}
 export {
-  NaeilFooter
+  NaeilFooter2 as NaeilFooter
 };

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

@@ -1,7 +1,7 @@
 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 { N as NaeilHeaderLocale } from '../naeil-header-content-BvISJ4RV.js';
+import { N as NaeilHeaderLocale } from '../naeil-header-data-BvISJ4RV.js';
 
 type NaeilHeaderAccount = {
     status: "signed-out";
@@ -20,8 +20,6 @@ interface NaeilHeaderAccountControlProps {
     /** 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;
@@ -63,16 +61,16 @@ interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "to
     /** 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 }: {
+
+declare function NaeilHeaderAccountControl(props: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
+
+declare function NaeilHeader(props: NaeilHeaderProps): react_jsx_runtime.JSX.Element;
+declare function NaeilHeaderThemeControl(props: {
     locale: NaeilHeaderLocale;
 }): react_jsx_runtime.JSX.Element;
-/** Shared rendering used by the whole header and legacy site control adapters. */
-declare function NaeilHeaderLocaleControl({ locale, onLocaleChange }: {
+declare function NaeilHeaderLocaleControl(props: {
     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, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };

package/dist/components/naeil-header.js

@@ -5,8 +5,8 @@ import {
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
   NaeilHeaderThemeControl
-} from "../chunk-XRO3NJAB.js";
-import "../chunk-JDHGKM25.js";
+} from "../chunk-KWEWR46R.js";
+import "../chunk-U3IZCFM4.js";
 import "../chunk-KPE4KKYM.js";
 import "../chunk-JBTDRVZ7.js";
 export {

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

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

package/dist/lib/ui-release.js

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

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

@@ -0,0 +1,16 @@
+import { N as NaeilLocale, L as LocaleMessages } from './messages-BuQvB-u2.js';
+
+interface MessageIssue {
+    locale: NaeilLocale;
+    key: string;
+    reason: string;
+}
+/** ICU categories may differ by language; variables, types and keys may not. */
+declare function checkLocaleMessages(dictionaries: Record<NaeilLocale, LocaleMessages>, options: {
+    namespace: string;
+}): MessageIssue[];
+declare function assertLocaleMessages(dictionaries: Record<NaeilLocale, LocaleMessages>, options: {
+    namespace: string;
+}): void;
+
+export { type MessageIssue, assertLocaleMessages, checkLocaleMessages };

package/dist/naeil-locale/checker.js

@@ -0,0 +1,91 @@
+import {
+  naeilLocales
+} from "./chunk-U65OQHZY.js";
+import "./chunk-N3ETBM74.js";
+
+// src/naeil-locale/checker.ts
+import { parse, TYPE } from "@formatjs/icu-messageformat-parser";
+function leaves(value, locale, issues, prefix = "") {
+  const found = /* @__PURE__ */ new Map();
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    issues.push({ locale, key: prefix, reason: "Dictionary must be a JSON object" });
+    return found;
+  }
+  for (const [key, child] of Object.entries(value)) {
+    const path = prefix ? `${prefix}.${key}` : key;
+    if (!key || key.includes(".") || ["__proto__", "constructor", "prototype"].includes(key)) issues.push({ locale, key: path, reason: "Unsafe or dotted message key" });
+    if (typeof child === "string") {
+      found.set(path, child);
+      if (!child.trim()) issues.push({ locale, key: path, reason: "Empty message" });
+    } else if (!child || typeof child !== "object" || Array.isArray(child)) issues.push({ locale, key: path, reason: "Message must be a string or nested object" });
+    else {
+      if (!Object.keys(child).length) issues.push({ locale, key: path, reason: "Empty namespace" });
+      for (const [nested, text] of leaves(child, locale, issues, path)) found.set(nested, text);
+    }
+  }
+  return found;
+}
+function argumentsOf(nodes) {
+  const args = /* @__PURE__ */ new Map();
+  const add = (name, type) => {
+    var _a;
+    const types = (_a = args.get(name)) != null ? _a : /* @__PURE__ */ new Set();
+    types.add(type);
+    args.set(name, types);
+  };
+  const visit = (items) => {
+    for (const item of items) {
+      if (item.type === TYPE.argument) add(item.value, "argument");
+      if (item.type === TYPE.number || item.type === TYPE.plural) add(item.value, "number");
+      if (item.type === TYPE.date || item.type === TYPE.time) add(item.value, "date");
+      if (item.type === TYPE.select) add(item.value, "select");
+      if (item.type === TYPE.tag) {
+        add(item.value, "tag");
+        visit(item.children);
+      }
+      if (item.type === TYPE.select || item.type === TYPE.plural) {
+        if (!item.options.other) throw new Error("Missing other branch");
+        for (const option of Object.values(item.options)) visit(option.value);
+      }
+    }
+  };
+  visit(nodes);
+  return JSON.stringify([...args].sort(([a], [b]) => a.localeCompare(b)).map(([name, types]) => [name, [...types].sort()]));
+}
+function checkLocaleMessages(dictionaries, options) {
+  const issues = [];
+  const keys = /* @__PURE__ */ new Map();
+  const signatures = /* @__PURE__ */ new Map();
+  for (const locale of naeilLocales) {
+    const dictionary = dictionaries[locale];
+    if (!dictionary || Object.keys(dictionary).length !== 1 || !Object.hasOwn(dictionary, options.namespace)) issues.push({ locale, key: "", reason: `Expected only ${options.namespace} namespace` });
+    const all = leaves(dictionary, locale, issues);
+    keys.set(locale, all);
+    const shapes = /* @__PURE__ */ new Map();
+    signatures.set(locale, shapes);
+    for (const [key, value] of all) {
+      try {
+        shapes.set(key, argumentsOf(parse(value, { requiresOtherClause: true })));
+      } catch (error) {
+        issues.push({ locale, key, reason: `Invalid ICU: ${error instanceof Error ? error.message : "parse failed"}` });
+      }
+    }
+  }
+  const reference = keys.get("en");
+  for (const locale of naeilLocales) {
+    for (const key of /* @__PURE__ */ new Set([...reference.keys(), ...keys.get(locale).keys()])) {
+      if (!keys.get(locale).has(key)) issues.push({ locale, key, reason: "Missing key" });
+      else if (!reference.has(key)) issues.push({ locale, key, reason: "Unexpected key" });
+      else if (signatures.get(locale).has(key) && signatures.get("en").has(key) && signatures.get(locale).get(key) !== signatures.get("en").get(key)) issues.push({ locale, key, reason: "ICU variable names or types differ from English" });
+    }
+  }
+  return issues;
+}
+function assertLocaleMessages(dictionaries, options) {
+  const issues = checkLocaleMessages(dictionaries, options);
+  if (issues.length) throw new Error(issues.map((issue) => `${issue.locale}:${issue.key}: ${issue.reason}`).join("\n"));
+}
+export {
+  assertLocaleMessages,
+  checkLocaleMessages
+};

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

@@ -0,0 +1,150 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+type NavigationLinkProps = React.ComponentPropsWithoutRef<"a"> & {
+    href: string;
+};
+type NavigationLinkComponent = React.ComponentType<NavigationLinkProps>;
+interface NavigationLink {
+    id: string;
+    label: string;
+    href: string;
+    description?: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    external?: boolean;
+    target?: React.HTMLAttributeAnchorTarget;
+    active?: boolean;
+}
+interface NavigationGroup {
+    id: string;
+    label: string;
+    items: NavigationLink[];
+    /** Desktop menu layout; the mobile sheet always uses one column. */
+    columns?: 1 | 2;
+}
+type NavigationItem = NavigationLink | NavigationGroup;
+interface NavigationProps extends Omit<React.ComponentPropsWithoutRef<"header">, "children" | "onSelect"> {
+    brand: React.ReactNode;
+    items: NavigationItem[];
+    /** Translated landmark/dialog/close labels are supplied by the application. */
+    labels: {
+        navigation: string;
+        menu: string;
+        close: string;
+    };
+    Link?: NavigationLinkComponent;
+    currentHref?: string;
+    toolbar?: React.ReactNode;
+    mobileToolbar?: React.ReactNode;
+    mobileFooter?: React.ReactNode;
+    mobileOpen?: boolean;
+    onMobileOpenChange?: (open: boolean) => void;
+    /** Use the same product-owned frame class on header, footer and main. */
+    containerClassName?: string;
+    /** Preserve modified clicks; applications may preventDefault for client routing/guards. */
+    onNavigate?: (event: React.MouseEvent<HTMLAnchorElement>, item: NavigationLink) => void;
+}
+
+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;
+    /** 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;
+
+interface SiteFooterProps extends React.ComponentPropsWithoutRef<"footer"> {
+    brand?: React.ReactNode;
+    description?: React.ReactNode;
+    groups?: Array<{
+        id: string;
+        label: string;
+        links: NavigationLink[];
+    }>;
+    Link?: NavigationLinkComponent;
+    meta?: React.ReactNode;
+    containerClassName?: string;
+    variant?: "full" | "compact";
+    /** Called for every group link, including native external anchors. Preserve modified clicks. */
+    onNavigate?: NavigationProps["onNavigate"];
+}
+
+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, NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, type NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };