@orangecheck/design 0.6.1 → 0.7.1

package/dist/chrome.d.mts

@@ -0,0 +1,150 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DisplayIdentity, OcSignOutScope, DisplayIdentityKind, OcAccountSummary } from '@orangecheck/auth-client';
+
+type EcosystemSlug = 'home' | 'docs' | 'fleet' | 'me' | 'vault' | 'attest' | 'lock' | 'vote' | 'stamp' | 'agent' | 'pledge' | 'analytics';
+interface EcosystemSwitcherProps {
+    current: EcosystemSlug;
+    className?: string;
+    showOwnerEntries?: boolean;
+}
+declare function EcosystemSwitcher({ current, className, showOwnerEntries, }: EcosystemSwitcherProps): react_jsx_runtime.JSX.Element;
+
+type FamilyCategory = 'hub' | 'product' | 'protocol' | 'owner';
+interface FamilyProperty {
+    slug: EcosystemSlug;
+    origin: string;
+    hostname: string;
+    label: string;
+    sub: string;
+    docsHref: string;
+    category: FamilyCategory;
+}
+declare const FAMILY_PROPERTIES: ReadonlyArray<FamilyProperty>;
+type SiteState = 'alpha' | 'beta' | 'live';
+declare const SITE_STATE_LABEL: Record<Exclude<SiteState, 'live'>, string>;
+declare function findFamilyProperty(slug: EcosystemSlug): FamilyProperty | undefined;
+
+interface OcLogoDropdownProps {
+    current: EcosystemSlug;
+    homeHref?: string;
+    siteState?: SiteState;
+    children: ReactNode;
+    className?: string;
+    triggerClassName?: string;
+    popoverClassName?: string;
+    showOwnerEntries?: boolean;
+}
+declare function OcLogoDropdown({ current, homeHref, siteState, children, className, triggerClassName, popoverClassName, showOwnerEntries, }: OcLogoDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface OcAccountMenuItem {
+    href: string;
+    label: string;
+    external?: boolean;
+}
+interface OcAccountMenuBuildInfo {
+    version: string;
+    sha?: string;
+    repo?: string;
+}
+interface OcAccountMenuSession {
+    status: 'loading' | 'authenticated' | 'anonymous' | 'error';
+    account: {
+        didOc: string;
+        displayName: string | null;
+        displayIdentity: DisplayIdentity;
+        nostrNpub?: string | null;
+    } | null;
+    signOut: (opts?: {
+        scope?: OcSignOutScope;
+    }) => void | Promise<void>;
+    refresh: () => void | Promise<void>;
+    setDisplayIdentity: (kind: DisplayIdentityKind) => Promise<void>;
+    roster?: OcAccountSummary[];
+    switchAccount?: (didOc: string) => Promise<void>;
+    addAccountUrl?: (returnTo?: string) => string;
+}
+interface OcAccountMenuProps {
+    current: EcosystemSlug;
+    signInUrl?: string;
+    signInLabel?: string;
+    signOutRedirect?: string;
+    menuItems?: ReadonlyArray<OcAccountMenuItem>;
+    primaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
+    secondaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
+    showFamilyDashboard?: boolean;
+    build?: OcAccountMenuBuildInfo;
+    siteState?: SiteState;
+    className?: string;
+    triggerClassName?: string;
+    popoverClassName?: string;
+}
+declare function OcAccountMenu(props: OcAccountMenuProps): react_jsx_runtime.JSX.Element;
+interface OcAccountMenuViewProps extends OcAccountMenuProps {
+    session: OcAccountMenuSession;
+}
+declare function OcAccountMenuView({ current, signInUrl, signInLabel, signOutRedirect, menuItems, primaryNavLinks, secondaryNavLinks, showFamilyDashboard, build, siteState, className, triggerClassName, popoverClassName, session, }: OcAccountMenuViewProps): react_jsx_runtime.JSX.Element;
+
+interface OcPrimaryNavLink {
+    href: string;
+    label: string;
+    external?: boolean;
+    matchExact?: boolean;
+}
+interface OcPrimaryNavProps {
+    activePath: string;
+    links: ReadonlyArray<OcPrimaryNavLink>;
+    className?: string;
+}
+declare function OcPrimaryNav({ activePath, links, className }: OcPrimaryNavProps): react_jsx_runtime.JSX.Element;
+
+interface OcDashboardTool {
+    id: string;
+    href: string;
+    label: string;
+    tagline?: string;
+    icon?: ReactNode;
+    external?: boolean;
+}
+interface OcDashboardShellProps {
+    rootHref?: string;
+    siteLabel?: ReactNode;
+    tools: ReadonlyArray<OcDashboardTool>;
+    active?: string;
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function OcDashboardShell({ rootHref, siteLabel, tools, active, eyebrow, title, description, children, className, }: OcDashboardShellProps): react_jsx_runtime.JSX.Element;
+interface OcDashboardHubProps {
+    tools: ReadonlyArray<OcDashboardTool>;
+    className?: string;
+}
+declare function OcDashboardHub({ tools, className }: OcDashboardHubProps): react_jsx_runtime.JSX.Element;
+
+interface AppShellProps {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    headerActions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function AppShell({ eyebrow, title, description, headerActions, children, className, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface LayoutSubHeaderTag {
+    label: string;
+    hideBelow?: 'sm' | 'md' | 'lg';
+}
+interface LayoutSubHeaderProps {
+    product: string;
+    status?: string;
+    tags?: LayoutSubHeaderTag[];
+    noHeartbeat?: boolean;
+    className?: string;
+}
+declare function LayoutSubHeader({ product, status, tags, noHeartbeat, className, }: LayoutSubHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps, type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps, FAMILY_PROPERTIES, type FamilyCategory, type FamilyProperty, LayoutSubHeader, type LayoutSubHeaderProps, type LayoutSubHeaderTag, OcAccountMenu, type OcAccountMenuBuildInfo, type OcAccountMenuItem, type OcAccountMenuProps, type OcAccountMenuSession, OcAccountMenuView, type OcAccountMenuViewProps, OcDashboardHub, type OcDashboardHubProps, OcDashboardShell, type OcDashboardShellProps, type OcDashboardTool, OcLogoDropdown, type OcLogoDropdownProps, OcPrimaryNav, type OcPrimaryNavLink, type OcPrimaryNavProps, SITE_STATE_LABEL, type SiteState, findFamilyProperty };

package/dist/chrome.d.ts

@@ -0,0 +1,150 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DisplayIdentity, OcSignOutScope, DisplayIdentityKind, OcAccountSummary } from '@orangecheck/auth-client';
+
+type EcosystemSlug = 'home' | 'docs' | 'fleet' | 'me' | 'vault' | 'attest' | 'lock' | 'vote' | 'stamp' | 'agent' | 'pledge' | 'analytics';
+interface EcosystemSwitcherProps {
+    current: EcosystemSlug;
+    className?: string;
+    showOwnerEntries?: boolean;
+}
+declare function EcosystemSwitcher({ current, className, showOwnerEntries, }: EcosystemSwitcherProps): react_jsx_runtime.JSX.Element;
+
+type FamilyCategory = 'hub' | 'product' | 'protocol' | 'owner';
+interface FamilyProperty {
+    slug: EcosystemSlug;
+    origin: string;
+    hostname: string;
+    label: string;
+    sub: string;
+    docsHref: string;
+    category: FamilyCategory;
+}
+declare const FAMILY_PROPERTIES: ReadonlyArray<FamilyProperty>;
+type SiteState = 'alpha' | 'beta' | 'live';
+declare const SITE_STATE_LABEL: Record<Exclude<SiteState, 'live'>, string>;
+declare function findFamilyProperty(slug: EcosystemSlug): FamilyProperty | undefined;
+
+interface OcLogoDropdownProps {
+    current: EcosystemSlug;
+    homeHref?: string;
+    siteState?: SiteState;
+    children: ReactNode;
+    className?: string;
+    triggerClassName?: string;
+    popoverClassName?: string;
+    showOwnerEntries?: boolean;
+}
+declare function OcLogoDropdown({ current, homeHref, siteState, children, className, triggerClassName, popoverClassName, showOwnerEntries, }: OcLogoDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface OcAccountMenuItem {
+    href: string;
+    label: string;
+    external?: boolean;
+}
+interface OcAccountMenuBuildInfo {
+    version: string;
+    sha?: string;
+    repo?: string;
+}
+interface OcAccountMenuSession {
+    status: 'loading' | 'authenticated' | 'anonymous' | 'error';
+    account: {
+        didOc: string;
+        displayName: string | null;
+        displayIdentity: DisplayIdentity;
+        nostrNpub?: string | null;
+    } | null;
+    signOut: (opts?: {
+        scope?: OcSignOutScope;
+    }) => void | Promise<void>;
+    refresh: () => void | Promise<void>;
+    setDisplayIdentity: (kind: DisplayIdentityKind) => Promise<void>;
+    roster?: OcAccountSummary[];
+    switchAccount?: (didOc: string) => Promise<void>;
+    addAccountUrl?: (returnTo?: string) => string;
+}
+interface OcAccountMenuProps {
+    current: EcosystemSlug;
+    signInUrl?: string;
+    signInLabel?: string;
+    signOutRedirect?: string;
+    menuItems?: ReadonlyArray<OcAccountMenuItem>;
+    primaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
+    secondaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
+    showFamilyDashboard?: boolean;
+    build?: OcAccountMenuBuildInfo;
+    siteState?: SiteState;
+    className?: string;
+    triggerClassName?: string;
+    popoverClassName?: string;
+}
+declare function OcAccountMenu(props: OcAccountMenuProps): react_jsx_runtime.JSX.Element;
+interface OcAccountMenuViewProps extends OcAccountMenuProps {
+    session: OcAccountMenuSession;
+}
+declare function OcAccountMenuView({ current, signInUrl, signInLabel, signOutRedirect, menuItems, primaryNavLinks, secondaryNavLinks, showFamilyDashboard, build, siteState, className, triggerClassName, popoverClassName, session, }: OcAccountMenuViewProps): react_jsx_runtime.JSX.Element;
+
+interface OcPrimaryNavLink {
+    href: string;
+    label: string;
+    external?: boolean;
+    matchExact?: boolean;
+}
+interface OcPrimaryNavProps {
+    activePath: string;
+    links: ReadonlyArray<OcPrimaryNavLink>;
+    className?: string;
+}
+declare function OcPrimaryNav({ activePath, links, className }: OcPrimaryNavProps): react_jsx_runtime.JSX.Element;
+
+interface OcDashboardTool {
+    id: string;
+    href: string;
+    label: string;
+    tagline?: string;
+    icon?: ReactNode;
+    external?: boolean;
+}
+interface OcDashboardShellProps {
+    rootHref?: string;
+    siteLabel?: ReactNode;
+    tools: ReadonlyArray<OcDashboardTool>;
+    active?: string;
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function OcDashboardShell({ rootHref, siteLabel, tools, active, eyebrow, title, description, children, className, }: OcDashboardShellProps): react_jsx_runtime.JSX.Element;
+interface OcDashboardHubProps {
+    tools: ReadonlyArray<OcDashboardTool>;
+    className?: string;
+}
+declare function OcDashboardHub({ tools, className }: OcDashboardHubProps): react_jsx_runtime.JSX.Element;
+
+interface AppShellProps {
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    headerActions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+declare function AppShell({ eyebrow, title, description, headerActions, children, className, }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+interface LayoutSubHeaderTag {
+    label: string;
+    hideBelow?: 'sm' | 'md' | 'lg';
+}
+interface LayoutSubHeaderProps {
+    product: string;
+    status?: string;
+    tags?: LayoutSubHeaderTag[];
+    noHeartbeat?: boolean;
+    className?: string;
+}
+declare function LayoutSubHeader({ product, status, tags, noHeartbeat, className, }: LayoutSubHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps, type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps, FAMILY_PROPERTIES, type FamilyCategory, type FamilyProperty, LayoutSubHeader, type LayoutSubHeaderProps, type LayoutSubHeaderTag, OcAccountMenu, type OcAccountMenuBuildInfo, type OcAccountMenuItem, type OcAccountMenuProps, type OcAccountMenuSession, OcAccountMenuView, type OcAccountMenuViewProps, OcDashboardHub, type OcDashboardHubProps, OcDashboardShell, type OcDashboardShellProps, type OcDashboardTool, OcLogoDropdown, type OcLogoDropdownProps, OcPrimaryNav, type OcPrimaryNavLink, type OcPrimaryNavProps, SITE_STATE_LABEL, type SiteState, findFamilyProperty };