@xapps-platform/marketplace-ui 0.1.16 → 0.1.18

package/dist/MarketplaceContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceContext.d.ts","sourceRoot":"","sources":["../src/MarketplaceContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB,CAAC;AA+FF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAUA;AAED,wBAAgB,cAAc,IAAI,uBAAuB,CAIxD"}
+{"version":3,"file":"MarketplaceContext.d.ts","sourceRoot":"","sources":["../src/MarketplaceContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB,CAAC;AA+GF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAUA;AAED,wBAAgB,cAAc,IAAI,uBAAuB,CAIxD"}

package/dist/components/MarketplaceActivityTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceActivityTabs.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceActivityTabs.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,eAAe,CAAC;AAE9F,KAAK,4BAA4B,GAAG;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAsBF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAmC1E"}
+{"version":3,"file":"MarketplaceActivityTabs.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceActivityTabs.tsx"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,eAAe,CAAC;AAE9F,KAAK,4BAA4B,GAAG;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAgBF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAoC1E"}

package/dist/components/MarketplacePrimaryNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplacePrimaryNav.d.ts","sourceRoot":"","sources":["../../src/components/MarketplacePrimaryNav.tsx"],"names":[],"mappings":"AAGA,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAsCtE"}
+{"version":3,"file":"MarketplacePrimaryNav.d.ts","sourceRoot":"","sources":["../../src/components/MarketplacePrimaryNav.tsx"],"names":[],"mappings":"AAIA,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAsCtE"}

package/dist/components/XappWorkspaceNav.d.ts

@@ -0,0 +1,24 @@
+import "../marketplace.css";
+type XappWorkspaceTab = "overview" | "open_app" | "requests" | "billing" | "notifications";
+type XappWorkspaceBillingTab = "monetization" | "plans" | "payments" | "invoices";
+type XappWorkspaceNavProps = {
+    xappId: string;
+    isEmbedded: boolean;
+    token?: string;
+    installationId?: string;
+    xappTitle?: string;
+    active: XappWorkspaceTab;
+    billingActive?: XappWorkspaceBillingTab;
+    openWidgetId?: string;
+    openWidgetName?: string;
+    openToolName?: string;
+    openAppStrategy?: "direct_widget" | "choose_widget";
+    onOpenApp?: (() => void) | undefined;
+    openAppHrefOverride?: {
+        pathname: string;
+        search?: string;
+    } | undefined;
+};
+export declare function XappWorkspaceNav(props: XappWorkspaceNavProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=XappWorkspaceNav.d.ts.map

package/dist/components/XappWorkspaceNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XappWorkspaceNav.d.ts","sourceRoot":"","sources":["../../src/components/XappWorkspaceNav.tsx"],"names":[],"mappings":"AAIA,OAAO,oBAAoB,CAAC;AAE5B,KAAK,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AAC3F,KAAK,uBAAuB,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAElF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,eAAe,GAAG,eAAe,CAAC;IACpD,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,mBAAmB,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACzE,CAAC;AA2SF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAyI5D"}

package/dist/httpMarketplaceClient.d.ts

@@ -0,0 +1,25 @@
+import type { MarketplaceClient } from "./types";
+type JsonFetcher = <T>(path: string) => Promise<T>;
+type JsonPoster = <T>(path: string, body?: Record<string, unknown>) => Promise<T>;
+type HttpMarketplaceClientRouteConfig = {
+    catalogListPath: string;
+    catalogXappBasePath: string;
+    myXappsBasePath: string;
+    myMonetizedXappsPath: string;
+    myRequestsPath: string;
+    myPaymentSessionsPath: string;
+    myInvoicesPath: string;
+    myNotificationsPath: string;
+    widgetTokenPath?: string;
+    supportsSubjectIdQuery?: boolean;
+};
+export type HttpMarketplaceClientOptions = {
+    getJson: JsonFetcher;
+    postJson: JsonPoster;
+    routes: HttpMarketplaceClientRouteConfig;
+    defaultLocale?: string | null | (() => string | null | undefined);
+    getWidgetToken?: MarketplaceClient["getWidgetToken"];
+};
+export declare function createHttpMarketplaceClient(options: HttpMarketplaceClientOptions): MarketplaceClient;
+export {};
+//# sourceMappingURL=httpMarketplaceClient.d.ts.map

package/dist/httpMarketplaceClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"httpMarketplaceClient.d.ts","sourceRoot":"","sources":["../src/httpMarketplaceClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,WAAW,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AACnD,KAAK,UAAU,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AAElF,KAAK,gCAAgC,GAAG;IACtC,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,MAAM,EAAE,gCAAgC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACtD,CAAC;AAsCF,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,4BAA4B,GACpC,iBAAiB,CA2NnB"}

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,aAAa,EAAW,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAw1BvC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtF;AAED,wBAAgB,kBAAkB;;;;;;;EAEjC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAmC3F"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,aAAa,EAAW,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA+1BvC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtF;AAED,wBAAgB,kBAAkB;;;;;;;EAEjC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAmC3F"}

package/dist/index.css

@@ -19,13 +19,8 @@
   --mx-radius-lg: 1rem;
   --mx-radius-md: 0.75rem;
   --mx-radius-sm: 0.5rem;
-  --mx-font-family: var(--xapps-font-family, system-ui, sans-serif);
-  --mx-display-font:
-    "IBM Plex Serif",
-    "Iowan Old Style",
-    "Palatino Linotype",
-    Georgia,
-    serif;
+  --mx-font-family: var( --xapps-font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif );
+  --mx-display-font: var(--xapps-display-font, var(--mx-font-family));
 }
 :root[data-xapps-theme-mode=dark] {
   --mx-shadow-sm: 0 1px 2px 0 rgb(2 6 23 / 0.22);
@@ -92,7 +87,7 @@
 .mx-input:focus {
   outline: none;
   border-color: var(--mx-primary);
-  box-shadow: 0 0 0 3px rgba(18, 107, 241, 0.1);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mx-primary) 12%, transparent);
 }
 .mx-grid {
   display: grid;
@@ -112,7 +107,7 @@
 .mx-card:hover {
   transform: translateY(-4px);
   box-shadow: var(--mx-shadow-lg);
-  border-color: rgba(18, 107, 241, 0.2);
+  border-color: color-mix(in srgb, var(--mx-primary) 20%, var(--mx-border));
 }
 .mx-card-image-wrap {
   height: 180px;
@@ -150,7 +145,7 @@
   place-items: center;
   font-size: 3rem;
   font-weight: 800;
-  color: rgba(18, 107, 241, 0.25);
+  color: color-mix(in srgb, var(--mx-primary) 25%, transparent);
   background:
     linear-gradient(
       135deg,
@@ -578,6 +573,170 @@
   color: color-mix(in srgb, var(--mx-primary) 84%, var(--mx-text-main));
   box-shadow: var(--mx-shadow-sm);
 }
+.mx-xapp-workspace-shell {
+  display: grid;
+  gap: 0.55rem;
+  margin: 0 0 1.2rem;
+}
+.mx-xapp-workspace-nav,
+.mx-xapp-workspace-subnav {
+  display: flex;
+  align-items: center;
+  gap: 0.45rem;
+  flex-wrap: wrap;
+  overflow: visible;
+  padding-bottom: 0.15rem;
+  scrollbar-width: none;
+}
+.mx-xapp-workspace-nav::-webkit-scrollbar,
+.mx-xapp-workspace-subnav::-webkit-scrollbar {
+  display: none;
+}
+.mx-xapp-workspace-link,
+.mx-xapp-workspace-sublink {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  text-decoration: none;
+  border-radius: 999px;
+  transition: all 0.2s;
+  appearance: none;
+  cursor: pointer;
+  font: inherit;
+}
+.mx-xapp-workspace-link {
+  min-height: 40px;
+  gap: 0.5rem;
+  padding: 0.5rem 0.9rem;
+  background: color-mix(in srgb, var(--mx-card-bg) 84%, var(--mx-bg-subtle) 16%);
+  border: 1px solid color-mix(in srgb, var(--mx-primary) 12%, var(--mx-border));
+  color: var(--mx-text-muted);
+  font-size: 0.86rem;
+  font-weight: 700;
+}
+.mx-xapp-workspace-link.is-subtle {
+  background: color-mix(in srgb, var(--mx-card-bg) 60%, transparent);
+  border-color: color-mix(in srgb, var(--mx-border) 86%, transparent);
+  color: color-mix(in srgb, var(--mx-text-muted) 88%, var(--mx-text-main));
+}
+.mx-xapp-workspace-link.is-primary {
+  background:
+    linear-gradient(
+      135deg,
+      color-mix(in srgb, var(--mx-primary) 90%, white 10%),
+      color-mix(in srgb, var(--mx-primary) 78%, var(--mx-text-main) 22%));
+  border-color: color-mix(in srgb, var(--mx-primary) 48%, transparent);
+  color: white;
+  box-shadow: 0 14px 30px color-mix(in srgb, var(--mx-primary) 18%, transparent);
+}
+.mx-xapp-workspace-link-icon {
+  width: 1rem;
+  height: 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+}
+.mx-xapp-workspace-link-icon svg {
+  width: 1rem;
+  height: 1rem;
+  display: block;
+}
+.mx-xapp-workspace-link:hover {
+  color: var(--mx-text-main);
+  border-color: color-mix(in srgb, var(--mx-primary) 18%, var(--mx-border));
+  background: color-mix(in srgb, var(--mx-card-bg) 94%, var(--mx-bg-subtle) 6%);
+}
+.mx-xapp-workspace-link.is-primary:hover {
+  color: white;
+  border-color: color-mix(in srgb, var(--mx-primary) 58%, transparent);
+  background:
+    linear-gradient(
+      135deg,
+      color-mix(in srgb, var(--mx-primary) 94%, white 6%),
+      color-mix(in srgb, var(--mx-primary) 82%, var(--mx-text-main) 18%));
+}
+.mx-xapp-workspace-link.is-active {
+  color: color-mix(in srgb, var(--mx-primary) 84%, var(--mx-text-main));
+  background: color-mix(in srgb, var(--mx-primary) 9%, var(--mx-card-bg));
+  border-color: color-mix(in srgb, var(--mx-primary) 24%, var(--mx-border));
+  box-shadow: var(--mx-shadow-sm);
+}
+.mx-xapp-workspace-menu {
+  position: relative;
+}
+.mx-xapp-workspace-menu > summary {
+  list-style: none;
+}
+.mx-xapp-workspace-menu > summary::-webkit-details-marker {
+  display: none;
+}
+.mx-xapp-workspace-menu.is-active > summary,
+.mx-xapp-workspace-menu[open] > summary {
+  color: color-mix(in srgb, var(--mx-primary) 84%, var(--mx-text-main));
+  background: color-mix(in srgb, var(--mx-primary) 9%, var(--mx-card-bg));
+  border-color: color-mix(in srgb, var(--mx-primary) 24%, var(--mx-border));
+  box-shadow: var(--mx-shadow-sm);
+}
+.mx-xapp-workspace-menu-panel {
+  position: absolute;
+  top: calc(100% + 0.45rem);
+  right: 0;
+  min-width: 220px;
+  display: grid;
+  gap: 0.55rem;
+  padding: 0.55rem;
+  border-radius: 18px;
+  border: 1px solid color-mix(in srgb, var(--mx-primary) 12%, var(--mx-border));
+  background: color-mix(in srgb, var(--mx-card-bg) 96%, white 4%);
+  box-shadow: var(--mx-shadow);
+  z-index: 20;
+}
+.mx-xapp-workspace-menu-group {
+  display: grid;
+  gap: 0.24rem;
+}
+.mx-xapp-workspace-menu-label {
+  padding: 0.1rem 0.45rem 0.2rem;
+  font-size: 0.68rem;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--mx-text-muted);
+}
+.mx-xapp-workspace-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 0.55rem;
+  min-height: 38px;
+  padding: 0.55rem 0.7rem;
+  border-radius: 12px;
+  color: var(--mx-text-main);
+  text-decoration: none;
+  font-size: 0.84rem;
+  font-weight: 600;
+}
+.mx-xapp-workspace-menu-item-icon {
+  width: 0.95rem;
+  height: 0.95rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: color-mix(in srgb, var(--mx-primary) 78%, var(--mx-text-main));
+}
+.mx-xapp-workspace-menu-item-icon svg {
+  width: 0.95rem;
+  height: 0.95rem;
+  display: block;
+}
+.mx-xapp-workspace-menu-item:hover {
+  background: color-mix(in srgb, var(--mx-primary) 7%, var(--mx-card-bg));
+}
+.mx-xapp-workspace-menu-item.is-active {
+  color: color-mix(in srgb, var(--mx-primary) 84%, var(--mx-text-main));
+  background: color-mix(in srgb, var(--mx-primary) 10%, var(--mx-card-bg));
+}
 .mx-alert {
   margin-bottom: 2rem;
   padding: 1rem;
@@ -1109,6 +1268,10 @@
   background: var(--mx-bg);
   min-height: 100vh;
 }
+.mx-detail-container-section-shell {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
 .mx-detail-topbar {
   display: flex;
   align-items: center;
@@ -1239,6 +1402,15 @@
 .mx-detail-section {
   min-width: 0;
 }
+.mx-detail-support-grid {
+  order: 20;
+}
+.mx-detail-section-screenshots {
+  order: 25;
+}
+.mx-detail-section-guards {
+  order: 30;
+}
 .mx-detail-section-about,
 .mx-detail-section-guards,
 .mx-detail-section-screenshots {
@@ -3515,8 +3687,8 @@
   flex-shrink: 0;
 }
 .mx-activity-link-icon-requests {
-  background: #eff6ff;
-  color: #2563eb;
+  background: color-mix(in srgb, var(--mx-primary) 10%, var(--mx-card-bg));
+  color: var(--mx-primary);
 }
 .mx-activity-link-icon-payments {
   background: #f0fdf4;
@@ -3878,7 +4050,16 @@
 .mx-plans-route {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 0.55rem;
+}
+.mx-plans-route > .mx-breadcrumb {
+  margin-bottom: 0;
+}
+.mx-plans-route > .mx-header {
+  margin-bottom: 0;
+}
+.mx-plans-route > .mx-xapp-workspace-shell {
+  margin-bottom: 0.55rem;
 }
 .mx-plans-route-header {
   padding: 0.25rem 0 0.75rem;
@@ -3896,7 +4077,7 @@
 }
 .mx-plans-route-grid {
   display: grid;
-  grid-template-columns: minmax(0, 1fr);
+  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
   gap: 1rem;
 }
 .mx-plans-route-main {
@@ -3907,4 +4088,9 @@
 .mx-plans-route.is-widget-hosted {
   gap: 0.75rem;
 }
+@media (max-width: 900px) {
+  .mx-plans-route-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
 /*# sourceMappingURL=index.css.map */