@agg-market/ui 4.0.0 → 6.0.0

package/dist/{chunk-5ADMXO3Y.mjs → chunk-INRG3D4M.mjs}

@@ -1,24 +1,18 @@
 import {
   LoadingIcon
-} from "./chunk-IGPNIM2B.mjs";
-import {
-  VenueLogo
-} from "./chunk-PORVP72S.mjs";
-import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  Button
-} from "./chunk-KAGYJ4XT.mjs";
+} from "./chunk-PASXFYKQ.mjs";
 import {
   AGG_ROOT_CLASS_NAME,
+  Button,
+  Icon,
+  VenueLogo,
   __spreadProps,
   __spreadValues,
   cn,
   formatUsd,
   getMotionClassName,
   shortenAddress
-} from "./chunk-GJ4U5NCE.mjs";
+} from "./chunk-HI4EEDN5.mjs";
 
 // src/auth/connect-button/index.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-DCORNTCY.mjs → chunk-JE3Z52FD.mjs}

@@ -1,56 +1,72 @@
 import {
-  VenueLogo
-} from "./chunk-PORVP72S.mjs";
+  SearchEmptyIcon,
+  Typography
+} from "./chunk-CN7GI2RJ.mjs";
 import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  getIconA11yProps
-} from "./chunk-BNDFQPHF.mjs";
-import {
-  __objRest,
+  Icon,
+  VenueLogo,
   __spreadProps,
   __spreadValues,
   cn,
   getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/search/index.tsx
-import { useMemo } from "react";
-import { useLabels, useSdkUiConfig } from "@agg-market/hooks";
+} from "./chunk-HI4EEDN5.mjs";
 
-// src/primitives/search/search-empty-icon.tsx
+// src/primitives/hello-world.tsx
+import { useHello } from "@agg-market/hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
-var SearchEmptyIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 40 40",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsx("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
-        /* @__PURE__ */ jsx(
-          "ellipse",
-          {
-            cx: "19.9987",
-            cy: "20.0012",
-            rx: "17.2",
-            ry: "6.6",
-            transform: "rotate(-35 19.9987 20.0012)",
-            stroke: "currentColor",
-            strokeWidth: "1.6"
-          }
-        )
-      ]
-    })
-  );
+function HelloWorld() {
+  const { data, error, isLoading } = useHello();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "body", children: "Loading..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(Typography, { variant: "body", children: [
+      "Error: ",
+      error.message
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Typography, { variant: "body", children: data == null ? void 0 : data.message });
+}
+HelloWorld.displayName = "HelloWorld";
+
+// src/primitives/number-value.tsx
+import { useMemo } from "react";
+import { useSdkUiConfig } from "@agg-market/hooks";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NumberValue = ({
+  value,
+  format = "number",
+  fallback = "\u2014",
+  className,
+  ariaLabel
+}) => {
+  const config = useSdkUiConfig();
+  const formatted = 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__ */ jsx2("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
-SearchEmptyIcon.displayName = "SearchEmptyIcon";
+NumberValue.displayName = "NumberValue";
+
+// src/primitives/search/index.tsx
+import { useMemo as useMemo2 } from "react";
+import { useLabels, useSdkUiConfig as useSdkUiConfig2 } from "@agg-market/hooks";
 
 // src/primitives/search/search.types.ts
 import { z } from "zod";
@@ -76,7 +92,7 @@ var searchResultItemSchema = z.object({
 var searchResultItemsSchema = z.array(searchResultItemSchema);
 
 // src/primitives/search/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var SearchResultRow = ({
   item,
   resultAria,
@@ -91,6 +107,8 @@ var SearchResultRow = ({
     "button",
     {
       type: "button",
+      role: "option",
+      "aria-selected": "false",
       className: cn(
         "group/agg-search-result",
         "group flex w-full items-center gap-6 px-5 py-3 text-left",
@@ -102,7 +120,7 @@ var SearchResultRow = ({
       "aria-label": resultAria(item.title),
       children: [
         /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "img",
             {
               src: item.thumbnailSrc,
@@ -113,7 +131,7 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "p",
             {
               className: cn(
@@ -125,9 +143,9 @@ var SearchResultRow = ({
           )
         ] }),
         /* @__PURE__ */ jsxs2("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
-          /* @__PURE__ */ jsx2(VenueLogo, { venue: item.venue, size: "small" }),
+          /* @__PURE__ */ jsx3(VenueLogo, { venue: item.venue, size: "small" }),
           /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx3(
               "p",
               {
                 className: cn(
@@ -137,7 +155,7 @@ var SearchResultRow = ({
                 children: item.valueLabel
               }
             ),
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx3(
               "p",
               {
                 className: cn(
@@ -149,7 +167,7 @@ var SearchResultRow = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           Icon,
           {
             name: "chevron-right",
@@ -178,8 +196,8 @@ var Search = ({
   inputProps
 }) => {
   const labels = useLabels();
-  const { enableAnimations } = useSdkUiConfig();
-  const validatedResults = useMemo(() => {
+  const { enableAnimations } = useSdkUiConfig2();
+  const validatedResults = useMemo2(() => {
     return getValidatedResults(results);
   }, [results]);
   const hasSearchValue = value.trim().length > 0;
@@ -191,7 +209,7 @@ var Search = ({
     onValueChange(event.target.value);
   };
   return /* @__PURE__ */ jsxs2("div", { className: cn("group/agg-search", "flex w-full flex-col gap-1", classNames == null ? void 0 : classNames.root), children: [
-    /* @__PURE__ */ jsx2("label", { className: "w-full", children: /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsx3("label", { className: "w-full", children: /* @__PURE__ */ jsxs2(
       "div",
       {
         className: cn(
@@ -205,7 +223,7 @@ var Search = ({
           classNames == null ? void 0 : classNames.inputContainer
         ),
         children: [
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             Icon,
             {
               name: "search",
@@ -213,7 +231,7 @@ var Search = ({
               className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             "input",
             __spreadProps(__spreadValues({}, inputProps), {
               type: "text",
@@ -234,24 +252,25 @@ var Search = ({
         ]
       }
     ) }),
-    shouldRenderResults ? /* @__PURE__ */ jsx2(
+    shouldRenderResults ? /* @__PURE__ */ jsx3(
       "div",
       {
         className: cn(
           "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
           classNames == null ? void 0 : classNames.dropdown
         ),
-        children: /* @__PURE__ */ jsx2(
+        children: /* @__PURE__ */ jsx3(
           "ul",
           {
             className: cn("m-0 flex list-none flex-col p-0", classNames == null ? void 0 : classNames.resultsList),
             role: "listbox",
             "aria-label": labels.search.resultsAria,
-            children: validatedResults.map((item, index) => /* @__PURE__ */ jsx2(
+            children: validatedResults.map((item, index) => /* @__PURE__ */ jsx3(
               "li",
               {
+                role: "presentation",
                 className: cn(index > 0 && "border-t border-agg-separator", classNames == null ? void 0 : classNames.resultItem),
-                children: /* @__PURE__ */ jsx2(
+                children: /* @__PURE__ */ jsx3(
                   SearchResultRow,
                   {
                     item,
@@ -267,7 +286,7 @@ var Search = ({
         )
       }
     ) : null,
-    shouldRenderNoResults ? /* @__PURE__ */ jsx2(
+    shouldRenderNoResults ? /* @__PURE__ */ jsx3(
       "div",
       {
         className: cn(
@@ -281,7 +300,7 @@ var Search = ({
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx3(
                 SearchEmptyIcon,
                 {
                   className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
@@ -289,7 +308,7 @@ var Search = ({
                 }
               ),
               /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(
                   "p",
                   {
                     className: cn(
@@ -299,7 +318,7 @@ var Search = ({
                     children: labels.search.noResultsTitle
                   }
                 ),
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(
                   "p",
                   {
                     className: cn(
@@ -320,5 +339,7 @@ var Search = ({
 Search.displayName = "Search";
 
 export {
+  HelloWorld,
+  NumberValue,
   Search
 };