@naeil/ui 0.12.0 → 0.13.1

package/CHANGELOG.md

@@ -1,6 +1,37 @@
 # Changelog
 
-## 0.12.0 — shared UI refinements and Sheet (unpublished candidate)
+## 0.13.1 — publication and auto-update policy (unpublished candidate)
+
+Not published. Docs-only patch to exercise the protected npm publishing workflow and the services' auto-update flow. Since frozen 0.13.0 source `08ee159`, the only package-shipped change on main is `docs/package-release.md` from #50: same-major consumer updates, a new major for public API/header-contract breaks (including 1.0.0 for a header break while on 0.x), and protected exact-archive publication guidance.
+
+- Component code, public APIs, header markup/geometry, styles, dependencies and chrome contract 1 are unchanged.
+- Package metadata, generated `/release`, React/Next fixture versions and maintained guidance move to 0.13.1. The owner approved publication directly to `latest` for Dependabot visibility; `next` stays 0.13.0 unless separately moved. Publication, environment approval, source tag/Release and manual service deployments remain separate actions.
+
+## 0.13.0 — design-system audit fixes and owned-service headers (published 2026-11-12)
+
+Published to `next` on 2026-11-12; registry bytes matched the frozen archive on 2026-11-13 JST. The preparation notes below retain their original scope. Includes PR #47 (design-system audit fixes, based on the 2026-11-12 audit b17a015) and PR #48 (owned-service header profiles). Public imports, exports, types and consumer `className` overrides are preserved; changed defaults are listed under compatibility.
+
+- Header: add opt-in `service`, `NaeilService`, `NaeilServiceHeaderProps` and readonly `naeilServices` through standalone/provider chrome entries. The DS owns lowercase service branding, product-only tabs and canonical toolbar; toolbar-only mobile sheets omit empty navigation and restore visible toolbar focus on desktop crossing. Generic Navigation exposes opt-in `omitEmptyNavigation` (default false preserves B1). Keep `NaeilHeaderProps` as the extensible legacy interface; service-first/legacy-last component overloads preserve inferred legacy props. Invalid runtime service ids fall back to the legacy profile with a development-only warning; the warning guard tolerates absent `process`. Add four service stories and matching browser contracts.
+- Locale runtime: protocol-hook request-header deletions and replacements are preserved instead of restoring incoming headers (security hardening). Literal backslashes in query/fragment no longer invalidate a registered route (path backslashes still 404). A late commit after a transition timeout clears the error, `retry()` replays the latest failed request and clears an already-satisfied one. Encoded spellings of every reserved protocol segment, including service `protocolPrefixes`, are rejected. `/favicon.svg` passes as a public file; the matcher/public-file contract is documented.
+- `@naeil/ui/utils` is safe to call from React Server Components. `buttonVariants`/`badgeVariants` stay on the client `/ui` barrel; call them on the server through `@naeil/ui/components/ui/button` and `/badge`. Packed Next consumers are now built with both webpack and Turbopack, including a Server Component page.
+- `Button` with `aria-pressed="true"` shows a token-based pressed indicator in every variant.
+- `DialogContent` caps its height to the viewport and scrolls; Toaster dismiss and action controls get 44px hit areas; Toaster follows a forced next-themes theme.
+- `dark:` utilities follow the same OS-dark / `.dark` / root `.light` conditions as the theme tokens.
+- Typography roles carry the DESIGN.md line heights through generated `--text-*--line-height` tokens. The contrast gate checks rendered opacity/state combinations (98 pairs), and the token test compares generated CSS with the committed file without rewriting it.
+- Docs: README and guides no longer pin stale release states; Storybook guide links follow the built version tag; the `/naeil-locale` runtime is linked from entry docs and agent guidance; production login topology was removed from the shipped application-layout guide.
+- Removed: the unused `tw-animate-css` runtime dependency and its `globals.css` import (kept as a devDependency only so frozen 0.7.x rollout fixtures still render); unreachable site components (hero scene, cursor, accent picker, site controls) with their three.js devDependencies; dead `src/lib/axe.ts`, `src/types/i18n.d.ts`, unused one-off scripts and `.prettierrc`. The npm package ships only the license notices the package needs (178 → 172 files).
+- CI: `forbidOnly` on CI, no reuse of a stale local Storybook server, and 40-minute browser/package job limits.
+- Release preparation: package metadata, generated `/release` and clean React/Next fixture versions move to 0.13.0. Publish only the reviewed frozen archive to `next`; preserve `latest=0.12.0` unless separately approved. Chrome contract 1 is unchanged: service profiles are opt-in and legacy header output is preserved. Publication, tag/Release, hosted Docs and consumer adoption remain separate maintainer actions.
+
+Compatibility:
+- Omitting `service` preserves legacy header output and overrides. `statusSlot`, `brandSuffix`, `brandSlot`, `toolbarSlot`, `subNav` and `brandLinkComponent` are deprecated for owned services, retained for compatibility. The opt-in service branch rejects brand/catalog/style escape hatches and ignores cast/JavaScript attempts with development-only warnings once per prop; root chrome markers are protected.
+- Visual defaults changed: pressed Buttons; generated line heights for every type size used by the roles (`text-xs` 13/20, `text-sm` 14/22, `text-base` 16/25, `text-xl` 20/29, `text-3xl` 32/42), which also applies to consumer text without an explicit `leading-*` (explicit `leading-*` still wins); Card/Dialog/Page titles follow those roles; `DialogContent` caps its height and scrolls, so its close button scrolls with the content and non-portaled popups inside a dialog are clipped (portaled Radix popups are not); `dark:` utilities under OS dark without a theme class. Opt-outs are in the component guides.
+- Apps that used tw-animate-css utilities (`animate-in`, `fade-in`, ...) only through `@naeil/ui/globals.css` must add `tw-animate-css` themselves. No owned service does (checked AB Storm, Estimate, Home, Persona, Jev).
+- Package-internal Storybook tooling notices are no longer in the npm archive; they stay in the repository and the Docs preview.
+
+## 0.12.0 — shared UI refinements and Sheet (published 2026-11-10)
+
+Published to npm with dist-tag `next` on 2026-11-10 and promoted to `latest` on 2026-11-11. Frozen source/tag `v0.12.0`: `e03af076b725d742c4b319aca5ebb2379e2f0258`; archive SHA-256 `7f5f01407c576e3c5fa956cf76ebfb3a8ef59b58619de99da68351974aca721b` (178 files). See the [receipt](https://github.com/naeil-dev/naeil-ui/blob/main/docs/releases/0.12.0/README.md). The publication plan below is the preparation-time record.
 
 - Add public `Sheet` primitives through `@naeil/ui/ui` and `@naeil/ui/components/ui/sheet`, using the existing Radix dialog behavior.
 - Add optional `closeLabel` to `DialogContent` and `DialogFooter`; existing English defaults remain unchanged.
@@ -8,14 +39,18 @@
 - Add `ui.width-workflow` (896px) and `data-ui-layout="workflow"` for workflow content within the existing application frame. Retain the locale service registration proposal as documentation only.
 - Additive minor API candidate from PR #42 (`0d1cb08`) and PR #43 (`047de96`). Publish the frozen archive to `next`, preserve `latest` (0.7.2) unless separately approved, and tag the frozen source as `v0.12.0`. Promotion of 0.11.0 remains a separate owner action; publication, consumer adoption and hosted Docs are separate.
 
-## 0.11.0 — AB Storm locale registration (unpublished candidate)
+## 0.11.0 — AB Storm locale registration (published 2026-11-08)
+
+Published to npm with dist-tag `next` on 2026-11-08 and promoted to `latest` on 2026-11-11 before 0.12.0. See the [receipt](https://github.com/naeil-dev/naeil-ui/blob/main/docs/releases/0.11.0/README.md).
 
 - Add the exact owned `abstorm` origin and five protected UI routes to the opt-in locale runtime, with English, Korean and Japanese paths. Keep auth/API/health endpoints outside localized UI routing.
 - Render localized fail-closed documents with the app’s `abstorm` identity; no favicon is declared by the current app.
 - Fix generated locale declarations: JSON imports previously left variable initializers in `.d.ts` output and failed installed-consumer TypeScript checks with library checking enabled. Normalize only those declarations to ambient JSON types; runtime imports and message loading remain unchanged. Clean packed-consumer tests now import the locale API and run `tsc` without `skipLibCheck`.
 - Additive public API release; existing services, default chrome/footer catalogs, messages and chrome contract 1 remain unchanged. Publish the reviewed exact archive to `next`; package publication and consumer adoption remain separate.
 
-## 0.10.0 — shared language runtime (unpublished candidate)
+## 0.10.0 — shared language runtime (published 2026-11-04)
+
+Published to npm with dist-tag `next` on 2026-11-04 (`latest` then remained 0.7.2). Source/tag `455f2f9aedb108606af2f429c18281260eafd2dd`; archive SHA-256 `a4a1e312f2f608358a10f9019c248af37a8172bb116d3bc506144442cb963fb4` (175 files).
 
 - Add opt-in `naeil-locale` root, client, server, messages, checker and chrome entries for the owned Next applications. English uses unprefixed paths; Korean/Japanese use `/ko` and `/ja`. Strict route/protocol parsing, legacy receiving aliases, selected JSON loading, ICU validation and committed-intent preference writes share one implementation.
 - Keep the transition controller above locale layouts, restore stable focus, and share document-departure protection. Consumers retain business/session state, data authorization and logical-navigation guards.

package/DESIGN.md

@@ -1,6 +1,6 @@
 # naeil UI v2 — Design brief
 
-Status: Visual direction accepted on 2026-09-29: neutral palette, Pretendard, larger text, purpose-specific widths, comfortable spacing by default, compact spacing for dense views, and short restrained transitions respecting reduced motion. Implemented in the shared package and actual-component Storybook examples. Independent review findings have been addressed; validation evidence and remaining limits are in [the verification report](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/docs/design/v2-verification.md). See [the v2 specification](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/docs/superpowers/specs/2026-09-29-shared-ui-v2-design.md) for scope. Publishing and deployment are separate.
+Status: Visual direction accepted on 2026-09-29: neutral palette, Pretendard, larger text, purpose-specific widths, comfortable spacing by default, compact spacing for dense views, and short restrained transitions respecting reduced motion. Implemented in the shared package and actual-component Storybook examples. Independent review findings have been addressed; validation evidence and remaining limits are in [the verification report](https://github.com/naeil-dev/naeil-ui/blob/main/docs/design/v2-verification.md). See [the v2 specification](https://github.com/naeil-dev/naeil-ui/blob/main/docs/superpowers/specs/2026-09-29-shared-ui-v2-design.md) for scope. Publishing and deployment are separate.
 
 ## Purpose and scope
 
@@ -110,18 +110,26 @@ First implement the foundation and existing eight families: Button, Input, Card,
 
 Demonstrate the system in three neutral compositions: a settings form, a selectable list with metadata, and a detail panel with actions. These are library examples, not a redesign of a particular website. Additional public components require a demonstrated composition need.
 
+### Owned-service header rule (2026-11-12)
+
+Owned services set `NaeilHeader service="abstorm" | "home" | "estimate" | "jev"`. The left brand is logo → `.naeil` → lowercase service id, with no status dot or extra indicator; naeil.dev has no service suffix. The service supplies only its own `appNavigation` tabs. The DS owns their shape, placement, sizes, spacing and default/hover/selected/expanded/mobile states; service style or slot overrides are not allowed. Projects/Blog belong only to naeil.dev. A single-screen service leaves the center empty; its mobile menu still exposes theme/locale/account. The right toolbar is unchanged. Omitting `service` preserves the compatibility API and rendered output.
+
+The service branch rejects `brandSuffix`, `statusSlot`, `brandSlot`, `toolbarSlot`, `subNav`, `brandLinkComponent`, `projects`, `projectsExternal`, `showProjects`, `showBlog`, `translations`, `className`, `containerClassName`, `style`, `brandLinkProps`, `mobileFooter` and `omitEmptyNavigation`; runtime attempts are ignored. Root `data-slot`, `data-global-header` and `data-naeil-*` markers are protected. Root `id`/`aria-*`/`dir`, consumer `Link` and `authSlot` markup remain consumer-owned and must not be used for styling shared chrome.
+
 ### Application frame and content widths
 
 On 2026-10-16 the owner approved a shared maximum application frame of **1600px**, with responsive inline gutters **clamp(16px, 2.4vw, 40px)**, after inspecting Naeil Home at mobile and desktop widths. This supersedes the prior 1280px branded-header cap and fixed 24px frame gutters. The frame includes its padding, centers on wider screens and shrinks to available space. Numeric values live in `ui.width-frame` and `ui.frame-gutter`; `.ui-app-frame`, `Navigation`, `SiteFooter`, `NaeilHeader`, and the legacy adapters use those same defaults.
 
 The page root reserves scrollbar space. Shared full-page frames use `html { scrollbar-gutter: stable; }`, with one scrollbar-side gutter in classic mode and no reserved space in overlay mode. Header, main and footer use the resulting available page width. Changing page length or opening and closing a scroll-locking surface MUST NOT move those frames or their content horizontally. A consumer using a different document scroll policy MUST declare the documented root opt-out and own that policy consistently across routes.
 
-The 0.9.0 candidate implements this default once in `components.css`, through either `globals.css` or `theme.css + components.css`. Theme-only/JS-only imports do not set it. `<html data-naeil-scrollbar-gutter="auto">` opts out of both the root reservation and its Radix duplicate-compensation correction before first paint. The default profile is LTR with zero body edge spacing; custom scrollers, body margins or dependency helper classes require consumer integration/opt-out. Unsupported browsers retain existing scroll-lock compensation. See the [adopted frame contract](https://github.com/naeil-dev/naeil-ui/blob/434b7d07235316097ca3a55265ee02c1422b0cfd/docs/superpowers/specs/2026-10-29-page-root-scrollbar-gutter.md) and [consumer override guidance](docs/components/application-layout.md).
+Since 0.9.0, the package implements this default once in `components.css`, through either `globals.css` or `theme.css + components.css`. Theme-only/JS-only imports do not set it. `<html data-naeil-scrollbar-gutter="auto">` opts out of both the root reservation and its Radix duplicate-compensation correction before first paint. The default profile is LTR with zero body edge spacing; custom scrollers, body margins or dependency helper classes require consumer integration/opt-out. Unsupported browsers retain existing scroll-lock compensation. See the [adopted frame contract](https://github.com/naeil-dev/naeil-ui/blob/434b7d07235316097ca3a55265ee02c1422b0cfd/docs/superpowers/specs/2026-10-29-page-root-scrollbar-gutter.md) and [consumer override guidance](docs/components/application-layout.md).
 
 The optional `@naeil/ui/naeil-header` composition centralizes the actual naeil.dev brand/catalog/control/toolbar/responsive implementation approved on 2026-10-15. Official decorative image URLs remain references; no new artwork rights or redistribution is implied. See [NaeilHeader](docs/components/naeil-header.md).
 
 Application navigation and footer must use the shared compositions: complete `NaeilHeader` with `NaeilFooter` for owned naeil services, supplying product menu data through `appNavigation`; generic `Navigation`/`SiteFooter` for a different product without canonical naeil chrome. Existing `Nav`/`Footer` preserve Next compatibility while using that core. Services own menu data, route guards, locale/theme providers and authentication through adapters and slots. Extend the shared API when a reusable behavior is missing instead of copying menu, responsive or footer implementations. See [the application starter and consumer-agent rules](docs/components/application-layout.md).
 
+Owned Next services under the shared locale provider import chrome from `@naeil/ui/naeil-locale/chrome`; `/naeil-header` and `/naeil-footer` remain standalone React adapters (see [the locale runtime](docs/components/naeil-locale.md)).
+
 The application frame owns navigation placement and outer gutters; each content region owns its purpose-specific width. A narrow settings form inside that frame must not move the shared navigation. For routes using the same frame, keep navigation anchors stable at the same viewport, language and theme, including loading and changing summary counts. A shared Header import alone does not establish this consistency.
 
 Content caps are reading **640px**, settings **640px**, short form **480px**, and lists **1600px** (updated from 1200px on 2026-10-16). On 2026-11-09 the owner approved a **workflow** cap of **896px** (`ui.width-workflow`, `data-ui-layout="workflow"`) for multi-step or card-choice input screens whose step cards or option grids are cramped at 640px; it matches the 848–896px main content measured on naeil.dev. Individual fields and helper text inside a workflow still follow the 640/480px caps. Put lists, tables and dashboards inside `.ui-app-frame` so they use the space remaining after its gutters. Narrow reading/forms stay inside that stable outer frame. `data-ui-layout="fluid"` uses the available region. At a 1920px viewport the default frame has 1520px of usable width.

package/README.md

@@ -2,26 +2,28 @@
 
 React components, semantic design tokens, and shared styles for naeil products. The approved system uses a neutral light/dark palette, Pretendard, 16px controls, comfortable or compact density, purpose-specific content widths, and restrained motion. Radix supplies interaction behavior.
 
-**0.10.0 published and registry-verified — 2026-11-04.** This release adds the shared language runtime and preserves the page-root scrollbar reservation and scroll-lock correction. The registry archive matches frozen SHA-256 `a4a1e312f2f608358a10f9019c248af37a8172bb116d3bc506144442cb963fb4` (175 files, source/tag `455f2f9aedb108606af2f429c18281260eafd2dd`); verified tags were `latest=0.7.2`, `next=0.10.0`. See the [publication and service acceptance receipts](https://github.com/naeil-dev/naeil-ui/blob/main/docs/design/shared-language-2026-11-04/implementation-progress.md). Hosted Docs remain separately recorded. The retained [local runner](https://github.com/naeil-dev/naeil-ui/blob/main/docs/rollout/local-runner.md) supports historical **0.7.x only** and cannot deploy or recover the current 0.10.0 release.
+**0.13.1 is an unpublished release candidate.** This docs-only patch includes #50's consumer auto-update version policy and protected publication guidance; it changes no component code or public API. This checkout and its React/Next fixtures pin 0.13.1. Registry tags checked 2026-11-13 JST are `latest=0.12.0`, `next=0.13.0`; 0.13.0 is published. The owner approved publishing the frozen 0.13.1 archive directly to `latest` to exercise the workflow and service auto-update flow, leaving `next=0.13.0`. See the [release procedure](docs/package-release.md).
+
+**Historical 0.12.0 publication — 2026-11-10; both tags were 0.12.0 on 2026-11-11.** It adds public Sheet primitives, optional Dialog close labels and the 896px workflow width on top of 0.10.0's opt-in [`/naeil-locale` runtime](docs/components/naeil-locale.md) for owned Next services. The registry archive matches frozen SHA-256 `7f5f01407c576e3c5fa956cf76ebfb3a8ef59b58619de99da68351974aca721b` (178 files, source/tag `e03af076b725d742c4b319aca5ebb2379e2f0258`); see the [0.12.0 receipt](https://github.com/naeil-dev/naeil-ui/blob/main/docs/releases/0.12.0/README.md) and [GitHub Release](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.12.0). Hosted Docs remain separately recorded. The retained [local runner](https://github.com/naeil-dev/naeil-ui/blob/main/docs/rollout/local-runner.md) supports historical **0.7.x only** and cannot deploy or recover current releases.
 
 This repository also contains the **naeil.dev brand/example website** and an **optional agent reference workflow**. Choose the path you need:
 
 | Path | Start here | Tools / keys |
 | --- | --- | --- |
 | Use the UI in an app | [Consumer guide](docs/design/v2-migration.md) | React 19, Tailwind 4; **no Next.js or API keys** for shared React entries |
-| Develop the shared UI | Commands below and [contributing](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/CONTRIBUTING.md) | Node.js 22+, pnpm; no Supabase or 21st key |
-| Use frontend references with an agent | [Optional workflow setup](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/docs/design/frontend-tooling.md) | Supported agent; Python for bundled helpers; your own 21st key only for optional MCP |
-| Develop the brand/example website | [Site setup](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/docs/site-development.md) | Next.js and a separate Supabase project for site authentication |
+| Develop the shared UI | Commands below and [contributing](https://github.com/naeil-dev/naeil-ui/blob/main/CONTRIBUTING.md) | Node.js 22+, pnpm; no Supabase or 21st key |
+| Use frontend references with an agent | [Optional workflow setup](https://github.com/naeil-dev/naeil-ui/blob/main/docs/design/frontend-tooling.md) | Supported agent; Python for bundled helpers; your own 21st key only for optional MCP |
+| Develop the brand/example website | [Site setup](https://github.com/naeil-dev/naeil-ui/blob/main/docs/site-development.md) | Next.js and a separate Supabase project for site authentication |
 
 ## Use the UI
 
-Use React 19 / ReactDOM 19 and Tailwind 4. UI v2 names the design generation independently of npm versioning. The installation example targets the verified exact 0.10.0 release:
+Use React 19 / ReactDOM 19 and Tailwind 4. UI v2 names the design generation independently of npm versioning. The installation example pins the 0.13.1 candidate and requires its publication first; until then, use the reviewed archive for candidate validation or the published 0.13.0 version for registry installs:
 
 ```sh
-pnpm add --save-exact @naeil/ui@0.10.0
+pnpm add --save-exact @naeil/ui@0.13.1
 ```
 
-The [npm 0.10.0 archive](https://registry.npmjs.org/@naeil/ui/-/ui-0.10.0.tgz) is byte-identical to its frozen release archive. Bundled guides record the preparation snapshot; maintained guides record later publication outcomes. For local development, `pnpm build:pkg` and `npm pack --ignore-scripts --pack-destination /tmp` produce `/tmp/naeil-ui-VERSION.tgz`, where `VERSION` is the checked-out `package.json` version (currently the unpublished 0.12.0 candidate). Use the exact reviewed archive for release verification; later source or guide changes require a new freeze. The [0.6.0 release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0) retains its archive, publication and deployment evidence.
+The [npm 0.13.0 archive](https://registry.npmjs.org/@naeil/ui/-/ui-0.13.0.tgz) is byte-identical to its frozen release archive (verified 2026-11-13 JST). Bundled guides record the preparation snapshot; maintained guides record later publication outcomes. For local development, `pnpm build:pkg` and `npm pack --ignore-scripts --pack-destination /tmp` produce `/tmp/naeil-ui-VERSION.tgz`, where `VERSION` is the checked-out `package.json` version (currently the unpublished 0.13.1 candidate). Use the exact reviewed archive for release verification; later source or guide changes require a new freeze. The [0.6.0 release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0) retains its archive, publication and deployment evidence.
 
 The preceding [0.5.0 release](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.5.0) was published on 2026-10-15 and introduced the whole shared header. Version 0.6.0 adds the shared 1600px frame; existing applications must upgrade and adopt its layout composition.
 
@@ -79,7 +81,7 @@ Shared CSS follows the OS theme unless the document root has `class="light"` or
 
 The [component guides](docs/components/README.md) cover exact APIs, state composition and accessibility responsibilities, with matching Storybook Docs and runnable examples. Canonical footer and account examples live in the existing NaeilHeader/SiteFooter stories. The [consumer guide](docs/design/v2-migration.md) covers peer dependencies, fonts, themes, density, Select versus DropdownMenu, overrides, and layout ownership. Fonts are delivered by the consumer; shared CSS does not fetch them automatically. `/ui`, `/utils`, `/naeil-header`, `/naeil-footer` and `/release` work without Next.js; the last two are included in 0.7.1. The legacy root remains a framework compatibility entry with static Next/next-intl imports; install those optional peers when using it, Nav, Footer or i18n/routing. ThemeProvider/controls and Toaster retain the React library next-themes. Shared deep imports use the exact [allowlist and migration](docs/design/v2-migration.md#03-package-boundary); website-only paths belong in your application.
 
-For the actual naeil.dev branded header, import `NaeilHeader` and `NaeilHeaderAccountControl` from `@naeil/ui/naeil-header`; generic `Navigation` from `/ui` remains available for different product menus. The whole header owns its catalog, header translations, controls and responsive styles. Supply routing/dirty guards, an existing next-themes provider and real authentication state/actions through its props. Its five decorative project images reference official `naeil.dev` URLs and require network access; their bytes are excluded and unresolved redistribution provenance remains in [third-party notices](THIRD_PARTY_NOTICES.md). See [NaeilHeader](docs/components/naeil-header.md) for fixed positioning, the shared frame, supported locales and adapter contract, and [NaeilFooter](docs/components/naeil-footer.md) for canonical destinations and save interception.
+For the actual naeil.dev branded header, import `NaeilHeader` and `NaeilHeaderAccountControl` from `@naeil/ui/naeil-header`; generic `Navigation` from `/ui` remains available for different product menus. The whole header owns its catalog, header translations, controls and responsive styles. Supply routing/dirty guards, an existing next-themes provider and real authentication state/actions through its props. Its single decorative project image (`whale.png`) references an official `naeil.dev` URL and require network access; their bytes are excluded and unresolved redistribution provenance remains in [third-party notices](THIRD_PARTY_NOTICES.md). See [NaeilHeader](docs/components/naeil-header.md) for fixed positioning, the shared frame, supported locales and adapter contract, and [NaeilFooter](docs/components/naeil-footer.md) for canonical destinations and save interception.
 
 ## Develop the shared UI
 
@@ -96,7 +98,7 @@ Storybook uses the actual public components with simulated example data. It need
 ```sh
 pnpm build:pkg
 pnpm pack --pack-destination /tmp
-# In your consumer app: pnpm add /tmp/naeil-ui-0.7.1.tgz
+# In your consumer app: pnpm add /tmp/naeil-ui-VERSION.tgz (VERSION from package.json)
 # This development pack does not replace the frozen release archive.
 ```
 
@@ -109,7 +111,7 @@ pnpm pack --pack-destination /tmp
 | `pnpm build:pkg` / `pnpm check:package` | Build package / inspect package boundary and independently install/build packed React + Next consumers |
 | `pnpm dev` / `pnpm build` | Brand/example website development / build |
 
-A [reusable React consumer example](https://github.com/naeil-dev/naeil-ui/tree/main/examples/react) composes the packaged header, a settings form and footer. [Release policy](docs/package-release.md) and [changelog](CHANGELOG.md) distinguish implementation, publication and deployment. CI verifies the package and separate website/Storybook. Downloadable preview artifacts include notices and local fonts. The current Storybook source defines 17 Docs pages (15 UI families and Brand / Logo plus NaeilHeader), including Usage, JapaneseApplication, ReferenceFull, ReferenceCompact and AccountStates examples. This does not establish a new hosted deployment. [Hosted Docs](https://naeil-dev.github.io/naeil-ui/) have recorded [0.5.0 verification](https://github.com/naeil-dev/naeil-ui/releases/download/v0.5.0/hosted-docs-verification.json); subsequent deployments require their own source and HTTP checks. The same approved brand is live on [naeil.dev](https://naeil.dev/). See [preview instructions](docs/package-release.md#storybook-preview-artifact) and [support limits](docs/design/public-ui-support.md). Native/manual platform acceptance retains its documented limits; service adoption and rollout have separate [dated records](https://github.com/naeil-dev/naeil-ui/tree/main/docs/rollout).
+A [reusable React consumer example](https://github.com/naeil-dev/naeil-ui/tree/main/examples/react) composes the packaged header, a settings form and footer. [Release policy](docs/package-release.md) and [changelog](CHANGELOG.md) distinguish implementation, publication and deployment. CI verifies the package and separate website/Storybook. Downloadable preview artifacts include notices and local fonts. The current Storybook source defines 18 Docs pages (16 UI families and Brand / Logo plus NaeilHeader), including Usage, JapaneseApplication, ReferenceFull, ReferenceCompact and AccountStates examples. This does not establish a new hosted deployment. [Hosted Docs](https://naeil-dev.github.io/naeil-ui/) have recorded [0.5.0 verification](https://github.com/naeil-dev/naeil-ui/releases/download/v0.5.0/hosted-docs-verification.json); subsequent deployments require their own source and HTTP checks. The same approved brand is live on [naeil.dev](https://naeil.dev/). See [preview instructions](docs/package-release.md#storybook-preview-artifact) and [support limits](docs/design/public-ui-support.md). Native/manual platform acceptance retains its documented limits; service adoption and rollout have separate [dated records](https://github.com/naeil-dev/naeil-ui/tree/main/docs/rollout).
 
 Read [DESIGN.md](DESIGN.md) before shared UI changes. Numeric values live in `src/tokens/`; generated CSS is not edited by hand. Shared styles live in `src/styles/`, site-only styles in `src/app/`. Hero art, 3D scenes, cursor effects, and site content belong to the example website.
 
@@ -117,4 +119,4 @@ Read [DESIGN.md](DESIGN.md) before shared UI changes. Numeric values live in `sr
 
 ## Project and license
 
-Maintained in [naeil-dev/naeil-ui](https://github.com/naeil-dev/naeil-ui). See [contributing](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/CONTRIBUTING.md), [security reporting](https://github.com/naeil-dev/naeil-ui/blob/81fd395031dc5b20074c4d915a8585360ce2d28a/SECURITY.md), [MIT license](LICENSE), and [third-party notices](THIRD_PARTY_NOTICES.md). Third-party code, fonts, and brand assets have their own attribution and scope limits.
+Maintained in [naeil-dev/naeil-ui](https://github.com/naeil-dev/naeil-ui). See [contributing](https://github.com/naeil-dev/naeil-ui/blob/main/CONTRIBUTING.md), [security reporting](https://github.com/naeil-dev/naeil-ui/blob/main/SECURITY.md), [MIT license](LICENSE), and [third-party notices](THIRD_PARTY_NOTICES.md). Third-party code, fonts, and brand assets have their own attribution and scope limits.

package/THIRD_PARTY_NOTICES.md

@@ -36,7 +36,7 @@ SOFTWARE.
 
 Shared package styles declare families; consumers own font delivery. The website imports Pretendard Variable from `pretendard`; Storybook imports Pretendard static CSS and `@fontsource/noto-sans-jp` 400/500/600. Both installed packages carry SIL Open Font License 1.1. Exact installed notices are preserved in [Pretendard](licenses/Pretendard-OFL.txt) and [Noto Sans JP](licenses/Noto-Sans-JP-OFL.txt). Keep the notice/license when redistributing font files; modified fonts must follow reserved-name rules.
 
-Storybook 10.4.6 also bundles Nunito Sans for its manager interface. The original Google Fonts OFL body was read on 2026-10-02 and is preserved in [Nunito Sans](licenses/Nunito-Sans-OFL.txt), including the original project-author notice; documentation preview output carries this notice as well. This manager font is Storybook tooling, not a new shared UI font choice.
+Storybook 10.4.6 also bundles Nunito Sans for its manager interface. The original Google Fonts OFL body was read on 2026-10-02 and is preserved in [Nunito Sans](https://github.com/naeil-dev/naeil-ui/blob/main/licenses/Nunito-Sans-OFL.txt), including the original project-author notice; documentation preview output carries this notice as well. This manager font is Storybook tooling, not a new shared UI font choice.
 
 The site's `src/app/layout.tsx` separately requests JetBrains Mono via `next/font/google`; no copied font binary is tracked here. Before redistributing fetched site-build fonts, retain the original license/notice supplied with that font (https://github.com/JetBrains/JetBrainsMono). This audit did not inspect the fetched Google font binary/license and does not certify a deployed site's font-notice bundle. Prototype HTML uses external CDNs separately from packed UI styles.
 
@@ -44,6 +44,8 @@ The naeil brand wordmark uses outlined Lato Regular 400 from Google Fonts commit
 
 ## Dependencies and references
 
+The package also retains the [react-remove-scroll-bar MIT notice](licenses/react-remove-scroll-bar-MIT.txt) for consumer bundle notice generation. Storybook-only notices remain in the repository and documentation preview output.
+
 Radix, Sonner, Lucide, React, Next.js and other npm dependencies carry licenses in their own distributions. They are not newly attributed as copied sources here; preserve their notices if bundling their code. DESIGN.md's Linear analysis is design reference material, not an official Linear specification or a component license. The optional workflow grants no blanket license to 21st catalog code; inspect each retrieved original before adoption.
 
 ## Website-only assets: unresolved provenance
@@ -52,4 +54,4 @@ Radix, Sonner, Lucide, React, Next.js and other npm dependencies carry licenses
 
 ### Optional branded header candidate
 
-The0.5.0candidate header refers to the five decorative project images at their official https://naeil.dev/images/ URLs. It does not embed or redistribute those public/images bytes; their unresolved provenance above remains open. Site-adapter extraction does not establish artwork rights or clear unrelated website assets.
+Since 0.7.2, the branded header’s default naeil-ui catalog references one decorative image, https://naeil.dev/images/whale.png. It does not embed or redistribute those public/images bytes; their unresolved provenance above remains open. Site-adapter extraction does not establish artwork rights or clear unrelated website assets.

package/dist/{chunk-XLISHUJZ.js → chunk-ESTQITQO.js}

@@ -4,7 +4,7 @@ import {
   NaeilStandaloneMessages,
   uiRelease,
   useNaeilMessages
-} from "./chunk-DBE7R4MR.js";
+} from "./chunk-L25A4OKY.js";
 import {
   Badge,
   Button,
@@ -21,7 +21,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-KPE4KKYM.js";
+} from "./chunk-Y5LW3ADW.js";
 import {
   __objRest,
   __spreadProps,
@@ -122,6 +122,58 @@ function NaeilHeaderAccountControl({ locale, account, Link = NativeLink }) {
 
 // src/components/naeil-header-core.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var naeilServices = Object.freeze(["abstorm", "home", "estimate", "jev"]);
+var serviceCompatibilityProps = [
+  "brandSuffix",
+  "statusSlot",
+  "brandSlot",
+  "toolbarSlot",
+  "subNav",
+  "brandLinkComponent",
+  "projects",
+  "projectsExternal",
+  "showProjects",
+  "showBlog",
+  "translations",
+  "className",
+  "containerClassName",
+  "style",
+  "brandLinkProps",
+  "mobileFooter",
+  "omitEmptyNavigation"
+];
+var warnedServiceProps = /* @__PURE__ */ new Set();
+function isDevelopment() {
+  try {
+    return process.env.NODE_ENV === "development";
+  } catch (e) {
+    return false;
+  }
+}
+function warnServiceProp(name, message) {
+  if (!isDevelopment() || warnedServiceProps.has(name)) return;
+  warnedServiceProps.add(name);
+  console.warn(message);
+}
+function isNaeilService(value) {
+  return naeilServices.includes(value);
+}
+function NaeilHeader(input) {
+  if (input.service === void 0) return /* @__PURE__ */ jsx2(HeaderComposition, __spreadValues({}, input));
+  if (!isNaeilService(input.service)) {
+    warnServiceProp("service", "NaeilHeader: invalid service; rendering the legacy profile.");
+    const legacy = __spreadProps(__spreadValues({}, input), { service: void 0 });
+    delete legacy.service;
+    return /* @__PURE__ */ jsx2(HeaderComposition, __spreadValues({}, legacy));
+  }
+  const props = __spreadValues({}, input);
+  for (const name of Object.keys(props)) {
+    if (!serviceCompatibilityProps.includes(name) && name !== "data-slot" && name !== "data-global-header" && !name.startsWith("data-naeil-")) continue;
+    delete props[name];
+    warnServiceProp(name, `NaeilHeader: service profile ignores ${name}; use the shared service composition.`);
+  }
+  return /* @__PURE__ */ jsx2(HeaderComposition, __spreadProps(__spreadValues({}, props), { service: input.service }));
+}
 var subscribe = () => () => {
 };
 function NaeilHeaderThemeControl({ locale }) {
@@ -158,8 +210,9 @@ function NaeilHeaderLocaleControl({ locale, onLocaleChange }) {
   ] });
 }
 var NativeLink2 = (props) => /* @__PURE__ */ jsx2("a", __spreadValues({}, props));
-function NaeilHeader(_a) {
+function HeaderComposition(_a) {
   var _b = _a, {
+    service,
     locale,
     resolveHref = (path) => `https://naeil.dev/${locale}${path === "/" ? "" : path}`,
     brandHref,
@@ -187,6 +240,7 @@ function NaeilHeader(_a) {
     className,
     containerClassName
   } = _b, props = __objRest(_b, [
+    "service",
     "locale",
     "resolveHref",
     "brandHref",
@@ -215,6 +269,11 @@ function NaeilHeader(_a) {
     "containerClassName"
   ]);
   var _b2, _c;
+  if (service) {
+    brandSuffix = service;
+    showProjects = false;
+    showBlog = false;
+  }
   const content = useNaeilMessages(locale).header;
   const projectLinks = !showProjects ? [] : projects != null ? projects : headerProjects.map((project) => {
     var _a3, _b3, _c2;
@@ -233,7 +292,7 @@ function NaeilHeader(_a) {
       badge: project.status === "coming" ? /* @__PURE__ */ jsx2(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 brandDestination = brandHref != null ? brandHref : service ? "/" : resolveHref("/");
   const BrandLink = brandLinkComponent != null ? brandLinkComponent : Link;
   const _a2 = brandLinkProps != null ? brandLinkProps : {}, { onClick: onBrandClick } = _a2, brandProps = __objRest(_a2, ["onClick"]);
   const toolbar = /* @__PURE__ */ jsx2(
@@ -259,11 +318,11 @@ function NaeilHeader(_a) {
     __spreadProps(__spreadValues({
       href: brandDestination,
       "data-app-brand": true,
-      "aria-label": brandSlot == null ? ".naeil" : void 0
+      "aria-label": service ? `.naeil ${service}` : 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" });
+        onNavigate == null ? void 0 : onNavigate(event, { id: "brand", href: brandDestination, label: service ? `.naeil ${service}` : ".naeil" });
       },
       children: brandSlot != null ? brandSlot : brandSuffix ? /* @__PURE__ */ jsxs2(Fragment, { children: [
         logo,
@@ -273,7 +332,7 @@ function NaeilHeader(_a) {
   );
   return /* @__PURE__ */ jsx2(
     Navigation,
-    __spreadProps(__spreadValues({}, props), {
+    __spreadProps(__spreadValues(__spreadValues({}, props), service ? { "data-slot": "navigation", omitEmptyNavigation: true } : {}), {
       "data-global-header": true,
       "data-naeil-header": true,
       "data-naeil-chrome": "",
@@ -311,7 +370,7 @@ function NaeilHeaderAccountControl2(props) {
 // src/components/naeil-header.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 function NaeilHeader2(props) {
-  return /* @__PURE__ */ jsx4(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx4(NaeilHeader, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx4(NaeilStandaloneMessages, { locale: props.locale, children: props.service === void 0 ? /* @__PURE__ */ jsx4(NaeilHeader, __spreadValues({}, props)) : /* @__PURE__ */ jsx4(NaeilHeader, __spreadValues({}, props)) });
 }
 function NaeilHeaderThemeControl2(props) {
   return /* @__PURE__ */ jsx4(NaeilStandaloneMessages, { locale: props.locale, children: /* @__PURE__ */ jsx4(NaeilHeaderThemeControl, __spreadValues({}, props)) });
@@ -322,6 +381,7 @@ function NaeilHeaderLocaleControl2(props) {
 
 export {
   headerLocales,
+  naeilServices,
   NaeilHeaderAccountControl2 as NaeilHeaderAccountControl,
   NaeilHeader2 as NaeilHeader,
   NaeilHeaderThemeControl2 as NaeilHeaderThemeControl,

package/dist/{chunk-DBE7R4MR.js → chunk-L25A4OKY.js}

@@ -1425,7 +1425,7 @@ function NaeilStandaloneMessages({ locale, children }) {
 }
 
 // src/lib/ui-release.ts
-var uiRelease = { version: "0.12.0", contractVersion: "1" };
+var uiRelease = { version: "0.13.1", contractVersion: "1" };
 
 export {
   Logo,

package/dist/{chunk-KPE4KKYM.js → chunk-Y5LW3ADW.js}

@@ -56,16 +56,16 @@ import { cva as cva2 } from "class-variance-authority";
 import { Slot as Slot2 } from "radix-ui";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var buttonVariants = cva2(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap ui-control ui-focus rounded-md text-base font-medium transition-colors duration-(--ui-motion-fast) cursor-pointer  disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0  ui-focus aria-invalid:border-error",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap ui-control ui-focus rounded-md text-base font-medium transition-colors duration-(--ui-motion-fast) cursor-pointer  disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0  ui-focus aria-invalid:border-error aria-pressed:inset-ring-2",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 ",
-        outline: "border border-border-strong bg-background hover:bg-surface-subtle",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-surface-subtle",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover aria-pressed:bg-primary-hover aria-pressed:inset-ring-4 aria-pressed:inset-ring-primary-foreground aria-pressed:inset-shadow-[0_0_0_2px_var(--primary-hover)]",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 aria-pressed:inset-ring-4 aria-pressed:inset-ring-destructive-foreground aria-pressed:inset-shadow-[0_0_0_2px_var(--destructive)]",
+        outline: "border border-border-strong bg-background hover:bg-surface-subtle aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground",
+        ghost: "hover:bg-surface-subtle aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground",
+        link: "text-primary underline-offset-4 hover:underline aria-pressed:bg-surface-selected aria-pressed:text-foreground aria-pressed:inset-ring-foreground"
       },
       size: {
         default: "px-4 has-[>svg]:px-3",
@@ -472,6 +472,7 @@ function Navigation(_a) {
     toolbar,
     mobileToolbar,
     mobileFooter,
+    omitEmptyNavigation = false,
     mobileOpen: controlledOpen,
     onMobileOpenChange,
     containerClassName,
@@ -486,6 +487,7 @@ function Navigation(_a) {
     "toolbar",
     "mobileToolbar",
     "mobileFooter",
+    "omitEmptyNavigation",
     "mobileOpen",
     "onMobileOpenChange",
     "containerClassName",
@@ -556,7 +558,8 @@ function Navigation(_a) {
     setOpenGroup(null);
   }, [currentHref, setMobileOpen]);
   React.useEffect(() => {
-    const element = desktop.current;
+    var _a2, _b2;
+    const element = omitEmptyNavigation && !items.length ? (_b2 = (_a2 = desktop.current) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.querySelector(".ui-navigation-toolbar") : desktop.current;
     if (!element || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(() => {
       if (element.getBoundingClientRect().width > 0) setMobileOpen(false);
@@ -564,7 +567,8 @@ function Navigation(_a) {
     });
     observer.observe(element);
     return () => observer.disconnect();
-  }, [setMobileOpen]);
+  }, [setMobileOpen, omitEmptyNavigation, items.length]);
+  const DesktopElement = omitEmptyNavigation && !items.length ? "div" : "nav";
   const active = (item) => {
     var _a2;
     return (_a2 = item.active) != null ? _a2 : !item.external && item.href === currentHref;
@@ -613,10 +617,12 @@ function Navigation(_a) {
       children: /* @__PURE__ */ jsx4("div", { className: cn("ui-navigation-frame", containerClassName), children: /* @__PURE__ */ jsxs2("div", { className: "ui-navigation-row", children: [
         /* @__PURE__ */ jsx4("div", { className: "ui-navigation-brand", children: brand }),
         /* @__PURE__ */ jsx4(
-          "nav",
+          DesktopElement,
           {
-            ref: desktop,
-            "aria-label": labels.navigation,
+            ref: (element) => {
+              desktop.current = element;
+            },
+            "aria-label": omitEmptyNavigation && !items.length ? void 0 : labels.navigation,
             className: "ui-navigation-desktop",
             children: items.map(
               (item) => "items" in item ? /* @__PURE__ */ jsx4(
@@ -668,7 +674,7 @@ function Navigation(_a) {
                 className: "ui-navigation-sheet ui-popup",
                 "aria-describedby": void 0,
                 onCloseAutoFocus: (event) => {
-                  var _a2, _b2;
+                  var _a2, _b2, _c, _d;
                   if (controlledOpen !== void 0 && (!mounted.current || state.current.open)) {
                     event.preventDefault();
                     return;
@@ -682,7 +688,10 @@ function Navigation(_a) {
                   }
                   if (trigger.current && trigger.current.getBoundingClientRect().width === 0) {
                     event.preventDefault();
-                    (_b2 = (_a2 = desktop.current) == null ? void 0 : _a2.querySelector("button, a")) == null ? void 0 : _b2.focus();
+                    const target = (_a2 = desktop.current) == null ? void 0 : _a2.querySelector("button, a");
+                    const toolbar2 = omitEmptyNavigation && !items.length ? (_c = (_b2 = desktop.current) == null ? void 0 : _b2.parentElement) == null ? void 0 : _c.querySelector(".ui-navigation-toolbar") : void 0;
+                    const toolbarTarget = !target && toolbar2 ? Array.from(toolbar2.querySelectorAll("button, a[href], input, select, textarea, [tabindex]")).find((element) => element.tabIndex >= 0 && !element.matches(":disabled") && element.getBoundingClientRect().width > 0 && element.getBoundingClientRect().height > 0) : void 0;
+                    (_d = target != null ? target : toolbarTarget) == null ? void 0 : _d.focus();
                   }
                 },
                 children: [
@@ -697,7 +706,7 @@ function Navigation(_a) {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx4(
+                  (!omitEmptyNavigation || items.length > 0) && /* @__PURE__ */ jsx4(
                     "nav",
                     {
                       "aria-label": labels.navigation,

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-D8N1tMTu.js';
-import { S as SiteFooterProps } from '../site-footer-s113FZgC.js';
+import { N as NavigationLink, a as NavigationProps } from '../navigation-CXZapKac.js';
+import { S as SiteFooterProps } from '../site-footer-C4jgkGDU.js';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import * as React$1 from 'react';
 import { SVGProps } from 'react';
@@ -102,7 +102,7 @@ declare function Logo({ size, mono, variant, tone, theme, label, className, ...p
 type HeadingProps = React$1.HTMLAttributes<HTMLHeadingElement> & {
     children: React$1.ReactNode;
 };
-declare const pageTitleClass = "text-foreground text-3xl font-semibold leading-tight";
+declare const pageTitleClass = "text-foreground text-3xl font-semibold";
 declare const sectionTitleClass = "text-foreground text-xl font-semibold";
 declare function PageTitle({ className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 declare function SectionTitle({ className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;

package/dist/components/index.js

@@ -2,13 +2,13 @@
 import {
   NaeilHeader,
   headerLocales
-} from "../chunk-XLISHUJZ.js";
+} from "../chunk-ESTQITQO.js";
 import {
   Logo,
   en_default,
   ja_default,
   ko_default
-} from "../chunk-DBE7R4MR.js";
+} from "../chunk-L25A4OKY.js";
 import {
   SiteFooter
 } from "../chunk-HSTDPY56.js";
@@ -18,7 +18,7 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger
-} from "../chunk-KPE4KKYM.js";
+} from "../chunk-Y5LW3ADW.js";
 import {
   __objRest,
   __spreadProps,
@@ -362,7 +362,7 @@ function ThemeToggleIcon() {
 
 // src/components/typography.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-var pageTitleClass = "text-foreground text-3xl font-semibold leading-tight";
+var pageTitleClass = "text-foreground text-3xl font-semibold";
 var sectionTitleClass = "text-foreground text-xl font-semibold";
 function PageTitle(_a) {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SiteFooterProps } from '../site-footer-s113FZgC.js';
+import { S as SiteFooterProps } from '../site-footer-C4jgkGDU.js';
 import { N as NaeilHeaderLocale } from '../naeil-header-data-BvISJ4RV.js';
 import 'react';
-import '../navigation-D8N1tMTu.js';
+import '../navigation-CXZapKac.js';
 
 type NaeilFooterLocale = NaeilHeaderLocale;
 interface NaeilFooterProps extends Omit<SiteFooterProps, "brand" | "description" | "groups"> {

package/dist/components/naeil-footer.js

@@ -5,7 +5,7 @@ import {
   NaeilStandaloneMessages,
   uiRelease,
   useNaeilMessages
-} from "../chunk-DBE7R4MR.js";
+} from "../chunk-L25A4OKY.js";
 import {
   SiteFooter
 } from "../chunk-HSTDPY56.js";