@agg-market/ui 0.0.1

package/dist/market-details.mjs

@@ -0,0 +1,22 @@
+import {
+  MarketDetails
+} from "./chunk-7CD7GIZC.mjs";
+import "./chunk-XDAEEJYR.mjs";
+import "./chunk-QXFDXXDB.mjs";
+import "./chunk-PAQ542ER.mjs";
+import "./chunk-IY2AA3OL.mjs";
+import "./chunk-NFYS557L.mjs";
+import "./chunk-FZTAHWOS.mjs";
+import "./chunk-LY6474C4.mjs";
+import "./chunk-DA6KZWSK.mjs";
+import "./chunk-VYNVBJK6.mjs";
+import "./chunk-BNDFQPHF.mjs";
+import "./chunk-C4OI72SM.mjs";
+import "./chunk-DQ6XFBYJ.mjs";
+import "./chunk-YUIZZ6XE.mjs";
+import "./chunk-FACIYUNK.mjs";
+import "./chunk-TTOR7JCT.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  MarketDetails
+};

package/dist/modal.d.mts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+
+interface ModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+interface ModalContainerClassNames {
+    container?: string;
+    overlay?: string;
+    content?: string;
+}
+interface ModalContainerProps {
+    children: ReactNode;
+    maxWidth?: string;
+    classNames?: ModalContainerClassNames;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+interface ModalHeaderClassNames {
+    root?: string;
+    container?: string;
+    title?: string;
+    titleContainer?: string;
+    subtitle?: string;
+    close?: string;
+}
+interface ModalHeaderProps {
+    title?: string;
+    subtitle?: string;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    hideClose?: boolean;
+    closeIcon?: ReactNode;
+    classNames?: ModalHeaderClassNames;
+    children?: ReactNode;
+    hideBorder?: boolean;
+}
+interface ModalBodyClassNames {
+    root?: string;
+}
+interface ModalBodyProps {
+    children: ReactNode;
+    classNames?: ModalBodyClassNames;
+}
+interface ModalFooterClassNames {
+    root?: string;
+}
+interface ModalFooterProps {
+    children: ReactNode;
+    classNames?: ModalFooterClassNames;
+    hideBorder?: boolean;
+}
+
+declare const Modal: {
+    ({ open, onOpenChange, children, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, }: ModalProps): JSX.Element;
+    Container: ({ children, maxWidth, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ModalContainerProps) => JSX.Element;
+    Header: ({ title, subtitle, leftElement, rightElement, hideClose, closeIcon, classNames, children, hideBorder, }: ModalHeaderProps) => JSX.Element;
+    Body: ({ children, classNames }: ModalBodyProps) => JSX.Element;
+    Footer: ({ children, classNames, hideBorder, }: ModalFooterProps) => JSX.Element;
+    displayName: string;
+};
+
+export { Modal, type ModalBodyClassNames, type ModalBodyProps, type ModalContainerClassNames, type ModalContainerProps, type ModalFooterClassNames, type ModalFooterProps, type ModalHeaderClassNames, type ModalHeaderProps, type ModalProps };

package/dist/modal.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+
+interface ModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+interface ModalContainerClassNames {
+    container?: string;
+    overlay?: string;
+    content?: string;
+}
+interface ModalContainerProps {
+    children: ReactNode;
+    maxWidth?: string;
+    classNames?: ModalContainerClassNames;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+interface ModalHeaderClassNames {
+    root?: string;
+    container?: string;
+    title?: string;
+    titleContainer?: string;
+    subtitle?: string;
+    close?: string;
+}
+interface ModalHeaderProps {
+    title?: string;
+    subtitle?: string;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    hideClose?: boolean;
+    closeIcon?: ReactNode;
+    classNames?: ModalHeaderClassNames;
+    children?: ReactNode;
+    hideBorder?: boolean;
+}
+interface ModalBodyClassNames {
+    root?: string;
+}
+interface ModalBodyProps {
+    children: ReactNode;
+    classNames?: ModalBodyClassNames;
+}
+interface ModalFooterClassNames {
+    root?: string;
+}
+interface ModalFooterProps {
+    children: ReactNode;
+    classNames?: ModalFooterClassNames;
+    hideBorder?: boolean;
+}
+
+declare const Modal: {
+    ({ open, onOpenChange, children, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, }: ModalProps): JSX.Element;
+    Container: ({ children, maxWidth, classNames, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ModalContainerProps) => JSX.Element;
+    Header: ({ title, subtitle, leftElement, rightElement, hideClose, closeIcon, classNames, children, hideBorder, }: ModalHeaderProps) => JSX.Element;
+    Body: ({ children, classNames }: ModalBodyProps) => JSX.Element;
+    Footer: ({ children, classNames, hideBorder, }: ModalFooterProps) => JSX.Element;
+    displayName: string;
+};
+
+export { Modal, type ModalBodyClassNames, type ModalBodyProps, type ModalContainerClassNames, type ModalContainerProps, type ModalFooterClassNames, type ModalFooterProps, type ModalHeaderClassNames, type ModalHeaderProps, type ModalProps };

package/dist/modal.js

@@ -0,0 +1,317 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/primitives/modal/index.tsx
+var modal_exports = {};
+__export(modal_exports, {
+  Modal: () => Modal
+});
+module.exports = __toCommonJS(modal_exports);
+var Dialog = __toESM(require("@radix-ui/react-dialog"));
+var import_hooks = require("@agg-market/hooks");
+
+// src/constants.ts
+var AGG_ROOT_CLASS_NAME = "agg-root";
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+var getMotionClassName = (enabled, ...values) => {
+  if (!enabled)
+    return void 0;
+  return cn(...values);
+};
+
+// src/primitives/icon/types.ts
+var getIconA11yProps = (title) => ({
+  role: title ? "img" : "presentation",
+  "aria-hidden": title ? void 0 : true
+});
+
+// src/primitives/icon/svg/close.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CloseIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M12 4L4 12M4 4l8 8",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+CloseIcon.displayName = "CloseIcon";
+
+// src/primitives/modal/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Modal = ({
+  open,
+  onOpenChange,
+  children,
+  "aria-label": _ariaLabel,
+  "aria-labelledby": _ariaLabelledBy
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dialog.Root, { open, onOpenChange, children });
+};
+var ModalContainer = ({
+  children,
+  maxWidth = "600px",
+  classNames,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) => {
+  const { rootClassName, enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const overlayAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-overlay-in motion-safe:data-[state=closed]:animate-agg-modal-overlay-out motion-reduce:animate-none" : void 0;
+  const panelAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-panel-in motion-safe:data-[state=closed]:animate-agg-modal-panel-out motion-reduce:animate-none" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Dialog.Overlay,
+      {
+        className: cn(
+          "fixed inset-0 z-agg-overlay bg-agg-overlay",
+          overlayAnimationClassName,
+          classNames == null ? void 0 : classNames.overlay
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Dialog.Content,
+      {
+        className: cn(
+          "fixed inset-0 z-agg-modal",
+          "flex items-center justify-center p-4",
+          "sm:p-5",
+          classNames == null ? void 0 : classNames.content
+        ),
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        onCloseAutoFocus: (event) => {
+          event.preventDefault();
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            className: cn(
+              AGG_ROOT_CLASS_NAME,
+              rootClassName,
+              "flex w-full max-h-[calc(100%-2rem)] flex-col font-agg-sans",
+              "rounded-agg-2xl border border-agg-separator",
+              "bg-agg-secondary text-agg-foreground shadow-agg-modal",
+              "origin-bottom overflow-hidden will-change-transform",
+              panelAnimationClassName,
+              classNames == null ? void 0 : classNames.container
+            ),
+            "data-agg-animations": enableAnimations ? "true" : "false",
+            style: { maxWidth },
+            children
+          }
+        )
+      }
+    )
+  ] });
+};
+Modal.Container = ModalContainer;
+var ModalHeader = ({
+  title,
+  subtitle,
+  leftElement,
+  rightElement,
+  hideClose = false,
+  closeIcon,
+  classNames,
+  children,
+  hideBorder = false
+}) => {
+  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const labels = (0, import_hooks.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, { className: "h-6 w-6" });
+  const resolvedCloseIcon = closeIcon != null ? closeIcon : defaultCloseIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col",
+        "sticky top-0 z-20",
+        "bg-agg-secondary",
+        hideBorder ? "border-0" : "border-b border-agg-separator",
+        subtitle ? "min-h-20" : "min-h-16",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between",
+              "px-4 py-4",
+              "sm:px-8 sm:py-6",
+              subtitle && "sm:py-4",
+              children ? "pb-3 sm:pb-4" : void 0,
+              classNames == null ? void 0 : classNames.container
+            ),
+            children: [
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  Dialog.Title,
+                  {
+                    className: cn(
+                      !title && "invisible",
+                      "flex items-center text-agg-lg font-agg-bold leading-agg-6",
+                      "sm:text-agg-2xl sm:leading-agg-8",
+                      "text-ellipsis overflow-hidden whitespace-nowrap",
+                      classNames == null ? void 0 : classNames.title
+                    ),
+                    children: title
+                  }
+                ),
+                subtitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "span",
+                  {
+                    className: cn(
+                      "text-agg-sm leading-agg-4 text-agg-muted-foreground sm:leading-agg-5",
+                      classNames == null ? void 0 : classNames.subtitle
+                    ),
+                    children: subtitle
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  Dialog.Close,
+                  {
+                    className: cn(
+                      "outline-0 flex items-center hover:cursor-pointer justify-center text-agg-foreground hover:text-agg-foreground/80",
+                      getMotionClassName(enableAnimations, "transition-colors"),
+                      classNames == null ? void 0 : classNames.close
+                    ),
+                    "aria-label": labels.common.close,
+                    children: resolvedCloseIcon
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children }) : null
+      ]
+    }
+  );
+};
+Modal.Header = ModalHeader;
+var ModalBody = ({ children, classNames }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "grow overflow-y-auto",
+        "px-4 py-6",
+        "sm:p-8",
+        "bg-agg-secondary text-agg-foreground",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children
+    }
+  );
+};
+Modal.Body = ModalBody;
+var ModalFooter = ({
+  children,
+  classNames,
+  hideBorder = false
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0",
+        "bg-agg-secondary",
+        "flex h-[73px] w-full flex-row items-center justify-between gap-3",
+        "border-agg-separator p-4",
+        "sm:h-20 sm:justify-end sm:px-8 sm:py-5",
+        hideBorder ? "border-0" : "border-t",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children
+    }
+  );
+};
+Modal.Footer = ModalFooter;
+Modal.displayName = "Modal";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Modal
+});

package/dist/modal.mjs

@@ -0,0 +1,9 @@
+import {
+  Modal
+} from "./chunk-CKTAVEW2.mjs";
+import "./chunk-VYNVBJK6.mjs";
+import "./chunk-BNDFQPHF.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  Modal
+};

package/dist/number-value.d.mts

@@ -0,0 +1,14 @@
+type NumberValueFormat = "number" | "percent" | "currency" | "compactCurrency" | "date";
+type NumberValueProps = {
+    value?: number | Date | null;
+    format?: NumberValueFormat;
+    fallback?: string;
+    className?: string;
+    ariaLabel?: string;
+};
+declare const NumberValue: {
+    ({ value, format, fallback, className, ariaLabel, }: NumberValueProps): JSX.Element;
+    displayName: string;
+};
+
+export { NumberValue, type NumberValueFormat, type NumberValueProps };

package/dist/number-value.d.ts

@@ -0,0 +1,14 @@
+type NumberValueFormat = "number" | "percent" | "currency" | "compactCurrency" | "date";
+type NumberValueProps = {
+    value?: number | Date | null;
+    format?: NumberValueFormat;
+    fallback?: string;
+    className?: string;
+    ariaLabel?: string;
+};
+declare const NumberValue: {
+    ({ value, format, fallback, className, ariaLabel, }: NumberValueProps): JSX.Element;
+    displayName: string;
+};
+
+export { NumberValue, type NumberValueFormat, type NumberValueProps };

package/dist/number-value.js

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/primitives/number-value.tsx
+var number_value_exports = {};
+__export(number_value_exports, {
+  NumberValue: () => NumberValue
+});
+module.exports = __toCommonJS(number_value_exports);
+var import_react = require("react");
+var import_hooks = require("@agg-market/hooks");
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+
+// src/primitives/number-value.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var NumberValue = ({
+  value,
+  format = "number",
+  fallback = "\u2014",
+  className,
+  ariaLabel
+}) => {
+  const config = (0, import_hooks.useSdkUiConfig)();
+  const formatted = (0, import_react.useMemo)(() => {
+    if (value == null)
+      return fallback;
+    if (format === "date") {
+      if (value instanceof Date)
+        return config.formatDate(value);
+      return fallback;
+    }
+    if (typeof value !== "number")
+      return fallback;
+    if (format === "percent")
+      return config.formatPercent(value);
+    if (format === "currency")
+      return config.formatCurrency(value);
+    if (format === "compactCurrency") {
+      return config.formatCompactCurrency(value);
+    }
+    return config.formatNumber(value);
+  }, [config, fallback, format, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+};
+NumberValue.displayName = "NumberValue";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NumberValue
+});

package/dist/number-value.mjs

@@ -0,0 +1,7 @@
+import {
+  NumberValue
+} from "./chunk-JLLMIPIX.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  NumberValue
+};

package/dist/onboarding-modal.d.mts

@@ -0,0 +1,88 @@
+import { ReactNode } from 'react';
+
+interface OnboardingProfileData {
+    username: string;
+    avatarFile?: File;
+    avatarPreview?: string;
+}
+interface HowItWorksIcons {
+    createAccount?: ReactNode;
+    linkAccounts?: ReactNode;
+    bestPrices?: ReactNode;
+    stayInControl?: ReactNode;
+}
+/** Connection state for a venue card. */
+type ConnectionState = "idle" | "connecting" | "connected" | "error";
+interface OnboardingModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onProfileSubmit?: (data: OnboardingProfileData) => void;
+    /** Called when the user clicks "Connect" on the onchain card. Should resolve on success, reject/throw on failure. */
+    onConnectOnchain?: () => Promise<void>;
+    /** Called when the user submits Kalshi credentials. Should resolve on success, reject/throw on failure. */
+    onConnectKalshi?: (credentials: KalshiCredentials) => Promise<void>;
+    onComplete?: () => void;
+    howItWorksIcons?: HowItWorksIcons;
+    connectedOnchain?: boolean;
+    connectedKalshi?: boolean;
+}
+interface KalshiCredentials {
+    apiKeyId: string;
+    privateKey: string;
+}
+interface HowItWorksStepProps {
+    onContinue: () => void;
+    icons?: HowItWorksIcons;
+}
+interface ProfileSetupStepProps {
+    onContinue: (data: OnboardingProfileData) => void;
+}
+interface ConnectAccountsStepProps {
+    onConnectOnchain?: () => void;
+    onConnectKalshi?: () => void;
+    onContinue: () => void;
+    connectedOnchain?: boolean;
+    connectedKalshi?: boolean;
+}
+interface ConnectOnchainModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConnect: () => Promise<void>;
+}
+interface ConnectKalshiModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onVerify: (credentials: KalshiCredentials) => Promise<void>;
+}
+
+declare const HowItWorksStep: {
+    ({ onContinue, icons }: HowItWorksStepProps): JSX.Element;
+    displayName: string;
+};
+
+declare const ProfileSetupStep: {
+    ({ onContinue }: ProfileSetupStepProps): JSX.Element;
+    displayName: string;
+};
+
+declare const ConnectAccountsStep: {
+    ({ onConnectOnchain, onConnectKalshi, onContinue, connectedOnchain, connectedKalshi, }: ConnectAccountsStepProps): JSX.Element;
+    displayName: string;
+};
+
+declare const ConnectKalshiModal: {
+    ({ open, onOpenChange, onVerify, }: ConnectKalshiModalProps): JSX.Element;
+    displayName: string;
+};
+
+declare const ConnectOnchainModal: {
+    ({ open, onOpenChange, onConnect, }: ConnectOnchainModalProps): JSX.Element;
+    displayName: string;
+};
+
+declare const OnboardingModal: {
+    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onConnectKalshi, onComplete, howItWorksIcons, connectedOnchain, connectedKalshi, }: OnboardingModalProps): JSX.Element;
+    displayName: string;
+};
+
+export { ConnectAccountsStep, type ConnectAccountsStepProps, ConnectKalshiModal, type ConnectKalshiModalProps, ConnectOnchainModal, type ConnectOnchainModalProps, type ConnectionState, type HowItWorksIcons, HowItWorksStep, type HowItWorksStepProps, type KalshiCredentials, OnboardingModal, type OnboardingModalProps, type OnboardingProfileData, ProfileSetupStep, type ProfileSetupStepProps };