@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/local-inference/hub-utils.js

@@ -0,0 +1,87 @@
+/**
+ * Pure helpers used by the Model Hub UI. Kept separate from components so
+ * they can be covered by unit tests without a DOM.
+ */
+import { MODEL_CATALOG } from "../../services/local-inference/catalog.js";
+import { assessCatalogModelFit } from "../../services/local-inference/recommendation.js";
+export function formatBytes(bytes) {
+    if (!Number.isFinite(bytes) || bytes <= 0)
+        return "—";
+    const gb = bytes / 1024 ** 3;
+    if (gb >= 1)
+        return `${gb.toFixed(1)} GB`;
+    const mb = bytes / 1024 ** 2;
+    return `${mb.toFixed(0)} MB`;
+}
+export function formatEta(ms) {
+    if (ms == null || !Number.isFinite(ms) || ms <= 0)
+        return "";
+    const totalSec = Math.ceil(ms / 1000);
+    if (totalSec < 60)
+        return `${totalSec}s`;
+    const minutes = Math.floor(totalSec / 60);
+    const seconds = totalSec % 60;
+    if (minutes < 60)
+        return `${minutes}m ${seconds}s`;
+    const hours = Math.floor(minutes / 60);
+    return `${hours}h ${minutes % 60}m`;
+}
+export function progressPercent(job) {
+    if (!job || job.total <= 0)
+        return 0;
+    return Math.min(100, Math.round((job.received / job.total) * 100));
+}
+const BUCKET_LABEL = {
+    small: "Fast",
+    mid: "Balanced",
+    large: "High quality",
+    xl: "Premium",
+};
+export function bucketLabel(bucket) {
+    return BUCKET_LABEL[bucket];
+}
+export function fitLabel(fit) {
+    if (fit === "fits")
+        return "Runs smoothly";
+    if (fit === "tight")
+        return "Slow on your device";
+    return "Not enough memory";
+}
+export function computeFit(model, hardware) {
+    return assessCatalogModelFit(hardware, model, MODEL_CATALOG);
+}
+/**
+ * Decide whether a catalog model is already installed.
+ * External models show up with ids like `external-<origin>-<hash>` so we
+ * also tolerate matches by filename basename.
+ */
+export function findInstalled(model, installed) {
+    const byId = installed.find((m) => m.id === model.id);
+    if (byId)
+        return byId;
+    // Fallback: external entries whose basename matches the catalog gguf.
+    const target = model.ggufFile.toLowerCase();
+    return installed.find((m) => m.path.toLowerCase().endsWith(`/${target}`) ||
+        m.path.toLowerCase().endsWith(`\\${target}`));
+}
+export function findDownload(modelId, downloads) {
+    return downloads.find((d) => d.modelId === modelId);
+}
+/**
+ * Client-side lookup of a catalog entry by id. Accepts the catalog as an
+ * argument so the hub UI can mix curated + HF-search results without
+ * importing the server-side singleton.
+ */
+export function findCatalogModel(id, catalog) {
+    return catalog.find((m) => m.id === id);
+}
+export function groupByBucket(models) {
+    const groups = new Map();
+    for (const bucket of ["small", "mid", "large", "xl"]) {
+        groups.set(bucket, []);
+    }
+    for (const model of models) {
+        groups.get(model.bucket)?.push(model);
+    }
+    return groups;
+}

package/components/onboarding/BootstrapStep.d.ts

@@ -0,0 +1,35 @@
+/**
+ * BootstrapStep — cloud-provisioned containers only.
+ *
+ * If the dashboard linked here with `#bootstrap=<token>`, the token is read
+ * once on mount, scrubbed from the URL, and exchanged automatically — no
+ * paste required. Otherwise the manual paste form is shown as a fallback.
+ *
+ * On success the returned session id is written to
+ * sessionStorage["eliza_session"] and the `onAdvance` callback fires.
+ *
+ * P1 will migrate the session to an HttpOnly cookie and retire sessionStorage.
+ * The key name is kept in sync with the cookie name planned for P1
+ * (eliza_session) so the P1 migration is a straightforward swap.
+ *
+ * Error contract (fail closed):
+ *   401 → token invalid / expired / already used, single-use, must rotate.
+ *   429 → rate limited.
+ *   5xx → server not ready.
+ *   network → surfaces to user; never treated as success.
+ */
+import type { BootstrapExchangeResult } from "../../api/client-agent";
+export interface BootstrapStepProps {
+    /**
+     * Called after a successful exchange. The caller is responsible for
+     * advancing the wizard.
+     */
+    onAdvance: () => void;
+    /**
+     * Injected exchange function — defaults to the real API client call but
+     * can be swapped in tests.
+     */
+    exchangeFn?: (token: string) => Promise<BootstrapExchangeResult>;
+}
+export declare function BootstrapStep({ onAdvance, exchangeFn }: BootstrapStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BootstrapStep.d.ts.map

package/components/onboarding/BootstrapStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BootstrapStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/onboarding/BootstrapStep.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAKH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAwDtE,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAClE;AAwBD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAqM1E"}

package/components/onboarding/BootstrapStep.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BootstrapStep — cloud-provisioned containers only.
+ *
+ * If the dashboard linked here with `#bootstrap=<token>`, the token is read
+ * once on mount, scrubbed from the URL, and exchanged automatically — no
+ * paste required. Otherwise the manual paste form is shown as a fallback.
+ *
+ * On success the returned session id is written to
+ * sessionStorage["eliza_session"] and the `onAdvance` callback fires.
+ *
+ * P1 will migrate the session to an HttpOnly cookie and retire sessionStorage.
+ * The key name is kept in sync with the cookie name planned for P1
+ * (eliza_session) so the P1 migration is a straightforward swap.
+ *
+ * Error contract (fail closed):
+ *   401 → token invalid / expired / already used, single-use, must rotate.
+ *   429 → rate limited.
+ *   5xx → server not ready.
+ *   network → surfaces to user; never treated as success.
+ */
+import { cn } from "@elizaos/ui";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { client } from "../../api/index.js";
+import { OnboardingField, onboardingDetailStackClassName, onboardingHelperTextClassName, onboardingInputClassName, onboardingReadableTextFaintClassName, onboardingReadableTextMutedClassName, } from "./onboarding-form-primitives.js";
+import { OnboardingStepDivider, onboardingBodyTextShadowStyle, onboardingDescriptionClass, onboardingEyebrowClass, onboardingFooterClass, onboardingHeaderBlockClass, onboardingPrimaryActionClass, onboardingPrimaryActionTextShadowStyle, onboardingTextShadowStyle, onboardingTitleClass, } from "./onboarding-step-chrome.js";
+const SESSION_STORAGE_KEY = "eliza_session";
+const MONO_FONT = "'Courier New', 'Courier', 'Monaco', monospace";
+const BOOTSTRAP_HASH_PARAM = "bootstrap";
+/**
+ * If the dashboard handed off the token via `#bootstrap=<token>`, read it once
+ * on mount so the container can auto-activate without a manual paste.
+ * Fragment (not query) so the token never reaches the server or referer logs.
+ */
+function readBootstrapTokenFromHash() {
+    if (typeof window === "undefined")
+        return null;
+    const hash = window.location.hash;
+    if (hash.length < 2)
+        return null;
+    const params = new URLSearchParams(hash.slice(1));
+    const value = params.get(BOOTSTRAP_HASH_PARAM);
+    return value && value.length > 0 ? value : null;
+}
+function scrubBootstrapTokenFromHash() {
+    if (typeof window === "undefined")
+        return;
+    const hash = window.location.hash;
+    if (hash.length < 2)
+        return;
+    const params = new URLSearchParams(hash.slice(1));
+    if (!params.has(BOOTSTRAP_HASH_PARAM))
+        return;
+    params.delete(BOOTSTRAP_HASH_PARAM);
+    const remaining = params.toString();
+    const newHash = remaining.length > 0 ? `#${remaining}` : "";
+    window.history.replaceState(null, "", `${window.location.pathname}${window.location.search}${newHash}`);
+}
+function describeError(result) {
+    if (result.status === 429) {
+        return "Too many attempts — wait a minute and try again.";
+    }
+    if (result.status === 503) {
+        return "The server is not ready. Reload the page and try again.";
+    }
+    if (result.status === 400) {
+        return "No token provided. Paste the token from your Eliza Cloud dashboard.";
+    }
+    // 401 — invalid / expired / already used
+    return "Token invalid, expired, or already used. Bootstrap tokens are single-use — rotate from your Eliza Cloud dashboard to get a new one.";
+}
+export function BootstrapStep({ onAdvance, exchangeFn }) {
+    const fieldId = useId().replace(/:/g, "");
+    const [token, setToken] = useState("");
+    // Lazy-init to "submitting" when an auto-activate token is present so the
+    // first paint shows "Verifying…" instead of an empty paste form.
+    const [submitState, setSubmitState] = useState(() => readBootstrapTokenFromHash() !== null
+        ? { phase: "submitting" }
+        : { phase: "idle" });
+    const inputRef = useRef(null);
+    const didAutoExchangeRef = useRef(false);
+    const doExchange = useCallback(async (rawToken) => {
+        setSubmitState({ phase: "submitting" });
+        let result;
+        try {
+            if (exchangeFn) {
+                result = await exchangeFn(rawToken);
+            }
+            else {
+                // `client` is statically imported above. The `exchangeFn` injection
+                // path remains the test seam; this branch is the production path.
+                result = await client.postBootstrapExchange(rawToken);
+            }
+        }
+        catch (err) {
+            // Network down or unexpected throw — surface to user, do not proceed.
+            const message = err instanceof Error && err.message
+                ? err.message
+                : "Network error — check your connection and try again.";
+            setSubmitState({ phase: "error", message, tone: "danger" });
+            return;
+        }
+        if (result.ok === false) {
+            setSubmitState({
+                phase: "error",
+                message: describeError(result),
+                tone: "danger",
+            });
+            return;
+        }
+        // P0 bridge: write session id to sessionStorage. P1 replaces this with
+        // an HttpOnly cookie set by the server on the exchange response.
+        try {
+            sessionStorage.setItem(SESSION_STORAGE_KEY, result.sessionId);
+        }
+        catch {
+            // sessionStorage unavailable (e.g. private browsing on some browsers).
+            // Session is still in memory for this page load; the wizard can advance.
+        }
+        client.setToken(result.sessionId);
+        setSubmitState({ phase: "success" });
+        onAdvance();
+    }, [exchangeFn, onAdvance]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        const trimmed = token.trim();
+        if (!trimmed)
+            return;
+        void doExchange(trimmed);
+    }, [token, doExchange]);
+    useEffect(() => {
+        if (didAutoExchangeRef.current)
+            return;
+        const hashToken = readBootstrapTokenFromHash();
+        if (!hashToken)
+            return;
+        didAutoExchangeRef.current = true;
+        // Scrub before exchange so the token never lingers in window.history,
+        // even if exchange throws or the user navigates away mid-flight.
+        scrubBootstrapTokenFromHash();
+        void doExchange(hashToken);
+    }, [doExchange]);
+    const isSubmitting = submitState.phase === "submitting";
+    return (_jsxs("form", { onSubmit: handleSubmit, "aria-label": "Bootstrap token entry", className: "flex w-full flex-col gap-6", children: [_jsxs("div", { className: onboardingHeaderBlockClass, children: [_jsx("p", { className: onboardingEyebrowClass, style: onboardingBodyTextShadowStyle, children: "Eliza Cloud" }), _jsx(OnboardingStepDivider, {}), _jsx("h1", { className: onboardingTitleClass, style: onboardingTextShadowStyle, children: "Finish setting up your container" }), _jsx("p", { className: onboardingDescriptionClass, style: onboardingBodyTextShadowStyle, children: "Paste the bootstrap token from your Eliza Cloud dashboard to activate this container." })] }), _jsx("div", { className: onboardingDetailStackClassName, children: _jsx(OnboardingField, { controlId: fieldId, label: "Bootstrap token", message: submitState.phase === "error" ? submitState.message : undefined, messageTone: submitState.phase === "error" ? submitState.tone : undefined, children: ({ describedBy, invalid }) => (_jsx("input", { ref: inputRef, id: fieldId, type: "password", autoComplete: "off", spellCheck: false, placeholder: "Paste your bootstrap token here", value: token, onChange: (e) => {
+                            setToken(e.target.value);
+                            if (submitState.phase === "error") {
+                                setSubmitState({ phase: "idle" });
+                            }
+                        }, disabled: isSubmitting, "aria-invalid": invalid, "aria-describedby": describedBy, className: cn(onboardingInputClassName, invalid &&
+                            "border-[var(--danger)] focus-visible:border-[var(--danger)]") })) }) }), _jsx("div", { className: cn("rounded-xl px-4 py-3", "border border-[rgba(240,185,11,0.18)] bg-[rgba(240,185,11,0.07)]"), children: _jsxs("p", { className: cn(onboardingHelperTextClassName, "leading-relaxed"), style: onboardingBodyTextShadowStyle, children: [_jsx("span", { className: onboardingReadableTextMutedClassName, style: { fontFamily: MONO_FONT }, children: "Where do I get this?" }), " ", _jsxs("span", { className: onboardingReadableTextFaintClassName, children: ["Open your Eliza Cloud dashboard, select this container, and copy the token shown under \u201CBootstrap token\u201D. It is valid for 24 hours and can only be used once.", " ", _jsx("a", { href: "/docs/security/bootstrap-token", target: "_blank", rel: "noopener noreferrer", className: "underline hover:text-[var(--onboarding-text-muted)] transition-colors", children: "Learn more" })] })] }) }), _jsx("div", { className: cn(onboardingFooterClass, "justify-end"), children: _jsx("button", { type: "submit", disabled: isSubmitting || !token.trim(), className: onboardingPrimaryActionClass, style: onboardingPrimaryActionTextShadowStyle, children: isSubmitting ? "Verifying…" : "Activate" }) })] }));
+}

package/components/onboarding/PasswordSetupStep.d.ts

@@ -0,0 +1,28 @@
+/**
+ * PasswordSetupStep — onboarding wizard step for first-run password creation.
+ *
+ * Local installs: this step is REQUIRED (no skip).
+ * Cloud-provisioned installs: this step is OPTIONAL (clearly worded fallback
+ * warning so the user understands what skipping means).
+ *
+ * On submit calls POST /api/auth/setup. Server sets HttpOnly session cookies.
+ *
+ * Uses onboarding-form-primitives + onboarding-step-chrome exclusively —
+ * no external component libraries.
+ */
+import { type AuthSetupResult } from "../../api/auth-client";
+export interface PasswordSetupStepProps {
+    /** When true this step can be skipped (cloud-provisioned break-glass). */
+    optional?: boolean;
+    /** Called after a successful setup submission — caller advances wizard. */
+    onAdvance: () => void;
+    /** Called when the user chooses to skip (only available when optional=true). */
+    onSkip?: () => void;
+    /** Injected for tests. */
+    setupFn?: (params: {
+        displayName: string;
+        password: string;
+    }) => Promise<AuthSetupResult>;
+}
+export declare function PasswordSetupStep({ optional, onAdvance, onSkip, setupFn, }: PasswordSetupStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PasswordSetupStep.d.ts.map

package/components/onboarding/PasswordSetupStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordSetupStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/onboarding/PasswordSetupStep.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,uBAAuB,CAAC;AAmBxE,MAAM,WAAW,sBAAsB;IACrC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;CAChC;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,QAAgB,EAChB,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE,sBAAsB,2CA4NxB"}

package/components/onboarding/PasswordSetupStep.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PasswordSetupStep — onboarding wizard step for first-run password creation.
+ *
+ * Local installs: this step is REQUIRED (no skip).
+ * Cloud-provisioned installs: this step is OPTIONAL (clearly worded fallback
+ * warning so the user understands what skipping means).
+ *
+ * On submit calls POST /api/auth/setup. Server sets HttpOnly session cookies.
+ *
+ * Uses onboarding-form-primitives + onboarding-step-chrome exclusively —
+ * no external component libraries.
+ */
+import { cn } from "@elizaos/ui";
+import { useCallback, useId, useState } from "react";
+import { authSetup } from "../../api/auth-client.js";
+import { OnboardingField, OnboardingStatusBanner, onboardingDetailStackClassName, onboardingHelperTextClassName, onboardingInputClassName, onboardingReadableTextFaintClassName, onboardingReadableTextMutedClassName, } from "./onboarding-form-primitives.js";
+import { OnboardingLinkActionButton, OnboardingStepHeader, onboardingBodyTextShadowStyle, onboardingFooterClass, onboardingPrimaryActionClass, onboardingPrimaryActionTextShadowStyle, } from "./onboarding-step-chrome.js";
+export function PasswordSetupStep({ optional = false, onAdvance, onSkip, setupFn, }) {
+    const displayNameId = useId().replace(/:/g, "");
+    const passwordId = useId().replace(/:/g, "");
+    const confirmId = useId().replace(/:/g, "");
+    const [displayName, setDisplayName] = useState("");
+    const [password, setPassword] = useState("");
+    const [confirm, setConfirm] = useState("");
+    const [submitState, setSubmitState] = useState({
+        phase: "idle",
+    });
+    const clearError = useCallback(() => {
+        if (submitState.phase === "error")
+            setSubmitState({ phase: "idle" });
+    }, [submitState.phase]);
+    const confirmMismatch = confirm.length > 0 && password !== confirm
+        ? "Passwords do not match."
+        : undefined;
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        if (password !== confirm) {
+            setSubmitState({ phase: "error", message: "Passwords do not match." });
+            return;
+        }
+        setSubmitState({ phase: "submitting" });
+        let result;
+        try {
+            const fn = setupFn ?? authSetup;
+            result = await fn({ displayName: displayName.trim(), password });
+        }
+        catch (err) {
+            setSubmitState({
+                phase: "error",
+                message: err instanceof Error ? err.message : "Network error — try again.",
+            });
+            return;
+        }
+        if (!result.ok) {
+            setSubmitState({ phase: "error", message: result.message });
+            return;
+        }
+        setSubmitState({ phase: "success" });
+        onAdvance();
+    }, [displayName, password, confirm, setupFn, onAdvance]);
+    const isSubmitting = submitState.phase === "submitting";
+    const canSubmit = displayName.trim().length > 0 &&
+        password.length >= 12 &&
+        password === confirm &&
+        !isSubmitting;
+    return (_jsxs("form", { onSubmit: handleSubmit, "aria-label": "Password setup", className: "flex w-full flex-col gap-6", children: [_jsx(OnboardingStepHeader, { eyebrow: "Security", title: "Set your login password", description: optional
+                    ? "Recommended. Without a fallback password, if Eliza Cloud is unreachable you will not be able to log in."
+                    : "Choose a strong password to protect access to this instance." }), optional && (_jsx("div", { className: cn("rounded-xl px-4 py-3", "border border-[rgba(240,185,11,0.28)] bg-[rgba(240,185,11,0.08)]"), children: _jsxs("p", { className: cn(onboardingHelperTextClassName, "leading-relaxed"), style: onboardingBodyTextShadowStyle, children: [_jsx("span", { className: onboardingReadableTextMutedClassName, children: "This step is optional for cloud-provisioned containers." }), " ", _jsx("span", { className: onboardingReadableTextFaintClassName, children: "Eliza Cloud SSO is your primary login method. A fallback password lets you log in when the cloud is unavailable." })] }) })), _jsxs("div", { className: onboardingDetailStackClassName, children: [_jsx(OnboardingField, { controlId: displayNameId, label: "Display name", description: "Shown in the sessions list. Use a name you recognise.", children: ({ describedBy, invalid }) => (_jsx("input", { id: displayNameId, type: "text", autoComplete: "name", spellCheck: false, placeholder: "e.g. Admin", value: displayName, onChange: (e) => {
+                                setDisplayName(e.target.value);
+                                clearError();
+                            }, disabled: isSubmitting, "aria-invalid": invalid, "aria-describedby": describedBy, className: cn(onboardingInputClassName, invalid &&
+                                "border-[var(--danger)] focus-visible:border-[var(--danger)]") })) }), _jsx(OnboardingField, { controlId: passwordId, label: "Password", description: "Minimum 12 characters.", children: ({ describedBy, invalid }) => (_jsx("input", { id: passwordId, type: "password", autoComplete: "new-password", placeholder: "At least 12 characters", value: password, onChange: (e) => {
+                                setPassword(e.target.value);
+                                clearError();
+                            }, disabled: isSubmitting, "aria-invalid": invalid, "aria-describedby": describedBy, className: cn(onboardingInputClassName, invalid &&
+                                "border-[var(--danger)] focus-visible:border-[var(--danger)]") })) }), _jsx(OnboardingField, { controlId: confirmId, label: "Confirm password", message: confirmMismatch, messageTone: confirmMismatch ? "danger" : "default", children: ({ describedBy, invalid }) => (_jsx("input", { id: confirmId, type: "password", autoComplete: "new-password", placeholder: "Repeat your password", value: confirm, onChange: (e) => {
+                                setConfirm(e.target.value);
+                                clearError();
+                            }, disabled: isSubmitting, "aria-invalid": invalid || Boolean(confirmMismatch), "aria-describedby": describedBy, className: cn(onboardingInputClassName, (invalid || confirmMismatch) &&
+                                "border-[var(--danger)] focus-visible:border-[var(--danger)]") })) })] }), submitState.phase === "error" && (_jsx(OnboardingStatusBanner, { tone: "error", children: submitState.message })), _jsxs("div", { className: cn(onboardingFooterClass, optional ? "justify-between" : "justify-end"), children: [optional && onSkip && (_jsx(OnboardingLinkActionButton, { type: "button", onClick: onSkip, disabled: isSubmitting, children: "Skip for now" })), _jsx("button", { type: "submit", disabled: !canSubmit, className: onboardingPrimaryActionClass, style: onboardingPrimaryActionTextShadowStyle, children: isSubmitting ? "Saving…" : "Set password" })] })] }));
+}

package/components/onboarding/onboarding-form-primitives.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+export declare const onboardingDetailStackClassName = "flex w-full flex-col gap-4 text-left";
+export declare const onboardingCenteredStackClassName = "flex w-full flex-col items-center gap-3 text-center";
+export declare const onboardingReadableTextStrongClassName = "text-[var(--onboarding-text-strong)] [text-shadow:var(--onboarding-text-shadow-strong)] [-webkit-text-stroke:0.3px_var(--onboarding-text-stroke)]";
+export declare const onboardingReadableTextPrimaryClassName = "text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)]";
+export declare const onboardingReadableTextMutedClassName = "text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingReadableTextSubtleClassName = "text-[var(--onboarding-text-subtle)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingReadableTextFaintClassName = "text-[var(--onboarding-text-faint)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingHelperTextClassName = "text-xs leading-relaxed text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingSubtleTextClassName = "text-xs-tight leading-relaxed text-[var(--onboarding-text-subtle)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingFieldLabelClassName = "text-xs font-semibold uppercase tracking-[0.14em] text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingInlineSupportClassName = "rounded-md border border-[rgba(255,255,255,0.08)] bg-[rgba(255,255,255,0.05)] px-1 py-0.5 backdrop-blur-[10px]";
+export declare const onboardingTextSupportClassName = "rounded-xl bg-[var(--onboarding-text-support-bg)] px-3 py-2 my-2 shadow-[var(--onboarding-text-support-shadow)] backdrop-blur-[14px]";
+export declare const onboardingCardSurfaceClassName = "border border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)] shadow-[var(--onboarding-card-shadow)]";
+export declare const onboardingCardSurfaceHoverClassName = "hover:border-[var(--onboarding-card-border-strong)] hover:bg-[var(--onboarding-card-bg-hover)]";
+export declare const onboardingRecommendedSurfaceClassName = "border border-[var(--onboarding-recommended-border)] bg-[var(--onboarding-recommended-bg)] shadow-[var(--onboarding-card-shadow)]";
+export declare const onboardingRecommendedSurfaceHoverClassName = "hover:border-[var(--onboarding-recommended-border-strong)] hover:bg-[var(--onboarding-recommended-bg-hover)]";
+export declare const onboardingInputSurfaceClassName = "border border-[var(--onboarding-input-border)] bg-[var(--onboarding-input-bg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
+export declare const onboardingInfoPanelClassName = "rounded-2xl px-4 py-4 backdrop-blur-[18px] backdrop-saturate-[1.15] border border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)] shadow-[var(--onboarding-card-shadow)]";
+export declare const onboardingInputClassName = "h-12 w-full rounded-xl px-4 text-left text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)] transition-[border-color,box-shadow,background-color] duration-200 placeholder:text-[var(--onboarding-text-subtle)] focus-visible:border-[var(--onboarding-field-focus-border)] focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:shadow-[var(--onboarding-field-focus-shadow)] border border-[var(--onboarding-input-border)] bg-[var(--onboarding-input-bg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
+export declare const onboardingChoiceCardTitleClassName = "text-xs font-medium leading-[1.3] text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)]";
+export declare const onboardingChoiceCardDescriptionClassName = "mt-1 text-xs-tight leading-[1.35] text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingChoiceCardBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[var(--onboarding-accent-bg)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[var(--onboarding-accent-foreground)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
+export declare const onboardingChoiceCardDetectedBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[rgba(34,197,94,0.2)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[rgba(34,197,94,0.94)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
+export declare const onboardingChoiceCardRecommendedLabelClassName = "ml-auto shrink-0 whitespace-nowrap text-3xs font-medium uppercase tracking-[0.12em] text-accent";
+export declare function getOnboardingChoiceCardClassName({ detected, selected, recommended, }: {
+    detected?: boolean;
+    selected?: boolean;
+    recommended?: boolean;
+}): string;
+interface OnboardingFieldProps {
+    align?: "left" | "center";
+    children: (controlProps: {
+        describedBy?: string;
+        invalid: boolean;
+    }) => React.ReactNode;
+    className?: string;
+    controlId?: string;
+    description?: React.ReactNode;
+    descriptionClassName?: string;
+    label?: React.ReactNode;
+    labelClassName?: string;
+    message?: React.ReactNode;
+    messageClassName?: string;
+    messageTone?: "default" | "danger" | "success";
+}
+export declare function OnboardingField({ align, children, className, controlId, description, descriptionClassName, label, labelClassName, message, messageClassName, messageTone, }: OnboardingFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingStatusBanner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    action?: React.ReactNode;
+    live?: "polite" | "assertive";
+    tone: "success" | "neutral" | "error";
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=onboarding-form-primitives.d.ts.map

package/components/onboarding/onboarding-form-primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-form-primitives.d.ts","sourceRoot":"","sources":["../../../../../../src/components/onboarding/onboarding-form-primitives.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,8BAA8B,yCACH,CAAC;AACzC,eAAO,MAAM,gCAAgC,wDACU,CAAC;AACxD,eAAO,MAAM,qCAAqC,sJACmG,CAAC;AACtJ,eAAO,MAAM,sCAAsC,8FAC0C,CAAC;AAC9F,eAAO,MAAM,oCAAoC,0FACwC,CAAC;AAC1F,eAAO,MAAM,qCAAqC,2FACwC,CAAC;AAC3F,eAAO,MAAM,oCAAoC,0FACwC,CAAC;AAC1F,eAAO,MAAM,6BAA6B,kHAAoE,CAAC;AAC/G,eAAO,MAAM,6BAA6B,yHAA2E,CAAC;AACtH,eAAO,MAAM,6BAA6B,4IAA8F,CAAC;AACzI,eAAO,MAAM,gCAAgC,mHACqE,CAAC;AACnH,eAAO,MAAM,8BAA8B,yIAC6F,CAAC;AACzI,eAAO,MAAM,8BAA8B,wHAC4E,CAAC;AACxH,eAAO,MAAM,mCAAmC,mGACkD,CAAC;AACnG,eAAO,MAAM,qCAAqC,sIACmF,CAAC;AACtI,eAAO,MAAM,0CAA0C,iHACyD,CAAC;AACjH,eAAO,MAAM,+BAA+B,iIACoF,CAAC;AACjI,eAAO,MAAM,4BAA4B,4LAA0G,CAAC;AACpJ,eAAO,MAAM,wBAAwB,8hBAAoZ,CAAC;AAC1b,eAAO,MAAM,kCAAkC,gIAAgF,CAAC;AAChI,eAAO,MAAM,wCAAwC,4HAA8E,CAAC;AACpI,eAAO,MAAM,kCAAkC,yOACyL,CAAC;AACzO,eAAO,MAAM,0CAA0C,kNAC0J,CAAC;AAClN,eAAO,MAAM,6CAA6C,oGACyC,CAAC;AAEpG,wBAAgB,gCAAgC,CAAC,EAC/C,QAAgB,EAChB,QAAgB,EAChB,WAAmB,GACpB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,UAWA;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,CAAC,YAAY,EAAE;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAChD;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,WAAuB,GACxB,EAAE,oBAAoB,2CAyDtB;AAED,eAAO,MAAM,sBAAsB;aAGtB,KAAK,CAAC,SAAS;WACjB,QAAQ,GAAG,WAAW;UACvB,SAAS,GAAG,SAAS,GAAG,OAAO;wCA6CvC,CAAC"}

package/components/onboarding/onboarding-form-primitives.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, Field, FieldDescription, FieldLabel, FieldMessage, } from "@elizaos/ui";
+import * as React from "react";
+export const onboardingDetailStackClassName = "flex w-full flex-col gap-4 text-left";
+export const onboardingCenteredStackClassName = "flex w-full flex-col items-center gap-3 text-center";
+export const onboardingReadableTextStrongClassName = "text-[var(--onboarding-text-strong)] [text-shadow:var(--onboarding-text-shadow-strong)] [-webkit-text-stroke:0.3px_var(--onboarding-text-stroke)]";
+export const onboardingReadableTextPrimaryClassName = "text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)]";
+export const onboardingReadableTextMutedClassName = "text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export const onboardingReadableTextSubtleClassName = "text-[var(--onboarding-text-subtle)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export const onboardingReadableTextFaintClassName = "text-[var(--onboarding-text-faint)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export const onboardingHelperTextClassName = `text-xs leading-relaxed ${onboardingReadableTextMutedClassName}`;
+export const onboardingSubtleTextClassName = `text-xs-tight leading-relaxed ${onboardingReadableTextSubtleClassName}`;
+export const onboardingFieldLabelClassName = `text-xs font-semibold uppercase tracking-[0.14em] ${onboardingReadableTextMutedClassName}`;
+export const onboardingInlineSupportClassName = "rounded-md border border-[rgba(255,255,255,0.08)] bg-[rgba(255,255,255,0.05)] px-1 py-0.5 backdrop-blur-[10px]";
+export const onboardingTextSupportClassName = "rounded-xl bg-[var(--onboarding-text-support-bg)] px-3 py-2 my-2 shadow-[var(--onboarding-text-support-shadow)] backdrop-blur-[14px]";
+export const onboardingCardSurfaceClassName = "border border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)] shadow-[var(--onboarding-card-shadow)]";
+export const onboardingCardSurfaceHoverClassName = "hover:border-[var(--onboarding-card-border-strong)] hover:bg-[var(--onboarding-card-bg-hover)]";
+export const onboardingRecommendedSurfaceClassName = "border border-[var(--onboarding-recommended-border)] bg-[var(--onboarding-recommended-bg)] shadow-[var(--onboarding-card-shadow)]";
+export const onboardingRecommendedSurfaceHoverClassName = "hover:border-[var(--onboarding-recommended-border-strong)] hover:bg-[var(--onboarding-recommended-bg-hover)]";
+export const onboardingInputSurfaceClassName = "border border-[var(--onboarding-input-border)] bg-[var(--onboarding-input-bg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
+export const onboardingInfoPanelClassName = `rounded-2xl px-4 py-4 backdrop-blur-[18px] backdrop-saturate-[1.15] ${onboardingCardSurfaceClassName}`;
+export const onboardingInputClassName = `h-12 w-full rounded-xl px-4 text-left ${onboardingReadableTextPrimaryClassName} transition-[border-color,box-shadow,background-color] duration-200 placeholder:text-[var(--onboarding-text-subtle)] focus-visible:border-[var(--onboarding-field-focus-border)] focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:shadow-[var(--onboarding-field-focus-shadow)] ${onboardingInputSurfaceClassName}`;
+export const onboardingChoiceCardTitleClassName = `text-xs font-medium leading-[1.3] ${onboardingReadableTextPrimaryClassName}`;
+export const onboardingChoiceCardDescriptionClassName = `mt-1 text-xs-tight leading-[1.35] ${onboardingReadableTextMutedClassName}`;
+export const onboardingChoiceCardBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[var(--onboarding-accent-bg)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[var(--onboarding-accent-foreground)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
+export const onboardingChoiceCardDetectedBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[rgba(34,197,94,0.2)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[rgba(34,197,94,0.94)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
+export const onboardingChoiceCardRecommendedLabelClassName = "ml-auto shrink-0 whitespace-nowrap text-3xs font-medium uppercase tracking-[0.12em] text-accent";
+export function getOnboardingChoiceCardClassName({ detected = false, selected = false, recommended = false, }) {
+    return cn("flex min-h-[60px] w-full items-center justify-between gap-3 rounded-lg px-3 py-3 text-left backdrop-blur-[18px] backdrop-saturate-[1.2] transition-[border-color,background-color,box-shadow] duration-200", recommended
+        ? `${onboardingRecommendedSurfaceClassName} ${onboardingRecommendedSurfaceHoverClassName}`
+        : `${onboardingCardSurfaceClassName} ${onboardingCardSurfaceHoverClassName}`, selected &&
+        "border-[rgba(240,185,11,0.32)] bg-[rgba(240,185,11,0.12)] shadow-[0_0_0_1px_rgba(240,185,11,0.18)]", detected &&
+        "border-[rgba(34,197,94,0.4)] bg-[rgba(34,197,94,0.1)] hover:border-[rgba(34,197,94,0.5)] hover:bg-[rgba(34,197,94,0.15)]");
+}
+export function OnboardingField({ align = "left", children, className, controlId, description, descriptionClassName, label, labelClassName, message, messageClassName, messageTone = "default", }) {
+    const descriptionId = controlId && description ? `${controlId}-description` : undefined;
+    const messageId = controlId && message ? `${controlId}-message` : undefined;
+    const describedBy = [descriptionId, messageId].filter(Boolean).join(" ") || undefined;
+    const isInvalid = Boolean(message) && messageTone === "danger";
+    return (_jsxs(Field, { className: cn("w-full gap-2.5", align === "center" ? "items-center text-center" : "text-left", className), children: [label ? (_jsx(FieldLabel, { htmlFor: controlId, className: cn(onboardingFieldLabelClassName, align === "center" && "text-center", labelClassName), children: label })) : null, children({ describedBy, invalid: isInvalid }), description ? (_jsx(FieldDescription, { id: descriptionId, className: cn(onboardingHelperTextClassName, align === "center" && "text-center", descriptionClassName), children: description })) : null, message ? (_jsx(FieldMessage, { id: messageId, tone: messageTone, "aria-live": messageTone === "danger" ? "assertive" : "polite", className: cn("leading-relaxed", align === "center" && "text-center", messageClassName), children: message })) : null] }));
+}
+export const OnboardingStatusBanner = React.forwardRef(({ action, children, className, live = "polite", tone, ...props }, ref) => {
+    const compactSuccess = tone === "success" && !action;
+    const toneClass = tone === "success"
+        ? "border-[var(--ok-muted)] bg-[var(--ok-subtle)] text-ok"
+        : tone === "error"
+            ? "border-[color:color-mix(in_srgb,var(--danger)_38%,transparent)] bg-[color:color-mix(in_srgb,var(--danger)_12%,transparent)] text-danger"
+            : `${onboardingCardSurfaceClassName} ${onboardingReadableTextMutedClassName}`;
+    return (_jsxs("div", { ref: ref, "data-onboarding-status-layout": compactSuccess ? "compact" : "split", "aria-live": live, role: tone === "error" ? "alert" : "status", tabIndex: -1, className: cn("rounded-xl border text-sm", compactSuccess
+            ? "mx-auto flex w-full max-w-[24rem] items-center justify-center px-5 py-4 text-center"
+            : "flex w-full items-center justify-between gap-3 px-4 py-3", toneClass, className), ...props, children: [_jsx("div", { "data-onboarding-status-content": true, className: cn(compactSuccess
+                    ? "inline-flex items-center justify-center gap-2 text-center"
+                    : "flex min-w-0 flex-1 items-center gap-2 text-left"), children: children }), action ? (_jsx("div", { "data-onboarding-status-action": true, className: "shrink-0", children: action })) : null] }));
+});
+OnboardingStatusBanner.displayName = "OnboardingStatusBanner";

package/components/onboarding/onboarding-step-chrome.d.ts

@@ -0,0 +1,40 @@
+import type { ButtonHTMLAttributes } from "react";
+interface OnboardingStepHeaderProps {
+    eyebrow: string;
+    title?: string;
+    description?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+export declare const onboardingEyebrowClass = "text-center text-xs font-semibold uppercase tracking-[0.3em] text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingTitleClass = "text-center text-xl font-light leading-[1.4] text-[var(--onboarding-text-strong)] [text-shadow:var(--onboarding-text-shadow-strong)] [-webkit-text-stroke:0.3px_var(--onboarding-text-stroke)]";
+export declare const onboardingDescriptionClass = "mx-auto max-w-[36ch] text-center text-sm leading-relaxed text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)] rounded-xl bg-[var(--onboarding-text-support-bg)] px-3 py-2 my-2 shadow-[var(--onboarding-text-support-shadow)] backdrop-blur-[14px]";
+export declare const onboardingHeaderBlockClass = "mb-5 max-md:mb-4";
+export declare const onboardingFooterClass = "mt-6 flex flex-wrap items-center justify-between gap-x-6 gap-y-3 pt-4";
+export declare const onboardingSecondaryActionClass = "inline-flex min-h-touch min-w-touch items-center justify-center gap-2 rounded-md border border-transparent bg-transparent px-3 py-2 text-xs-tight uppercase tracking-[0.14em] transition-[color,background-color,box-shadow] duration-300 hover:bg-[var(--onboarding-secondary-hover-bg)] hover:text-[var(--onboarding-text-strong)] active:bg-[var(--onboarding-secondary-pressed-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--onboarding-secondary-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-transparent disabled:pointer-events-none disabled:opacity-50 text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingPrimaryActionClass = "group relative inline-flex min-h-touch items-center justify-center gap-2 overflow-hidden rounded-md border border-[var(--onboarding-accent-border)] bg-[var(--onboarding-accent-bg)] px-8 py-3 text-xs-tight font-semibold uppercase tracking-[0.18em] text-[var(--onboarding-accent-foreground)] transition-all duration-300 hover:border-[var(--onboarding-accent-border-hover)] hover:bg-[var(--onboarding-accent-bg-hover)] disabled:cursor-not-allowed disabled:opacity-40";
+export declare const onboardingLinkActionClass = "inline-flex min-h-touch min-w-touch items-center justify-center rounded-md border border-transparent bg-transparent px-3 py-2 text-xs-tight transition-[color,background-color,box-shadow] duration-300 hover:bg-[var(--onboarding-secondary-hover-bg)] hover:text-[var(--onboarding-link)] active:bg-[var(--onboarding-secondary-pressed-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--onboarding-secondary-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-transparent disabled:pointer-events-none disabled:opacity-50 text-[var(--onboarding-text-faint)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingTextShadowStyle: {
+    readonly textShadow: "var(--onboarding-text-shadow-strong)";
+    readonly WebkitTextStroke: "0.35px var(--onboarding-text-stroke)";
+};
+export declare const onboardingBodyTextShadowStyle: {
+    readonly textShadow: "var(--onboarding-text-shadow-muted)";
+};
+export declare const onboardingPrimaryActionTextShadowStyle: {
+    readonly textShadow: "0 1px 5px rgba(3,5,10,0.38)";
+};
+export declare const onboardingSecondaryActionTextShadowStyle: {
+    readonly textShadow: "var(--onboarding-text-shadow-muted)";
+};
+type OnboardingActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function OnboardingSecondaryActionButton({ className, style, type, ...props }: OnboardingActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingLinkActionButton({ className, style, type, ...props }: OnboardingActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingStepDivider(): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingStepHeader({ eyebrow, title, description, titleClassName, descriptionClassName, }: OnboardingStepHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function spawnOnboardingRipple(target: HTMLElement | null, point?: {
+    x: number;
+    y: number;
+}): void;
+export {};
+//# sourceMappingURL=onboarding-step-chrome.d.ts.map

package/components/onboarding/onboarding-step-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-step-chrome.d.ts","sourceRoot":"","sources":["../../../../../../src/components/onboarding/onboarding-step-chrome.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAiB,MAAM,OAAO,CAAC;AASjE,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,sBAAsB,uJAAyG,CAAC;AAE7I,eAAO,MAAM,oBAAoB,mMAA0F,CAAC;AAE5H,eAAO,MAAM,0BAA0B,wRAAuI,CAAC;AAC/K,eAAO,MAAM,0BAA0B,qBAAqB,CAAC;AAE7D,eAAO,MAAM,qBAAqB,0EACuC,CAAC;AAE1E,eAAO,MAAM,8BAA8B,irBAAmoB,CAAC;AAE/qB,eAAO,MAAM,4BAA4B,odAC0a,CAAC;AAEpd,eAAO,MAAM,yBAAyB,woBAA0lB,CAAC;AAEjoB,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC;AAEX,eAAO,MAAM,sCAAsC;;CAEzC,CAAC;AAEX,eAAO,MAAM,wCAAwC;;CAE3C,CAAC;AAcX,KAAK,2BAA2B,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE3E,wBAAgB,+BAA+B,CAAC,EAC9C,SAAS,EACT,KAAK,EACL,IAAe,EACf,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAS7B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,IAAe,EACf,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAS7B;AAED,wBAAgB,qBAAqB,4CAMpC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,WAAW,EACX,cAAmB,EACnB,oBAAyB,GAC1B,EAAE,yBAAyB,2CAgD3B;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,KAAK,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,QAgBjC"}