@naeil/ui 0.6.0 → 0.7.1

package/docs/components/naeil-footer.md

@@ -0,0 +1,20 @@
+# NaeilFooter — canonical service footer
+
+New in the **0.7.0 candidate** (not published). React-only opt-in entry:
+
+```tsx
+import { NaeilFooter } from '@naeil/ui/naeil-footer';
+<NaeilFooter locale="ja" variant="compact" Link={GuardedLink} />
+```
+
+Use with [NaeilHeader](naeil-header.md) on owned user-facing services. Both `full` and `compact` contain the .naeil home link, Projects, Blog and the official naeil GitHub link. Full also displays the existing tagline. Compact reduces spacing/description, not the destinations. No social account or legal claim is invented. The website's former generic X homepage icon is not a canonical account link.
+
+`locale` selects `en`, `ko`, or `ja`. `resolveHref(path)` defaults to official localized naeil.dev destinations; a local website router may resolve unlocalized paths itself. `Link` handles **every** canonical anchor, including absolute GitHub URLs. It must forward href, target, rel, onClick, className and children. GitHub opens a new tab with noopener/noreferrer. The shared implementation does not itself trigger navigation or await saves.
+
+`onNavigate(event, item)` reaches the brand and all group links. An application can synchronously preventDefault, flush its draft, and navigate only after successful saving. Preserve defaultPrevented, modified/middle clicks and target behavior according to the application's established guard. Do not run both adapter and onNavigate guards twice. Native explicit `external:true` links in generic SiteFooter bypass Link for compatibility, but **still call onNavigate**. This closes the former missing interception path.
+
+`variant`, `className`, `containerClassName`, standard footer attributes, `meta` and children remain available. Product status/legal information belongs in meta; no private build data belongs in the UI. Canonical content has no arbitrary replacement groups/brand. Existing generic SiteFooter and Next/next-intl Footer keep their override APIs. Record intentional departures from the canonical composition as rollout exceptions; same component imports alone are not adoption evidence.
+
+Footer owns its internal 1600px/clamp frame. Do not wrap it in an additional padded container. Its `data-naeil-footer`, `data-naeil-ui-version` and `data-naeil-ui-contract` identify the actual rendering. `@naeil/ui/release` exports `uiRelease` for the application-owned public artifact identity endpoint. That endpoint exposes only schemaVersion, appId, artifactId, sourceRevision and ui. Release version is not proof of deployment without the matching app artifact and rendered checks.
+
+Actual shared examples: **Brand / NaeilHeader / ReferenceFull, ReferenceCompact, JapaneseApplication**. Full legacy Footer examples remain compatibility checks. Consumer saves, failures, auth, real supported locales and modified clicks require product tests.

package/docs/components/naeil-header.md

@@ -1,14 +1,17 @@
 # NaeilHeader — branded whole-header composition
 
-This guide targets the **@naeil/ui 0.6.0**. See the [release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0) for archive and publication evidence. Import this opt-in React-only entry when an application inherits the actual naeil.dev header. Generic `Navigation` from `/ui` remains available for different product menus.
+This guide includes the **@naeil/ui 0.7.1 candidate**, whose unchanged frame comes from published 0.6.0. See the [release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0) for archive and publication evidence. Import this opt-in React-only entry when an application inherits the actual naeil.dev header. Generic `Navigation` from `/ui` remains available for different product menus.
 
 ```tsx
-import { NaeilHeader } from '@naeil/ui/naeil-header';
+import { NaeilHeader, NaeilHeaderAccountControl } from '@naeil/ui/naeil-header';
 import '@naeil/ui/globals.css';
 
 // Inside the consumer's existing next-themes ThemeProvider:
 <NaeilHeader locale="ja" Link={GuardedLink} currentHref={pathname}
-  authSlot={<LogoutButton />} />
+  authSlot={<NaeilHeaderAccountControl locale="ja" Link={GuardedLink}
+    account={authenticated
+      ? { status: 'signed-in', onLogout: () => { void guardedLogout(); }, busy: leaving }
+      : { status: 'signed-out', loginHref: '/login' }} />} />
 ```
 
 Load shared styles once. Apps that already own their Tailwind/base styles may import both `@naeil/ui/theme.css` and `@naeil/ui/components.css` instead of globals. Tailwind 4 consumers must register the installed `dist` with `@source`; see [setup](../design/v2-migration.md#시작하기).
@@ -19,7 +22,7 @@ The module owns the brand, five-project catalog and header-only translations, pr
 
 Consumers provide an existing next-themes provider, routing/dirty-save guard, current locale and real authentication behavior. Default destinations point to `https://naeil.dev/{locale}`; the site's localized Link instead uses `resolveHref={path => path}`. A supplied `Link` handles default official destinations, including cross-origin URLs. `onNavigate` can intercept brand and menu links; honor modified clicks and target behavior. Explicit `external: true` project overrides and `projectsExternal` use native anchors, so intercept them with `onNavigate` when a dirty guard is required.
 
-Only provide `onLocaleChange` when the application's interface supports all three canonical locales (`en`, `ko`, `ja`). Omitting it removes the locale control; the component does not create application translations or shared preferences. `authSlot` contains the consumer's real session action and must retain at least 44px touch targets. It does not integrate site SSO, share credentials or create accounts. Theme preferences remain consumer-origin state. Without a working provider, rendering alone does not establish theme switching.
+Only provide `onLocaleChange` when the application's interface supports all three canonical locales (`en`, `ko`, `ja`). Omitting it removes the locale control; the component does not create application translations or shared preferences. `authSlot` uses `NaeilHeaderAccountControl` in owned applications: a shared44px neutral account trigger and localized Radix logout menu. Consumers supply their real session state/callbacks, not alternative account markup. The legacy slot remains public for deliberate compatibility overrides. It does not integrate site SSO, share credentials or create accounts. Theme preferences remain consumer-origin state. Without a working provider, rendering alone does not establish theme switching.
 
 | Prop | Contract |
 | --- | --- |
@@ -27,7 +30,7 @@ Only provide `onLocaleChange` when the application's interface supports all thre
 | `resolveHref` | Resolves canonical unlocalized paths; defaults to the official localized site. |
 | `Link`, `currentHref`, `onNavigate` | Routing adapter, active destination and navigation interception inherited from Navigation. |
 | `onLocaleChange` | Optional supported-language callback; omit for a single-language application. |
-| `authSlot` | Consumer-owned authentication action in the default toolbar. |
+| `authSlot` | Canonical `NaeilHeaderAccountControl`, with consumer-owned auth state/actions. Legacy arbitrary markup remains supported. |
 | `brandHref`, `brandSlot`, `brandLinkProps`, `brandLinkComponent` | Explicit brand destination/content/anchor overrides; default accessible brand name is `.naeil`. |
 | `projects`, `projectsExternal`, `showProjects`, `showBlog` | Legacy catalog/visibility/native-link overrides; defaults use the complete canonical catalog. |
 | `subNav`, `currentProjectKey`, `currentProjectHref` | Legacy extra links and current-project destination. |
@@ -37,6 +40,17 @@ Only provide `onLocaleChange` when the application's interface supports all thre
 
 Standard header attributes and the remaining inherited [Navigation props](navigation.md) remain available. Compatibility overrides preserve existing consumers; new applications normally use the canonical composition.
 
+## Account presentation
+
+`NaeilHeaderAccountControl` accepts `locale`, optional routing `Link`, and `account`:
+
+- `{ status: 'signed-out', loginHref }` renders the shared login link through that adapter.
+- `{ status: 'signed-in', onLogout, busy?, displayName?, email? }` renders the same account icon in every app; optional identity appears only inside its menu. There is no shared identity or avatar fetch.
+- `onLogout` starts the app's guarded action; the app handles async errors, cancellation, session endpoints and redirects. `busy` disables the menu action while keeping the trigger available, with `aria-busy`, for inspection and focus restoration. Cancel/failure clears busy and permits retry.
+- Callback invocation closes the menu and returns focus to the trigger. Mobile navigation may remain open during a failed action. The account menu uses the existing Radix overlay/inert implementation.
+
+Keep errors visible in the consumer's recovery UI or toast. The package never calls an authentication endpoint. Compare signed-in and signed-out render states separately; anonymous-only acceptance cannot establish authenticated parity. `AccountStates` is a synthetic Storybook example for pending/cancel/error/retry.
+
 ## Frame and content clearance
 
 The fixed header is 65px: the current 64px navigation token plus a 1px border. Clear it in the application's main, sticky regions and focus/anchor scroll margins with `calc(var(--ui-navigation-height) + 1px)`. The header, main and footer now share a 1600px maximum outer frame, including responsive `clamp(16px, 2.4vw, 40px)` gutters. Put `ui-app-frame` on main and reading/settings or short-form sections inside it; the header and shared footer apply their own internal frame. Do not wrap them in another padded frame. Apply deliberate `--ui-width-frame` / `--ui-frame-gutter` overrides on a common ancestor. Remove old `max-w-7xl` or `px-6` overrides to adopt the new defaults. This width update supersedes the previous 1280px/24px branded frame. See the [application layout starter](application-layout.md).
@@ -48,3 +62,5 @@ The five decorative images reference `https://naeil.dev/images/{coral,jellyfish,
 This entry requires no Next.js, next-intl, site session/auth backend, full application message catalog, hero or site public folder. Generic `/ui` imports do not import its catalog. The local Storybook provides **Brand / NaeilHeader / Docs, Usage, JapaneseApplication**; the Japanese example omits unsupported locale switching and uses a consumer-owned auth slot. Candidate examples do not establish hosted deployment.
 
 Verify actual packed consumption, Storybook behavior and rendered comparisons at matching viewport/language/theme. Source imports alone do not prove visual parity. Native Safari, devices, assistive technology, full OAuth and unresolved accessibility observations retain the [documented support limits](../design/public-ui-support.md).
+
+Pair owned-service headers with [NaeilFooter](naeil-footer.md). The 0.7.1 candidate emits package/contract identifiers for actual rendered validation.

package/docs/components/navigation.md

@@ -40,7 +40,7 @@ Desktop groups open on mouse hover without moving keyboard focus. Leaving both t
 
 Container queries select desktop layout at 48rem of available header content width. Navigation, main and footer share a maximum 1600px outer frame and `clamp(16px, 2.4vw, 40px)` gutters by default. Use `ui-app-frame` on main; do not wrap Navigation or SiteFooter in another padded frame. Reading/settings sections inside main retain their 640px cap. The [application layout guide](application-layout.md) covers composition and consistent root token overrides. Header height uses `ui.navigation-height` (64px); toolbar controls should remain short, with volatile counts in the content area. Navigation itself is in document flow; `className` can make it sticky or fixed. Fixed consumers must reserve its height in page composition. A narrow form must not constrain the header. Explicit className/style remain consumer overrides.
 
-`SiteFooter` supports `brand`, `description`, `groups: [{ id, label, links }]`, `meta`, children, `Link`, `containerClassName` and `variant="full|compact"`. Each link group is a labeled navigation landmark. Translated titles, destinations, legal/version text and social links belong to the consumer. A product may place a compact footer in its mobile sheet; a full marketing footer is not mandatory in a dashboard.
+`SiteFooter` supports `brand`, `description`, `groups: [{ id, label, links }]`, `meta`, children, `Link`, `containerClassName`, `variant="full|compact"` and `onNavigate(event, item)` (0.7.0 candidate, including explicit external anchors). Each link group is a labeled navigation landmark. Translated titles, destinations, legal/version text and social links belong to the consumer. A product may place a compact footer in its mobile sheet; a full marketing footer is not mandatory in a dashboard.
 
 Desktop reserves `ui.navigation-brand-width` (160px) for the brand, followed by the existing 16px row gap. With matching frame, viewport and font conditions, `.naeil` and `.naeil Home` therefore start their first menu at the same position. Mobile keeps intrinsic brand width. For a larger custom brand, override `--ui-navigation-brand-width` on the header or shared product frame; use the same value across related compositions and ensure the brand fits the reserved area.
 
@@ -55,3 +55,5 @@ Existing `Nav` and `Footer` imports and props remain. `Nav` adapts the canonical
 `Nav`/`Footer` continue to need Next/next-intl as documented. React-only services use this core for their own product menus or `/naeil-header` for the canonical branded composition. ThemeProvider, ThemeToggleIcon, LocaleSwitcher and Logo remain available through their existing React-safe deep imports. Reusing controls does not synchronize theme/language/authentication between origins.
 
 Storybook: `UI/Navigation` (website, Home composition, long labels), `UI/SiteFooter` (full and compact). Naeil Home is a synthetic composition based on the inspected live menu, not proof of a deployed migration. The repository task note `docs/design/navigation-footer-integration.md` tracks rollout; it is not included in the npm package.
+
+Owned naeil services use [NaeilFooter](naeil-footer.md) for the common content preset. Generic and legacy content overrides remain supported.

package/docs/package-release.md

@@ -1,11 +1,13 @@
 # Package verification and release policy
 
-This policy covers **@naeil/ui 0.6.0** and its shared application frame. The [release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0) records the frozen archive and actual publication/deployment outcomes. Verified 0.5.0, 0.4.0 and 0.3.0 evidence remains dated history. UI v2 names a design generation, not an npm major. Future breaking changes require an explicit migration and version decision. Version-scoped installation is in the [README](../README.md#use-the-ui).
+The current implementation candidate is **@naeil/ui 0.7.0**, adding the canonical footer and release identity contract. It is unpublished and requires an explicit migration/release decision. The completed **0.6.0** [release record](https://github.com/naeil-dev/naeil-ui/releases/tag/v0.6.0) remains the evidence for the published application frame; do not republish it. Verified 0.5.0, 0.4.0 and 0.3.0 evidence remains dated history. UI v2 names a design generation, not an npm major. Future breaking changes require an explicit migration and version decision. Version-scoped installation is in the [README](../README.md#use-the-ui).
 
 ## Architecture
 
 One repository contains the shared package and the separate Next.js brand/example website. `@naeil/ui/ui` provides React primitives and generic Navigation/SiteFooter. The opt-in React-only `@naeil/ui/naeil-header` provides the complete actual naeil.dev branded header; see [its consumer contract](components/naeil-header.md). The legacy root is a framework compatibility entry with static Next/next-intl imports, even when selecting only Logo or a heading; React-only consumers use the documented shared deep modules. Next and next-intl are optional peers, not optional behavior inside the root. Supply them when importing that entry, Nav, Footer, or i18n/routing. Theme controls and Toaster use the framework-independent React library next-themes, retained as a runtime dependency.
 
+Owned services use `@naeil/ui/naeil-footer` for the canonical localized destinations in full/compact variants; generic SiteFooter and legacy Footer retain their APIs. Footer navigation adapters preserve application save/flush decisions and modified-click behavior. `@naeil/ui/release` is server-safe metadata; it contains no application artifact, credential or environment. Applications compile their own allowlisted artifact/source identity. See [the footer contract](components/naeil-footer.md). The release coordinator remains disabled until its concrete policy, source mappings, immutable artifacts, deployment bridges and recovery targets are reviewed. Publishing a package, creating an update PR or merging it never establishes complete consumer rollout.
+
 Website tools remain development dependencies so maintainers can develop both products. npm tarball consumers install only component runtime dependencies and their host React/ReactDOM. Build entries, package exports and packed checks constrain the public boundary. There is no bundled website action, Supabase helper, Three/hero/cursor module, blog engine or full application message catalog. The opt-in header includes only its three header dictionaries and canonical project catalog. Its five decorative images reference official `https://naeil.dev/images/*.png` URLs and require network access; no image bytes are bundled, and unresolved artwork redistribution provenance remains in [third-party notices](../THIRD_PARTY_NOTICES.md).
 
 ## Checks

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naeil/ui",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "type": "module",
   "license": "MIT",
   "sideEffects": [
@@ -137,12 +137,20 @@
     "./naeil-header": {
       "types": "./dist/components/naeil-header.d.ts",
       "import": "./dist/components/naeil-header.js"
+    },
+    "./naeil-footer": {
+      "types": "./dist/components/naeil-footer.d.ts",
+      "import": "./dist/components/naeil-footer.js"
+    },
+    "./release": {
+      "types": "./dist/lib/ui-release.d.ts",
+      "import": "./dist/lib/ui-release.js"
     }
   },
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "build:pkg": "pnpm check:brand && tsup && tsup --config tsup.deep.config.ts && tsx scripts/fix-deep-imports.ts && pnpm build:tokens",
+    "build:pkg": "pnpm build:release && pnpm check:brand && tsup && tsup --config tsup.deep.config.ts && tsx scripts/fix-deep-imports.ts && pnpm build:tokens && node scripts/build-release-entry.mjs",
     "start": "next start",
     "lint": "eslint",
     "test": "vitest run",
@@ -157,7 +165,10 @@
     "check:consumers": "tsx scripts/check-consumers.ts",
     "preview:storybook": "tsx scripts/serve-storybook.ts",
     "build:brand": "tsx scripts/build-brand.ts",
-    "check:brand": "tsx scripts/build-brand.ts --check"
+    "check:brand": "tsx scripts/build-brand.ts --check",
+    "build:release": "node scripts/build-ui-release.mjs",
+    "rollout": "node scripts/rollout/rollout.mjs",
+    "test:rollout": "node --test scripts/rollout/*.test.mjs scripts/verify-ui-production.test.mjs"
   },
   "peerDependencies": {
     "next": "^15 || ^16",
@@ -234,7 +245,8 @@
     "docs/design/component-demand.md",
     "docs/design/public-ui-stage4-verification.md",
     "docs/design/public-ui-final-verification.md",
-    "docs/design/public-ui-release-validation.md"
+    "docs/design/public-ui-release-validation.md",
+    "contracts/"
   ],
   "pnpm": {
     "onlyBuiltDependencies": [

package/src/styles/components.css

@@ -28,6 +28,41 @@
     height: var(--spacing-4-value);
     background: var(--border);
   }
+  .naeil-header-account-trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+    width: var(--ui-touch-target);
+    height: var(--ui-touch-target);
+    padding: 0;
+    border: 0;
+    border-radius: var(--radius-md-value);
+    background: transparent;
+    color: var(--foreground);
+    cursor: pointer;
+  }
+  .naeil-header-account-trigger:hover,
+  .naeil-header-account-trigger[data-state="open"] {
+    background: var(--surface-subtle);
+  }
+  .naeil-header-account-avatar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacing-8-value);
+    height: var(--spacing-8-value);
+    border-radius: 50%;
+    background: var(--secondary);
+    color: var(--secondary-foreground);
+  }
+  .naeil-header-account-avatar svg {
+    width: var(--spacing-4-value);
+    height: var(--spacing-4-value);
+  }
+  .naeil-header-login {
+    font-weight: var(--font-weight-medium);
+  }
   .naeil-header-project-icon {
     display: flex;
     align-items: center;

package/dist/chunk-QSTGUEEI.js

@@ -1,323 +0,0 @@
-"use client";
-import {
-  useOverlayRef,
-  useRadixHiddenInert
-} from "./chunk-CE73AEJZ.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-JBTDRVZ7.js";
-
-// src/components/ui/site-footer.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function SiteFooter(_a) {
-  var _b = _a, {
-    brand,
-    description,
-    groups = [],
-    Link,
-    meta,
-    children,
-    containerClassName,
-    className,
-    variant = "full"
-  } = _b, props = __objRest(_b, [
-    "brand",
-    "description",
-    "groups",
-    "Link",
-    "meta",
-    "children",
-    "containerClassName",
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "footer",
-    __spreadProps(__spreadValues({
-      "data-slot": "site-footer",
-      "data-variant": variant,
-      className: cn("ui-site-footer", className)
-    }, props), {
-      children: /* @__PURE__ */ jsxs("div", { className: cn("ui-site-footer-frame", containerClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: "ui-site-footer-brand", children: [
-          brand,
-          description && /* @__PURE__ */ jsx("div", { className: "ui-site-footer-description", children: description }),
-          children
-        ] }),
-        groups.map((group) => /* @__PURE__ */ jsxs("nav", { "aria-label": group.label, children: [
-          /* @__PURE__ */ jsx("h2", { className: "ui-site-footer-label", children: group.label }),
-          group.links.map((item) => {
-            const Component = !item.external && Link ? Link : "a";
-            return /* @__PURE__ */ jsx(
-              Component,
-              {
-                href: item.href,
-                target: item.target,
-                rel: item.target === "_blank" ? "noopener noreferrer" : void 0,
-                className: "ui-site-footer-link ui-focus",
-                children: item.label
-              },
-              item.id
-            );
-          })
-        ] }, group.id)),
-        meta && /* @__PURE__ */ jsx("div", { className: "ui-site-footer-meta", children: meta })
-      ] })
-    })
-  );
-}
-
-// src/components/ui/dropdown-menu.tsx
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function DropdownMenu(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
-}
-function DropdownMenuPortal(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
-}
-function DropdownMenuTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(
-    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__ */ jsx2(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
-    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__ */ jsx2(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__ */ jsx2(
-    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__ */ jsxs2(
-    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__ */ jsx2("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    })
-  );
-}
-function DropdownMenuRadioGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(
-    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__ */ jsxs2(
-    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__ */ jsx2("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    })
-  );
-}
-function DropdownMenuLabel(_a) {
-  var _b = _a, {
-    className,
-    inset
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    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__ */ jsx2(
-    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__ */ jsx2(
-    "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__ */ jsx2(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__ */ jsxs2(
-    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__ */ jsx2(ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    })
-  );
-}
-function DropdownMenuSubContent(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    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 {
-  SiteFooter,
-  DropdownMenu,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent
-};