@agg-market/ui 0.0.1

package/dist/venue-logo.js

@@ -0,0 +1,350 @@
+"use strict";
+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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/primitives/venue-logo/index.tsx
+var venue_logo_exports = {};
+__export(venue_logo_exports, {
+  VenueLogo: () => VenueLogo,
+  venueLogoNames: () => venueLogoNames
+});
+module.exports = __toCommonJS(venue_logo_exports);
+var import_hooks = require("@agg-market/hooks");
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+
+// src/primitives/icon/types.ts
+var getIconA11yProps = (title) => ({
+  role: title ? "img" : "presentation",
+  "aria-hidden": title ? void 0 : true
+});
+
+// src/primitives/venue-logo/logo-props.ts
+var DEFAULT_MONOCHROME_COLOR = "#000000";
+var resolveLogoPrimaryColor = ({
+  brandColor,
+  isColor = true,
+  color
+}) => {
+  if (typeof color === "string" && color.trim())
+    return color;
+  if (!isColor)
+    return DEFAULT_MONOCHROME_COLOR;
+  return brandColor;
+};
+
+// src/primitives/venue-logo/svg/logo-kalshi.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var KALSHI_GREEN = "#18C590";
+var LogoKalshiIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: KALSHI_GREEN,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 10H36V90H20V10Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M44 50L74 10H92L62 50L92 90H74L44 50Z", fill: primaryColor })
+      ]
+    })
+  );
+};
+LogoKalshiIcon.displayName = "LogoKalshiIcon";
+
+// src/primitives/venue-logo/svg/logo-opinion.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var OPINION_BLACK = "#000000";
+var OPINION_WHITE = "#FFFFFF";
+var LogoOpinionIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: OPINION_BLACK,
+    isColor,
+    color
+  });
+  const accentColor = (color == null ? void 0 : color.trim()) ? primaryColor : OPINION_WHITE;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "50", cy: "50", r: "40", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "rect",
+          {
+            x: "21",
+            y: "18",
+            width: "8",
+            height: "64",
+            rx: "4",
+            transform: "rotate(-7 21 18)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "rect",
+          {
+            x: "37",
+            y: "12",
+            width: "8",
+            height: "76",
+            rx: "4",
+            transform: "rotate(-4 37 12)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "rect",
+          {
+            x: "53",
+            y: "12",
+            width: "8",
+            height: "76",
+            rx: "4",
+            transform: "rotate(-4 53 12)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "rect",
+          {
+            x: "69",
+            y: "18",
+            width: "8",
+            height: "64",
+            rx: "4",
+            transform: "rotate(-7 69 18)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "12", y: "44", width: "76", height: "12", fill: primaryColor })
+      ]
+    })
+  );
+};
+LogoOpinionIcon.displayName = "LogoOpinionIcon";
+
+// src/primitives/venue-logo/svg/logo-polymarket.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var POLYMARKET_BLUE = "#3861FB";
+var LogoPolymarketIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: POLYMARKET_BLUE,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            d: "M18 10L78 2V98L18 88V10Z",
+            stroke: primaryColor,
+            strokeWidth: "8",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 32L78 44", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 58L78 70", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round" })
+      ]
+    })
+  );
+};
+LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
+
+// src/primitives/venue-logo/svg/logo-probable.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PROBABLE_ORANGE = "#F85B22";
+var LogoProbableIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: PROBABLE_ORANGE,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "20", y: "16", width: "60", height: "12", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { x: "18", y: "36", width: "64", height: "46", rx: "23", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "rect",
+          {
+            x: "32",
+            y: "50",
+            width: "40",
+            height: "18",
+            rx: "9",
+            fill: isColor && !color ? "white" : primaryColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "61", cy: "59", r: "7", fill: primaryColor })
+      ]
+    })
+  );
+};
+LogoProbableIcon.displayName = "LogoProbableIcon";
+
+// src/primitives/venue-logo/venue-logo.constants.ts
+var venueLogoRegistry = {
+  kalshi: LogoKalshiIcon,
+  polymarket: LogoPolymarketIcon,
+  opinion: LogoOpinionIcon,
+  probable: LogoProbableIcon
+};
+var venueLogoNames = Object.keys(venueLogoRegistry);
+var sizeClasses = {
+  xxs: "h-2 w-2",
+  xs: "h-3 w-3",
+  s: "h-4 w-4",
+  m: "h-6 w-6",
+  l: "h-8 w-8",
+  xl: "h-10 w-10",
+  xxl: "h-12 w-12"
+};
+
+// src/primitives/venue-logo/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var VenueLogo = ({
+  venue,
+  isColor = true,
+  isMonochromatic = false,
+  color,
+  size = "m",
+  className,
+  ariaLabel,
+  title
+}) => {
+  const labels = (0, import_hooks.useLabels)();
+  const Component = venueLogoRegistry[venue];
+  const sizeClass = sizeClasses[size];
+  const resolvedIsColor = isMonochromatic ? false : isColor;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    Component,
+    {
+      className: cn("shrink-0", sizeClass, className),
+      isColor: resolvedIsColor,
+      color,
+      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      title
+    }
+  );
+};
+VenueLogo.displayName = "VenueLogo";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VenueLogo,
+  venueLogoNames
+});

package/dist/venue-logo.mjs

@@ -0,0 +1,10 @@
+import {
+  VenueLogo,
+  venueLogoNames
+} from "./chunk-LY6474C4.mjs";
+import "./chunk-BNDFQPHF.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  VenueLogo,
+  venueLogoNames
+};

package/dist/venue-logo.types-4hmCg3D3.d.ts

@@ -0,0 +1,17 @@
+import { VenueMarket } from '@agg/hooks';
+import { A as AvailableSizes } from './types-CayJ8tWA.js';
+
+type AdditionalVenue = "opinion" | "probable";
+type VenueLogoName = VenueMarket["venue"] | AdditionalVenue;
+type VenueLogoProps = {
+    venue: VenueLogoName;
+    isColor?: boolean;
+    isMonochromatic?: boolean;
+    color?: string;
+    size?: AvailableSizes;
+    className?: string;
+    ariaLabel?: string;
+    title?: string;
+};
+
+export type { VenueLogoName as V, VenueLogoProps as a };

package/dist/venue-logo.types-B1iPJgiD.d.mts

@@ -0,0 +1,17 @@
+import { VenueMarket } from '@agg-market/hooks';
+import { A as AvailableSizes } from './types-CayJ8tWA.mjs';
+
+type AdditionalVenue = "opinion" | "probable";
+type VenueLogoName = VenueMarket["venue"] | AdditionalVenue;
+type VenueLogoProps = {
+    venue: VenueLogoName;
+    isColor?: boolean;
+    isMonochromatic?: boolean;
+    color?: string;
+    size?: AvailableSizes;
+    className?: string;
+    ariaLabel?: string;
+    title?: string;
+};
+
+export type { VenueLogoName as V, VenueLogoProps as a };

package/dist/venue-logo.types-Bg8eXtGp.d.ts

@@ -0,0 +1,17 @@
+import { VenueMarket } from '@agg-market/hooks';
+import { A as AvailableSizes } from './types-CayJ8tWA.js';
+
+type AdditionalVenue = "opinion" | "probable";
+type VenueLogoName = VenueMarket["venue"] | AdditionalVenue;
+type VenueLogoProps = {
+    venue: VenueLogoName;
+    isColor?: boolean;
+    isMonochromatic?: boolean;
+    color?: string;
+    size?: AvailableSizes;
+    className?: string;
+    ariaLabel?: string;
+    title?: string;
+};
+
+export type { VenueLogoName as V, VenueLogoProps as a };

package/dist/venue-logo.types-QNDwiQ77.d.mts

@@ -0,0 +1,17 @@
+import { VenueMarket } from '@agg/hooks';
+import { A as AvailableSizes } from './types-CayJ8tWA.mjs';
+
+type AdditionalVenue = "opinion" | "probable";
+type VenueLogoName = VenueMarket["venue"] | AdditionalVenue;
+type VenueLogoProps = {
+    venue: VenueLogoName;
+    isColor?: boolean;
+    isMonochromatic?: boolean;
+    color?: string;
+    size?: AvailableSizes;
+    className?: string;
+    ariaLabel?: string;
+    title?: string;
+};
+
+export type { VenueLogoName as V, VenueLogoProps as a };

package/package.json

@@ -0,0 +1,195 @@
+{
+  "name": "@agg-market/ui",
+  "version": "0.0.1",
+  "sideEffects": false,
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Snag-Solutions/agg.git",
+    "directory": "packages/ui"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "import": "./dist/button.mjs",
+      "require": "./dist/button.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "import": "./dist/skeleton.mjs",
+      "require": "./dist/skeleton.js"
+    },
+    "./switch-button": {
+      "types": "./dist/switch-button.d.ts",
+      "import": "./dist/switch-button.mjs",
+      "require": "./dist/switch-button.js"
+    },
+    "./connect-button": {
+      "types": "./dist/connect-button.d.ts",
+      "import": "./dist/connect-button.mjs",
+      "require": "./dist/connect-button.js"
+    },
+    "./hello-world": {
+      "types": "./dist/hello-world.d.ts",
+      "import": "./dist/hello-world.mjs",
+      "require": "./dist/hello-world.js"
+    },
+    "./card": {
+      "types": "./dist/card.d.ts",
+      "import": "./dist/card.mjs",
+      "require": "./dist/card.js"
+    },
+    "./chart": {
+      "types": "./dist/chart.d.ts",
+      "import": "./dist/chart.mjs",
+      "require": "./dist/chart.js"
+    },
+    "./loading-icon": {
+      "types": "./dist/loading-icon.d.ts",
+      "import": "./dist/loading-icon.mjs",
+      "require": "./dist/loading-icon.js"
+    },
+    "./typography": {
+      "types": "./dist/typography.d.ts",
+      "import": "./dist/typography.mjs",
+      "require": "./dist/typography.js"
+    },
+    "./icon": {
+      "types": "./dist/icon.d.ts",
+      "import": "./dist/icon.mjs",
+      "require": "./dist/icon.js"
+    },
+    "./number-value": {
+      "types": "./dist/number-value.d.ts",
+      "import": "./dist/number-value.mjs",
+      "require": "./dist/number-value.js"
+    },
+    "./venue-logo": {
+      "types": "./dist/venue-logo.d.ts",
+      "import": "./dist/venue-logo.mjs",
+      "require": "./dist/venue-logo.js"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "import": "./dist/badge.mjs",
+      "require": "./dist/badge.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "import": "./dist/select.mjs",
+      "require": "./dist/select.js"
+    },
+    "./search": {
+      "types": "./dist/search.d.ts",
+      "import": "./dist/search.mjs",
+      "require": "./dist/search.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs.d.ts",
+      "import": "./dist/tabs.mjs",
+      "require": "./dist/tabs.js"
+    },
+    "./settlement": {
+      "types": "./dist/settlement.d.ts",
+      "import": "./dist/settlement.mjs",
+      "require": "./dist/settlement.js"
+    },
+    "./place-order": {
+      "types": "./dist/place-order.d.ts",
+      "import": "./dist/place-order.mjs",
+      "require": "./dist/place-order.js"
+    },
+    "./event-list-item": {
+      "types": "./dist/event-list-item.d.ts",
+      "import": "./dist/event-list-item.mjs",
+      "require": "./dist/event-list-item.js"
+    },
+    "./event-list-item-details": {
+      "types": "./dist/event-list-item-details.d.ts",
+      "import": "./dist/event-list-item-details.mjs",
+      "require": "./dist/event-list-item-details.js"
+    },
+    "./market-details": {
+      "types": "./dist/market-details.d.ts",
+      "import": "./dist/market-details.mjs",
+      "require": "./dist/market-details.js"
+    },
+    "./event-list": {
+      "types": "./dist/event-list.d.ts",
+      "import": "./dist/event-list.mjs",
+      "require": "./dist/event-list.js"
+    },
+    "./home-page": {
+      "types": "./dist/home-page.d.ts",
+      "import": "./dist/home-page.mjs",
+      "require": "./dist/home-page.js"
+    },
+    "./event-market-page": {
+      "types": "./dist/event-market-page.d.ts",
+      "import": "./dist/event-market-page.mjs",
+      "require": "./dist/event-market-page.js"
+    },
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.mjs",
+      "require": "./dist/modal.js"
+    },
+    "./onboarding-modal": {
+      "types": "./dist/onboarding-modal.d.ts",
+      "import": "./dist/onboarding-modal.mjs",
+      "require": "./dist/onboarding-modal.js"
+    },
+    "./styles.css": "./src/styles.css",
+    "./tailwind.css": "./src/tailwind.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "NODE_OPTIONS=--max-old-space-size=4096 tsup && pnpm exec tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify && pnpm exec tailwindcss -i ./src/tailwind.css -o ./dist/tailwind.css --minify",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo node_modules dist"
+  },
+  "peerDependencies": {
+    "@agg-market/hooks": "workspace:*",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "dayjs": "^1.11.19",
+    "liveline": "^0.0.6",
+    "viem": "^2.46.2",
+    "wagmi": "^3.5.0",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@agg/eslint-config": "workspace:*",
+    "@agg-market/hooks": "workspace:*",
+    "@agg/typescript-config": "workspace:*",
+    "@tailwindcss/cli": "^4.2.0",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "eslint": "^9.39.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^4.2.0",
+    "tsup": "^8.0.2",
+    "typescript": "5.8.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
+}