@inkeep/agents-manage-ui 0.11.3 → 0.12.0

package/src/components/mcp-servers/selection/prebuilt-server-card.tsx

@@ -0,0 +1,74 @@
+'use client';
+
+import { MCPToolImage } from '@/components/mcp-servers/mcp-tool-image';
+import { CardTitle } from '@/components/ui/card';
+import {
+  ItemCardContent,
+  ItemCardHeader,
+  ItemCardRoot,
+  ItemCardTitle,
+} from '@/components/ui/item-card';
+import type { PrebuiltMCPServer } from '@/lib/data/prebuilt-mcp-servers';
+
+// URL Display Component with ellipsis
+function URLDisplay({ url }: { url: string }) {
+  return (
+    <div className="rounded py-1 min-w-0">
+      <code className="text-sm text-muted-foreground block truncate">{url}</code>
+    </div>
+  );
+}
+
+interface PrebuiltServerCardProps {
+  server: PrebuiltMCPServer;
+  onSelect: (server: PrebuiltMCPServer) => void;
+  isLoading?: boolean;
+  disabled?: boolean;
+}
+
+export function PrebuiltServerCard({
+  server,
+  onSelect,
+  isLoading = false,
+  disabled = false,
+}: PrebuiltServerCardProps) {
+  const handleClick = () => {
+    if (!isLoading && !disabled) {
+      onSelect(server);
+    }
+  };
+
+  return (
+    <ItemCardRoot
+      className={`h-full min-w-0 transition-shadow ${
+        disabled
+          ? 'opacity-50 cursor-not-allowed'
+          : 'cursor-pointer hover:shadow-md hover:bg-accent/50'
+      }`}
+      onClick={handleClick}
+    >
+      <ItemCardHeader>
+        <ItemCardTitle className="text-md">
+          <div className="flex items-center gap-3">
+            <MCPToolImage
+              imageUrl={server.imageUrl}
+              name={server.name}
+              provider={server.name}
+              size={24}
+              className="mt-0.5 flex-shrink-0"
+            />
+            <div className="flex-1 min-w-0">
+              <CardTitle className="text-base truncate font-medium">{server.name}</CardTitle>
+            </div>
+          </div>
+        </ItemCardTitle>
+      </ItemCardHeader>
+
+      <ItemCardContent>
+        <div className="space-y-3 min-w-0">
+          <URLDisplay url={server.url} />
+        </div>
+      </ItemCardContent>
+    </ItemCardRoot>
+  );
+}

package/src/components/mcp-servers/selection/prebuilt-servers-grid.tsx

@@ -0,0 +1,45 @@
+'use client';
+
+import { type PrebuiltMCPServer, usePrebuiltMCPServers } from '@/lib/data/prebuilt-mcp-servers';
+import { PrebuiltServerCard } from './prebuilt-server-card';
+
+interface PrebuiltServersGridProps {
+  onSelectServer: (server: PrebuiltMCPServer) => void;
+  loadingServerId?: string;
+  searchQuery?: string;
+}
+
+export function PrebuiltServersGrid({
+  onSelectServer,
+  loadingServerId,
+  searchQuery = '',
+}: PrebuiltServersGridProps) {
+  const prebuiltMCPServers = usePrebuiltMCPServers();
+  const filteredServers = prebuiltMCPServers.filter(
+    (server) =>
+      server.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      server.url.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+
+  if (filteredServers.length === 0) {
+    return (
+      <div className="text-center py-12">
+        <p className="text-muted-foreground">No servers found matching "{searchQuery}".</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      {filteredServers.map((server) => (
+        <PrebuiltServerCard
+          key={server.id}
+          server={server}
+          onSelect={onSelectServer}
+          isLoading={loadingServerId === server.id}
+          disabled={!!loadingServerId && loadingServerId !== server.id}
+        />
+      ))}
+    </div>
+  );
+}

package/src/components/mcp-servers/view-mcp-server-details.tsx

@@ -5,11 +5,9 @@ import Link from 'next/link';
 import { Badge } from '@/components/ui/badge';
 import { ExternalLink } from '@/components/ui/external-link';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
-import { useRuntimeConfig } from '@/contexts/runtime-config-context';
+import { useOAuthLogin } from '@/hooks/use-oauth-login';
 import type { MCPTool } from '@/lib/types/tools';
-
 import { cn } from '@/lib/utils';
-import { getOAuthLoginUrl } from '@/lib/utils/mcp-urls';
 import { getToolTypeAndName } from '@/lib/utils/mcp-utils';
 import { Button } from '../ui/button';
 import { CopyableMultiLineCode } from '../ui/copyable-multi-line-code';
@@ -53,7 +51,14 @@ export function ViewMCPServerDetails({
   tenantId: string;
   projectId: string;
 }) {
-  const { INKEEP_AGENTS_MANAGE_API_URL } = useRuntimeConfig();
+  const { handleOAuthLogin } = useOAuthLogin({
+    tenantId,
+    projectId,
+    onFinish: () => {
+      window.location.reload();
+    },
+  });
+
   const formatDate = (dateString: string) => {
     return new Date(dateString).toLocaleDateString('en-US', {
       year: 'numeric',
@@ -99,50 +104,6 @@ export function ViewMCPServerDetails({
     return <div className={cn('flex w-full text-sm', className)}>{children}</div>;
   };
 
-  // Handle OAuth login for MCP tools that need authentication
-  const handleOAuthLogin = (toolId: string) => {
-    try {
-      // Get the OAuth URL and open in popup window
-      const oauthUrl = getOAuthLoginUrl({
-        INKEEP_AGENTS_MANAGE_API_URL,
-        tenantId,
-        projectId,
-        id: toolId,
-      });
-      const popup = window.open(
-        oauthUrl,
-        'oauth-popup',
-        'width=600,height=700,scrollbars=yes,resizable=yes,status=yes,location=yes'
-      );
-
-      // Listen for OAuth success message from popup
-      const handleMessage = (event: MessageEvent) => {
-        if (event.data.type === 'oauth-success' && event.data.toolId === toolId) {
-          // Clean up listener
-          window.removeEventListener('message', handleMessage);
-          // Refresh the page to show updated tool status
-          window.location.reload();
-        }
-      };
-
-      if (popup) {
-        window.addEventListener('message', handleMessage);
-
-        // Fallback: Monitor popup for closure
-        const checkClosed = setInterval(() => {
-          if (popup.closed) {
-            clearInterval(checkClosed);
-            window.removeEventListener('message', handleMessage);
-            // Only refresh if we didn't already get the success message
-            window.location.reload();
-          }
-        }, 1000);
-      }
-    } catch (error) {
-      console.error('OAuth login failed:', error);
-    }
-  };
-
   let provider: string | undefined;
   try {
     provider = getToolTypeAndName(tool).type;
@@ -195,14 +156,6 @@ export function ViewMCPServerDetails({
             </ItemValue>
           </div>
         </div>
-        {tool.imageUrl && (
-          <div className="space-y-2">
-            <ItemLabel>Image URL</ItemLabel>
-            <ItemValue>
-              {tool.imageUrl.startsWith('data:image/') ? 'Base64 encoded image' : tool.imageUrl}
-            </ItemValue>
-          </div>
-        )}
 
         <div className="space-y-2">
           <ItemLabel>Status</ItemLabel>

package/src/hooks/use-oauth-login.ts

@@ -0,0 +1,81 @@
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
+import { useRuntimeConfig } from '@/contexts/runtime-config-context';
+import { getOAuthLoginUrl } from '@/lib/utils/mcp-urls';
+
+interface UseOAuthLoginProps {
+  tenantId: string;
+  projectId: string;
+  onFinish?: (toolId: string) => void;
+  onError?: (error: Error) => void;
+}
+
+export function useOAuthLogin({ tenantId, projectId, onFinish, onError }: UseOAuthLoginProps) {
+  const router = useRouter();
+  const { INKEEP_AGENTS_MANAGE_API_URL } = useRuntimeConfig();
+
+  const handleOAuthLogin = (toolId: string) => {
+    try {
+      // Get the OAuth URL and open in popup window
+      const oauthUrl = getOAuthLoginUrl({
+        INKEEP_AGENTS_MANAGE_API_URL,
+        tenantId,
+        projectId,
+        id: toolId,
+      });
+      const popup = window.open(
+        oauthUrl,
+        'oauth-popup',
+        'width=600,height=700,scrollbars=yes,resizable=yes,status=yes,location=yes'
+      );
+
+      // Listen for OAuth success message from popup
+      const handleMessage = (event: MessageEvent) => {
+        if (event.data.type === 'oauth-success' && event.data.toolId === toolId) {
+          // Clean up listener
+          window.removeEventListener('message', handleMessage);
+
+          // Call custom success handler or default behavior
+          if (onFinish) {
+            onFinish(toolId);
+          } else {
+            // Default: navigate to server details page
+            router.push(`/${tenantId}/projects/${projectId}/mcp-servers/${toolId}`);
+          }
+        }
+      };
+
+      if (popup) {
+        window.addEventListener('message', handleMessage);
+
+        // Fallback: Monitor popup for closure
+        const checkClosed = setInterval(() => {
+          if (popup.closed) {
+            clearInterval(checkClosed);
+            window.removeEventListener('message', handleMessage);
+
+            // Call custom success handler or default behavior
+            if (onFinish) {
+              onFinish(toolId);
+            } else {
+              // Default: navigate to server details page
+              router.push(`/${tenantId}/projects/${projectId}/mcp-servers/${toolId}`);
+            }
+          }
+        }, 1000);
+      }
+    } catch (error) {
+      console.error('OAuth login failed:', error);
+      const errorObj = error instanceof Error ? error : new Error('OAuth login failed');
+
+      if (onError) {
+        onError(errorObj);
+      } else {
+        // Default error handling
+        toast.error('OAuth login failed. Please try again.');
+      }
+    }
+  };
+
+  return { handleOAuthLogin };
+}

package/src/lib/data/prebuilt-mcp-servers.ts

@@ -0,0 +1,340 @@
+import { MCPTransportType } from '@inkeep/agents-core/client-exports';
+import { useTheme } from 'next-themes';
+
+export interface PrebuiltMCPServer {
+  id: string;
+  name: string;
+  url: string;
+  transport: (typeof MCPTransportType)[keyof typeof MCPTransportType];
+  imageUrl?: string;
+  isOpen?: boolean; // this means MCP server doesn't need a key, so we can quick-create
+}
+
+const getBaseMCPServers = (isDark: boolean): PrebuiltMCPServer[] => [
+  {
+    id: 'apify',
+    name: 'Apify',
+    url: 'https://mcp.apify.com',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://apify.com/img/apify-logo/logomark-32x32.svg',
+  },
+  {
+    id: 'asana',
+    name: 'Asana',
+    url: 'https://mcp.asana.com/sse',
+    transport: MCPTransportType.sse,
+  },
+  {
+    id: 'atlassian',
+    name: 'Atlassian',
+    url: 'https://mcp.atlassian.com/v1/sse',
+    transport: MCPTransportType.sse,
+  },
+  {
+    id: 'buildkite',
+    name: 'Buildkite',
+    url: 'https://mcp.buildkite.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://buildkite.com/_astro/buildkite-mark.D56ywXpU.svg',
+  },
+  {
+    id: 'canva',
+    name: 'Canva',
+    url: 'https://mcp.canva.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'carbon-voice',
+    name: 'Carbon Voice',
+    url: 'https://mcp.carbonvoice.app',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://static.wixstatic.com/shapes/e97c23_633874d233a944aea7b424ae16e9efec.svg',
+  },
+  {
+    id: 'close',
+    name: 'Close (CRM)',
+    url: 'https://mcp.close.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl:
+      'https://cdn.prod.website-files.com/61717799a852418a278cfa9b/68793d8479790aec5ed95512_close-logo-color-atom.svg',
+  },
+  {
+    id: 'cloudflare-docs',
+    name: 'Cloudflare Docs',
+    url: 'https://docs.mcp.cloudflare.com/sse',
+    transport: MCPTransportType.sse,
+    isOpen: true,
+    imageUrl: 'https://www.cloudflare.com/favicon.ico',
+  },
+  {
+    id: 'cloudflare-observability',
+    name: 'Cloudflare Observability',
+    url: 'https://observability.mcp.cloudflare.com/sse',
+    transport: MCPTransportType.sse,
+    imageUrl: 'https://www.cloudflare.com/favicon.ico',
+  },
+  {
+    id: 'cloudflare-workers',
+    name: 'Cloudflare Workers Bindings',
+    url: 'https://bindings.mcp.cloudflare.com/sse',
+    transport: MCPTransportType.sse,
+    imageUrl: 'https://www.cloudflare.com/favicon.ico',
+  },
+  {
+    id: 'cloudinary',
+    name: 'Cloudinary (Asset Management)',
+    url: 'https://asset-management.mcp.cloudinary.com/sse',
+    transport: MCPTransportType.sse,
+    imageUrl: 'https://cloudinary.com/wp-content/uploads/sites/6/2020/09/favicon-32x32-1.png',
+  },
+  {
+    id: 'deepwiki',
+    name: 'DeepWiki',
+    url: 'https://mcp.deepwiki.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://deepwiki.org/apple-icon.png?a4f658907db0ab87',
+    isOpen: true,
+  },
+  {
+    id: 'dodo-payments',
+    name: 'Dodo Payments',
+    url: 'https://mcp.dodopayments.com/sse',
+    transport: MCPTransportType.sse,
+    imageUrl:
+      'https://docs.dodopayments.com/mintlify-assets/_mintlify/favicons/dodopayments/O4gqzjfBTOvqqqpw/_generated/favicon/favicon-32x32.png',
+  },
+  {
+    id: 'egnyte',
+    name: 'Egnyte',
+    url: 'https://mcp-server.egnyte.com/sse',
+    transport: MCPTransportType.sse,
+  },
+  {
+    id: 'fireflies',
+    name: 'Fireflies',
+    url: 'https://api.fireflies.ai/mcp',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'globalping',
+    name: 'Globalping',
+    url: 'https://mcp.globalping.dev/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://globalping.io/icons/favicon-32x32.png',
+  },
+  {
+    id: 'huggingface',
+    name: 'Hugging Face',
+    url: 'https://huggingface.co/mcp?login',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://huggingface.co/front/assets/huggingface_logo-noborder.svg',
+  },
+  {
+    id: 'instant',
+    name: 'Instant (InstantDB)',
+    url: 'https://mcp.instantdb.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://www.instantdb.com/img/icon/logo-512.svg',
+  },
+  {
+    id: 'intercom',
+    name: 'Intercom',
+    url: 'https://mcp.intercom.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'invideo',
+    name: 'Invideo',
+    url: 'https://mcp.invideo.io/sse',
+    transport: MCPTransportType.sse,
+    isOpen: true,
+    imageUrl: isDark
+      ? 'https://web-assets.invideo.io/favicons/prod/white_favicon.ico'
+      : 'https://web-assets.invideo.io/favicons/prod/black_favicon.ico',
+  },
+  {
+    id: 'jam-dev',
+    name: 'Jam.dev',
+    url: 'https://mcp.jam.dev/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://jam.dev/favicon.ico?cache-bust=2',
+  },
+  {
+    id: 'linear',
+    name: 'Linear',
+    url: 'https://mcp.linear.app/mcp',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'monday',
+    name: 'Monday',
+    url: 'https://mcp.monday.com/sse',
+    transport: MCPTransportType.sse,
+  },
+  {
+    id: 'needle',
+    name: 'Needle',
+    url: 'https://mcp.needle-ai.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://needle.app/images/favicon.png',
+  },
+  {
+    id: 'neon',
+    name: 'Neon',
+    url: 'https://mcp.neon.tech/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://neon.com/favicon/favicon.png',
+  },
+  {
+    id: 'netlify',
+    name: 'Netlify',
+    url: 'https://netlify-mcp.netlify.app/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://www.netlify.com/favicon/apple-touch-icon.png',
+  },
+  {
+    id: 'notion',
+    name: 'Notion',
+    url: 'https://mcp.notion.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'octagon-agents',
+    name: 'Octagon Agents (Market Intel)',
+    url: 'https://mcp.octagonagents.com/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl:
+      'https://cdn.prod.website-files.com/67e20964923f8dc825a5dbd0/67e20964923f8dc825a5dc20_favico.png',
+  },
+  {
+    id: 'paypal',
+    name: 'PayPal',
+    url: 'https://mcp.paypal.com',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'pipeboard-meta-ads',
+    name: 'Pipeboard – Meta Ads',
+    url: 'https://mcp.pipeboard.co/meta-ads-mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://pipeboard.co/favicon.ico',
+  },
+  {
+    id: 'prisma',
+    name: 'Prisma',
+    url: 'https://mcp.prisma.io/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://www.prisma.io/docs/img/favicon.png',
+  },
+  {
+    id: 'rube',
+    name: 'Rube',
+    url: 'https://rube.app/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://rube.app/favicon.ico',
+  },
+  {
+    id: 'semgrep',
+    name: 'Semgrep',
+    url: 'https://mcp.semgrep.ai/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://semgrep.dev/build/assets/favicon-CIx-xpG_.svg',
+    isOpen: true,
+  },
+  {
+    id: 'sentry',
+    name: 'Sentry',
+    url: 'https://mcp.sentry.dev',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'simplescraper',
+    name: 'Simplescraper',
+    url: 'https://mcp.simplescraper.io/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://simplescraper.io/favicon.ico',
+  },
+  {
+    id: 'square',
+    name: 'Square',
+    url: 'https://mcp.squareup.com/sse',
+    transport: MCPTransportType.sse,
+    imageUrl:
+      'https://pw-renderer-production-c.squarecdn.com/c94e4b9deb6727292b842f0dc29355f408487bf2/_svelte/favicon.ico',
+  },
+  {
+    id: 'stripe',
+    name: 'Stripe',
+    url: 'https://mcp.stripe.com',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'stytch',
+    name: 'Stytch',
+    url: 'https://mcp.stytch.dev/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://stytch.com/favicon.ico',
+  },
+  {
+    id: 'telnyx',
+    name: 'Telnyx',
+    url: 'https://api.telnyx.com/v2/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://www.telnyx.com/favicon.ico',
+  },
+  {
+    id: 'thoughtspot',
+    name: 'ThoughtSpot',
+    url: 'https://agent.thoughtspot.app/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl:
+      'https://developers.thoughtspot.com/docs/icons/icon-48x48.png?v=3959c799205dc2ce6e1f1d93fd74d630',
+  },
+  {
+    id: 'vercel',
+    name: 'Vercel',
+    url: 'https://mcp.vercel.com',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'waystation',
+    name: 'WayStation',
+    url: 'https://waystation.ai/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://waystation.ai/images/logo.svg',
+  },
+  {
+    id: 'webflow',
+    name: 'Webflow',
+    url: 'https://mcp.webflow.com/sse',
+    transport: MCPTransportType.sse,
+  },
+  {
+    id: 'wix',
+    name: 'Wix',
+    url: 'https://mcp.wix.com/sse',
+    transport: MCPTransportType.sse,
+    imageUrl: 'https://wix.com/favicon.ico',
+  },
+  {
+    id: 'zapier',
+    name: 'Zapier',
+    url: 'https://mcp.zapier.com/api/mcp/mcp',
+    transport: MCPTransportType.streamableHttp,
+  },
+  {
+    id: 'zine',
+    name: 'Zine',
+    url: 'https://www.zine.ai/mcp',
+    transport: MCPTransportType.streamableHttp,
+    imageUrl: 'https://www.zine.ai/_next/image?url=%2Fimages%2Fzine-logo.png&w=64&q=75',
+  },
+];
+
+// Custom hook to get theme-aware MCP servers
+export function usePrebuiltMCPServers(): PrebuiltMCPServer[] {
+  const { resolvedTheme } = useTheme();
+  const isDark = resolvedTheme === 'dark';
+
+  return getBaseMCPServers(isDark);
+}

package/.next/standalone/agents-manage-ui/.next/server/chunks/2133.js

@@ -1 +0,0 @@
-"use strict";exports.id=2133,exports.ids=[2133],exports.modules={437:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(89892).A)("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},2100:(a,b,c)=>{c.d(b,{q:()=>d});function d(a,[b,c]){return Math.min(c,Math.max(b,a))}},25773:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(89892).A)("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]])},41404:(a,b,c)=>{c.d(b,{In:()=>aE,LM:()=>aH,PP:()=>aL,UC:()=>aG,VF:()=>aK,WT:()=>aD,ZL:()=>aF,bL:()=>aB,l9:()=>aC,p4:()=>aJ,q7:()=>aI,wn:()=>aM});var d=c(14450),e=c(42791),f=c(2100),g=c(13254),h=c(98145),i=c(90890),j=c(2102),k=c(46029),l=c(61263),m=c(36117),n=c(12996),o=c(84479),p=c(2959),q=c(61101),r=c(6118),s=c(98848),t=c(24503),u=c(19975),v=c(62007),w=c(82087),x=c(22190),y=c(79130),z=c(5784),A=c(59111),B=[" ","Enter","ArrowUp","ArrowDown"],C=[" ","Enter"],D="Select",[E,F,G]=(0,h.N)(D),[H,I]=(0,j.A)(D,[G,p.Bk]),J=(0,p.Bk)(),[K,L]=H(D),[M,N]=H(D),O=a=>{let{__scopeSelect:b,children:c,open:e,defaultOpen:f,onOpenChange:g,value:h,defaultValue:i,onValueChange:j,dir:l,name:m,autoComplete:n,disabled:q,required:r,form:s}=a,t=J(b),[v,w]=d.useState(null),[x,y]=d.useState(null),[z,B]=d.useState(!1),C=(0,k.jH)(l),[F,G]=(0,u.i)({prop:e,defaultProp:f??!1,onChange:g,caller:D}),[H,I]=(0,u.i)({prop:h,defaultProp:i,onChange:j,caller:D}),L=d.useRef(null),N=!v||s||!!v.closest("form"),[O,P]=d.useState(new Set),Q=Array.from(O).map(a=>a.props.value).join(";");return(0,A.jsx)(p.bL,{...t,children:(0,A.jsxs)(K,{required:r,scope:b,trigger:v,onTriggerChange:w,valueNode:x,onValueNodeChange:y,valueNodeHasChildren:z,onValueNodeHasChildrenChange:B,contentId:(0,o.B)(),value:H,onValueChange:I,open:F,onOpenChange:G,dir:C,triggerPointerDownPosRef:L,disabled:q,children:[(0,A.jsx)(E.Provider,{scope:b,children:(0,A.jsx)(M,{scope:a.__scopeSelect,onNativeOptionAdd:d.useCallback(a=>{P(b=>new Set(b).add(a))},[]),onNativeOptionRemove:d.useCallback(a=>{P(b=>{let c=new Set(b);return c.delete(a),c})},[]),children:c})}),N?(0,A.jsxs)(ax,{"aria-hidden":!0,required:r,tabIndex:-1,name:m,autoComplete:n,value:H,onChange:a=>I(a.target.value),disabled:q,form:s,children:[void 0===H?(0,A.jsx)("option",{value:""}):null,Array.from(O)]},Q):null]})})};O.displayName=D;var P="SelectTrigger",Q=d.forwardRef((a,b)=>{let{__scopeSelect:c,disabled:e=!1,...f}=a,h=J(c),j=L(P,c),k=j.disabled||e,l=(0,i.s)(b,j.onTriggerChange),m=F(c),n=d.useRef("touch"),[o,q,s]=az(a=>{let b=m().filter(a=>!a.disabled),c=b.find(a=>a.value===j.value),d=aA(b,a,c);void 0!==d&&j.onValueChange(d.value)}),t=a=>{k||(j.onOpenChange(!0),s()),a&&(j.triggerPointerDownPosRef.current={x:Math.round(a.pageX),y:Math.round(a.pageY)})};return(0,A.jsx)(p.Mz,{asChild:!0,...h,children:(0,A.jsx)(r.sG.button,{type:"button",role:"combobox","aria-controls":j.contentId,"aria-expanded":j.open,"aria-required":j.required,"aria-autocomplete":"none",dir:j.dir,"data-state":j.open?"open":"closed",disabled:k,"data-disabled":k?"":void 0,"data-placeholder":ay(j.value)?"":void 0,...f,ref:l,onClick:(0,g.mK)(f.onClick,a=>{a.currentTarget.focus(),"mouse"!==n.current&&t(a)}),onPointerDown:(0,g.mK)(f.onPointerDown,a=>{n.current=a.pointerType;let b=a.target;b.hasPointerCapture(a.pointerId)&&b.releasePointerCapture(a.pointerId),0===a.button&&!1===a.ctrlKey&&"mouse"===a.pointerType&&(t(a),a.preventDefault())}),onKeyDown:(0,g.mK)(f.onKeyDown,a=>{let b=""!==o.current;a.ctrlKey||a.altKey||a.metaKey||1!==a.key.length||q(a.key),(!b||" "!==a.key)&&B.includes(a.key)&&(t(),a.preventDefault())})})})});Q.displayName=P;var R="SelectValue",S=d.forwardRef((a,b)=>{let{__scopeSelect:c,className:d,style:e,children:f,placeholder:g="",...h}=a,j=L(R,c),{onValueNodeHasChildrenChange:k}=j,l=void 0!==f,m=(0,i.s)(b,j.onValueNodeChange);return(0,v.N)(()=>{k(l)},[k,l]),(0,A.jsx)(r.sG.span,{...h,ref:m,style:{pointerEvents:"none"},children:ay(j.value)?(0,A.jsx)(A.Fragment,{children:g}):f})});S.displayName=R;var T=d.forwardRef((a,b)=>{let{__scopeSelect:c,children:d,...e}=a;return(0,A.jsx)(r.sG.span,{"aria-hidden":!0,...e,ref:b,children:d||"▼"})});T.displayName="SelectIcon";var U=a=>(0,A.jsx)(q.Z,{asChild:!0,...a});U.displayName="SelectPortal";var V="SelectContent",W=d.forwardRef((a,b)=>{let c=L(V,a.__scopeSelect),[f,g]=d.useState();return((0,v.N)(()=>{g(new DocumentFragment)},[]),c.open)?(0,A.jsx)($,{...a,ref:b}):f?e.createPortal((0,A.jsx)(X,{scope:a.__scopeSelect,children:(0,A.jsx)(E.Slot,{scope:a.__scopeSelect,children:(0,A.jsx)("div",{children:a.children})})}),f):null});W.displayName=V;var[X,Y]=H(V),Z=(0,s.TL)("SelectContent.RemoveScroll"),$=d.forwardRef((a,b)=>{let{__scopeSelect:c,position:e="item-aligned",onCloseAutoFocus:f,onEscapeKeyDown:h,onPointerDownOutside:j,side:k,sideOffset:o,align:p,alignOffset:q,arrowPadding:r,collisionBoundary:s,collisionPadding:t,sticky:u,hideWhenDetached:v,avoidCollisions:w,...x}=a,B=L(V,c),[C,D]=d.useState(null),[E,G]=d.useState(null),H=(0,i.s)(b,a=>D(a)),[I,J]=d.useState(null),[K,M]=d.useState(null),N=F(c),[O,P]=d.useState(!1),Q=d.useRef(!1);d.useEffect(()=>{if(C)return(0,y.Eq)(C)},[C]),(0,m.Oh)();let R=d.useCallback(a=>{let[b,...c]=N().map(a=>a.ref.current),[d]=c.slice(-1),e=document.activeElement;for(let c of a)if(c===e||(c?.scrollIntoView({block:"nearest"}),c===b&&E&&(E.scrollTop=0),c===d&&E&&(E.scrollTop=E.scrollHeight),c?.focus(),document.activeElement!==e))return},[N,E]),S=d.useCallback(()=>R([I,C]),[R,I,C]);d.useEffect(()=>{O&&S()},[O,S]);let{onOpenChange:T,triggerPointerDownPosRef:U}=B;d.useEffect(()=>{if(C){let a={x:0,y:0},b=b=>{a={x:Math.abs(Math.round(b.pageX)-(U.current?.x??0)),y:Math.abs(Math.round(b.pageY)-(U.current?.y??0))}},c=c=>{a.x<=10&&a.y<=10?c.preventDefault():C.contains(c.target)||T(!1),document.removeEventListener("pointermove",b),U.current=null};return null!==U.current&&(document.addEventListener("pointermove",b),document.addEventListener("pointerup",c,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",b),document.removeEventListener("pointerup",c,{capture:!0})}}},[C,T,U]),d.useEffect(()=>{let a=()=>T(!1);return window.addEventListener("blur",a),window.addEventListener("resize",a),()=>{window.removeEventListener("blur",a),window.removeEventListener("resize",a)}},[T]);let[W,Y]=az(a=>{let b=N().filter(a=>!a.disabled),c=b.find(a=>a.ref.current===document.activeElement),d=aA(b,a,c);d&&setTimeout(()=>d.ref.current.focus())}),$=d.useCallback((a,b,c)=>{let d=!Q.current&&!c;(void 0!==B.value&&B.value===b||d)&&(J(a),d&&(Q.current=!0))},[B.value]),ab=d.useCallback(()=>C?.focus(),[C]),ac=d.useCallback((a,b,c)=>{let d=!Q.current&&!c;(void 0!==B.value&&B.value===b||d)&&M(a)},[B.value]),ad="popper"===e?aa:_,ae=ad===aa?{side:k,sideOffset:o,align:p,alignOffset:q,arrowPadding:r,collisionBoundary:s,collisionPadding:t,sticky:u,hideWhenDetached:v,avoidCollisions:w}:{};return(0,A.jsx)(X,{scope:c,content:C,viewport:E,onViewportChange:G,itemRefCallback:$,selectedItem:I,onItemLeave:ab,itemTextRefCallback:ac,focusSelectedItem:S,selectedItemText:K,position:e,isPositioned:O,searchRef:W,children:(0,A.jsx)(z.A,{as:Z,allowPinchZoom:!0,children:(0,A.jsx)(n.n,{asChild:!0,trapped:B.open,onMountAutoFocus:a=>{a.preventDefault()},onUnmountAutoFocus:(0,g.mK)(f,a=>{B.trigger?.focus({preventScroll:!0}),a.preventDefault()}),children:(0,A.jsx)(l.qW,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:h,onPointerDownOutside:j,onFocusOutside:a=>a.preventDefault(),onDismiss:()=>B.onOpenChange(!1),children:(0,A.jsx)(ad,{role:"listbox",id:B.contentId,"data-state":B.open?"open":"closed",dir:B.dir,onContextMenu:a=>a.preventDefault(),...x,...ae,onPlaced:()=>P(!0),ref:H,style:{display:"flex",flexDirection:"column",outline:"none",...x.style},onKeyDown:(0,g.mK)(x.onKeyDown,a=>{let b=a.ctrlKey||a.altKey||a.metaKey;if("Tab"===a.key&&a.preventDefault(),b||1!==a.key.length||Y(a.key),["ArrowUp","ArrowDown","Home","End"].includes(a.key)){let b=N().filter(a=>!a.disabled).map(a=>a.ref.current);if(["ArrowUp","End"].includes(a.key)&&(b=b.slice().reverse()),["ArrowUp","ArrowDown"].includes(a.key)){let c=a.target,d=b.indexOf(c);b=b.slice(d+1)}setTimeout(()=>R(b)),a.preventDefault()}})})})})})})});$.displayName="SelectContentImpl";var _=d.forwardRef((a,b)=>{let{__scopeSelect:c,onPlaced:e,...g}=a,h=L(V,c),j=Y(V,c),[k,l]=d.useState(null),[m,n]=d.useState(null),o=(0,i.s)(b,a=>n(a)),p=F(c),q=d.useRef(!1),s=d.useRef(!0),{viewport:t,selectedItem:u,selectedItemText:w,focusSelectedItem:x}=j,y=d.useCallback(()=>{if(h.trigger&&h.valueNode&&k&&m&&t&&u&&w){let a=h.trigger.getBoundingClientRect(),b=m.getBoundingClientRect(),c=h.valueNode.getBoundingClientRect(),d=w.getBoundingClientRect();if("rtl"!==h.dir){let e=d.left-b.left,g=c.left-e,h=a.left-g,i=a.width+h,j=Math.max(i,b.width),l=window.innerWidth-10,m=(0,f.q)(g,[10,Math.max(10,l-j)]);k.style.minWidth=i+"px",k.style.left=m+"px"}else{let e=b.right-d.right,g=window.innerWidth-c.right-e,h=window.innerWidth-a.right-g,i=a.width+h,j=Math.max(i,b.width),l=window.innerWidth-10,m=(0,f.q)(g,[10,Math.max(10,l-j)]);k.style.minWidth=i+"px",k.style.right=m+"px"}let g=p(),i=window.innerHeight-20,j=t.scrollHeight,l=window.getComputedStyle(m),n=parseInt(l.borderTopWidth,10),o=parseInt(l.paddingTop,10),r=parseInt(l.borderBottomWidth,10),s=n+o+j+parseInt(l.paddingBottom,10)+r,v=Math.min(5*u.offsetHeight,s),x=window.getComputedStyle(t),y=parseInt(x.paddingTop,10),z=parseInt(x.paddingBottom,10),A=a.top+a.height/2-10,B=u.offsetHeight/2,C=n+o+(u.offsetTop+B);if(C<=A){let a=g.length>0&&u===g[g.length-1].ref.current;k.style.bottom="0px";let b=Math.max(i-A,B+(a?z:0)+(m.clientHeight-t.offsetTop-t.offsetHeight)+r);k.style.height=C+b+"px"}else{let a=g.length>0&&u===g[0].ref.current;k.style.top="0px";let b=Math.max(A,n+t.offsetTop+(a?y:0)+B);k.style.height=b+(s-C)+"px",t.scrollTop=C-A+t.offsetTop}k.style.margin="10px 0",k.style.minHeight=v+"px",k.style.maxHeight=i+"px",e?.(),requestAnimationFrame(()=>q.current=!0)}},[p,h.trigger,h.valueNode,k,m,t,u,w,h.dir,e]);(0,v.N)(()=>y(),[y]);let[z,B]=d.useState();(0,v.N)(()=>{m&&B(window.getComputedStyle(m).zIndex)},[m]);let C=d.useCallback(a=>{a&&!0===s.current&&(y(),x?.(),s.current=!1)},[y,x]);return(0,A.jsx)(ab,{scope:c,contentWrapper:k,shouldExpandOnScrollRef:q,onScrollButtonChange:C,children:(0,A.jsx)("div",{ref:l,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:z},children:(0,A.jsx)(r.sG.div,{...g,ref:o,style:{boxSizing:"border-box",maxHeight:"100%",...g.style}})})})});_.displayName="SelectItemAlignedPosition";var aa=d.forwardRef((a,b)=>{let{__scopeSelect:c,align:d="start",collisionPadding:e=10,...f}=a,g=J(c);return(0,A.jsx)(p.UC,{...g,...f,ref:b,align:d,collisionPadding:e,style:{boxSizing:"border-box",...f.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});aa.displayName="SelectPopperPosition";var[ab,ac]=H(V,{}),ad="SelectViewport",ae=d.forwardRef((a,b)=>{let{__scopeSelect:c,nonce:e,...f}=a,h=Y(ad,c),j=ac(ad,c),k=(0,i.s)(b,h.onViewportChange),l=d.useRef(0);return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:e}),(0,A.jsx)(E.Slot,{scope:c,children:(0,A.jsx)(r.sG.div,{"data-radix-select-viewport":"",role:"presentation",...f,ref:k,style:{position:"relative",flex:1,overflow:"hidden auto",...f.style},onScroll:(0,g.mK)(f.onScroll,a=>{let b=a.currentTarget,{contentWrapper:c,shouldExpandOnScrollRef:d}=j;if(d?.current&&c){let a=Math.abs(l.current-b.scrollTop);if(a>0){let d=window.innerHeight-20,e=Math.max(parseFloat(c.style.minHeight),parseFloat(c.style.height));if(e<d){let f=e+a,g=Math.min(d,f),h=f-g;c.style.height=g+"px","0px"===c.style.bottom&&(b.scrollTop=h>0?h:0,c.style.justifyContent="flex-end")}}}l.current=b.scrollTop})})})]})});ae.displayName=ad;var af="SelectGroup",[ag,ah]=H(af);d.forwardRef((a,b)=>{let{__scopeSelect:c,...d}=a,e=(0,o.B)();return(0,A.jsx)(ag,{scope:c,id:e,children:(0,A.jsx)(r.sG.div,{role:"group","aria-labelledby":e,...d,ref:b})})}).displayName=af;var ai="SelectLabel";d.forwardRef((a,b)=>{let{__scopeSelect:c,...d}=a,e=ah(ai,c);return(0,A.jsx)(r.sG.div,{id:e.id,...d,ref:b})}).displayName=ai;var aj="SelectItem",[ak,al]=H(aj),am=d.forwardRef((a,b)=>{let{__scopeSelect:c,value:e,disabled:f=!1,textValue:h,...j}=a,k=L(aj,c),l=Y(aj,c),m=k.value===e,[n,p]=d.useState(h??""),[q,s]=d.useState(!1),t=(0,i.s)(b,a=>l.itemRefCallback?.(a,e,f)),u=(0,o.B)(),v=d.useRef("touch"),w=()=>{f||(k.onValueChange(e),k.onOpenChange(!1))};if(""===e)throw Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return(0,A.jsx)(ak,{scope:c,value:e,disabled:f,textId:u,isSelected:m,onItemTextChange:d.useCallback(a=>{p(b=>b||(a?.textContent??"").trim())},[]),children:(0,A.jsx)(E.ItemSlot,{scope:c,value:e,disabled:f,textValue:n,children:(0,A.jsx)(r.sG.div,{role:"option","aria-labelledby":u,"data-highlighted":q?"":void 0,"aria-selected":m&&q,"data-state":m?"checked":"unchecked","aria-disabled":f||void 0,"data-disabled":f?"":void 0,tabIndex:f?void 0:-1,...j,ref:t,onFocus:(0,g.mK)(j.onFocus,()=>s(!0)),onBlur:(0,g.mK)(j.onBlur,()=>s(!1)),onClick:(0,g.mK)(j.onClick,()=>{"mouse"!==v.current&&w()}),onPointerUp:(0,g.mK)(j.onPointerUp,()=>{"mouse"===v.current&&w()}),onPointerDown:(0,g.mK)(j.onPointerDown,a=>{v.current=a.pointerType}),onPointerMove:(0,g.mK)(j.onPointerMove,a=>{v.current=a.pointerType,f?l.onItemLeave?.():"mouse"===v.current&&a.currentTarget.focus({preventScroll:!0})}),onPointerLeave:(0,g.mK)(j.onPointerLeave,a=>{a.currentTarget===document.activeElement&&l.onItemLeave?.()}),onKeyDown:(0,g.mK)(j.onKeyDown,a=>{(l.searchRef?.current===""||" "!==a.key)&&(C.includes(a.key)&&w()," "===a.key&&a.preventDefault())})})})})});am.displayName=aj;var an="SelectItemText",ao=d.forwardRef((a,b)=>{let{__scopeSelect:c,className:f,style:g,...h}=a,j=L(an,c),k=Y(an,c),l=al(an,c),m=N(an,c),[n,o]=d.useState(null),p=(0,i.s)(b,a=>o(a),l.onItemTextChange,a=>k.itemTextRefCallback?.(a,l.value,l.disabled)),q=n?.textContent,s=d.useMemo(()=>(0,A.jsx)("option",{value:l.value,disabled:l.disabled,children:q},l.value),[l.disabled,l.value,q]),{onNativeOptionAdd:t,onNativeOptionRemove:u}=m;return(0,v.N)(()=>(t(s),()=>u(s)),[t,u,s]),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(r.sG.span,{id:l.textId,...h,ref:p}),l.isSelected&&j.valueNode&&!j.valueNodeHasChildren?e.createPortal(h.children,j.valueNode):null]})});ao.displayName=an;var ap="SelectItemIndicator",aq=d.forwardRef((a,b)=>{let{__scopeSelect:c,...d}=a;return al(ap,c).isSelected?(0,A.jsx)(r.sG.span,{"aria-hidden":!0,...d,ref:b}):null});aq.displayName=ap;var ar="SelectScrollUpButton",as=d.forwardRef((a,b)=>{let c=Y(ar,a.__scopeSelect),e=ac(ar,a.__scopeSelect),[f,g]=d.useState(!1),h=(0,i.s)(b,e.onScrollButtonChange);return(0,v.N)(()=>{if(c.viewport&&c.isPositioned){let a=function(){g(b.scrollTop>0)},b=c.viewport;return a(),b.addEventListener("scroll",a),()=>b.removeEventListener("scroll",a)}},[c.viewport,c.isPositioned]),f?(0,A.jsx)(av,{...a,ref:h,onAutoScroll:()=>{let{viewport:a,selectedItem:b}=c;a&&b&&(a.scrollTop=a.scrollTop-b.offsetHeight)}}):null});as.displayName=ar;var at="SelectScrollDownButton",au=d.forwardRef((a,b)=>{let c=Y(at,a.__scopeSelect),e=ac(at,a.__scopeSelect),[f,g]=d.useState(!1),h=(0,i.s)(b,e.onScrollButtonChange);return(0,v.N)(()=>{if(c.viewport&&c.isPositioned){let a=function(){let a=b.scrollHeight-b.clientHeight;g(Math.ceil(b.scrollTop)<a)},b=c.viewport;return a(),b.addEventListener("scroll",a),()=>b.removeEventListener("scroll",a)}},[c.viewport,c.isPositioned]),f?(0,A.jsx)(av,{...a,ref:h,onAutoScroll:()=>{let{viewport:a,selectedItem:b}=c;a&&b&&(a.scrollTop=a.scrollTop+b.offsetHeight)}}):null});au.displayName=at;var av=d.forwardRef((a,b)=>{let{__scopeSelect:c,onAutoScroll:e,...f}=a,h=Y("SelectScrollButton",c),i=d.useRef(null),j=F(c),k=d.useCallback(()=>{null!==i.current&&(window.clearInterval(i.current),i.current=null)},[]);return d.useEffect(()=>()=>k(),[k]),(0,v.N)(()=>{let a=j().find(a=>a.ref.current===document.activeElement);a?.ref.current?.scrollIntoView({block:"nearest"})},[j]),(0,A.jsx)(r.sG.div,{"aria-hidden":!0,...f,ref:b,style:{flexShrink:0,...f.style},onPointerDown:(0,g.mK)(f.onPointerDown,()=>{null===i.current&&(i.current=window.setInterval(e,50))}),onPointerMove:(0,g.mK)(f.onPointerMove,()=>{h.onItemLeave?.(),null===i.current&&(i.current=window.setInterval(e,50))}),onPointerLeave:(0,g.mK)(f.onPointerLeave,()=>{k()})})});d.forwardRef((a,b)=>{let{__scopeSelect:c,...d}=a;return(0,A.jsx)(r.sG.div,{"aria-hidden":!0,...d,ref:b})}).displayName="SelectSeparator";var aw="SelectArrow";d.forwardRef((a,b)=>{let{__scopeSelect:c,...d}=a,e=J(c),f=L(aw,c),g=Y(aw,c);return f.open&&"popper"===g.position?(0,A.jsx)(p.i3,{...e,...d,ref:b}):null}).displayName=aw;var ax=d.forwardRef(({__scopeSelect:a,value:b,...c},e)=>{let f=d.useRef(null),g=(0,i.s)(e,f),h=(0,w.Z)(b);return d.useEffect(()=>{let a=f.current;if(!a)return;let c=Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype,"value").set;if(h!==b&&c){let d=new Event("change",{bubbles:!0});c.call(a,b),a.dispatchEvent(d)}},[h,b]),(0,A.jsx)(r.sG.select,{...c,style:{...x.Qg,...c.style},ref:g,defaultValue:b})});function ay(a){return""===a||void 0===a}function az(a){let b=(0,t.c)(a),c=d.useRef(""),e=d.useRef(0),f=d.useCallback(a=>{let d=c.current+a;b(d),function a(b){c.current=b,window.clearTimeout(e.current),""!==b&&(e.current=window.setTimeout(()=>a(""),1e3))}(d)},[b]),g=d.useCallback(()=>{c.current="",window.clearTimeout(e.current)},[]);return d.useEffect(()=>()=>window.clearTimeout(e.current),[]),[c,f,g]}function aA(a,b,c){var d,e;let f=b.length>1&&Array.from(b).every(a=>a===b[0])?b[0]:b,g=c?a.indexOf(c):-1,h=(d=a,e=Math.max(g,0),d.map((a,b)=>d[(e+b)%d.length]));1===f.length&&(h=h.filter(a=>a!==c));let i=h.find(a=>a.textValue.toLowerCase().startsWith(f.toLowerCase()));return i!==c?i:void 0}ax.displayName="SelectBubbleInput";var aB=O,aC=Q,aD=S,aE=T,aF=U,aG=W,aH=ae,aI=am,aJ=ao,aK=aq,aL=as,aM=au},67048:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(89892).A)("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},82087:(a,b,c)=>{c.d(b,{Z:()=>e});var d=c(14450);function e(a){let b=d.useRef({value:a,previous:a});return d.useMemo(()=>(b.current.value!==a&&(b.current.previous=b.current.value,b.current.value=a),b.current.previous),[a])}}};