@naeil/ui 0.5.0 → 0.7.1

package/dist/{chunk-CE73AEJZ.js → chunk-QQQQZEPV.js}

@@ -646,13 +646,244 @@ function Navigation(_a) {
   );
 }
 
+// src/components/ui/dropdown-menu.tsx
+import { CheckIcon as CheckIcon2, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.Trigger,
+    __spreadValues({
+      "data-slot": "dropdown-menu-trigger"
+    }, props)
+  );
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    ref,
+    className,
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "ref",
+    "className",
+    "sideOffset"
+  ]);
+  const [content, contentRef] = useOverlayRef(ref);
+  useRadixHiddenInert(content);
+  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.Content,
+    __spreadValues({
+      ref: contentRef,
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "ui-menu ui-popup z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border-strong p-1 shadow-md",
+        className
+      )
+    }, props)
+  ) });
+}
+function DropdownMenuGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.Item,
+    __spreadValues({
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-surface-subtle data-[variant=destructive]:text-error data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-error data-[variant=destructive]:*:[svg]:!text-error [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+function DropdownMenuCheckboxItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    checked
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "checked"
+  ]);
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenuPrimitive.CheckboxItem,
+    __spreadProps(__spreadValues({
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(
+        "focus:bg-surface-subtle relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx5("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx5(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(CheckIcon2, { className: "size-4" }) }) }),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuRadioGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.RadioGroup,
+    __spreadValues({
+      "data-slot": "dropdown-menu-radio-group"
+    }, props)
+  );
+}
+function DropdownMenuRadioItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenuPrimitive.RadioItem,
+    __spreadProps(__spreadValues({
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "focus:bg-surface-subtle relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx5("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx5(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuLabel(_a) {
+  var _b = _a, {
+    className,
+    inset
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.Label,
+    __spreadValues({
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      )
+    }, props)
+  );
+}
+function DropdownMenuSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.Separator,
+    __spreadValues({
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border-subtle -mx-1 my-1 h-px", className)
+    }, props)
+  );
+}
+function DropdownMenuShortcut(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    "span",
+    __spreadValues({
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )
+    }, props)
+  );
+}
+function DropdownMenuSub(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+}
+function DropdownMenuSubTrigger(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenuPrimitive.SubTrigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-surface-subtle data-[state=open]:bg-surface-subtle [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    })
+  );
+}
+function DropdownMenuSubContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    DropdownMenuPrimitive.SubContent,
+    __spreadValues({
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "ui-menu ui-popup z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-strong p-1 shadow-lg",
+        className
+      )
+    }, props)
+  );
+}
+
 export {
   badgeVariants,
   Badge,
   buttonVariants,
   Button,
-  useRadixHiddenInert,
-  useOverlayRef,
   Select,
   SelectValue,
   SelectGroup,
@@ -663,5 +894,20 @@ export {
   SelectSeparator,
   SelectScrollUpButton,
   SelectScrollDownButton,
-  Navigation
+  Navigation,
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent
 };

package/dist/{chunk-S64H3OYQ.js → chunk-VWIUN35X.js}

@@ -1,26 +1,10 @@
 "use client";
-import {
-  Badge,
-  Button,
-  Navigation,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-CE73AEJZ.js";
 import {
   __objRest,
   __spreadProps,
-  __spreadValues,
-  cn
+  __spreadValues
 } from "./chunk-JBTDRVZ7.js";
 
-// src/components/naeil-header.tsx
-import { useSyncExternalStore } from "react";
-import { useTheme } from "next-themes";
-import { Moon, Sun } from "lucide-react";
-
 // src/components/logo.tsx
 import { useId } from "react";
 
@@ -1180,333 +1164,10 @@ function Logo(_a) {
   );
 }
 
-// src/components/naeil-header-content.ts
-var headerLocales = ["en", "ko", "ja"];
-var headerLocaleNames = { en: "English", ko: "\uD55C\uAD6D\uC5B4", ja: "\u65E5\u672C\u8A9E" };
-var 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"
-  }
-];
-var 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"
-      }
-    }
-  }
-};
-
-// src/components/naeil-header.tsx
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var subscribe = () => () => {
-};
-function NaeilHeaderThemeControl({ locale }) {
-  const { resolvedTheme, setTheme } = useTheme();
-  const mounted = useSyncExternalStore(subscribe, () => true, () => false);
-  const dark = mounted && resolvedTheme === "dark";
-  return /* @__PURE__ */ jsx3(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "size-11 shrink-0",
-      disabled: !mounted,
-      "aria-label": headerContent[locale].theme[dark ? "switchToLight" : "switchToDark"],
-      onClick: () => setTheme(dark ? "light" : "dark"),
-      children: dark ? /* @__PURE__ */ jsx3(Sun, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx3(Moon, { "aria-hidden": "true" })
-    }
-  );
-}
-function NaeilHeaderLocaleControl({ locale, onLocaleChange }) {
-  return /* @__PURE__ */ jsxs3(Select, { value: locale, onValueChange: (value) => onLocaleChange(value), children: [
-    /* @__PURE__ */ jsx3(
-      SelectTrigger,
-      {
-        className: "h-11 w-auto min-w-20 border-transparent bg-transparent px-2",
-        "aria-label": headerContent[locale].locale.switchLabel,
-        children: /* @__PURE__ */ jsx3(SelectValue, { children: locale.toUpperCase() })
-      }
-    ),
-    /* @__PURE__ */ jsx3(SelectContent, { align: "end", children: headerLocales.map((value) => /* @__PURE__ */ jsx3(SelectItem, { value, className: "min-h-11", lang: value, children: headerLocaleNames[value] }, value)) })
-  ] });
-}
-var NativeLink = (props) => /* @__PURE__ */ jsx3("a", __spreadValues({}, props));
-function NaeilHeader(_a) {
-  var _b = _a, {
-    locale,
-    resolveHref = (path) => `https://naeil.dev/${locale}${path === "/" ? "" : path}`,
-    brandHref,
-    brandSlot,
-    brandLinkProps,
-    brandLinkComponent,
-    onLocaleChange,
-    authSlot,
-    toolbarSlot,
-    projects,
-    projectsExternal = false,
-    translations,
-    showProjects = true,
-    showBlog = true,
-    subNav,
-    currentProjectKey,
-    currentProjectHref,
-    labels,
-    Link = NativeLink,
-    currentHref,
-    onNavigate,
-    className,
-    containerClassName
-  } = _b, props = __objRest(_b, [
-    "locale",
-    "resolveHref",
-    "brandHref",
-    "brandSlot",
-    "brandLinkProps",
-    "brandLinkComponent",
-    "onLocaleChange",
-    "authSlot",
-    "toolbarSlot",
-    "projects",
-    "projectsExternal",
-    "translations",
-    "showProjects",
-    "showBlog",
-    "subNav",
-    "currentProjectKey",
-    "currentProjectHref",
-    "labels",
-    "Link",
-    "currentHref",
-    "onNavigate",
-    "className",
-    "containerClassName"
-  ]);
-  var _b2, _c;
-  const content = headerContent[locale];
-  const projectLinks = !showProjects ? [] : projects != null ? projects : headerProjects.map((project) => {
-    var _a3, _b3, _c2;
-    const current = project.key === currentProjectKey;
-    return {
-      id: project.key,
-      label: (_a3 = translations == null ? void 0 : translations.project(`${project.key}.name`)) != null ? _a3 : content.projects[project.key].name,
-      description: (_b3 = translations == null ? void 0 : translations.project(`${project.key}.description`)) != null ? _b3 : content.projects[project.key].description,
-      href: current ? currentProjectHref || "/" : resolveHref(project.href),
-      external: !current && projectsExternal,
-      active: current || currentHref === project.href || (currentHref == null ? void 0 : currentHref.startsWith(`${project.href}/`)) || currentHref === resolveHref(project.href),
-      icon: /* @__PURE__ */ jsx3("span", { className: "naeil-header-project-icon", style: {
-        borderColor: `color-mix(in oklch, ${project.accent} 30%, transparent)`,
-        backgroundColor: `color-mix(in oklch, ${project.accent} 8%, transparent)`
-      }, children: /* @__PURE__ */ jsx3("img", { src: `https://naeil.dev/images/${project.icon}.png`, alt: "", width: 24, height: 24 }) }),
-      badge: project.status === "coming" ? /* @__PURE__ */ jsx3(Badge, { variant: "outline", children: (_c2 = translations == null ? void 0 : translations.project("status.coming")) != null ? _c2 : content.projects.status.coming }) : void 0
-    };
-  });
-  const brandDestination = brandHref != null ? brandHref : resolveHref("/");
-  const BrandLink = brandLinkComponent != null ? brandLinkComponent : Link;
-  const _a2 = brandLinkProps != null ? brandLinkProps : {}, { onClick: onBrandClick } = _a2, brandProps = __objRest(_a2, ["onClick"]);
-  const toolbar = /* @__PURE__ */ jsx3("div", { "data-app-toolbar": true, className: "naeil-header-controls", children: toolbarSlot !== void 0 ? toolbarSlot : /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx3(NaeilHeaderThemeControl, { locale }),
-    onLocaleChange && /* @__PURE__ */ jsx3(NaeilHeaderLocaleControl, { locale, onLocaleChange }),
-    authSlot && /* @__PURE__ */ jsxs3(Fragment3, { children: [
-      /* @__PURE__ */ jsx3("div", { "aria-hidden": "true", className: "naeil-header-separator" }),
-      authSlot
-    ] })
-  ] }) });
-  return /* @__PURE__ */ jsx3(
-    Navigation,
-    __spreadProps(__spreadValues({}, props), {
-      "data-global-header": true,
-      "data-naeil-header": true,
-      Link,
-      currentHref,
-      onNavigate,
-      brand: /* @__PURE__ */ jsx3(
-        BrandLink,
-        __spreadProps(__spreadValues({
-          href: brandDestination,
-          "data-app-brand": true,
-          "aria-label": brandSlot == null ? ".naeil" : void 0
-        }, brandProps), {
-          onClick: (event) => {
-            onBrandClick == null ? void 0 : onBrandClick(event);
-            onNavigate == null ? void 0 : onNavigate(event, { id: "brand", href: brandDestination, label: ".naeil" });
-          },
-          children: brandSlot != null ? brandSlot : /* @__PURE__ */ jsx3(Logo, { variant: "horizontal", size: 28, className: "block", label: null })
-        })
-      ),
-      items: [
-        ...showProjects ? [{ id: "projects", label: (_b2 = translations == null ? void 0 : translations.projects) != null ? _b2 : content.nav.projects, items: projectLinks, columns: 2 }] : [],
-        ...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 }))
-      ],
-      labels: labels != null ? labels : { navigation: content.nav.navigation, menu: content.nav.menu, close: content.nav.closeMenu },
-      toolbar,
-      mobileToolbar: toolbar,
-      className: cn("naeil-header fixed top-0 w-full", className),
-      containerClassName: cn("naeil-header-frame max-w-7xl", containerClassName)
-    })
-  );
-}
+// src/lib/ui-release.ts
+var uiRelease = { version: "0.7.1", contractVersion: "1" };
 
 export {
   Logo,
-  headerLocales,
-  NaeilHeaderThemeControl,
-  NaeilHeaderLocaleControl,
-  NaeilHeader
+  uiRelease
 };

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { N as NavigationLink, a as NavigationProps } from '../navigation-CL10a6Eb.js';
-import { S as SiteFooterProps } from '../site-footer-B67meCDv.js';
+import { N as NavigationLink, a as NavigationProps } from '../navigation-CgPeL9tF.js';
+import { S as SiteFooterProps } from '../site-footer-vXDa_6yr.js';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import * as React$1 from 'react';
 import { SVGProps } from 'react';

package/dist/components/index.js

@@ -1,19 +1,21 @@
 "use client";
 import {
-  Logo,
   NaeilHeader,
   headerLocales
-} from "../chunk-S64H3OYQ.js";
+} from "../chunk-OLKTEYLS.js";
+import {
+  Logo
+} from "../chunk-VWIUN35X.js";
+import {
+  SiteFooter
+} from "../chunk-HSTDPY56.js";
 import {
+  Button,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger,
-  SiteFooter
-} from "../chunk-QSTGUEEI.js";
-import {
-  Button
-} from "../chunk-CE73AEJZ.js";
+  DropdownMenuTrigger
+} from "../chunk-QQQQZEPV.js";
 import {
   __objRest,
   __spreadProps,
@@ -105,7 +107,7 @@ function Footer({
     {
       Link,
       className,
-      containerClassName: cn("max-w-7xl", containerClassName),
+      containerClassName,
       variant,
       brand: brandSlot != null ? brandSlot : /* @__PURE__ */ jsx2(Logo, { variant: "footer", size: 20, className: "block" }),
       description: description === void 0 ? t("tagline") : description,