@agg-market/ui 5.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-QDMHLRDY.mjs → chunk-JE3Z52FD.mjs}

@@ -1,22 +1,72 @@
 import {
-  SearchEmptyIcon
-} from "./chunk-4343LYSH.mjs";
-import {
-  VenueLogo
-} from "./chunk-PORVP72S.mjs";
-import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
+  SearchEmptyIcon,
+  Typography
+} from "./chunk-CN7GI2RJ.mjs";
 import {
+  Icon,
+  VenueLogo,
   __spreadProps,
   __spreadValues,
   cn,
   getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
+} from "./chunk-HI4EEDN5.mjs";
 
-// src/primitives/search/index.tsx
+// src/primitives/hello-world.tsx
+import { useHello } from "@agg-market/hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 { useLabels, useSdkUiConfig } from "@agg-market/hooks";
+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 });
+};
+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";
@@ -42,7 +92,7 @@ var searchResultItemSchema = z.object({
 var searchResultItemsSchema = z.array(searchResultItemSchema);
 
 // src/primitives/search/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var SearchResultRow = ({
   item,
   resultAria,
@@ -53,7 +103,7 @@ var SearchResultRow = ({
   const handleResultClick = () => {
     onSelect == null ? void 0 : onSelect(item);
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       type: "button",
@@ -69,8 +119,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          /* @__PURE__ */ jsx3(
             "img",
             {
               src: item.thumbnailSrc,
@@ -81,7 +131,7 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(
             "p",
             {
               className: cn(
@@ -92,10 +142,10 @@ var SearchResultRow = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
-          /* @__PURE__ */ jsx(VenueLogo, { venue: item.venue, size: "small" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs2("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
+          /* @__PURE__ */ jsx3(VenueLogo, { venue: item.venue, size: "small" }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx3(
               "p",
               {
                 className: cn(
@@ -105,7 +155,7 @@ var SearchResultRow = ({
                 children: item.valueLabel
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx3(
               "p",
               {
                 className: cn(
@@ -117,7 +167,7 @@ var SearchResultRow = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx3(
           Icon,
           {
             name: "chevron-right",
@@ -146,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;
@@ -158,8 +208,8 @@ var Search = ({
   const handleInputChange = (event) => {
     onValueChange(event.target.value);
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("group/agg-search", "flex w-full flex-col gap-1", classNames == null ? void 0 : classNames.root), children: [
-    /* @__PURE__ */ jsx("label", { className: "w-full", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2("div", { className: cn("group/agg-search", "flex w-full flex-col gap-1", classNames == null ? void 0 : classNames.root), children: [
+    /* @__PURE__ */ jsx3("label", { className: "w-full", children: /* @__PURE__ */ jsxs2(
       "div",
       {
         className: cn(
@@ -173,7 +223,7 @@ var Search = ({
           classNames == null ? void 0 : classNames.inputContainer
         ),
         children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(
             Icon,
             {
               name: "search",
@@ -181,7 +231,7 @@ var Search = ({
               className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(
             "input",
             __spreadProps(__spreadValues({}, inputProps), {
               type: "text",
@@ -202,25 +252,25 @@ var Search = ({
         ]
       }
     ) }),
-    shouldRenderResults ? /* @__PURE__ */ jsx(
+    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__ */ jsx(
+        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__ */ jsx(
+            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__ */ jsx(
+                children: /* @__PURE__ */ jsx3(
                   SearchResultRow,
                   {
                     item,
@@ -236,29 +286,29 @@ var Search = ({
         )
       }
     ) : null,
-    shouldRenderNoResults ? /* @__PURE__ */ jsx(
+    shouldRenderNoResults ? /* @__PURE__ */ jsx3(
       "div",
       {
         className: cn(
           "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-10 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
           classNames == null ? void 0 : classNames.emptyState
         ),
-        children: /* @__PURE__ */ jsxs(
+        children: /* @__PURE__ */ jsxs2(
           "div",
           {
             className: cn("flex flex-col items-center gap-5", classNames == null ? void 0 : classNames.emptyStateContent),
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx3(
                 SearchEmptyIcon,
                 {
                   className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                   "aria-hidden": true
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                /* @__PURE__ */ jsx3(
                   "p",
                   {
                     className: cn(
@@ -268,7 +318,7 @@ var Search = ({
                     children: labels.search.noResultsTitle
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx3(
                   "p",
                   {
                     className: cn(
@@ -289,5 +339,7 @@ var Search = ({
 Search.displayName = "Search";
 
 export {
+  HelloWorld,
+  NumberValue,
   Search
 };