@naeil/ui 0.9.0 → 0.10.0

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

@@ -0,0 +1,93 @@
+"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 { useNaeilMessages } from "./naeil-messages-context.js";
+import { Logo } from "./logo.js";
+import { SiteFooter } from "./ui/site-footer.js";
+import { uiRelease } from "../lib/ui-release.js";
+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 = useNaeilMessages(locale).footer;
+  const home = { id: "brand", label: ".naeil", href: resolveHref("/") };
+  return /* @__PURE__ */ jsx(
+    SiteFooter,
+    __spreadProps(__spreadValues({}, props), {
+      variant,
+      Link,
+      onNavigate,
+      "data-naeil-footer": true,
+      "data-naeil-chrome": "",
+      lang: locale,
+      "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" ? copy.description : 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-footer.d.ts

@@ -1,16 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SiteFooterProps } from './ui/site-footer.js';
-import { NaeilHeaderLocale } from './naeil-header-content.js';
+import { NaeilFooterProps } from './naeil-footer-core.js';
+export { NaeilFooterLocale } from './naeil-footer-core.js';
+import './ui/site-footer.js';
 import 'react';
 import './ui/navigation.js';
+import './naeil-header-data.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;
+declare function NaeilFooter(props: NaeilFooterProps): react_jsx_runtime.JSX.Element;
 
-export { NaeilFooter, type NaeilFooterLocale, type NaeilFooterProps };
+export { NaeilFooter, NaeilFooterProps };

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

@@ -1,7 +1,5 @@
 "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;
@@ -17,80 +15,11 @@ var __spreadValues = (a, b) => {
     }
   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-chrome": "",
-      lang: locale,
-      "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" }
-        ] }
-      ]
-    })
-  );
+import { NaeilFooter as Footer } from "./naeil-footer-core.js";
+import { NaeilStandaloneMessages } from "./naeil-standalone-messages.js";
+function NaeilFooter(props) {
+  return /* @__PURE__ */ jsx(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx(Footer, __spreadValues({}, props)) });
 }
 export {
   NaeilFooter

package/dist/source/components/naeil-header-account-core.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-data.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-core.js

@@ -0,0 +1,98 @@
+"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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useNaeilMessages } from "./naeil-messages-context.js";
+import { UserRound } from "lucide-react";
+import { useContext, useRef } from "react";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from "./ui/dropdown-menu.js";
+import { NavigationSheetAction } from "./ui/navigation.js";
+const NativeLink = (props) => /* @__PURE__ */ jsx("a", __spreadValues({}, props));
+function NaeilHeaderAccountControl({ locale, account, Link = NativeLink }) {
+  const text = useNaeilMessages(locale).account;
+  const handoff = useContext(NavigationSheetAction);
+  const pendingAction = useRef(void 0);
+  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, { onOpenChange: (open) => {
+    var _a;
+    if (open) {
+      (_a = pendingAction.current) == null ? void 0 : _a.cancel();
+      pendingAction.current = void 0;
+    }
+  }, 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,
+        "data-naeil-chrome": "",
+        lang: locale,
+        onCloseAutoFocus: (event) => {
+          const flow = pendingAction.current;
+          if (!flow || event.target !== flow.menu) return;
+          event.preventDefault();
+          flow.menu = null;
+          flow.menuClosed();
+        },
+        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: (event) => {
+                if (account.busy) return;
+                if (handoff) {
+                  const menu = event.target.closest("[data-naeil-account-menu]");
+                  if (!(menu == null ? void 0 : menu.isConnected)) return;
+                  pendingAction.current = __spreadProps(__spreadValues({}, handoff(account.onLogout)), { menu });
+                } else account.onLogout();
+              },
+              children: account.busy ? text.busy : text.logout
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  NaeilHeaderAccountControl
+};

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

@@ -1,26 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NavigationLinkComponent } from './ui/navigation.js';
-import { NaeilHeaderLocale } from './naeil-header-content.js';
+import { NaeilHeaderAccountControlProps } from './naeil-header-account-core.js';
+export { NaeilHeaderAccount } from './naeil-header-account-core.js';
+import './ui/navigation.js';
 import 'react';
+import './naeil-header-data.js';
 
-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;
+declare function NaeilHeaderAccountControl(props: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
 
-export { type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps };
+export { NaeilHeaderAccountControl, NaeilHeaderAccountControlProps };

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

@@ -1,7 +1,5 @@
 "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;
@@ -17,85 +15,11 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { jsx, jsxs } from "react/jsx-runtime";
-import { UserRound } from "lucide-react";
-import { useContext, useRef } from "react";
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from "./ui/dropdown-menu.js";
-import { NavigationSheetAction } from "./ui/navigation.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];
-  const handoff = useContext(NavigationSheetAction);
-  const pendingAction = useRef(void 0);
-  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, { onOpenChange: (open) => {
-    var _a;
-    if (open) {
-      (_a = pendingAction.current) == null ? void 0 : _a.cancel();
-      pendingAction.current = void 0;
-    }
-  }, 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,
-        "data-naeil-chrome": "",
-        lang: locale,
-        onCloseAutoFocus: (event) => {
-          const flow = pendingAction.current;
-          if (!flow || event.target !== flow.menu) return;
-          event.preventDefault();
-          flow.menu = null;
-          flow.menuClosed();
-        },
-        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: (event) => {
-                if (account.busy) return;
-                if (handoff) {
-                  const menu = event.target.closest("[data-naeil-account-menu]");
-                  if (!(menu == null ? void 0 : menu.isConnected)) return;
-                  pendingAction.current = __spreadProps(__spreadValues({}, handoff(account.onLogout)), { menu });
-                } else account.onLogout();
-              },
-              children: account.busy ? text.busy : text.logout
-            }
-          )
-        ]
-      }
-    )
-  ] });
+import { jsx } from "react/jsx-runtime";
+import { NaeilHeaderAccountControl as AccountControl } from "./naeil-header-account-core.js";
+import { NaeilStandaloneMessages } from "./naeil-standalone-messages.js";
+function NaeilHeaderAccountControl(props) {
+  return /* @__PURE__ */ jsx(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx(AccountControl, __spreadValues({}, props)) });
 }
 export {
   NaeilHeaderAccountControl