@agg-market/ui 10.0.0 → 11.0.0

package/dist/index.mjs

@@ -3,14 +3,14 @@ import {
   EventMarketPage,
   HomePage,
   UserProfilePage
-} from "./chunk-RYQSVETG.mjs";
+} from "./chunk-HMUMJUIL.mjs";
 import {
   EventList,
   EventListItem,
   EventListItemDetails,
   MarketDetails,
   MarketDetailsList
-} from "./chunk-GYOCLZGH.mjs";
+} from "./chunk-2KGE5AJQ.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -22,7 +22,7 @@ import {
   ProfileModal,
   ProfileSetupStep,
   WithdrawModal
-} from "./chunk-55YYUTBK.mjs";
+} from "./chunk-5FSWOXEG.mjs";
 import {
   placeOrderMetricSchema,
   placeOrderOutcomeSchema,
@@ -54,9 +54,10 @@ import {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel
-} from "./chunk-5G4T5R2H.mjs";
+} from "./chunk-UONHGMFI.mjs";
 import {
   AGG_ROOT_CLASS_NAME,
+  AggLogo,
   AppleIcon,
   ArrowTrendUpIcon,
   ArrowsToDotIcon,
@@ -85,6 +86,7 @@ import {
   EthereumIcon,
   ExternalLinkIcon,
   GoogleIcon,
+  Header,
   HelloWorld,
   Icon,
   ImageIcon,
@@ -137,7 +139,7 @@ import {
   toDate,
   typographyVariants,
   venueLogoNames
-} from "./chunk-XP7DREIX.mjs";
+} from "./chunk-IUJXJEDQ.mjs";
 
 // src/auth/connect-button-view/index.tsx
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
@@ -484,7 +486,10 @@ var AuthConnectButtonView = ({
   walletMethods
 }) => {
   const labels = useLabels();
-  const { enableAnimations, rootClassName } = useSdkUiConfig();
+  const {
+    general: { rootClassName },
+    features: { enableAnimations }
+  } = useSdkUiConfig();
   const resolvedProfileLabel = profileLabel || labels.auth.myProfile;
   const dropdownMenuItemClassName = cn(
     "cursor-pointer",
@@ -705,6 +710,7 @@ var AuthConnectButtonView = ({
 AuthConnectButtonView.displayName = "AuthConnectButtonView";
 export {
   AGG_ROOT_CLASS_NAME,
+  AggLogo,
   AppleIcon,
   ArrowTrendUpIcon,
   ArrowsToDotIcon,
@@ -742,6 +748,7 @@ export {
   EventMarketPage,
   ExternalLinkIcon,
   GoogleIcon,
+  Header,
   HelloWorld,
   HomePage,
   HowItWorksStep,

package/dist/modals.js

@@ -186,7 +186,10 @@ var ModalContainer = ({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy
 }) => {
-  const { rootClassName, enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const {
+    general: { rootClassName },
+    features: { 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: [
@@ -249,7 +252,9 @@ var ModalHeader = ({
   children,
   hideBorder = false
 }) => {
-  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const {
+    features: { 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;
@@ -754,7 +759,9 @@ var Button = (_a) => {
     "className",
     "aria-label"
   ]);
-  const { enableAnimations } = (0, import_hooks2.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks2.useSdkUiConfig)();
   const isDisabled = disabled || isLoading;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "button",
@@ -803,7 +810,9 @@ var import_react = require("react");
 var import_hooks3 = require("@agg-market/hooks");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var SkeletonBlock = ({ className }) => {
-  const { enableAnimations } = (0, import_hooks3.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks3.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
@@ -2550,7 +2559,9 @@ var VenueLogo = ({
   title
 }) => {
   var _a;
-  const { showVenueLogo = true } = (0, import_hooks4.useAggUiConfig)();
+  const {
+    features: { showVenueLogo }
+  } = (0, import_hooks4.useAggUiConfig)();
   const labels = (0, import_hooks4.useLabels)();
   const sizeClass = sizeClasses[size];
   const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
@@ -2773,7 +2784,9 @@ var Select = ({
 }) => {
   var _a;
   const labels = (0, import_hooks5.useLabels)();
-  const { enableAnimations } = (0, import_hooks5.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks5.useSdkUiConfig)();
   const hasEnabledItems = items.some((item) => !item.disabled);
   const hasAnyIcon = items.some((item) => item.iconUrl);
   const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
@@ -3512,7 +3525,9 @@ var LoadingIcon = ({
   ariaLabel
 }) => {
   const labels = (0, import_hooks6.useLabels)();
-  const { enableAnimations } = (0, import_hooks6.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks6.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "span",
     {
@@ -3785,7 +3800,7 @@ var StateMessage = ({
       role: "status",
       "aria-live": "polite",
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex max-w-[360px] flex-col items-center gap-6", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center gap-6", children: [
         icon,
         /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body-large-strong", children: title }),
@@ -3837,7 +3852,9 @@ function Badge({
   onClick,
   isActive = false
 }) {
-  const { enableAnimations } = (0, import_hooks7.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks7.useSdkUiConfig)();
   const resolvedText = `${text}`;
   const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(

package/dist/modals.mjs

@@ -9,8 +9,8 @@ import {
   ProfileModal,
   ProfileSetupStep,
   WithdrawModal
-} from "./chunk-55YYUTBK.mjs";
-import "./chunk-XP7DREIX.mjs";
+} from "./chunk-5FSWOXEG.mjs";
+import "./chunk-IUJXJEDQ.mjs";
 export {
   ConnectAccountsStep,
   ConnectKalshiModal,