@naeil/ui 0.11.0 → 0.13.0

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { b as NavigationLinkComponent, a as NavigationProps, c as NavigationItem, d as NavigationLinkProps, N as NavigationLink } from '../navigation-D8N1tMTu.js';
+import { ReactNode, JSX } from 'react';
+import { b as NavigationLinkComponent, a as NavigationProps, c as NavigationItem, d as NavigationLinkProps, N as NavigationLink } from '../navigation-CXZapKac.js';
 import { N as NaeilHeaderLocale } from '../naeil-header-data-BvISJ4RV.js';
 
 type NaeilHeaderAccount = {
@@ -22,14 +22,16 @@ interface NaeilHeaderAccountControlProps {
 }
 
 interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "toolbar" | "mobileToolbar" | "labels"> {
+    service?: undefined;
     locale: NaeilHeaderLocale;
     /** Resolve canonical unlocalized paths. Defaults to the official localized site. */
     resolveHref?: (path: string) => string;
     brandHref?: string;
+    /** @deprecated Owned services must use service; retained for compatibility. */
     brandSlot?: ReactNode;
-    /** Ignored when brandSlot replaces the complete brand content. */
+    /** @deprecated Owned services must use service; retained for compatibility. Ignored with brandSlot. */
     brandSuffix?: string;
-    /** After the brand link, outside it; rendered once at every width. */
+    /** @deprecated Owned services must use service with no indicator; retained for compatibility. */
     statusSlot?: ReactNode;
     /** Product menu data, after catalog/blog and before flat subNav links. */
     appNavigation?: NavigationItem[];
@@ -50,21 +52,34 @@ interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "to
     };
     showProjects?: boolean;
     showBlog?: boolean;
+    /** @deprecated Owned services must use service and appNavigation; retained for compatibility. */
     subNav?: Array<{
         label: string;
         href: string;
     }>;
     currentProjectKey?: string;
     currentProjectHref?: string;
-    /** Compatibility escape hatch replacing the default theme/locale/auth toolbar. */
+    /** @deprecated Owned services must use service and authSlot; retained for compatibility. */
     toolbarSlot?: ReactNode;
-    /** Compatibility escape hatch for the legacy native external brand link. */
+    /** @deprecated Owned services must use service and Link; retained for compatibility. */
     brandLinkComponent?: NavigationLinkComponent;
 }
+/** Canonical owned-service identifiers; their spelling is the visible brand suffix. */
+declare const naeilServices: readonly ["abstorm", "home", "estimate", "jev"];
+type NaeilService = typeof naeilServices[number];
+declare const serviceCompatibilityProps: readonly ["brandSuffix", "statusSlot", "brandSlot", "toolbarSlot", "subNav", "brandLinkComponent", "projects", "projectsExternal", "showProjects", "showBlog", "translations", "className", "containerClassName", "style", "brandLinkProps", "mobileFooter", "omitEmptyNavigation"];
+type ServiceCompatibilityProp = typeof serviceCompatibilityProps[number];
+/** Strict owned-service props; the legacy interface remains independently extensible. */
+type NaeilServiceHeaderProps = Omit<NaeilHeaderProps, ServiceCompatibilityProp | "service"> & {
+    service: NaeilService;
+} & {
+    [Prop in ServiceCompatibilityProp]?: never;
+};
 
 declare function NaeilHeaderAccountControl(props: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
 
-declare function NaeilHeader(props: NaeilHeaderProps): react_jsx_runtime.JSX.Element;
+declare function NaeilHeader(props: NaeilServiceHeaderProps): JSX.Element;
+declare function NaeilHeader(props: NaeilHeaderProps): JSX.Element;
 declare function NaeilHeaderThemeControl(props: {
     locale: NaeilHeaderLocale;
 }): react_jsx_runtime.JSX.Element;
@@ -73,4 +88,4 @@ declare function NaeilHeaderLocaleControl(props: {
     onLocaleChange: (locale: NaeilHeaderLocale) => void;
 }): react_jsx_runtime.JSX.Element;
 
-export { NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl, type NaeilService, type NaeilServiceHeaderProps, naeilServices };

package/dist/components/naeil-header.js

@@ -4,14 +4,16 @@ import {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
-} from "../chunk-KWEWR46R.js";
-import "../chunk-U3IZCFM4.js";
-import "../chunk-KPE4KKYM.js";
+  NaeilHeaderThemeControl,
+  naeilServices
+} from "../chunk-5BXZPDHZ.js";
+import "../chunk-A2DCQVTP.js";
+import "../chunk-Y5LW3ADW.js";
 import "../chunk-JBTDRVZ7.js";
 export {
   NaeilHeader,
   NaeilHeaderAccountControl,
   NaeilHeaderLocaleControl,
-  NaeilHeaderThemeControl
+  NaeilHeaderThemeControl,
+  naeilServices
 };

package/dist/components/ui/index.d.ts

@@ -4,8 +4,8 @@ import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1,
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ToasterProps } from 'sonner';
-export { e as Navigation, f as NavigationGroup, c as NavigationItem, N as NavigationLink, b as NavigationLinkComponent, d as NavigationLinkProps, a as NavigationProps } from '../../navigation-D8N1tMTu.js';
-export { a as SiteFooter, S as SiteFooterProps } from '../../site-footer-s113FZgC.js';
+export { e as Navigation, f as NavigationGroup, c as NavigationItem, N as NavigationLink, b as NavigationLinkComponent, d as NavigationLinkProps, a as NavigationProps } from '../../navigation-CXZapKac.js';
+export { a as SiteFooter, S as SiteFooterProps } from '../../site-footer-C4jgkGDU.js';
 
 declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
     size?: "default" | "sm" | "lg";
@@ -45,16 +45,33 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+declare function DialogContent({ className, children, showCloseButton, closeLabel, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
     showCloseButton?: boolean;
+    closeLabel?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+declare function DialogFooter({ className, showCloseButton, closeLabel, children, ...props }: React.ComponentProps<"div"> & {
     showCloseButton?: boolean;
+    closeLabel?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
 
+declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, closeLabel, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+    side?: "right" | "left" | "top" | "bottom";
+    showCloseButton?: boolean;
+    closeLabel?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -104,4 +121,4 @@ declare function TabsContent({ className, ...props }: React.ComponentProps<typeo
 
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardElevated, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, badgeVariants, buttonVariants };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardElevated, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, badgeVariants, buttonVariants };

package/dist/components/ui/index.js

@@ -33,7 +33,7 @@ import {
   SelectValue,
   badgeVariants,
   buttonVariants
-} from "../../chunk-KPE4KKYM.js";
+} from "../../chunk-Y5LW3ADW.js";
 import {
   __objRest,
   __spreadProps,
@@ -189,7 +189,7 @@ function CardTitle(_a) {
     "div",
     __spreadValues({
       "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className)
+      className: cn("text-base font-semibold", className)
     }, props)
   );
 }
@@ -278,11 +278,13 @@ function DialogContent(_a) {
   var _b = _a, {
     className,
     children,
-    showCloseButton = true
+    showCloseButton = true,
+    closeLabel = "Close"
   } = _b, props = __objRest(_b, [
     "className",
     "children",
-    "showCloseButton"
+    "showCloseButton",
+    "closeLabel"
   ]);
   return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ jsx3(DialogOverlay, {}),
@@ -291,7 +293,7 @@ function DialogContent(_a) {
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
         className: cn(
-          "bg-popover ui-popup fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border-strong p-6  sm:max-w-lg",
+          "bg-popover ui-popup fixed top-[50%] left-[50%] z-50 grid w-full max-h-[min(calc(100%-2rem),calc(100dvh-2rem))] overflow-y-auto max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border-strong p-6  sm:max-w-lg",
           className
         )
       }, props), {
@@ -304,7 +306,7 @@ function DialogContent(_a) {
               className: "ui-focus absolute top-2 right-2 flex size-10 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground transition-colors ui-focus disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
                 /* @__PURE__ */ jsx3(XIcon, {}),
-                /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx3("span", { className: "sr-only", children: closeLabel })
               ]
             }
           )
@@ -327,10 +329,12 @@ function DialogFooter(_a) {
   var _b = _a, {
     className,
     showCloseButton = false,
+    closeLabel = "Close",
     children
   } = _b, props = __objRest(_b, [
     "className",
     "showCloseButton",
+    "closeLabel",
     "children"
   ]);
   return /* @__PURE__ */ jsxs(
@@ -344,7 +348,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx3(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { variant: "outline", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ jsx3(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { variant: "outline", children: closeLabel }) })
       ]
     })
   );
@@ -359,7 +363,7 @@ function DialogTitle(_a) {
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
-      className: cn("text-xl leading-normal font-semibold", className)
+      className: cn("text-xl font-semibold", className)
     }, props)
   );
 }
@@ -378,11 +382,144 @@ function DialogDescription(_a) {
   );
 }
 
+// src/components/ui/sheet.tsx
+import { XIcon as XIcon2 } from "lucide-react";
+import { Dialog as DialogPrimitive2 } from "radix-ui";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx4(DialogPrimitive2.Root, __spreadValues({ "data-slot": "sheet" }, props));
+}
+function SheetTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx4(DialogPrimitive2.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+}
+function SheetPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx4(DialogPrimitive2.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+}
+function SheetClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx4(DialogPrimitive2.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+}
+function SheetOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive2.Overlay,
+    __spreadValues({
+      "data-slot": "sheet-overlay",
+      className: cn("ui-popup fixed inset-0 z-50 bg-black/60 ", className)
+    }, props)
+  );
+}
+function SheetContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "right",
+    showCloseButton = true,
+    closeLabel = "Close"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side",
+    "showCloseButton",
+    "closeLabel"
+  ]);
+  return /* @__PURE__ */ jsxs2(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ jsx4(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs2(
+      DialogPrimitive2.Content,
+      __spreadProps(__spreadValues({
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "bg-popover ui-popup fixed z-50 flex flex-col gap-4 overflow-y-auto border-border-strong p-[var(--ui-panel-padding)]",
+          {
+            right: "inset-y-0 right-0 w-[min(100%,var(--ui-width-short-form))] rounded-l-xl border-l",
+            left: "inset-y-0 left-0 w-[min(100%,var(--ui-width-short-form))] rounded-r-xl border-r",
+            top: "inset-x-0 top-0 max-h-[100dvh] w-full rounded-b-xl border-b",
+            bottom: "inset-x-0 bottom-0 max-h-[100dvh] w-full rounded-t-xl border-t"
+          }[side],
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs2(
+            DialogPrimitive2.Close,
+            {
+              "data-slot": "sheet-close",
+              className: "ui-focus absolute top-2 right-2 flex size-10 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground transition-colors disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx4(XIcon2, {}),
+                /* @__PURE__ */ jsx4("span", { className: "sr-only", children: closeLabel })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+}
+function SheetHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-2 pr-8 text-left", className)
+    }, props)
+  );
+}
+function SheetFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)
+    }, props)
+  );
+}
+function SheetTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive2.Title,
+    __spreadValues({
+      "data-slot": "sheet-title",
+      className: cn("text-xl leading-normal font-semibold", className)
+    }, props)
+  );
+}
+function SheetDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive2.Description,
+    __spreadValues({
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+
 // src/components/ui/input.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "input",
     __spreadValues({
       type,
@@ -407,23 +544,23 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
-  const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx5(
+  const { theme = "system", forcedTheme } = useTheme();
+  return /* @__PURE__ */ jsx6(
     Sonner,
     __spreadValues({
-      theme,
+      theme: forcedTheme != null ? forcedTheme : theme,
       className: "toaster group font-sans",
       position: "bottom-right",
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ jsx5(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx5(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx5(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx5(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx5(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx6(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx6(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx6(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx6(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx6(Loader2Icon, { className: "size-4 animate-spin" })
       },
       style: {
         "--normal-bg": "var(--popover)",
@@ -449,20 +586,20 @@ var Toaster = (_a) => {
 
 // src/components/ui/switch.tsx
 import { Switch as Primitive } from "radix-ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Switch(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     Primitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
       className: cn("ui-choice ui-focus", className)
     }, props), {
-      children: /* @__PURE__ */ jsx6(Primitive.Thumb, { "data-slot": "switch-thumb" })
+      children: /* @__PURE__ */ jsx7(Primitive.Thumb, { "data-slot": "switch-thumb" })
     })
   );
 }
@@ -470,22 +607,22 @@ function Switch(_a) {
 // src/components/ui/checkbox.tsx
 import { Checkbox as Primitive2 } from "radix-ui";
 import { CheckIcon, MinusIcon } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Primitive2.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
       className: cn("ui-choice ui-focus group/checkbox", className)
     }, props), {
-      children: /* @__PURE__ */ jsxs2(Primitive2.Indicator, { className: "flex items-center justify-center", children: [
-        /* @__PURE__ */ jsx7(CheckIcon, { className: "size-3.5 group-data-[state=indeterminate]/checkbox:hidden" }),
-        /* @__PURE__ */ jsx7(MinusIcon, { className: "hidden size-3.5 group-data-[state=indeterminate]/checkbox:block" })
+      children: /* @__PURE__ */ jsxs3(Primitive2.Indicator, { className: "flex items-center justify-center", children: [
+        /* @__PURE__ */ jsx8(CheckIcon, { className: "size-3.5 group-data-[state=indeterminate]/checkbox:hidden" }),
+        /* @__PURE__ */ jsx8(MinusIcon, { className: "hidden size-3.5 group-data-[state=indeterminate]/checkbox:block" })
       ] })
     })
   );
@@ -493,32 +630,32 @@ function Checkbox(_a) {
 
 // src/components/ui/tabs.tsx
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(TabsPrimitive.Root, __spreadValues({ "data-slot": "tabs", className: cn("ui-tabs min-w-0", className) }, props));
+  return /* @__PURE__ */ jsx9(TabsPrimitive.Root, __spreadValues({ "data-slot": "tabs", className: cn("ui-tabs min-w-0", className) }, props));
 }
 function TabsList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(TabsPrimitive.List, __spreadValues({ "data-slot": "tabs-list", className: cn("ui-tabs-list", className) }, props));
+  return /* @__PURE__ */ jsx9(TabsPrimitive.List, __spreadValues({ "data-slot": "tabs-list", className: cn("ui-tabs-list", className) }, props));
 }
 function TabsTrigger(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(TabsPrimitive.Trigger, __spreadValues({ "data-slot": "tabs-trigger", className: cn(
+  return /* @__PURE__ */ jsx9(TabsPrimitive.Trigger, __spreadValues({ "data-slot": "tabs-trigger", className: cn(
     "ui-tabs-trigger ui-control ui-focus h-auto min-h-(--ui-control-height) w-max max-w-full shrink-0 whitespace-normal break-words rounded-md border-b-2 px-3 text-base leading-normal font-medium disabled:cursor-not-allowed disabled:opacity-50",
     className
   ) }, props));
 }
 function TabsContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(TabsPrimitive.Content, __spreadValues({ "data-slot": "tabs-content", className: cn("ui-focus min-w-0 break-words", className) }, props));
+  return /* @__PURE__ */ jsx9(TabsPrimitive.Content, __spreadValues({ "data-slot": "tabs-content", className: cn("ui-focus min-w-0 break-words", className) }, props));
 }
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -584,6 +721,16 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
   SiteFooter,
   Switch,
   Tabs,

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

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

package/dist/lib/ui-release.js

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

package/dist/lib/utils.js

@@ -1,7 +1 @@
-"use client";
-import {
-  cn
-} from "../chunk-JBTDRVZ7.js";
-export {
-  cn
-};
+export { cn } from "../source/lib/utils.js";

package/dist/naeil-locale/checker.js

@@ -1,6 +1,6 @@
 import {
   naeilLocales
-} from "./chunk-U65OQHZY.js";
+} from "./chunk-WT6QXR7O.js";
 import "./chunk-N3ETBM74.js";
 
 // src/naeil-locale/checker.ts

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 
 type NavigationLinkProps = React.ComponentPropsWithoutRef<"a"> & {
     href: string;
@@ -26,6 +26,8 @@ interface NavigationGroup {
 }
 type NavigationItem = NavigationLink | NavigationGroup;
 interface NavigationProps extends Omit<React.ComponentPropsWithoutRef<"header">, "children" | "onSelect"> {
+    /** Omit empty landmarks and dismiss toolbar-only sheets on desktop crossing. */
+    omitEmptyNavigation?: boolean;
     brand: React.ReactNode;
     items: NavigationItem[];
     /** Translated landmark/dialog/close labels are supplied by the application. */
@@ -71,14 +73,16 @@ interface NaeilHeaderAccountControlProps {
 declare function NaeilHeaderAccountControl({ locale, account, Link }: NaeilHeaderAccountControlProps): react_jsx_runtime.JSX.Element;
 
 interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "toolbar" | "mobileToolbar" | "labels"> {
+    service?: undefined;
     locale: NaeilHeaderLocale;
     /** Resolve canonical unlocalized paths. Defaults to the official localized site. */
     resolveHref?: (path: string) => string;
     brandHref?: string;
+    /** @deprecated Owned services must use service; retained for compatibility. */
     brandSlot?: ReactNode;
-    /** Ignored when brandSlot replaces the complete brand content. */
+    /** @deprecated Owned services must use service; retained for compatibility. Ignored with brandSlot. */
     brandSuffix?: string;
-    /** After the brand link, outside it; rendered once at every width. */
+    /** @deprecated Owned services must use service with no indicator; retained for compatibility. */
     statusSlot?: ReactNode;
     /** Product menu data, after catalog/blog and before flat subNav links. */
     appNavigation?: NavigationItem[];
@@ -99,17 +103,32 @@ interface NaeilHeaderProps extends Omit<NavigationProps, "brand" | "items" | "to
     };
     showProjects?: boolean;
     showBlog?: boolean;
+    /** @deprecated Owned services must use service and appNavigation; retained for compatibility. */
     subNav?: Array<{
         label: string;
         href: string;
     }>;
     currentProjectKey?: string;
     currentProjectHref?: string;
-    /** Compatibility escape hatch replacing the default theme/locale/auth toolbar. */
+    /** @deprecated Owned services must use service and authSlot; retained for compatibility. */
     toolbarSlot?: ReactNode;
-    /** Compatibility escape hatch for the legacy native external brand link. */
+    /** @deprecated Owned services must use service and Link; retained for compatibility. */
     brandLinkComponent?: NavigationLinkComponent;
 }
+/** Canonical owned-service identifiers; their spelling is the visible brand suffix. */
+declare const naeilServices: readonly ["abstorm", "home", "estimate", "jev"];
+type NaeilService = typeof naeilServices[number];
+declare const serviceCompatibilityProps: readonly ["brandSuffix", "statusSlot", "brandSlot", "toolbarSlot", "subNav", "brandLinkComponent", "projects", "projectsExternal", "showProjects", "showBlog", "translations", "className", "containerClassName", "style", "brandLinkProps", "mobileFooter", "omitEmptyNavigation"];
+type ServiceCompatibilityProp = typeof serviceCompatibilityProps[number];
+/** Strict owned-service props; the legacy interface remains independently extensible. */
+type NaeilServiceHeaderProps = Omit<NaeilHeaderProps, ServiceCompatibilityProp | "service"> & {
+    service: NaeilService;
+} & {
+    [Prop in ServiceCompatibilityProp]?: never;
+};
+/** Opt into the owned-service contract without changing the legacy composition. */
+declare function NaeilHeader(props: NaeilServiceHeaderProps): JSX.Element;
+declare function NaeilHeader(props: NaeilHeaderProps): JSX.Element;
 /** The actual header theme control; reads only the consumer's theme provider. */
 declare function NaeilHeaderThemeControl({ locale }: {
     locale: NaeilHeaderLocale;
@@ -119,8 +138,6 @@ declare function NaeilHeaderLocaleControl({ locale, onLocaleChange }: {
     locale: NaeilHeaderLocale;
     onLocaleChange: (locale: NaeilHeaderLocale) => void;
 }): react_jsx_runtime.JSX.Element;
-/** One complete, opt-in branded composition shared by naeil.dev and applications. */
-declare function NaeilHeader({ locale, resolveHref, brandHref, brandSlot, brandSuffix, statusSlot, appNavigation, brandLinkProps, brandLinkComponent, onLocaleChange, authSlot, toolbarSlot, projects, projectsExternal, translations, showProjects, showBlog, subNav, currentProjectKey, currentProjectHref, labels, Link, currentHref, onNavigate, className, containerClassName, ...props }: NaeilHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface SiteFooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     brand?: React.ReactNode;
@@ -147,4 +164,4 @@ interface NaeilFooterProps extends Omit<SiteFooterProps, "brand" | "description"
 /** Canonical content in full/compact density. Product legal/status copy belongs in meta. */
 declare function NaeilFooter({ locale, resolveHref, variant, Link, onNavigate, ...props }: NaeilFooterProps): react_jsx_runtime.JSX.Element;
 
-export { NaeilFooter, type NaeilFooterLocale, type NaeilFooterProps, NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, type NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl };
+export { NaeilFooter, type NaeilFooterLocale, type NaeilFooterProps, NaeilHeader, type NaeilHeaderAccount, NaeilHeaderAccountControl, type NaeilHeaderAccountControlProps, type NaeilHeaderLocale, NaeilHeaderLocaleControl, type NaeilHeaderProps, NaeilHeaderThemeControl, type NaeilService, type NaeilServiceHeaderProps, naeilServices };