@agg-market/ui 4.0.0 → 6.0.0

package/dist/modal.js

@@ -1,321 +0,0 @@
-"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(
-          "group/agg-modal",
-          "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(
-        "group/agg-modal-header",
-        "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(
-        "group/agg-modal-body",
-        "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(
-        "group/agg-modal-footer",
-        "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

@@ -1,9 +0,0 @@
-import {
-  Modal
-} from "./chunk-5K7VXAYM.mjs";
-import "./chunk-NDG43KGL.mjs";
-import "./chunk-BNDFQPHF.mjs";
-import "./chunk-GJ4U5NCE.mjs";
-export {
-  Modal
-};

package/dist/number-value.js

@@ -1,67 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-import {
-  NumberValue
-} from "./chunk-4VUDTWH7.mjs";
-import "./chunk-GJ4U5NCE.mjs";
-export {
-  NumberValue
-};

package/dist/onboarding-modal.d.mts

@@ -1,88 +0,0 @@
-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 };

package/dist/onboarding-modal.d.ts

@@ -1,88 +0,0 @@
-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 };