@orangecheck/app-design 0.6.1 → 1.1.0

package/dist/chrome.d.ts

@@ -1,78 +1,101 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
+import { e as FooterColumn, d as FamilySlug, N as NavItem } from './index-C6hDqOOS.js';
+import { T as TocItem } from './hero-Dn37il-9.js';
+import { a as Status } from './status-badge-BEOxeY9j.js';
+export { A as AccountMenu, a as AccountMenuItem, b as AppShell, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps } from './tool-shell-B1C7ahKE.js';
+import './tools-BggNN5DV.js';
+import './format.js';
 
-interface NavItem {
-    href: string;
-    label: ReactNode;
-    active?: boolean;
-    external?: boolean;
-}
-declare function SiteHeader({ home, brand, nav, actions, className, }: {
+interface SiteHeaderProps {
     home?: string;
     brand?: ReactNode;
-    nav?: NavItem[];
+    product?: string;
+    family?: boolean | FamilySlug;
+    nav?: readonly NavItem[];
+    search?: ReactNode;
     actions?: ReactNode;
+    variant?: 'site' | 'tool';
+    navOnPhone?: boolean;
+    menu?: ReactNode;
     className?: string;
-}): react.JSX.Element;
-interface FooterColumn {
-    heading: string;
-    links: NavItem[];
 }
-declare function SiteFooter({ columns, fineprint, meta, signature, className, }: {
-    columns?: FooterColumn[];
+declare function SiteHeader({ home, brand, product, family, nav, search, actions, variant, navOnPhone, menu: menuExtra, className, }: SiteHeaderProps): react.JSX.Element;
+declare function SkipLink({ href, children }: {
+    href?: string;
+    children?: ReactNode;
+}): react.JSX.Element;
+declare const BANNER_TONE: {
+    readonly neutral: "border-border bg-muted";
+    readonly brand: "border-[color-mix(in_oklab,var(--oca-orange)_30%,var(--border))] bg-[color-mix(in_oklab,var(--oca-orange)_9%,var(--background))]";
+    readonly danger: "border-[color-mix(in_oklab,var(--destructive)_35%,var(--border))] bg-[color-mix(in_oklab,var(--destructive)_8%,var(--background))]";
+};
+declare function SiteBanner({ tone, children, action, className, }: {
+    tone?: keyof typeof BANNER_TONE;
+    children: ReactNode;
+    action?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+interface SiteFooterProps {
+    columns?: readonly FooterColumn[];
+    family?: boolean;
+    legal?: boolean;
+    compact?: boolean;
     fineprint?: ReactNode;
     meta?: ReactNode;
     signature?: boolean;
     className?: string;
+}
+declare function SiteFooter({ columns, family, legal, compact, fineprint, meta, signature, className, }: SiteFooterProps): react.JSX.Element;
+
+declare function FamilyMenu({ current, className }: {
+    current?: FamilySlug;
+    className?: string;
 }): react.JSX.Element;
 
-interface ShellNavItem {
-    href: string;
-    label: string;
-    icon?: ReactNode;
-    active?: boolean;
-    badge?: ReactNode;
-}
-interface ShellNavGroup {
-    label?: string;
-    items: ShellNavItem[];
-}
-interface ShellSection {
-    id: string;
-    label: string;
-    title?: string;
-    href: string;
-    groups: ShellNavGroup[];
-}
-declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, account, banner, footer, children, className, }: {
-    nav?: ShellNavGroup[];
-    sections?: ShellSection[];
-    activeSection?: string;
-    page?: string;
-    persistent?: ShellNavGroup[];
-    home?: string;
-    account?: ReactNode;
-    banner?: ReactNode;
-    footer?: ReactNode;
+declare function SignInFrame({ title, lead, children, error, fineprint, brand, home, back, art, caption, className, }: {
+    title?: ReactNode;
+    lead?: ReactNode;
     children: ReactNode;
+    error?: ReactNode;
+    fineprint?: ReactNode;
+    brand?: ReactNode;
+    home?: string;
+    back?: ReactNode;
+    art?: ReactNode;
+    caption?: ReactNode;
     className?: string;
 }): react.JSX.Element;
-interface AccountMenuItem {
+
+interface DocsNavItem {
+    href: string;
+    label: ReactNode;
+    badge?: Status | ReactNode;
+}
+interface DocsNavSection {
     label: string;
-    href?: string;
-    onSelect?: () => void;
-    icon?: ReactNode;
-    destructive?: boolean;
+    items: DocsNavItem[];
 }
-declare function AccountMenu({ name, detail, items, nameFrom, }: {
-    name: string;
-    detail?: string;
-    items: (AccountMenuItem | 'separator')[];
-    nameFrom?: 'sm' | 'lg';
-}): react.JSX.Element;
-declare function ThemeToggle({ className }: {
+declare function DocsNav({ sections, current, onNavigate, className, }: {
+    sections: readonly DocsNavSection[];
+    current: string;
+    onNavigate?: () => void;
     className?: string;
 }): react.JSX.Element;
+declare const DOCS_HEADER_NAV: readonly NavItem[];
+interface DocsShellProps {
+    nav: readonly DocsNavSection[];
+    current: string;
+    header?: ReactNode;
+    search?: ReactNode;
+    actions?: ReactNode;
+    breadcrumbs?: ReactNode;
+    toc?: TocItem[];
+    pager?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+}
+declare function DocsShell({ nav, current, header, search, actions, breadcrumbs, toc, pager, footer, children, }: DocsShellProps): react.JSX.Element;
 
 interface ShellPlace {
     section?: string;
@@ -81,4 +104,4 @@ interface ShellPlace {
 declare const ShellContext: react.Context<ShellPlace>;
 declare function useShellPlace(): ShellPlace;
 
-export { AccountMenu, type AccountMenuItem, AppShell, type FooterColumn, type NavItem, ShellContext, type ShellNavGroup, type ShellNavItem, type ShellPlace, type ShellSection, SiteFooter, SiteHeader, ThemeToggle, useShellPlace };
+export { DOCS_HEADER_NAV, DocsNav, type DocsNavItem, type DocsNavSection, DocsShell, type DocsShellProps, FamilyMenu, FooterColumn, NavItem, ShellContext, type ShellPlace, SignInFrame, SiteBanner, SiteFooter, type SiteFooterProps, SiteHeader, type SiteHeaderProps, SkipLink, useShellPlace };