@naeil/ui 0.3.0 → 0.5.0

package/dist/components/index.d.ts

@@ -1,6 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { N as NavigationLink, a as NavigationProps } from '../navigation-CL10a6Eb.js';
+import { S as SiteFooterProps } from '../site-footer-B67meCDv.js';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import * as React$1 from 'react';
+import { SVGProps } from 'react';
 
 interface NavProps {
     /** Internal Link component (from consumer's next-intl routing) */
@@ -9,11 +12,11 @@ interface NavProps {
     }>;
     /** Current pathname value (already resolved, not a hook) */
     usePathname: () => string;
-    /** Where the .naeil logo links to. Default: "/" */
+    /** Where the naeil logo links to. Default: "/" */
     brandHref?: string;
     /** Whether brandHref is external (renders <a>) or internal (renders Link). Default: false */
     brandExternal?: boolean;
-    /** Custom brand content (replaces default Logo + ".naeil" text) */
+    /** Custom brand content (replaces the default naeil wordmark lockup) */
     brandSlot?: React.ReactNode;
     /** When true, project links (except current) are rendered as external <a> to externalBaseUrl. Default: false */
     projectsExternal?: boolean;
@@ -35,20 +38,32 @@ interface NavProps {
     showBlog?: boolean;
     /** Right-side toolbar (theme toggle, locale switcher, etc.) */
     toolbarSlot?: React.ReactNode;
+    /** Replace the legacy naeil project inventory with application-owned links. */
+    projects?: NavigationLink[];
+    className?: string;
+    containerClassName?: string;
+    labels?: NavigationProps["labels"];
 }
-declare function Nav({ Link, usePathname, brandHref, brandExternal, brandSlot, projectsExternal, externalBaseUrl, currentProjectKey, currentProjectHref, subNav, authSlot, showProjects, showBlog, toolbarSlot, }: NavProps): react_jsx_runtime.JSX.Element;
+/** Legacy Next/next-intl adapter; the complete branded composition lives in NaeilHeader. */
+declare function Nav({ Link, usePathname, brandHref, brandExternal, brandSlot, projectsExternal, externalBaseUrl, currentProjectKey, currentProjectHref, subNav, authSlot, showProjects, showBlog, toolbarSlot, projects, className, containerClassName, labels, }: NavProps): react_jsx_runtime.JSX.Element;
 
 interface FooterProps {
-    /** Link component from consumer */
     Link?: React.ComponentType<{
         href: string;
         children: React.ReactNode;
         className?: string;
     }>;
-    /** Whether links go to naeil.dev (external) or are internal. Default: false */
     linksExternal?: boolean;
+    brandSlot?: React.ReactNode;
+    description?: React.ReactNode;
+    groups?: SiteFooterProps["groups"];
+    socialSlot?: React.ReactNode;
+    meta?: React.ReactNode;
+    variant?: SiteFooterProps["variant"];
+    className?: string;
+    containerClassName?: string;
 }
-declare function Footer({ Link, linksExternal }: FooterProps): react_jsx_runtime.JSX.Element;
+declare function Footer({ Link, linksExternal, brandSlot, description, groups, socialSlot, meta, variant, className, containerClassName, }: FooterProps): react_jsx_runtime.JSX.Element;
 
 interface LocaleSwitcherProps {
     /** Available locales */
@@ -70,11 +85,19 @@ declare function ThemeProvider({ children, ...props }: React.ComponentProps<type
 
 declare function ThemeToggleIcon(): react_jsx_runtime.JSX.Element;
 
-declare function Logo({ size, mono, className, }: {
+interface LogoProps extends Omit<SVGProps<SVGSVGElement>, "children" | "width" | "height" | "viewBox"> {
+    /** Rendered height. Symbol stays square; lockups preserve their aspect ratio. */
     size?: number;
+    /** Legacy single-ink currentColor silhouette. Prefer tone="gray" for tonal detail. */
     mono?: boolean;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
+    variant?: "symbol" | "horizontal" | "footer" | "stacked" | "wordmark";
+    tone?: "color" | "gray";
+    /** Auto follows the nearest .light/.dark or data-theme ancestor, then the OS. */
+    theme?: "auto" | "light" | "dark";
+    /** null marks a decorative logo; label the containing link instead. */
+    label?: string | null;
+}
+declare function Logo({ size, mono, variant, tone, theme, label, className, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
 
 type HeadingProps = React$1.HTMLAttributes<HTMLHeadingElement> & {
     children: React$1.ReactNode;
@@ -84,4 +107,4 @@ 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;
 
-export { Footer, LocaleSwitcher, Logo, Nav, PageTitle, SectionTitle, ThemeProvider, ThemeToggle, ThemeToggleIcon, pageTitleClass, sectionTitleClass };
+export { Footer, type FooterProps, LocaleSwitcher, Logo, type LogoProps, Nav, type NavProps, PageTitle, SectionTitle, ThemeProvider, ThemeToggle, ThemeToggleIcon, pageTitleClass, sectionTitleClass };