@salesmind-ai/design-system 1.7.0 → 1.9.0

package/dist/onboarding/index.d.cts

@@ -0,0 +1,1589 @@
+import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const LIGHT: {
+    readonly ink: "#0a0a0f";
+    readonly bg: "#f4f5f7";
+    readonly bgWarm: "#faf7f8";
+    readonly surface: "#ffffff";
+    readonly line: "rgba(17, 24, 39, 0.10)";
+    readonly lineSubtle: "rgba(17, 24, 39, 0.06)";
+    readonly lineStrong: "rgba(17, 24, 39, 0.18)";
+    readonly text1: "#111827";
+    readonly text2: "#374151";
+    readonly text3: "#586070";
+    readonly text4: "#656b75";
+    readonly pink: "#e6004f";
+    readonly pinkBright: "#ff005a";
+    readonly pink50: "#fff0f5";
+    readonly pink100: "#ffd9e6";
+    readonly pink700: "#d6004c";
+    readonly pink800: "#a3003a";
+    readonly onPink: "#ffffff";
+    readonly gold: "#ffc200";
+    readonly orange: "#ff9800";
+    readonly success: "#16a34a";
+    readonly successText: "#15803d";
+    readonly successStrong: "#0f7a3d";
+    readonly successBg: "#e7f8ef";
+    readonly warning: "#b45309";
+    readonly warningBg: "#fff4e0";
+    readonly danger: "#dc2626";
+    readonly dangerStrong: "#b91c1c";
+    readonly dangerBg: "#fef2f2";
+    readonly info: "#2e8bff";
+    readonly infoBg: "#eaf2ff";
+    readonly infoText: "#1d4ed8";
+};
+type ColorKey = keyof typeof LIGHT;
+declare const COLOR_KEYS: ("ink" | "bg" | "bgWarm" | "surface" | "line" | "lineSubtle" | "lineStrong" | "text1" | "text2" | "text3" | "text4" | "pink" | "pinkBright" | "pink50" | "pink100" | "pink700" | "pink800" | "onPink" | "gold" | "orange" | "success" | "successText" | "successStrong" | "successBg" | "warning" | "warningBg" | "danger" | "dangerStrong" | "dangerBg" | "info" | "infoBg" | "infoText")[];
+declare const cssVars: Record<ColorKey, string>;
+declare const F_DISPLAY = "'Anton', 'Bebas Neue', 'Oswald', 'Impact', sans-serif";
+declare const F_BODY = "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif";
+declare const F_MONO = "'Geist Mono', 'SF Mono', SFMono-Regular, ui-monospace, Menlo, monospace";
+/** Token proxy used by components: color keys → `var(--sm-*)`, plus font stacks. */
+declare const C: Record<ColorKey, string> & {
+    F_DISPLAY: string;
+    F_BODY: string;
+    F_MONO: string;
+};
+interface Phase {
+    k: string;
+    n: number;
+    label: string;
+    tag: string;
+}
+declare const PHASES: Phase[];
+
+declare const EMOJI: {
+    "\u2192": string;
+    "\u2190": string;
+    "\u2713": string;
+    "\u2705": string;
+    "\u2715": string;
+    "\u2717": string;
+    "\u274C": string;
+    "\u2795": string;
+    "\u26A1": string;
+    "\u2B50": string;
+    "\uD83D\uDD17": string;
+    "\u2709": string;
+    "\u2709\uFE0F": string;
+    "\uD83D\uDCE7": string;
+    "\uD83C\uDFAF": string;
+    "\uD83D\uDD12": string;
+    "\uD83D\uDEE1": string;
+    "\uD83D\uDEE1\uFE0F": string;
+    "\uD83C\uDF10": string;
+    "\uD83D\uDD11": string;
+    "\uD83C\uDF9F": string;
+    "\uD83C\uDF9F\uFE0F": string;
+    "\uD83D\uDE80": string;
+    "\u26A0": string;
+    "\u26A0\uFE0F": string;
+    "\uD83D\uDCA1": string;
+    "\uD83D\uDCAC": string;
+    "\u2728": string;
+    "\uD83D\uDC64": string;
+    "\uD83D\uDC65": string;
+    "\uD83D\uDC41": string;
+    "\uD83D\uDD0D": string;
+    "\uD83D\uDD0E": string;
+    "\u270F": string;
+    "\u270F\uFE0F": string;
+    "\u270D": string;
+    "\u270D\uFE0F": string;
+    "\uD83C\uDFE2": string;
+    "\uD83D\uDCC5": string;
+    "\uD83D\uDEDF": string;
+    "\uD83D\uDFE2": string;
+    "\uD83D\uDD70": string;
+    "\uD83E\uDDEA": string;
+    "\uD83D\uDCDE": string;
+    "\uD83C\uDF99": string;
+    "\u2699": string;
+    "\u2699\uFE0F": string;
+    "\uD83D\uDD0C": string;
+    "\uD83D\uDCF1": string;
+    "\uD83D\uDEAB": string;
+    "\uD83D\uDCCE": string;
+    "\uD83C\uDFA8": string;
+    "\uD83D\uDCC4": string;
+    "\uD83D\uDCBC": string;
+    "\uD83C\uDF0D": string;
+    "\uD83E\uDDE0": string;
+    "\u2601": string;
+    "\u2601\uFE0F": string;
+    "\u23F3": string;
+    "\uD83D\uDD25": string;
+    "\uD83C\uDF89": string;
+    "\uD83D\uDDBC": string;
+    "\uD83D\uDFE0": string;
+};
+declare function emojiIcon(s?: string): string | undefined;
+declare const P: {
+    info: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    bold: React__default.ReactSVGElement;
+    italic: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    underline: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    strike: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    alignLeft: React__default.ReactSVGElement;
+    alignCenter: React__default.ReactSVGElement;
+    alignRight: React__default.ReactSVGElement;
+    "arrow-right": React__default.ReactSVGElement;
+    "arrow-down": React__default.ReactSVGElement;
+    "arrow-left": React__default.ReactSVGElement;
+    check: React__default.ReactSVGElement;
+    "check-circle": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    x: React__default.ReactSVGElement;
+    plus: React__default.ReactSVGElement;
+    bolt: React__default.ReactSVGElement;
+    star: React__default.ReactSVGElement;
+    link: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    mail: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    target: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    lock: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    shield: React__default.ReactSVGElement;
+    globe: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    key: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    ticket: React__default.ReactSVGElement;
+    rocket: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    alert: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    bulb: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    chat: React__default.ReactSVGElement;
+    sparkles: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    user: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    users: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    eye: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    search: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    pencil: React__default.ReactSVGElement;
+    copy: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    building: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    calendar: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    lifebuoy: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    "circle-dot": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    clock: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    flask: React__default.ReactSVGElement;
+    phone: React__default.ReactSVGElement;
+    mic: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    gear: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    plug: React__default.ReactSVGElement;
+    "phone-device": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    "no-entry": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    paperclip: React__default.ReactSVGElement;
+    palette: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    file: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    briefcase: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    world: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    brain: React__default.ReactSVGElement;
+    cloud: React__default.ReactSVGElement;
+    hourglass: React__default.ReactSVGElement;
+    flame: React__default.ReactSVGElement;
+    party: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    image: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    "crm-hubspot": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    "crm-salesforce": React__default.ReactSVGElement;
+    "crm-pipedrive": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    "crm-ghl": React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    linkedin: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    refresh: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    sun: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    moon: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+    trash: React__default.FunctionComponentElement<{
+        children?: React__default.ReactNode;
+    }>;
+};
+declare function Icon({ name, size, stroke, color, style, title, }: {
+    name: string;
+    size?: number | string;
+    stroke?: number;
+    color?: string;
+    style?: React__default.CSSProperties;
+    title?: string;
+}): React__default.ReactSVGElement;
+declare const BRAND_KIND: {
+    salesmind: string;
+    linkedin: string;
+    in: string;
+    hubspot: string;
+    salesforce: string;
+    pipedrive: string;
+    ghl: string;
+    slack: string;
+    fullenrich: string;
+    icypeas: string;
+    mindai: string;
+    rb2b: string;
+    zapier: string;
+};
+declare function isBrandIcon(v: unknown): boolean;
+declare function BrandLogo({ kind, size }: {
+    kind: string;
+    size?: number | string;
+}): React__default.ReactSVGElement | React__default.DetailedReactHTMLElement<{
+    src: string;
+    alt: string;
+    "aria-hidden": "true";
+    style: {
+        width: number;
+        height: number;
+        objectFit: "contain";
+        display: "block";
+    };
+}, HTMLElement> | undefined;
+declare function resolveIcon(v: unknown, size?: number | string): React__default.ReactNode;
+
+type Handler = (...args: any[]) => void;
+type Style = React__default.CSSProperties;
+type Node = React__default.ReactNode;
+type IconLike = React__default.ReactNode | string;
+declare function CheckIcon({ size, color, strokeWidth }: {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+}): React__default.ReactSVGElement;
+declare function Logo({ size, dark }: {
+    size?: number;
+    dark?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "inline-flex";
+        height: number;
+        flexShrink: number;
+    };
+}, HTMLElement> | React__default.DetailedReactHTMLElement<{
+    src: string;
+    alt: string;
+    onError: () => void;
+    style: {
+        height: number;
+        width: string;
+        display: "block";
+        flexShrink: number;
+    };
+}, HTMLElement> | React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        gap: number;
+        height: number;
+        fontFamily: "'Anton', 'Bebas Neue', 'Oswald', 'Impact', sans-serif";
+        fontSize: number;
+        letterSpacing: string;
+        textTransform: "uppercase";
+        color: string;
+        lineHeight: number;
+    };
+}, HTMLElement>;
+declare function RiriDot({ working, size }: {
+    working?: boolean;
+    size?: number;
+}): React__default.DetailedReactHTMLElement<{
+    role: "img";
+    "aria-label": string;
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        justifyContent: "center";
+        width: number;
+        height: number;
+        borderRadius: string;
+        background: string;
+        animation: "none" | "v6-pulse 1.6s ease-in-out infinite";
+        flexShrink: number;
+    };
+}, HTMLElement>;
+declare function PhaseBar({ phaseK, subStep, subTotal, onJump, launchedAll }: {
+    phaseK?: string;
+    subStep?: number;
+    subTotal?: number;
+    onJump?: Handler;
+    launchedAll?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+        flex: number;
+        maxWidth: number;
+    };
+    "aria-valuemin"?: number | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    className: string;
+    role: "group" | "progressbar";
+    "aria-label": string;
+}, HTMLElement>;
+declare function SaveChip({ saving, hasProgress }: {
+    saving?: boolean;
+    hasProgress?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    role: "status";
+    "aria-live": "polite";
+    "aria-label": string;
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        gap: number;
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        background: string;
+        border: string;
+        transition: "all .4s";
+    };
+}, HTMLElement>;
+declare function GatedButton({ complete, needed, onProceed, onIncomplete, children, icon, large, style }: {
+    complete?: boolean;
+    needed?: Node;
+    onProceed?: Handler;
+    onIncomplete?: Handler;
+    children?: Node;
+    icon?: IconLike;
+    large?: boolean;
+    style?: Style;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        position: "relative";
+        display: "inline-flex";
+    };
+}, HTMLElement>;
+declare function ConfirmModal({ title, body, confirmLabel, cancelLabel, icon, onConfirm, onClose }: {
+    title?: Node;
+    body?: Node;
+    confirmLabel?: Node;
+    cancelLabel?: Node;
+    icon?: IconLike;
+    onConfirm?: Handler;
+    onClose?: Handler;
+}): React__default.DetailedReactHTMLElement<{
+    role: "presentation";
+    onClick: Handler | undefined;
+    style: {
+        position: "fixed";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function TopBar({ phaseK, subStep, subTotal, onBack, onJump, canBack, hasProgress, theme, launchedAll }: {
+    phaseK?: string;
+    subStep?: number;
+    subTotal?: number;
+    onBack?: Handler;
+    onJump?: Handler;
+    canBack?: boolean;
+    hasProgress?: boolean;
+    theme?: string;
+    launchedAll?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        padding: string;
+        borderBottom: string;
+        boxShadow: "0 1px 0 rgba(17,24,39,0.06), 0 2px 16px rgba(17,24,39,0.04)";
+        background: string;
+        display: "flex";
+        alignItems: "center";
+        gap: number;
+        flexShrink: number;
+        position: "sticky";
+        top: number;
+        zIndex: number;
+    };
+}, HTMLElement>;
+declare function Shell({ children, fill, theme, chrome, framed }: {
+    children?: Node;
+    fill?: boolean;
+    theme?: string;
+    chrome?: boolean;
+    framed?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        height: string | undefined;
+        minHeight: string | number;
+        background: string;
+        padding: string | number;
+        display: "flex";
+        flexDirection: "column";
+        boxSizing: "border-box";
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif";
+    };
+    "data-v6-theme"?: string | undefined;
+}, HTMLElement>;
+declare function Stage({ question, sub, riri, children, maxWidth }: {
+    question?: Node;
+    sub?: Node;
+    riri?: Node | {
+        text?: Node;
+        working?: boolean;
+    };
+    eyebrow?: Node;
+    children?: Node;
+    maxWidth?: number;
+}): React__default.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        flex: string;
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "center";
+        padding: string;
+    };
+}, HTMLElement>;
+declare const V6Nav: React__default.Context<{
+    back: null;
+    canBack: boolean;
+}>;
+declare function SupportHelp(): React__default.DetailedReactHTMLElement<{
+    style: {
+        position: "relative";
+        display: "inline-flex";
+    };
+}, HTMLElement>;
+declare function Footer({ primary, secondary, meta: meta2, escape, maxWidth }: {
+    primary?: Node;
+    secondary?: Node;
+    meta?: Node;
+    escape?: Node;
+    maxWidth?: number;
+}): React__default.DetailedReactHTMLElement<{
+    role: "group";
+    "aria-label": string;
+    style: {
+        flexShrink: number;
+        borderTop: string;
+        boxShadow: "0 -4px 20px rgba(17,24,39,0.06)";
+        background: string;
+        padding: string;
+        display: "flex";
+        justifyContent: "center";
+        position: "sticky";
+        bottom: number;
+        zIndex: number;
+    };
+}, HTMLElement>;
+declare function Btn({ children, primary, ghost, large, disabled, icon, onClick, style, ariaLabel, selected }: {
+    children?: Node;
+    primary?: boolean;
+    ghost?: boolean;
+    large?: boolean;
+    disabled?: boolean;
+    icon?: IconLike;
+    onClick?: Handler;
+    style?: Style;
+    ariaLabel?: string;
+    selected?: boolean;
+    [key: `aria-${string}`]: unknown;
+}): React__default.ReactElement;
+declare function OptionCard({ icon, title, sub, badge, selected, recommended, onClick, children, accent, disabled }: {
+    icon?: IconLike;
+    title?: Node;
+    sub?: Node;
+    badge?: Node;
+    selected?: boolean;
+    recommended?: boolean;
+    onClick?: Handler;
+    children?: Node;
+    accent?: string;
+    disabled?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    type: string;
+    className: string;
+    "aria-pressed": boolean | undefined;
+    disabled: boolean | undefined;
+    onClick: Handler | undefined;
+    style: {
+        width: string;
+        textAlign: "left";
+        background: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+        cursor: "not-allowed" | "pointer";
+        opacity: number;
+        display: "flex";
+        alignItems: "flex-start";
+        gap: number;
+        transition: "all .16s cubic-bezier(.25,1,.5,1)";
+        marginTop: number;
+        position: "relative";
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif";
+        boxShadow: `0 4px 16px ${string}1f` | "0 1px 2px rgba(17,24,39,0.04)";
+    };
+}, HTMLElement>;
+declare function IntegrationCard({ icon, title, sub, badge, connected, recommended, disabled, connectLabel, manageLabel, onConnect, onManage }: {
+    icon?: IconLike;
+    title?: Node;
+    sub?: Node;
+    badge?: Node;
+    connected?: boolean;
+    recommended?: boolean;
+    disabled?: boolean;
+    connectLabel?: Node;
+    manageLabel?: Node;
+    onConnect?: Handler;
+    onManage?: Handler;
+}): React__default.DetailedReactHTMLElement<{
+    className: string;
+    style: {
+        position: "relative";
+        height: string;
+        boxSizing: "border-box";
+        background: string;
+        border: string;
+        borderRadius: number;
+        padding: string;
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif";
+        boxShadow: "0 1px 2px rgba(17,24,39,0.04)";
+        filter: "grayscale(0.65)" | undefined;
+    };
+}, HTMLElement>;
+declare function Input({ value, onChange, placeholder, prefix, suffix, large, hint, area, rows, onEnter, type, label, error, invalid, style, bare, underline, action }: {
+    value?: string;
+    onChange?: Handler;
+    placeholder?: string;
+    prefix?: IconLike;
+    suffix?: Node;
+    large?: boolean;
+    hint?: Node;
+    area?: boolean;
+    rows?: number;
+    onEnter?: Handler;
+    type?: string;
+    label?: Node;
+    error?: Node;
+    invalid?: boolean;
+    style?: Style;
+    bare?: boolean;
+    underline?: boolean;
+    action?: {
+        icon?: IconLike;
+        label?: string;
+        onClick?: Handler;
+    };
+    disabled?: boolean;
+}): React__default.DetailedReactHTMLElement<React__default.HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function Pill({ children, tone, icon }: {
+    children?: Node;
+    tone?: string;
+    icon?: IconLike;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        gap: number;
+        padding: string;
+        borderRadius: string;
+        background: string;
+        color: string;
+        border: string;
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+    };
+}, HTMLElement>;
+declare function Chip({ children, selected, onClick, tone, icon }: {
+    children?: Node;
+    selected?: boolean;
+    onClick?: Handler;
+    tone?: string;
+    icon?: IconLike;
+}): React__default.DetailedReactHTMLElement<{
+    type: string;
+    "aria-pressed": boolean | undefined;
+    onClick: Handler | undefined;
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        gap: number;
+        padding: string;
+        borderRadius: string;
+        cursor: "pointer";
+        fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, sans-serif";
+        fontSize: number;
+        fontWeight: number;
+        background: string;
+        border: string;
+        color: string;
+        transition: "all .14s";
+    };
+}, HTMLElement>;
+declare function Switch({ on, onChange, color, label, small }: {
+    on?: boolean;
+    onChange?: Handler;
+    color?: string;
+    label?: string;
+    small?: boolean;
+}): React__default.DetailedReactHTMLElement<{
+    type: string;
+    role: "switch";
+    "aria-checked": boolean | undefined;
+    "aria-label": string | undefined;
+    onClick: () => void | undefined;
+    style: {
+        width: number;
+        height: number;
+        borderRadius: string;
+        border: string;
+        cursor: "pointer";
+        background: string;
+        position: "relative";
+        flexShrink: number;
+        transition: "background .2s";
+        padding: number;
+    };
+}, HTMLElement>;
+declare function Card({ children, style, pad }: {
+    children?: Node;
+    style?: Style;
+    pad?: string;
+}): React__default.ReactElement;
+declare function CoachMark({ heading, intro, steps, note }: {
+    heading?: Node;
+    intro?: Node;
+    steps?: Node[];
+    note?: Node;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        padding: string;
+        marginBottom: string;
+        borderRadius: string;
+        background: string;
+        border: string;
+        boxShadow: "0 6px 22px -10px rgba(255,36,0,0.25)";
+        animation: "v6-fade-up .4s cubic-bezier(.25,1,.5,1)";
+    };
+}, HTMLElement>;
+declare function Note({ icon, children, tone, style }: {
+    icon?: IconLike;
+    children?: Node;
+    tone?: string;
+    style?: Style;
+}): React__default.ReactElement;
+declare function Keyframes(): React__default.DetailedReactHTMLElement<React__default.HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function Spinner({ size, color, thickness, label }: {
+    size?: number;
+    color?: string;
+    thickness?: number;
+    label?: string;
+}): React__default.DetailedReactHTMLElement<{
+    role: "status";
+    "aria-label": string;
+    style: {
+        display: "inline-block";
+        width: number;
+        height: number;
+    };
+}, HTMLElement>;
+declare function ThemeToggle(props: {
+    theme?: string;
+    onToggle?: Handler;
+}): React__default.DetailedReactHTMLElement<{
+    type: string;
+    onClick: Handler | undefined;
+    "aria-label": string;
+    title: string;
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        gap: number;
+        padding: string;
+        borderRadius: string;
+        border: string;
+        background: string;
+        color: "var(--sm-text2)";
+        fontFamily: "inherit";
+        fontSize: number;
+        fontWeight: number;
+        cursor: "pointer";
+        boxShadow: "0 2px 6px rgba(17,24,39,0.08), 0 12px 28px -14px rgba(17,24,39,0.30)";
+    };
+}, HTMLElement>;
+
+declare function ModalShell({ children, width, labelledBy, label, onClose }: {
+    children?: React__default.ReactNode;
+    width?: number;
+    labelledBy?: string;
+    label?: string;
+    onClose?: (...args: unknown[]) => void;
+}): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string | undefined;
+    "aria-label": string | undefined;
+    onClick: ((...args: unknown[]) => void) | undefined;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function ModalHead({ id, icon, iconBg, iconColor, title, children }: {
+    id?: string;
+    icon?: React__default.ReactNode | string;
+    iconBg?: string;
+    iconColor?: string;
+    title?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+}): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function AddMemberModal({ title, isSender, primaryLabel, cancelLabel, onClose, onAdd }: {
+    title?: React__default.ReactNode;
+    intro?: React__default.ReactNode;
+    note?: React__default.ReactNode;
+    isSender?: boolean;
+    primaryLabel?: React__default.ReactNode;
+    cancelLabel?: React__default.ReactNode;
+    onClose?: (...args: unknown[]) => void;
+    onAdd?: (...args: unknown[]) => void;
+}): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+    width?: number | undefined;
+    labelledBy?: string | undefined;
+    label?: string | undefined;
+    onClose?: ((...args: unknown[]) => void) | undefined;
+}>;
+
+/**
+ * Confetti — a one-shot rain of colored paper pieces. Render it as an
+ * absolutely-positioned, pointer-events-none overlay inside a `position:relative`
+ * container. Re-mount the component to replay.
+ */
+declare function Confetti({ count }: {
+    count?: number;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Firework — a celebratory badge: a pulsing ring, a popped circle, 12 radiating
+ * spark lines, and a twinkling center icon. Loops forever.
+ */
+declare function Firework({ size, icon }: {
+    size?: number;
+    icon?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * LaunchCelebration — the full "you're all set" success moment: confetti rain +
+ * firework badge + a display headline + supporting copy. Self-contained (no Screen
+ * wrapper) so it can be dropped into any centered container. Re-mount to replay.
+ */
+declare function LaunchCelebration({ title, highlight, sub, children, }: {
+    title?: string;
+    highlight?: string;
+    sub?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+interface RichTextProps {
+    value?: string;
+    onChange?: (html: string) => void;
+    placeholder?: string;
+    minHeight?: number;
+}
+declare function RichText({ value, onChange, placeholder, minHeight }: RichTextProps): react_jsx_runtime.JSX.Element;
+
+type WizardData$3 = Record<string, any>;
+interface ScreenProps$3 {
+    data?: WizardData$3;
+    set?: (key: string, value: unknown) => void;
+    next?: () => void;
+    back?: () => void;
+}
+declare function Screen({ children }: {
+    children?: React__default.ReactNode;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        flex: string;
+        display: "flex";
+        flexDirection: "column";
+        position: "relative";
+        background: string;
+    };
+}, HTMLElement>;
+declare function useScreenState(props: ScreenProps$3, initial?: WizardData$3): {
+    data: WizardData$3;
+    set: (key: string, value: unknown) => void;
+    next: () => void;
+};
+declare function ScWebsite(props: ScreenProps$3): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ScBooking(props: ScreenProps$3): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function AddServiceModal({ onClose, onAdd }: {
+    onClose?: () => void;
+    onAdd?: (svc: unknown) => void;
+}): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+    width?: number | undefined;
+    labelledBy?: string | undefined;
+    label?: string | undefined;
+    onClose?: ((...args: unknown[]) => void) | undefined;
+}>;
+
+type WizardData$2 = Record<string, any>;
+interface ScreenProps$2 {
+    data?: WizardData$2;
+    set?: (key: string, value: unknown) => void;
+    next?: () => void;
+    back?: () => void;
+}
+type Any$2 = any;
+declare function useScreenState2(props: ScreenProps$2, initial?: WizardData$2): {
+    data: WizardData$2;
+    set: (key: string, value: unknown) => void;
+    next: () => void;
+    back: () => void;
+};
+declare const TERMS_POINTS: string[];
+declare function TermsModal({ onClose, onAgree }: {
+    onClose?: () => void;
+    onAgree?: () => void;
+}): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string;
+    onClick: (() => void) | undefined;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function ScConnect(props: ScreenProps$2): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ConfirmIdentityModal({ data, set, onClose, onConfirm }: {
+    data?: WizardData$2;
+    set?: (k: string, v: unknown) => void;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    onReject?: () => void;
+}): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-label": string;
+    onClick: (() => void) | undefined;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function SenderDetailsModal({ sender, onClose, onSave }: {
+    sender?: Any$2;
+    onClose?: () => void;
+    onSave?: (s: Any$2) => void;
+}): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string;
+    onClick: (() => void) | undefined;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function SwitchConfirm({ onClose, onAdd }: {
+    onClose?: () => void;
+    onAdd?: (x?: Any$2) => void;
+}): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function SwitchAccountModal({ onClose, onProceed, confirmSender, title, intro, cta, detectingTitle, detectingNote, currentAccount, redirectUrl, detectMs, steps }: {
+    onClose?: () => void;
+    onProceed?: (x?: Any$2) => void;
+    confirmSender?: boolean;
+    title?: React__default.ReactNode;
+    intro?: React__default.ReactNode;
+    cta?: React__default.ReactNode;
+    detectingTitle?: React__default.ReactNode;
+    detectingNote?: React__default.ReactNode;
+    currentAccount?: Any$2;
+    redirectUrl?: string;
+    detectMs?: number;
+    steps?: string[];
+}): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string;
+    onClick: (() => void) | undefined;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare const PLAYBOOK = "## Julien G: Sender Voice\n\nI'm Julien. I sell SalesMind AI's LinkedIn prospecting platform to founders and sales leaders running B2B SaaS go-to-market. I speak as a peer who has watched your sales team copy-paste prospects all day instead of closing. I'm direct, results-focused, and skeptical of fluff.\n\n## Channel rules (read first)\n\n* **First message and connection request (cold outreach):** No emoji. Plain words. One direct question.\n* **Replies, follow-ups, and nurturing:** I stay emoji-light by design. At most 1 emoji at the end of a line, only if it fits the moment. Never force it.\n* Both contexts: short sentences, periods and commas only, never em dashes, one question per message.\n\n## How I sound: example messages\n\n**Opening (TP1):**\n\"Hi [first name], saw [company] on your profile. How are you handling outbound prospecting today, manually or with a tool?\"\n\n**Follow-up after connection (TP2):**\n\"Thanks for connecting [first name]. Most folks I talk to in your seat say the same thing: prospecting eats their week, and the next hire never quite closes the gap. Worth a quick look at what we do?\"\n\n**Qualifier (TP3):**\n\"[first name], quick one: how are your sequences getting built right now, your team writing each touch by hand or are you running a tool?\"\n\n## Vocabulary I use\n\n* pipeline, reply rate, stack, SDR cost, manual lift, qualified meetings\n\n## I never say\n\n* Revolutionary, cutting-edge, game-changer, best-in-class\n* Leverage, robust, synergy, unlock potential\n* \"Hope this finds you well\", \"Just touching base\", \"Circling back\", \"Quick question\"\n* \"I noticed\", \"I came across\", \"I saw your impressive\"\n* ROI percent without a customer name attached\n* Hype superlatives (best, fastest, only)\n\n## Style\n\n* 5 to 18 words per sentence. Lean short.\n* Periods and commas. Never em dashes.\n* One direct question per message. Never two questions in the same touch.\n* \"I\" for personal voice, \"we\" only for SalesMind team capability.\n\n## Forbidden\n\n* False familiarity (claiming we know each other)\n* Hype superlatives\n* Em dashes in any message\n* Two questions in the same touch\n* Emoji in a cold first message or connection request\n* Fake personalization openers like \"I noticed\" or \"I came across\"\n";
+declare function renderInline(text: string): (string | React__default.DetailedReactHTMLElement<React__default.HTMLAttributes<HTMLElement>, HTMLElement> | React__default.DetailedReactHTMLElement<{
+    key: number;
+    style: {
+        color: string;
+        fontWeight: number;
+    };
+}, HTMLElement>)[];
+declare function renderPlaybook(md: string): (React__default.DetailedReactHTMLElement<{
+    key: number;
+    style: {
+        height: number;
+    };
+}, HTMLElement> | React__default.DetailedReactHTMLElement<{
+    key: number;
+    style: {
+        fontSize: string;
+        fontWeight: number;
+        color: string;
+        margin: string;
+    };
+}, HTMLElement> | React__default.DetailedReactHTMLElement<{
+    key: number;
+    style: {
+        fontSize: number;
+        color: string;
+        lineHeight: number;
+        marginBottom: number;
+    };
+}, HTMLElement>)[];
+declare function ScVoice(props: ScreenProps$2): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ScOffer(props: ScreenProps$2): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+
+type WizardData$1 = Record<string, any>;
+type Any$1 = any;
+interface ScreenProps$1 {
+    data?: WizardData$1;
+    set?: (key: string, value: unknown) => void;
+    next?: () => void;
+    back?: () => void;
+}
+declare function useScreenState3(props: ScreenProps$1, initial?: WizardData$1): {
+    data: WizardData$1;
+    set: (key: string, value: unknown) => void;
+    next: () => void;
+    back: () => void;
+};
+declare function CompanyLogo({ name, domain, color, size, radius }: {
+    name?: Any$1;
+    domain?: Any$1;
+    color?: string;
+    size?: number;
+    radius?: number;
+}): React__default.DetailedReactHTMLElement<{
+    role: "img";
+    "aria-label": any;
+    style: {
+        flexShrink: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        background: string;
+        border: string;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        overflow: "hidden";
+    };
+}, HTMLElement>;
+declare const LOCATION_OPTIONS: string[];
+declare const LANGUAGE_OPTIONS: string[];
+declare const JOB_SUGGESTIONS: string[];
+declare const INDUSTRY_SUGGESTIONS: string[];
+declare function ComboAdd({ options, existing, onAdd, placeholder }: {
+    options?: Any$1;
+    existing?: Any$1;
+    onAdd?: (v: Any$1) => void;
+    placeholder?: string;
+}): React__default.DetailedReactHTMLElement<{
+    style: {
+        width: string;
+    };
+}, HTMLElement>;
+declare const P_COUNTRIES: string[];
+declare const P_SENIORITY: string[];
+declare const P_JOBFUNC: string[];
+declare const P_SKILLS: string[];
+declare const P_CERTS: string[];
+declare const P_SERVICES_OFFERED: string[];
+declare const P_WORKSTYLE: string[];
+declare const P_EDUCATION: string[];
+declare const P_GENDER: string[];
+declare const P_MBTI: string[];
+declare const P_ZODIAC: string[];
+declare const P_COMPANY_TYPE: string[];
+declare const P_FUNDING: string[];
+declare const P_DEPARTMENT: string[];
+declare const P_DEPT_GROWTH: string[];
+declare const P_TECH: string[];
+declare const P_TARGET_MARKET: string[];
+declare const P_BUYING_STAGE: string[];
+declare const P_PURCHASING: string[];
+declare const P_SERVICES_NEEDED: string[];
+declare const P_REQ_IDS: string[];
+declare const P_SECTIONS: ({
+    title: string;
+    note: string;
+    fields: ({
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        req: boolean;
+        tag: string;
+        placeholder: string;
+        options?: undefined;
+        min?: undefined;
+        max?: undefined;
+        step?: undefined;
+        tickFmt?: undefined;
+    } | {
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        req: boolean;
+        tag: string;
+        options: string[];
+        placeholder?: undefined;
+        min?: undefined;
+        max?: undefined;
+        step?: undefined;
+        tickFmt?: undefined;
+    } | {
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        req: boolean;
+        tag: string;
+        min: number;
+        max: number;
+        step: number;
+        tickFmt: (v: Any$1) => string;
+        placeholder?: undefined;
+        options?: undefined;
+    })[];
+} | {
+    title: string;
+    fields: ({
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+        currency: boolean;
+        tickFmt: (v: Any$1) => string;
+        options?: undefined;
+    } | {
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        options: string[];
+        min?: undefined;
+        max?: undefined;
+        step?: undefined;
+        currency?: undefined;
+        tickFmt?: undefined;
+    })[];
+    note?: undefined;
+} | {
+    title: string;
+    fields: ({
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        options: string[];
+        min?: undefined;
+        max?: undefined;
+        step?: undefined;
+        tickFmt?: undefined;
+        checkLabel?: undefined;
+    } | {
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+        tickFmt: (v: Any$1) => string;
+        options?: undefined;
+        checkLabel?: undefined;
+    } | {
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        checkLabel: string;
+        options?: undefined;
+        min?: undefined;
+        max?: undefined;
+        step?: undefined;
+        tickFmt?: undefined;
+    })[];
+    note?: undefined;
+} | {
+    title: string;
+    fields: {
+        id: string;
+        label: string;
+        desc: string;
+        type: string;
+        placeholder: string;
+    }[];
+    note?: undefined;
+})[];
+declare const DEF_PERSONA: {
+    name: string;
+    jobTitle: {
+        include: string[];
+        exclude: never[];
+    };
+    seniority: {
+        include: never[];
+        exclude: never[];
+    };
+    jobFunction: {
+        include: never[];
+        exclude: never[];
+    };
+    prevJobTitle: {
+        include: never[];
+        exclude: never[];
+    };
+    yearsExp: number[];
+    yearsRole: number[];
+    yearsCompany: number[];
+    skills: {
+        include: never[];
+        exclude: never[];
+    };
+    certs: {
+        include: never[];
+        exclude: never[];
+    };
+    servicesOffered: {
+        include: never[];
+        exclude: never[];
+    };
+    location: {
+        include: string[];
+        exclude: never[];
+    };
+    workStyle: {
+        include: never[];
+        exclude: never[];
+    };
+    languages: {
+        include: string[];
+        exclude: never[];
+    };
+    education: {
+        include: never[];
+        exclude: never[];
+    };
+    linkedinFollowers: number[];
+    age: number[];
+    gender: string;
+    mbti: string;
+    zodiac: string;
+    industry: {
+        include: string[];
+        exclude: never[];
+    };
+    companyType: string;
+    hqCountry: {
+        include: never[];
+        exclude: never[];
+    };
+    yearFounded: number[];
+    funding: string;
+    companySize: number[];
+    revenue: number[];
+    deptSize: string;
+    deptGrowth: string;
+    companyFollowers: number[];
+    techStack: {
+        include: never[];
+        exclude: never[];
+    };
+    hiring: boolean;
+    leadership: boolean;
+    targetMarket: {
+        include: never[];
+        exclude: never[];
+    };
+    buyingStage: string;
+    purchasingRole: {
+        include: string[];
+        exclude: never[];
+    };
+    servicesNeeded: never[];
+    playbook: string;
+};
+declare function personaComplete(p: Any$1): boolean;
+declare function PersonaField(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "grid";
+        gridTemplateColumns: string;
+        gap: string;
+        alignItems: "flex-start";
+        padding: string;
+        borderTop: string;
+    };
+}, HTMLElement>;
+declare function MultiSelect(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        position: "relative";
+    };
+}, HTMLElement>;
+declare function RangeSlider(props: Any$1): React__default.DetailedReactHTMLElement<React__default.HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function SelectField(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        position: "relative";
+    };
+}, HTMLElement>;
+declare function CheckboxField(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "inline-flex";
+        alignItems: "center";
+        gap: number;
+        cursor: "pointer";
+    };
+}, HTMLElement>;
+declare function CheckGrid(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        display: "grid";
+        gridTemplateColumns: string;
+        gap: string;
+    };
+}, HTMLElement>;
+declare function PersonaForm(props: Any$1): React__default.DetailedReactHTMLElement<React__default.HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function ScICP(props: ScreenProps$1): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function AgeSettingsModal({ showAgeModal, ageMin, setAgeMin, ageMax, setAgeMax, icps, update, onClose }: Any$1): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string;
+    onClick: any;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement> | null;
+declare function CompanySizeModal({ showSizeModal, sizeMin, setSizeMin, sizeMax, setSizeMax, icps, update, onClose }: Any$1): React__default.DetailedReactHTMLElement<{
+    role: "dialog";
+    "aria-modal": "true";
+    "aria-labelledby": string;
+    onClick: any;
+    style: {
+        position: "absolute";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement> | null;
+declare function ScBlacklist(props: ScreenProps$1): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare const MBTI_DESC: {
+    ENTJ: {
+        tag: string;
+        overview: string;
+        sw: string;
+    };
+    ESTJ: {
+        tag: string;
+        overview: string;
+        sw: string;
+    };
+    ISTJ: {
+        tag: string;
+        overview: string;
+        sw: string;
+    };
+    ENFP: {
+        tag: string;
+        overview: string;
+        sw: string;
+    };
+    INTJ: {
+        tag: string;
+        overview: string;
+        sw: string;
+    };
+};
+declare function mbtiAxes(type: Any$1, seed: Any$1): {
+    left: string;
+    right: string;
+    color: string;
+    leftActive: boolean;
+    pct: number;
+    dom: string;
+}[];
+declare function MbtiSlider(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        marginBottom: number;
+    };
+}, HTMLElement>;
+declare function ProfileTabs(props: Any$1): React__default.DetailedReactHTMLElement<{
+    style: {
+        border: string;
+        borderRadius: string;
+        background: string;
+        padding: string;
+        boxShadow: "0 1px 2px rgba(17,24,39,0.05)";
+    };
+}, HTMLElement>;
+declare function ScCalibrate(props: ScreenProps$1): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+
+type WizardData = Record<string, any>;
+type Any = any;
+interface ScreenProps {
+    data?: WizardData;
+    set?: (key: string, value: unknown) => void;
+    next?: () => void;
+    back?: () => void;
+}
+declare function useScreenState4(props: ScreenProps, initial?: WizardData): {
+    data: WizardData;
+    set: (key: string, value: unknown) => void;
+    next: () => void;
+    back: () => void;
+};
+declare const CRM_TOOLS: string[];
+declare function ScLeads(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function CrmConnectModal({ crmName, connected, onClose, onConnect, onDisconnect }: {
+    crmKey?: Any;
+    crmName?: Any;
+    connected?: boolean;
+    onClose?: () => void;
+    onConnect?: (x?: Any) => void;
+    onDisconnect?: () => void;
+}): React__default.DetailedReactHTMLElement<{
+    role: "presentation";
+    onClick: (() => void) | undefined;
+    style: {
+        position: "fixed";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function ToolConnectModal({ tool, kind, connected, value, onChange, onClose, onConnect, onDisconnect }: {
+    tool?: Any;
+    kind?: Any;
+    connected?: boolean;
+    value?: Any;
+    onChange?: (v: Any) => void;
+    onClose?: () => void;
+    onConnect?: (x?: Any) => void;
+    onDisconnect?: () => void;
+}): React__default.DetailedReactHTMLElement<{
+    role: "presentation";
+    onClick: (() => void) | undefined;
+    style: {
+        position: "fixed";
+        inset: number;
+        zIndex: number;
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+        padding: string;
+        background: string;
+        backdropFilter: "blur(3px)";
+        animation: "v6-fade-up .18s ease";
+    };
+}, HTMLElement>;
+declare function ScDomain(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ScOutreach(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ScLaunch(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ScExpect(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare function ScFinal(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+declare const PAY_ADDONS: {
+    k: string;
+    name: string;
+    desc: string;
+    icon: string;
+}[];
+declare const MAROON = "var(--sm-cal-accent)";
+declare const MAROON_TINT = "var(--sm-cal-tint)";
+declare const CALL_TIMES: string[];
+declare function ScPayment(props: ScreenProps): React__default.FunctionComponentElement<{
+    children?: React__default.ReactNode;
+}>;
+
+export { AddMemberModal, AddServiceModal, AgeSettingsModal, BRAND_KIND, BrandLogo, Btn, C, CALL_TIMES, COLOR_KEYS, CRM_TOOLS, Card, CheckGrid, CheckIcon, CheckboxField, Chip, CoachMark, ComboAdd, CompanyLogo, CompanySizeModal, Confetti, ConfirmIdentityModal, ConfirmModal, CrmConnectModal, DEF_PERSONA, EMOJI, F_BODY, F_DISPLAY, F_MONO, Firework, Footer, GatedButton, INDUSTRY_SUGGESTIONS, Icon, Input, IntegrationCard, JOB_SUGGESTIONS, Keyframes, LANGUAGE_OPTIONS, LIGHT, LOCATION_OPTIONS, LaunchCelebration, Logo, MAROON, MAROON_TINT, MBTI_DESC, MbtiSlider, ModalHead, ModalShell, MultiSelect, Note, OptionCard, P, PAY_ADDONS, PHASES, PLAYBOOK, P_BUYING_STAGE, P_CERTS, P_COMPANY_TYPE, P_COUNTRIES, P_DEPARTMENT, P_DEPT_GROWTH, P_EDUCATION, P_FUNDING, P_GENDER, P_JOBFUNC, P_MBTI, P_PURCHASING, P_REQ_IDS, P_SECTIONS, P_SENIORITY, P_SERVICES_NEEDED, P_SERVICES_OFFERED, P_SKILLS, P_TARGET_MARKET, P_TECH, P_WORKSTYLE, P_ZODIAC, PersonaField, PersonaForm, PhaseBar, Pill, ProfileTabs, RangeSlider, RichText, type RichTextProps, RiriDot, SaveChip, ScBlacklist, ScBooking, ScCalibrate, ScConnect, ScDomain, ScExpect, ScFinal, ScICP, ScLaunch, ScLeads, ScOffer, ScOutreach, ScPayment, ScVoice, ScWebsite, Screen, SelectField, SenderDetailsModal, Shell, Spinner, Stage, SupportHelp, Switch, SwitchAccountModal, SwitchConfirm, TERMS_POINTS, TermsModal, ThemeToggle, ToolConnectModal, TopBar, V6Nav, cssVars, emojiIcon, isBrandIcon, mbtiAxes, personaComplete, renderInline, renderPlaybook, resolveIcon, useScreenState, useScreenState2, useScreenState3, useScreenState4 };