@avenue-ticketing/ui 0.11.0 → 0.12.0-beta.1

package/dist/react/dropdown-integration.js

@@ -0,0 +1,1325 @@
+import { CaretDownIcon } from '@phosphor-icons/react/dist/csr/CaretDown';
+import { CopyIcon } from '@phosphor-icons/react/dist/csr/Copy';
+import { TerminalWindowIcon } from '@phosphor-icons/react/dist/csr/TerminalWindow';
+import { createContext, isValidElement, useCallback, useState, useRef, useLayoutEffect } from 'react';
+import { MenuTrigger, MenuSection, Link, Button as Button$1, Popover, Menu, MenuItem, Separator } from 'react-aria-components';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { CheckIcon } from '@phosphor-icons/react/dist/csr/Check';
+import { CaretRightIcon } from '@phosphor-icons/react/dist/csr/CaretRight';
+import '@phosphor-icons/react/dist/csr/DotsThreeVertical';
+import { UserIcon } from '@phosphor-icons/react/dist/csr/User';
+import '@phosphor-icons/react/dist/csr/Plus';
+
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+});
+var cx = twMerge;
+function sortCx(classes) {
+  return classes;
+}
+
+// ../../utils/is-react-component.ts
+var isFunctionComponent = (component) => {
+  return typeof component === "function";
+};
+var isClassComponent = (component) => {
+  return typeof component === "function" && component.prototype && (!!component.prototype.isReactComponent || !!component.prototype.render);
+};
+var isForwardRefComponent = (component) => {
+  return typeof component === "object" && component !== null && component.$$typeof.toString() === "Symbol(react.forward_ref)";
+};
+var isReactComponent = (component) => {
+  return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);
+};
+var focusShadowPlain = "focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var focusShadowSkeuomorphic = "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-xs-skeuomorphic),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var skeuomorphicGradientBorderClass = [
+  "ring-1 ring-inset ring-transparent",
+  "before:pointer-events-none before:absolute before:inset-px before:rounded-[inherit] before:border before:border-[#ffffff1f] before:content-['']",
+  "before:[mask-image:linear-gradient(to_bottom,#000,transparent)]"
+].join(" ");
+var skeuomorphicShadowClass = ["shadow-xs-skeuomorphic", focusShadowSkeuomorphic, "overflow-hidden"].join(" ");
+var focusShadowSecondary = "focus-visible:outline-none focus-visible:[box-shadow:0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var secondaryInnerShadow = "after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[''] after:[box-shadow:inset_0px_-1px_0px_0px_rgba(0,0,0,0.05)]";
+var secondaryShadowClass = ["relative overflow-hidden shadow-xs", secondaryInnerShadow, focusShadowSecondary].join(" ");
+var inputNumberButtonClass = [
+  "in-data-number-input:border-0 in-data-number-input:shadow-none in-data-number-input:!rounded-none in-data-number-input:!h-full in-data-number-input:!min-h-0 in-data-number-input:self-stretch in-data-number-input:overflow-hidden",
+  "in-data-number-input:before:hidden in-data-number-input:after:hidden",
+  "in-data-number-input:focus-visible:outline-none in-data-number-input:focus-visible:shadow-none in-data-number-input:focus-visible:ring-0 in-data-number-input:focus-visible:![box-shadow:none]"
+].join(" ");
+var inputAddonButtonClass = [
+  "in-data-input-wrapper:border-0 in-data-input-wrapper:shadow-none in-data-input-wrapper:!rounded-none in-data-input-wrapper:overflow-hidden",
+  "in-data-input-wrapper:in-data-trailing:border-l in-data-input-wrapper:in-data-trailing:border-solid in-data-input-wrapper:in-data-trailing:border-primary",
+  "in-data-input-wrapper:in-data-leading:border-r in-data-input-wrapper:in-data-leading:border-solid in-data-input-wrapper:in-data-leading:border-primary",
+  "in-data-input-wrapper:group-invalid:in-data-trailing:border-error_subtle in-data-input-wrapper:group-invalid:in-data-leading:border-error_subtle",
+  "in-data-input-wrapper:before:hidden in-data-input-wrapper:after:hidden",
+  "in-data-input-wrapper:focus-visible:outline-none in-data-input-wrapper:focus-visible:shadow-none in-data-input-wrapper:focus-visible:ring-0 in-data-input-wrapper:focus-visible:![box-shadow:none]"
+].join(" ");
+var styles = sortCx({
+  common: {
+    root: [
+      "group relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-full font-body outline-none before:absolute",
+      "font-semibold transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-out",
+      "pressed:scale-[0.985] pressed:duration-100 pressed:ease-linear motion-reduce:pressed:scale-100",
+      "disabled:pointer-events-none disabled:cursor-not-allowed in-data-input-wrapper:disabled:opacity-100",
+      inputAddonButtonClass,
+      inputNumberButtonClass,
+      // Stretch to InputGroup row height; padding/typography follow `data-input-size` on the field (Figma 85:1269).
+      "in-data-input-wrapper:!h-full in-data-input-wrapper:!min-h-0 in-data-input-wrapper:self-stretch",
+      "in-data-input-wrapper:in-data-[input-size=sm]:gap-1 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2 in-data-input-wrapper:in-data-[input-size=sm]:text-sm",
+      "in-data-input-wrapper:in-data-[input-size=md]:gap-1 in-data-input-wrapper:in-data-[input-size=md]:px-3.5 in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:text-sm",
+      "in-data-input-wrapper:in-data-[input-size=lg]:gap-1.5 in-data-input-wrapper:in-data-[input-size=lg]:px-4 in-data-input-wrapper:in-data-[input-size=lg]:py-2.5 in-data-input-wrapper:in-data-[input-size=lg]:text-md",
+      "*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:transition-inherit-all"
+    ].join(" "),
+    icon: "pointer-events-none shrink-0 transition-inherit-all"
+  },
+  sizes: {
+    xs: {
+      root: [
+        "h-8 min-h-8 gap-1 px-[0.625rem] py-1.5 text-sm data-icon-only:size-8 data-icon-only:min-h-8 data-icon-only:min-w-8 data-icon-only:p-2",
+        "in-data-input-wrapper:data-icon-only:p-2.5",
+        "*:data-icon:size-4"
+      ].join(" "),
+      linkRoot: "h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3"
+    },
+    sm: {
+      root: [
+        "h-9 min-h-9 gap-1 px-3 py-2 text-sm data-icon-only:size-9 data-icon-only:min-h-9 data-icon-only:min-w-9 data-icon-only:p-2",
+        "in-data-input-wrapper:data-icon-only:p-2.5",
+        "*:data-icon:size-5"
+      ].join(" "),
+      linkRoot: "h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3"
+    },
+    md: {
+      root: [
+        "h-10 min-h-10 gap-1 px-3.5 py-2.5 text-sm data-icon-only:size-10 data-icon-only:min-h-10 data-icon-only:min-w-10 data-icon-only:p-2.5",
+        "in-data-input-wrapper:data-icon-only:p-3",
+        "*:data-icon:size-5"
+      ].join(" "),
+      linkRoot: "h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-4"
+    },
+    lg: {
+      root: "h-11 min-h-11 gap-1.5 px-4 py-2.5 text-md data-icon-only:size-11 data-icon-only:min-h-11 data-icon-only:min-w-11 data-icon-only:p-3 *:data-icon:size-5",
+      linkRoot: "h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4"
+    },
+    xl: {
+      root: "h-12 min-h-12 gap-1.5 px-[1.125rem] py-3 text-md data-icon-only:size-12 data-icon-only:min-h-12 data-icon-only:min-w-12 data-icon-only:p-3 data-icon-only:*:data-icon:size-6 *:data-icon:size-5",
+      linkRoot: "h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4"
+    }
+  },
+  colors: {
+    /** Figma Hierarchy=Primary — dark neutral solid; hover lightens to fg-tertiary_hover (#404040). */
+    primary: {
+      root: [
+        "bg-primary-solid text-white",
+        skeuomorphicShadowClass,
+        skeuomorphicGradientBorderClass,
+        "hover:bg-fg-tertiary_hover dark:hover:bg-quaternary",
+        "disabled:opacity-30",
+        "data-loading:bg-fg-tertiary_hover dark:data-loading:bg-quaternary",
+        "*:data-icon:not([data-icon=loading]):text-white/70"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Brand — purple solid; hover darkens to bg-brand-solid_hover (#6d28d9). */
+    brand: {
+      root: [
+        "bg-brand-solid text-primary_on-brand",
+        skeuomorphicShadowClass,
+        skeuomorphicGradientBorderClass,
+        "hover:bg-brand-solid_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-brand-solid_hover",
+        "*:data-icon:not([data-icon=loading]):text-primary_on-brand"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Secondary — border-primary + shadow-xs + skeuomorphic inner rim overlay. */
+    secondary: {
+      root: [
+        "border border-solid border-primary bg-primary text-secondary",
+        secondaryShadowClass,
+        "hover:bg-primary_hover hover:text-secondary_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-primary_hover",
+        "*:data-icon:text-fg-secondary hover:*:data-icon:text-fg-quaternary_hover"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Tertiary */
+    tertiary: {
+      root: [
+        "border border-transparent bg-transparent text-tertiary",
+        focusShadowPlain,
+        "hover:bg-primary_hover hover:text-tertiary_hover",
+        "disabled:opacity-50",
+        "*:data-icon:text-fg-tertiary hover:*:data-icon:text-fg-quaternary_hover"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Link color — text + icons share brand-secondary; hover underlines with fg-brand-secondary. */
+    "link-color": {
+      root: [
+        "h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-brand-secondary shadow-none",
+        focusShadowPlain,
+        "hover:text-brand-secondary_hover",
+        "disabled:opacity-50",
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-brand-secondary"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Link gray — text + icons share tertiary; hover underlines with fg-quaternary. */
+    "link-gray": {
+      root: [
+        "h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-tertiary shadow-none",
+        focusShadowPlain,
+        "hover:text-tertiary_hover",
+        "disabled:opacity-50",
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-quaternary"
+      ].join(" ")
+    },
+    "primary-destructive": {
+      root: [
+        "bg-error-solid text-white",
+        skeuomorphicShadowClass,
+        skeuomorphicGradientBorderClass,
+        "hover:bg-error-solid_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-error-solid_hover",
+        "*:data-icon:not([data-icon=loading]):text-white/70"
+      ].join(" ")
+    },
+    "secondary-destructive": {
+      root: [
+        "border border-solid border-primary bg-primary text-error-primary",
+        secondaryShadowClass,
+        "hover:bg-error-primary hover:text-error-primary_hover",
+        "disabled:opacity-50",
+        "data-loading:bg-error-primary",
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    },
+    "tertiary-destructive": {
+      root: [
+        "border border-transparent bg-transparent text-error-primary",
+        focusShadowPlain,
+        "hover:bg-error-primary hover:text-error-primary_hover",
+        "disabled:opacity-50",
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    },
+    /** Figma Hierarchy=Link (destructive) — text + icons share error-primary; hover underlines. */
+    "link-destructive": {
+      root: [
+        "h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-error-primary shadow-none",
+        focusShadowPlain,
+        "hover:text-error-primary_hover",
+        "disabled:opacity-50",
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-current"
+      ].join(" ")
+    }
+  }
+});
+var Button = ({
+  size = "md",
+  color = "primary",
+  children,
+  className,
+  noTextPadding,
+  iconLeading: IconLeading,
+  iconTrailing: IconTrailing,
+  isDisabled: disabled,
+  isLoading: loading,
+  showTextWhileLoading,
+  ...props
+}) => {
+  const href = "href" in props ? props.href : void 0;
+  const isIcon = (IconLeading || IconTrailing) && !children;
+  const isLinkType = ["link-gray", "link-color", "link-destructive"].includes(color);
+  noTextPadding = isLinkType || noTextPadding;
+  const commonChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
+    isValidElement(IconLeading) && IconLeading,
+    isReactComponent(IconLeading) && /* @__PURE__ */ jsx(IconLeading, { "data-icon": "leading", className: styles.common.icon }),
+    loading && /* @__PURE__ */ jsx(
+      "svg",
+      {
+        fill: "none",
+        "data-icon": "loading",
+        viewBox: "0 0 256 256",
+        "aria-hidden": true,
+        className: cx(
+          styles.common.icon,
+          "size-5 animate-spin",
+          !showTextWhileLoading && "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60,61.46,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20-66.54-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z"
+          }
+        )
+      }
+    ),
+    children && /* @__PURE__ */ jsx("span", { "data-text": true, className: cx("transition-inherit-all", !noTextPadding && !isLinkType && "px-0.5"), children }),
+    isValidElement(IconTrailing) && IconTrailing,
+    isReactComponent(IconTrailing) && /* @__PURE__ */ jsx(IconTrailing, { "data-icon": "trailing", className: styles.common.icon })
+  ] });
+  const commonProps = {
+    "data-icon-only": isIcon ? true : void 0,
+    "data-loading": loading ? true : void 0,
+    ...props,
+    isDisabled: disabled || loading,
+    className: cx(
+      styles.common.root,
+      styles.sizes[size].root,
+      styles.colors[color].root,
+      isLinkType && styles.sizes[size].linkRoot,
+      (loading || href && (disabled || loading)) && "pointer-events-none",
+      loading && (showTextWhileLoading ? "[&>*:not([data-icon=loading]):not([data-text])]:hidden" : "[&>*:not([data-icon=loading])]:invisible"),
+      className
+    ),
+    children: commonChildren
+  };
+  if ("href" in commonProps) {
+    return /* @__PURE__ */ jsx(Link, { ...commonProps, href: disabled || loading ? void 0 : href });
+  }
+  return /* @__PURE__ */ jsx(Button$1, { ...commonProps, type: commonProps.type || "button", isPending: loading });
+};
+var sizes = {
+  xs: "size-1.5",
+  sm: "size-2",
+  md: "size-2.5",
+  lg: "size-3",
+  xl: "size-3.5",
+  "2xl": "size-4",
+  "3xl": "size-4.5",
+  "4xl": "size-5"
+};
+var AvatarOnlineIndicator = ({ size, status, className }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cx(
+      "absolute right-0 bottom-0 flex justify-center rounded-full ring-[1.5px] ring-bg-primary",
+      status === "online" ? "bg-fg-success-secondary" : "bg-utility-neutral-300",
+      sizes[size],
+      className
+    ),
+    style: {
+      backgroundImage: "radial-gradient(43.75% 43.75% at 50% 28.75%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 74.66%, rgba(255, 255, 255, 0.18) 100%), radial-gradient(75% 75% at 50% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 99%, rgba(255, 255, 255, 0.00) 100%)"
+    },
+    children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 7.2 2.85", fill: "none", className: "mt-[10%] h-[20%] w-[60%]", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.2 1.83107C7.2 2.84235 5.58823 2.19729 3.6 2.19729C1.61177 2.19729 0 2.84235 0 1.83107C0 0.8198 1.61177 0 3.6 0C5.58823 0 7.2 0.8198 7.2 1.83107Z",
+          fill: "url(#reflection-gradient)",
+          fillOpacity: "0.4"
+        }
+      ),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "reflection-gradient", x1: "3.6", y1: "0", x2: "3.6", y2: "2.4", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
+        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.1" })
+      ] }) })
+    ] })
+  }
+);
+var sizes2 = {
+  xs: "size-2.5",
+  sm: "size-3",
+  md: "size-3.5",
+  lg: "size-4",
+  xl: "size-4.5",
+  "2xl": "size-5",
+  "3xl": "size-6",
+  "4xl": "size-8"
+};
+var VerifiedTick = ({ size, className }) => /* @__PURE__ */ jsxs("svg", { className: cx("z-10 text-utility-blue-500", sizes2[size], className), viewBox: "0 0 10 10", fill: "none", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z",
+      className: "fill-current"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z",
+      fill: "white"
+    }
+  )
+] });
+var AvatarCount = ({ count, className }) => /* @__PURE__ */ jsx("div", { className: cx("absolute right-0 bottom-0 p-px", className), children: /* @__PURE__ */ jsx("div", { className: "flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white", children: count }) });
+var styles2 = {
+  xs: { root: "size-6", rootWithBorder: "p-px", initials: "text-xs font-semibold", icon: "size-4" },
+  sm: { root: "size-8", rootWithBorder: "p-px", initials: "text-sm font-semibold", icon: "size-5" },
+  md: { root: "size-10", rootWithBorder: "p-px", initials: "text-md font-semibold", icon: "size-6" },
+  lg: { root: "size-12", rootWithBorder: "p-[1.5px]", initials: "text-lg font-semibold", icon: "size-7" },
+  xl: { root: "size-14", rootWithBorder: "p-0.5", initials: "text-xl font-semibold", icon: "size-8" },
+  "2xl": { root: "size-16", rootWithBorder: "p-0.5", initials: "text-display-xs font-semibold", icon: "size-8" }
+};
+var Avatar = ({
+  size = "md",
+  src,
+  alt,
+  initials,
+  placeholder,
+  placeholderIcon: PlaceholderIcon,
+  border,
+  badge,
+  status,
+  verified,
+  count,
+  focusable = false,
+  rounded = true,
+  className,
+  contentClassName
+}) => {
+  const [isFailed, setIsFailed] = useState(false);
+  const canShowImage = src && !isFailed;
+  const renderMainContent = () => {
+    if (canShowImage) {
+      return /* @__PURE__ */ jsx("img", { "data-avatar-img": true, className: "size-full object-cover", src, alt, onError: () => setIsFailed(true) });
+    }
+    if (initials) {
+      return /* @__PURE__ */ jsx("span", { className: cx("text-quaternary", styles2[size].initials), children: initials });
+    }
+    if (PlaceholderIcon) {
+      return /* @__PURE__ */ jsx(PlaceholderIcon, { className: cx("text-fg-quaternary", styles2[size].icon) });
+    }
+    return placeholder || /* @__PURE__ */ jsx(UserIcon, { className: cx("text-fg-quaternary", styles2[size].icon) });
+  };
+  const renderBadgeContent = () => {
+    if (status) {
+      return /* @__PURE__ */ jsx(AvatarOnlineIndicator, { status, size });
+    }
+    if (verified) {
+      return /* @__PURE__ */ jsx(VerifiedTick, { size, className: cx("absolute right-0 bottom-0", size === "xs" && "-right-px -bottom-px") });
+    }
+    if (count) {
+      return /* @__PURE__ */ jsx(AvatarCount, { count });
+    }
+    return badge;
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-avatar": true,
+      className: cx(
+        "relative inline-flex shrink-0 rounded-[7px]",
+        rounded && "rounded-full",
+        // Focus styles
+        focusable && "outline-none group-focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]",
+        border && "ring-1 ring-secondary_alt",
+        border && styles2[size].rootWithBorder,
+        styles2[size].root,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cx(
+              "relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]",
+              rounded && "rounded-full",
+              canShowImage && size !== "xs" && "before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]",
+              contentClassName
+            ),
+            children: renderMainContent()
+          }
+        ),
+        renderBadgeContent()
+      ]
+    }
+  );
+};
+var CHECKBOX_TICK_DELAY_MS = 60;
+var CHECKBOX_TICK_DRAW_MS = 100;
+function CheckboxAnimatedCheckMark({ className }) {
+  const pathRef = useRef(null);
+  useLayoutEffect(() => {
+    const path = pathRef.current;
+    if (!path || typeof path.getTotalLength !== "function") return;
+    const len = path.getTotalLength();
+    if (len <= 0) return;
+    path.style.strokeDasharray = `${len}`;
+    path.style.strokeDashoffset = `${len}`;
+    if (typeof path.animate !== "function") {
+      path.style.strokeDashoffset = "0";
+      return;
+    }
+    const anim = path.animate([{ strokeDashoffset: len }, { strokeDashoffset: 0 }], {
+      duration: CHECKBOX_TICK_DRAW_MS,
+      delay: CHECKBOX_TICK_DELAY_MS,
+      easing: "cubic-bezier(0.45, 0, 0.2, 1)",
+      fill: "forwards"
+    });
+    return () => anim.cancel();
+  }, []);
+  return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 14 14", fill: "none", className: cx("block shrink-0", className), children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      ref: pathRef,
+      d: "M2.33325 7L5.24992 9.91667L11.6666 3.5",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+var focusRingShadow = "outline-none [box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var CheckboxBase = ({ className, isSelected, isDisabled, isIndeterminate, size = "sm", isFocusVisible = false }) => {
+  const isChecked = isSelected || isIndeterminate;
+  const iconClassName = size === "sm" ? "size-2.5" : "size-3.5";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(
+        "relative flex shrink-0 cursor-pointer appearance-none items-center justify-center border border-solid border-primary",
+        size === "sm" ? "size-4 rounded-xs" : "size-5 rounded-sm",
+        isChecked ? "border-transparent bg-brand-solid" : "bg-primary",
+        isDisabled && "cursor-not-allowed opacity-50",
+        isDisabled && !isChecked && "bg-tertiary",
+        isFocusVisible && !isDisabled && focusRingShadow,
+        className
+      ),
+      children: [
+        isIndeterminate && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            viewBox: "0 0 14 14",
+            fill: "none",
+            className: cx("pointer-events-none block shrink-0 text-fg-white", iconClassName),
+            children: /* @__PURE__ */ jsx("path", { d: "M2.91675 7H11.0834", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+          }
+        ),
+        isSelected && !isIndeterminate && /* @__PURE__ */ jsx(CheckboxAnimatedCheckMark, { className: cx("pointer-events-none text-fg-white", iconClassName) })
+      ]
+    }
+  );
+};
+CheckboxBase.displayName = "CheckboxBase";
+var RADIO_DOT_DELAY_MS = 60;
+var RADIO_DOT_POP_MS = 100;
+function RadioAnimatedDot({ className }) {
+  const dotRef = useRef(null);
+  useLayoutEffect(() => {
+    const dot = dotRef.current;
+    if (!dot) return;
+    if (typeof dot.animate !== "function") {
+      dot.style.opacity = "1";
+      dot.style.transform = "scale(1)";
+      return;
+    }
+    const anim = dot.animate(
+      [
+        { opacity: 0, transform: "scale(0)" },
+        { opacity: 1, transform: "scale(1)" }
+      ],
+      {
+        duration: RADIO_DOT_POP_MS,
+        delay: RADIO_DOT_DELAY_MS,
+        easing: "cubic-bezier(0.45, 0, 0.2, 1)",
+        fill: "forwards"
+      }
+    );
+    return () => anim.cancel();
+  }, []);
+  return /* @__PURE__ */ jsx("div", { ref: dotRef, "aria-hidden": "true", className: cx("rounded-full bg-fg-white", className), style: { opacity: 0, transform: "scale(0)" } });
+}
+var focusRingShadow2 = "outline-none [box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+createContext(null);
+var RadioButtonBase = ({ className, isFocusVisible, isSelected, isDisabled, size = "sm" }) => {
+  const dotClassName = size === "sm" ? "size-1.5" : "size-2";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(
+        "relative flex shrink-0 cursor-pointer appearance-none items-center justify-center overflow-clip rounded-full border border-solid border-primary bg-primary",
+        size === "sm" ? "size-4" : "size-5",
+        isSelected && "border-transparent bg-brand-solid",
+        isDisabled && "cursor-not-allowed opacity-50",
+        isDisabled && !isSelected && "bg-tertiary",
+        isFocusVisible && !isDisabled && focusRingShadow2,
+        className
+      ),
+      children: isSelected && /* @__PURE__ */ jsx(RadioAnimatedDot, { className: cx("pointer-events-none", dotClassName) })
+    }
+  );
+};
+RadioButtonBase.displayName = "RadioButtonBase";
+var focusRingShadow3 = "outline-none [box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var ToggleBase = ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size = "sm" }) => {
+  const styles3 = {
+    default: {
+      sm: {
+        track: "h-5 w-9 p-0.5",
+        thumb: "size-4",
+        thumbPosition: isSelected ? "left-[calc(100%-1rem-0.125rem)]" : "left-0.5"
+      },
+      md: {
+        track: "h-6 w-11 p-0.5",
+        thumb: "size-5",
+        thumbPosition: isSelected ? "left-[calc(100%-1.25rem-0.125rem)]" : "left-0.5"
+      }
+    },
+    slim: {
+      sm: {
+        track: "h-4 w-8",
+        thumb: "size-4",
+        thumbPosition: isSelected ? "left-4" : "left-0"
+      },
+      md: {
+        track: "h-5 w-10",
+        thumb: "size-5",
+        thumbPosition: isSelected ? "left-5" : "left-0"
+      }
+    }
+  };
+  const classes = slim ? styles3.slim[size] : styles3.default[size];
+  const offTrackBackground = (() => {
+    if (isDisabled) return "bg-tertiary";
+    if (isHovered) return slim ? "bg-tertiary" : "bg-brand-primary";
+    return "bg-quaternary";
+  })();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(
+        "relative inline-flex shrink-0 cursor-pointer overflow-clip rounded-full outline-none transition duration-150 ease-linear",
+        !isSelected && offTrackBackground,
+        !slim && "ring-[0.5px] ring-secondary ring-inset",
+        slim && "ring-1 ring-secondary ring-inset",
+        isSelected && "bg-brand-solid",
+        isSelected && isHovered && "bg-brand-solid_hover",
+        isSelected && "ring-transparent",
+        isDisabled && "cursor-not-allowed opacity-50",
+        isFocusVisible && !isDisabled && focusRingShadow3,
+        classes.track,
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cx(
+            "absolute rounded-full bg-fg-white shadow-sm transition-[left] duration-150 ease-in-out",
+            slim ? "top-0 shadow-xs" : "top-0.5",
+            slim && "border border-toggle-border",
+            slim && isSelected && "border-toggle-slim-border_pressed",
+            slim && isSelected && isHovered && "border-toggle-slim-border_pressed-hover",
+            classes.thumb,
+            classes.thumbPosition
+          )
+        }
+      )
+    }
+  );
+};
+var focusShadowInset = "[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]";
+var DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = "checkmark", ...props }) => {
+  const SelectionIndicator = useCallback(
+    (state) => {
+      if (selectionIndicator === "checkmark") {
+        return /* @__PURE__ */ jsx(
+          CheckIcon,
+          {
+            "aria-hidden": "true",
+            className: cx("size-4 shrink-0 stroke-[2.25px] text-fg-brand-primary", !state.isSelected && "invisible", state.className)
+          }
+        );
+      }
+      if (selectionIndicator === "checkbox") {
+        return /* @__PURE__ */ jsx(
+          CheckboxBase,
+          {
+            isSelected: state.isSelected && !state.hasSubmenu,
+            isIndeterminate: state.isSelected && state.hasSubmenu,
+            size: "sm",
+            className: cx("shrink-0", state.className)
+          }
+        );
+      }
+      if (selectionIndicator === "radio") {
+        return /* @__PURE__ */ jsx(RadioButtonBase, { isSelected: state.isSelected, className: cx("shrink-0", state.className) });
+      }
+      if (selectionIndicator === "toggle") {
+        return /* @__PURE__ */ jsx(ToggleBase, { slim: true, size: "sm", isSelected: state.isSelected, className: cx("shrink-0", state.className) });
+      }
+      return null;
+    },
+    [selectionIndicator]
+  );
+  if (unstyled) {
+    return /* @__PURE__ */ jsx(MenuItem, { id: label, textValue: label, ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      ...props,
+      className: (state) => cx(
+        "group block cursor-pointer px-1.5 py-px outline-hidden",
+        state.isDisabled && "cursor-not-allowed opacity-50",
+        typeof props.className === "function" ? props.className(state) : props.className
+      ),
+      children: (state) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cx(
+            "relative flex items-center rounded-md px-2.5 py-2 transition duration-100 ease-linear",
+            !state.isDisabled && "group-hover:bg-primary_hover",
+            state.isFocused && "bg-primary_hover",
+            state.isFocusVisible && focusShadowInset,
+            state.hasSubmenu && "pr-1.5"
+          ),
+          children: [
+            state.selectionMode !== "none" && !avatarUrl && !Icon && /* @__PURE__ */ jsx(SelectionIndicator, { ...state, className: "mr-2" }),
+            avatarUrl && /* @__PURE__ */ jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) }),
+            Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }),
+            /* @__PURE__ */ jsx("span", { className: cx("grow truncate text-sm font-semibold text-secondary", state.isFocused && "text-secondary_hover"), children: label || (typeof children === "function" ? children(state) : children) }),
+            addon && /* @__PURE__ */ jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }),
+            state.selectionMode !== "none" && (avatarUrl || Icon) && /* @__PURE__ */ jsx(SelectionIndicator, { ...state, className: "ml-1" }),
+            state.hasSubmenu && /* @__PURE__ */ jsx(CaretRightIcon, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })
+          ]
+        }
+      )
+    }
+  );
+};
+var DropdownMenu = (props) => {
+  return /* @__PURE__ */ jsx(
+    Menu,
+    {
+      ...props,
+      className: (state) => cx("h-min overflow-y-auto py-1 outline-hidden select-none", typeof props.className === "function" ? props.className(state) : props.className)
+    }
+  );
+};
+var DropdownPopover = (props) => {
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      placement: "bottom right",
+      ...props,
+      className: (state) => cx(
+        "w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform",
+        state.isEntering && "duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5",
+        state.isExiting && "duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5",
+        typeof props.className === "function" ? props.className(state) : props.className
+      ),
+      children: props.children
+    }
+  );
+};
+var DropdownSeparator = (props) => {
+  return /* @__PURE__ */ jsx(Separator, { ...props, className: cx("my-1 h-px w-full bg-border-secondary", props.className) });
+};
+var Dropdown = {
+  Root: MenuTrigger,
+  Popover: DropdownPopover,
+  Menu: DropdownMenu,
+  Section: MenuSection,
+  Item: DropdownItem,
+  Separator: DropdownSeparator};
+var BoltIcon = ({ grayscale, ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11.2 15.9872C10.075 15.9872 8.95 15.6122 8.35001 14.7122L8.12501 15.7622L4 17.9372L4.45 15.7622L7.44999 2.11218H11.125L10.075 6.91219C10.9 6.0122 11.725 5.63719 12.775 5.63719C15.025 5.63719 16.45 7.06219 16.45 9.7622C16.45 12.4622 14.725 15.9872 11.2 15.9872ZM12.625 10.5122C12.625 11.7872 11.725 12.7622 10.525 12.7622C9.32501 12.7622 9.25 12.5372 8.87499 12.0872L9.47501 9.61219C9.92499 9.16218 10.375 8.93717 10.975 8.93717C11.875 8.93717 12.625 9.61219 12.625 10.5872V10.5122Z",
+      className: grayscale ? "fill-fg-quaternary" : "fill-[#000]"
+    }
+  ) });
+};
+var bolt_icon_default = BoltIcon;
+var ChatGPTIcon = ({ grayscale, ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.2097 18C10.6764 18 10.1697 17.8987 9.68969 17.696C9.20969 17.4933 8.78302 17.2107 8.40969 16.848C8.00435 16.9867 7.58302 17.056 7.14569 17.056C6.43102 17.056 5.76969 16.88 5.16169 16.528C4.55369 16.176 4.06302 15.696 3.68969 15.088C3.32702 14.48 3.14569 13.8027 3.14569 13.056C3.14569 12.7467 3.18835 12.4107 3.27369 12.048C2.84702 11.6533 2.51635 11.2 2.28169 10.688C2.04702 10.1653 1.92969 9.62133 1.92969 9.056C1.92969 8.48 2.05235 7.92533 2.29769 7.392C2.54302 6.85867 2.88435 6.4 3.32169 6.016C3.76969 5.62133 4.28702 5.34933 4.87369 5.2C4.99102 4.592 5.23635 4.048 5.60969 3.568C5.99369 3.07733 6.46302 2.69333 7.01769 2.416C7.57235 2.13867 8.16435 2 8.79369 2C9.32702 2 9.83369 2.10133 10.3137 2.304C10.7937 2.50667 11.2204 2.78933 11.5937 3.152C11.999 3.01333 12.4204 2.944 12.8577 2.944C13.5724 2.944 14.2337 3.12 14.8417 3.472C15.4497 3.824 15.935 4.304 16.2977 4.912C16.671 5.52 16.8577 6.19733 16.8577 6.944C16.8577 7.25333 16.815 7.58933 16.7297 7.952C17.1564 8.34667 17.487 8.80533 17.7217 9.328C17.9564 9.84 18.0737 10.3787 18.0737 10.944C18.0737 11.52 17.951 12.0747 17.7057 12.608C17.4604 13.1413 17.1137 13.6053 16.6657 14C16.2284 14.384 15.7164 14.6507 15.1297 14.8C15.0124 15.408 14.7617 15.952 14.3777 16.432C14.0044 16.9227 13.5404 17.3067 12.9857 17.584C12.431 17.8613 11.839 18 11.2097 18ZM7.25769 16C7.79102 16 8.25502 15.888 8.64969 15.664L11.6577 13.936C11.7644 13.8613 11.8177 13.76 11.8177 13.632V12.256L7.94569 14.48C7.71102 14.6187 7.47635 14.6187 7.24169 14.48L4.21769 12.736C4.21769 12.768 4.21235 12.8053 4.20169 12.848C4.20169 12.8907 4.20169 12.9547 4.20169 13.04C4.20169 13.584 4.32969 14.0853 4.58569 14.544C4.85235 14.992 5.22035 15.344 5.68969 15.6C6.15902 15.8667 6.68169 16 7.25769 16ZM7.41769 13.392C7.48169 13.424 7.54035 13.44 7.59369 13.44C7.64702 13.44 7.70035 13.424 7.75369 13.392L8.95369 12.704L5.09769 10.464C4.86302 10.3253 4.74569 10.1173 4.74569 9.84V6.368C4.21235 6.60267 3.78569 6.96533 3.46569 7.456C3.14569 7.936 2.98569 8.46933 2.98569 9.056C2.98569 9.57867 3.11902 10.08 3.38569 10.56C3.65235 11.04 3.99902 11.4027 4.42569 11.648L7.41769 13.392ZM11.2097 16.944C11.775 16.944 12.287 16.816 12.7457 16.56C13.2044 16.304 13.567 15.952 13.8337 15.504C14.1004 15.056 14.2337 14.5547 14.2337 14V10.544C14.2337 10.416 14.1804 10.32 14.0737 10.256L12.8577 9.552V14.016C12.8577 14.2933 12.7404 14.5013 12.5057 14.64L9.48169 16.384C10.0044 16.7573 10.5804 16.944 11.2097 16.944ZM11.8177 11.088V8.912L10.0097 7.888L8.18569 8.912V11.088L10.0097 12.112L11.8177 11.088ZM7.14569 5.984C7.14569 5.70667 7.26302 5.49867 7.49769 5.36L10.5217 3.616C9.99902 3.24267 9.42302 3.056 8.79369 3.056C8.22835 3.056 7.71635 3.184 7.25769 3.44C6.79902 3.696 6.43635 4.048 6.16969 4.496C5.91369 4.944 5.78569 5.44533 5.78569 6V9.44C5.78569 9.568 5.83902 9.66933 5.94569 9.744L7.14569 10.448V5.984ZM15.2737 13.632C15.807 13.3973 16.2284 13.0347 16.5377 12.544C16.8577 12.0533 17.0177 11.52 17.0177 10.944C17.0177 10.4213 16.8844 9.92 16.6177 9.44C16.351 8.96 16.0044 8.59733 15.5777 8.352L12.5857 6.624C12.5217 6.58133 12.463 6.56533 12.4097 6.576C12.3564 6.576 12.303 6.592 12.2497 6.624L11.0497 7.296L14.9217 9.552C15.039 9.616 15.1244 9.70133 15.1777 9.808C15.2417 9.904 15.2737 10.0213 15.2737 10.16V13.632ZM12.0577 5.504C12.2924 5.35467 12.527 5.35467 12.7617 5.504L15.8017 7.28C15.8017 7.20533 15.8017 7.10933 15.8017 6.992C15.8017 6.48 15.6737 5.99467 15.4177 5.536C15.1724 5.06667 14.815 4.69333 14.3457 4.416C13.887 4.13867 13.3537 4 12.7457 4C12.2124 4 11.7484 4.112 11.3537 4.336L8.34569 6.064C8.23902 6.13867 8.18569 6.24 8.18569 6.368V7.744L12.0577 5.504Z",
+      className: grayscale ? "fill-fg-quaternary" : "fill-[#000]"
+    }
+  ) });
+};
+var chatgpt_icon_default = ChatGPTIcon;
+var ClaudeIcon = ({ grayscale, ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4.68092 12.639L7.83292 10.879L7.88092 10.719L7.83292 10.639H7.67292L7.14492 10.607L5.35292 10.559L3.78492 10.479L2.26492 10.399L1.88092 10.319L1.54492 9.83902L1.57692 9.59902L1.89692 9.39102L2.36092 9.42302L3.36892 9.50302L4.88892 9.59902L5.99292 9.66302L7.62492 9.85502H7.88092L7.91292 9.74302L7.83292 9.67902L7.76892 9.61502L6.18492 8.55902L4.48892 7.43902L3.59292 6.78302L3.11292 6.46302L2.87292 6.14302L2.77692 5.47102L3.20892 4.99102L3.80092 5.03902L3.94492 5.07102L4.53692 5.53502L5.81692 6.51102L7.46492 7.75902L7.70492 7.95102L7.80092 7.88702L7.81692 7.83902L7.70492 7.66302L6.82492 5.99902L5.86492 4.33502L5.43292 3.64702L5.32092 3.23102C5.27292 3.07102 5.25692 2.91102 5.25692 2.75102L5.73692 2.07902L6.02492 1.99902L6.69692 2.09502L6.95292 2.31902L7.36892 3.27902L8.02492 4.76702L9.06492 6.78302L9.38492 7.39102L9.54492 7.93502L9.59292 8.09502H9.70492V8.01502L9.78492 6.86302L9.94492 5.47102L10.1049 3.67902L10.1529 3.16702L10.4089 2.55902L10.8889 2.23902L11.3049 2.41502L11.6249 2.87902L11.5769 3.16702L11.4009 4.39902L10.9849 6.33502L10.7449 7.64702H10.8889L11.0489 7.47102L11.7049 6.60702L12.8089 5.23102L13.2889 4.67102L13.8649 4.07902L14.2329 3.79102H14.9209L15.4169 4.54302L15.1929 5.32702L14.4889 6.22302L13.8969 6.97502L13.0489 8.11102L12.5369 9.02302L12.5849 9.08702H12.6969L14.6169 8.67102L15.6409 8.49502L16.8569 8.28702L17.4169 8.54302L17.4809 8.79902L17.2569 9.34302L15.9449 9.66302L14.4089 9.98302L12.1209 10.511L12.0889 10.527L12.1209 10.575L13.1449 10.671L13.5929 10.703H14.6809L16.6969 10.863L17.2249 11.183L17.5289 11.615L17.4809 11.935L16.6649 12.351L15.5769 12.095L13.0169 11.487L12.1529 11.279H12.0249V11.343L12.7609 12.063L14.0889 13.263L15.7849 14.815L15.8649 15.199L15.6569 15.519L15.4329 15.487L13.9609 14.367L13.3849 13.887L12.1049 12.799H12.0249V12.911L12.3129 13.343L13.8809 15.695L13.9609 16.415L13.8489 16.639L13.4329 16.799L13.0009 16.703L12.0729 15.423L11.1129 13.983L10.3609 12.671L10.2809 12.735L9.81692 17.567L9.60892 17.807L9.12892 17.999L8.72892 17.679L8.50492 17.199L8.72892 16.207L8.98492 14.927L9.19292 13.903L9.38492 12.639L9.49692 12.223V12.191H9.38492L8.42492 13.519L6.98492 15.487L5.83292 16.703L5.56092 16.815L5.08092 16.575L5.12892 16.127L5.38492 15.759L6.98492 13.711L7.94492 12.447L8.58492 11.711L8.56892 11.631H8.52092L4.29692 14.383L3.54492 14.479L3.22492 14.159L3.25692 13.679L3.41692 13.519L4.69692 12.639H4.68092Z",
+      className: grayscale ? "fill-fg-quaternary" : "fill-[#D97757]"
+    }
+  ) });
+};
+var claude_icon_default = ClaudeIcon;
+var CursorIcon = ({ grayscale, ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M16.9301 5.52368L10.1245 1.59453C9.90599 1.46833 9.63633 1.46833 9.4178 1.59453L2.61256 5.52368C2.42885 5.62975 2.31543 5.82592 2.31543 6.03838V13.9615C2.31543 14.174 2.42885 14.3702 2.61256 14.4762L9.41812 18.4054C9.63665 18.5316 9.90631 18.5316 10.1248 18.4054L16.9304 14.4762C17.1141 14.3702 17.2275 14.174 17.2275 13.9615V6.03838C17.2275 5.82592 17.1141 5.62975 16.9304 5.52368H16.9301ZM16.5026 6.35596L9.93283 17.7351C9.88842 17.8118 9.77116 17.7805 9.77116 17.6916V10.2407C9.77116 10.0918 9.69161 9.95411 9.56253 9.87935L3.11001 6.15404C3.03333 6.10963 3.06465 5.99237 3.15346 5.99237H16.293C16.4796 5.99237 16.5962 6.19461 16.5029 6.35628H16.5026V6.35596Z",
+      className: grayscale ? "fill-fg-quaternary" : "fill-[#000]"
+    }
+  ) });
+};
+var cursor_icon_default = CursorIcon;
+var FigmaIcon = ({ grayscale, ...props }) => {
+  if (grayscale) {
+    return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.49967 3.33333C7.00867 3.33333 6.54071 3.52419 6.19799 3.8593C5.85577 4.19391 5.66634 4.64451 5.66634 5.11111C5.66634 5.57771 5.85577 6.02831 6.19799 6.36292C6.54071 6.69803 7.00867 6.88889 7.49967 6.88889H9.33301V3.33333H7.49967ZM10.6663 3.33333V6.88889H12.4997C12.7425 6.88889 12.9826 6.84211 13.2061 6.75157C13.4297 6.66105 13.6318 6.52874 13.8013 6.36292C13.9709 6.19714 14.1046 6.00114 14.1955 5.78651C14.2864 5.57192 14.333 5.34247 14.333 5.11111C14.333 4.87976 14.2864 4.6503 14.1955 4.43571C14.1046 4.22108 13.9709 4.02509 13.8013 3.8593C13.6318 3.69348 13.4297 3.56118 13.2061 3.47065C12.9826 3.38011 12.7425 3.33333 12.4997 3.33333H10.6663ZM14.4586 7.55556C14.5546 7.48127 14.6465 7.40141 14.7335 7.31627C15.0283 7.02807 15.2629 6.68513 15.4232 6.30661C15.5836 5.92805 15.6663 5.52177 15.6663 5.11111C15.6663 4.70045 15.5836 4.29417 15.4232 3.91561C15.2629 3.53709 15.0283 3.19415 14.7335 2.90596C14.4388 2.6178 14.0897 2.38999 13.7067 2.23483C13.3235 2.07967 12.9135 2 12.4997 2H7.49967C6.66459 2 5.86079 2.32422 5.26583 2.90596C4.67036 3.48819 4.33301 4.2811 4.33301 5.11111C4.33301 5.94113 4.67036 6.73403 5.26583 7.31627C5.35315 7.40165 5.44497 7.48148 5.54073 7.55555C5.44497 7.62963 5.35315 7.70947 5.26583 7.79485C4.67036 8.37708 4.33301 9.17 4.33301 10C4.33301 10.83 4.67036 11.6229 5.26583 12.2051C5.35315 12.2905 5.44497 12.3704 5.54073 12.4445C5.44497 12.5185 5.35315 12.5983 5.26583 12.6837C4.67036 13.266 4.33301 14.0589 4.33301 14.8889C4.33301 15.7189 4.67036 16.5118 5.26583 17.0941C5.86079 17.6758 6.66459 18 7.49967 18C8.33474 18 9.13854 17.6758 9.73354 17.0941C10.329 16.5118 10.6663 15.7189 10.6663 14.8889V12.5367C10.8611 12.6726 11.0712 12.7866 11.2927 12.8763C11.6758 13.0315 12.0859 13.1111 12.4997 13.1111C12.9135 13.1111 13.3235 13.0315 13.7067 12.8763C14.0897 12.7211 14.4388 12.4933 14.7335 12.2051C15.0283 11.9169 15.2629 11.574 15.4232 11.1955C15.5836 10.8169 15.6663 10.4107 15.6663 10C15.6663 9.58933 15.5836 9.18307 15.4232 8.80453C15.2629 8.42599 15.0283 8.08304 14.7335 7.79485C14.6465 7.70971 14.5546 7.62984 14.4586 7.55556ZM9.33301 11.7778V8.22222H7.49967C7.00867 8.22222 6.54071 8.41308 6.19799 8.7482C5.85577 9.0828 5.66634 9.5334 5.66634 10C5.66634 10.4666 5.85577 10.9172 6.19799 11.2518C6.54071 11.5869 7.00867 11.7778 7.49967 11.7778H9.33301ZM9.33301 13.1111H7.49967C7.00867 13.1111 6.54071 13.302 6.19799 13.6371C5.85577 13.9717 5.66634 14.4223 5.66634 14.8889C5.66634 15.3555 5.85577 15.8061 6.19799 16.1407C6.54071 16.4758 7.00867 16.6667 7.49967 16.6667C7.99068 16.6667 8.45861 16.4758 8.80134 16.1407C9.14361 15.8061 9.33301 15.3555 9.33301 14.8889V13.1111ZM12.4997 8.22222C12.2569 8.22222 12.0167 8.269 11.7932 8.35954C11.5697 8.45007 11.3675 8.58237 11.198 8.7482C11.0284 8.914 10.8947 9.11 10.8038 9.3246C10.7129 9.5392 10.6663 9.76867 10.6663 10C10.6663 10.2313 10.7129 10.4608 10.8038 10.6754C10.8947 10.89 11.0284 11.086 11.198 11.2518C11.3675 11.4176 11.5697 11.5499 11.7932 11.6405C12.0167 11.731 12.2569 11.7778 12.4997 11.7778C12.7425 11.7778 12.9826 11.731 13.2061 11.6405C13.4297 11.5499 13.6318 11.4176 13.8013 11.2518C13.9709 11.086 14.1046 10.89 14.1955 10.6754C14.2864 10.4608 14.333 10.2313 14.333 10C14.333 9.76867 14.2864 9.5392 14.1955 9.3246C14.1046 9.11 13.9709 8.914 13.8013 8.7482C13.6318 8.58237 13.4297 8.45007 13.2061 8.35954C12.9826 8.269 12.7425 8.22222 12.4997 8.22222Z",
+        className: "fill-fg-quaternary"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7.3337 17.9999C8.80572 17.9999 10.0004 16.8053 10.0004 15.3333V12.6666H7.3337C5.86169 12.6666 4.66699 13.8613 4.66699 15.3333C4.66699 16.8053 5.86169 17.9999 7.3337 17.9999Z",
+        fill: "#24CB71"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.66699 10C4.66699 8.528 5.86169 7.33331 7.3337 7.33331H10.0004V12.6666H7.3337C5.86169 12.6667 4.66699 11.472 4.66699 10Z",
+        fill: "#874FFF"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.66699 4.66669C4.66699 3.19469 5.86169 2 7.3337 2H10.0004V7.33332H7.3337C5.86169 7.33332 4.66699 6.13869 4.66699 4.66669Z",
+        fill: "#FF3737"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M10 2H12.6667C14.1387 2 15.3334 3.19469 15.3334 4.66669C15.3334 6.13869 14.1387 7.33332 12.6667 7.33332H10V2Z", fill: "#FF7237" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.3334 10C15.3334 11.472 14.1387 12.6667 12.6667 12.6667C11.1947 12.6667 10 11.472 10 10C10 8.528 11.1947 7.33331 12.6667 7.33331C14.1387 7.33331 15.3334 8.528 15.3334 10Z",
+        fill: "#00B6FF"
+      }
+    )
+  ] });
+};
+var figma_icon_default = FigmaIcon;
+var GeminiIcon = ({ grayscale, ...props }) => {
+  if (grayscale) {
+    return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M9.81623 1.00006C10.005 1.00006 10.1692 1.12898 10.2152 1.3121C10.3564 1.87222 10.5405 2.41856 10.7697 2.95003C11.3666 4.33676 12.1857 5.55055 13.2256 6.59048C14.266 7.63039 15.4794 8.44948 16.8661 9.04643C17.398 9.27557 17.9439 9.45971 18.504 9.60089C18.6871 9.64693 18.816 9.81114 18.816 9.99988C18.816 10.1886 18.6871 10.3528 18.504 10.3988C17.9439 10.54 17.3975 10.7242 16.8661 10.9533C15.4793 11.5503 14.2655 12.3694 13.2256 13.4093C12.1857 14.4497 11.3666 15.663 10.7697 17.0497C10.5405 17.5817 10.3564 18.1276 10.2152 18.6876C10.1692 18.8708 10.005 18.9997 9.81623 18.9997C9.62748 18.9997 9.46328 18.8708 9.41724 18.6876C9.27606 18.1276 9.09191 17.5812 8.86278 17.0497C8.26583 15.663 7.44723 14.4492 6.40683 13.4093C5.36637 12.3694 4.15311 11.5503 2.76637 10.9533C2.23439 10.7242 1.68856 10.54 1.12844 10.3988C0.945322 10.3528 0.816406 10.1886 0.816406 9.99988C0.81643 9.81114 0.945334 9.64693 1.12844 9.60089C1.68857 9.45971 2.2349 9.27559 2.76637 9.04643C4.15314 8.44946 5.3669 7.63042 6.40683 6.59048C7.44676 5.55055 8.2658 4.33679 8.86278 2.95003C9.09194 2.41804 9.27606 1.87222 9.41724 1.3121C9.46328 1.12899 9.62748 1.00009 9.81623 1.00006Z",
+        className: "fill-fg-quaternary"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "mask0_12464_573808", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "1", width: "19", height: "18", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M9.81623 1.00006C10.005 1.00006 10.1692 1.12898 10.2152 1.3121C10.3564 1.87222 10.5405 2.41856 10.7697 2.95003C11.3666 4.33676 12.1857 5.55055 13.2256 6.59048C14.266 7.63039 15.4794 8.44948 16.8661 9.04643C17.398 9.27557 17.9439 9.45971 18.504 9.60089C18.6871 9.64693 18.816 9.81114 18.816 9.99988C18.816 10.1886 18.6871 10.3528 18.504 10.3988C17.9439 10.54 17.3975 10.7242 16.8661 10.9533C15.4793 11.5503 14.2655 12.3694 13.2256 13.4093C12.1857 14.4497 11.3666 15.663 10.7697 17.0497C10.5405 17.5817 10.3564 18.1276 10.2152 18.6876C10.1692 18.8708 10.005 18.9997 9.81623 18.9997C9.62748 18.9997 9.46328 18.8708 9.41724 18.6876C9.27606 18.1276 9.09191 17.5812 8.86278 17.0497C8.26583 15.663 7.44723 14.4492 6.40683 13.4093C5.36637 12.3694 4.15311 11.5503 2.76637 10.9533C2.23439 10.7242 1.68856 10.54 1.12844 10.3988C0.945322 10.3528 0.816406 10.1886 0.816406 9.99988C0.81643 9.81114 0.945334 9.64693 1.12844 9.60089C1.68857 9.45971 2.2349 9.27559 2.76637 9.04643C4.15314 8.44946 5.3669 7.63042 6.40683 6.59048C7.44676 5.55055 8.2658 4.33679 8.86278 2.95003C9.09194 2.41804 9.27606 1.87222 9.41724 1.3121C9.46328 1.12899 9.62748 1.00009 9.81623 1.00006Z",
+        fill: "white"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#mask0_12464_573808)", children: [
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter0_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M-0.556829 15.0005C1.5229 15.7391 3.91327 14.3542 4.78221 11.9074C5.65115 9.46054 4.66962 6.87825 2.5899 6.13967C0.51017 5.4011 -1.8802 6.78593 -2.74914 9.23278C-3.61809 11.6796 -2.63655 14.2619 -0.556829 15.0005Z",
+          fill: "#FFE432"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter1_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.67823 6.93344C11.5354 6.93344 13.8516 4.56633 13.8516 1.64635C13.8516 -1.27363 11.5354 -3.64075 8.67823 -3.64075C5.82107 -3.64075 3.50488 -1.27363 3.50488 1.64635C3.50488 4.56633 5.82107 6.93344 8.67823 6.93344Z",
+          fill: "#FC413D"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter2_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6.66738 23.8414C9.64993 23.6956 11.9147 20.4452 11.7258 16.5814C11.5369 12.7176 8.96594 9.70361 5.98339 9.84941C3.00084 9.99521 0.736124 13.2456 0.925003 17.1094C1.11388 20.9732 3.68483 23.9872 6.66738 23.8414Z",
+          fill: "#00B95C"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter3_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6.66738 23.8414C9.64993 23.6956 11.9147 20.4452 11.7258 16.5814C11.5369 12.7176 8.96594 9.70361 5.98339 9.84941C3.00084 9.99521 0.736124 13.2456 0.925003 17.1094C1.11388 20.9732 3.68483 23.9872 6.66738 23.8414Z",
+          fill: "#00B95C"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter4_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.65501 21.5033C12.1554 19.982 12.8246 16.5172 11.1498 13.7645C9.47496 11.0118 6.09026 10.0136 3.58987 11.5349C1.08947 13.0562 0.420228 16.521 2.09507 19.2737C3.76991 22.0264 7.15461 23.0246 9.65501 21.5033Z",
+          fill: "#00B95C"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter5_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.7615 12.8537C22.5719 12.8537 24.8502 10.6598 24.8502 7.95354C24.8502 5.24724 22.5719 3.05334 19.7615 3.05334C16.9511 3.05334 14.6729 5.24724 14.6729 7.95354C14.6729 10.6598 16.9511 12.8537 19.7615 12.8537Z",
+          fill: "#3186FF"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter6_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M-2.5546 12.2848C0.0330789 14.2527 3.8134 13.6353 5.88898 10.9059C7.96457 8.17651 7.54944 4.36866 4.96177 2.40083C2.37409 0.433008 -1.40623 1.05038 -3.48181 3.77977C-5.5574 6.50916 -5.14227 10.317 -2.5546 12.2848Z",
+          fill: "#FBBC04"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter7_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.7045 15.1936C13.7931 17.3171 17.8873 16.7256 19.849 13.8723C21.8107 11.019 20.8971 6.98443 17.8084 4.86089C14.7197 2.73734 10.6256 3.32893 8.66386 6.18223C6.70216 9.03553 7.61577 13.0701 10.7045 15.1936Z",
+          fill: "#3186FF"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter8_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16.32 0.2798C17.1058 1.34817 16.0961 3.42543 14.0648 4.91948C12.0335 6.41354 9.74972 6.75862 8.96394 5.69025C8.17813 4.62189 9.18786 2.54463 11.2192 1.05057C13.2505 -0.443482 15.5342 -0.788569 16.32 0.2798Z",
+          fill: "#749BFF"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter9_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.86869 5.39516C13.0101 2.48126 14.0884 -1.46398 12.277 -3.41679C10.4656 -5.3696 6.45061 -4.59048 3.30917 -1.67659C0.167732 1.23731 -0.910508 5.18255 0.900853 7.13536C2.71221 9.08817 6.72725 8.30905 9.86869 5.39516Z",
+          fill: "#FC413D"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("g", { filter: "url(#filter10_f_12464_573808)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3.42971 15.861C5.29682 17.1973 7.44041 17.4004 8.21755 16.3146C8.99469 15.2288 8.1111 13.2652 6.24399 11.9289C4.37687 10.5926 2.23329 10.3895 1.45615 11.4753C0.679006 12.5611 1.5626 14.5247 3.42971 15.861Z",
+          fill: "#FFEE48"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter0_f_12464_573808",
+          x: "-4.42988",
+          y: "4.57659",
+          width: "10.893",
+          height: "11.987",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.682227", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter1_f_12464_573808",
+          x: "-3.09152",
+          y: "-10.2372",
+          width: "23.5395",
+          height: "23.767",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "3.2982", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter2_f_12464_573808",
+          x: "-4.69353",
+          y: "4.23677",
+          width: "22.0374",
+          height: "25.2173",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.8038", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter3_f_12464_573808",
+          x: "-4.69353",
+          y: "4.23677",
+          width: "22.0374",
+          height: "25.2173",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.8038", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter4_f_12464_573808",
+          x: "-4.43474",
+          y: "5.21571",
+          width: "22.1146",
+          height: "22.6068",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.8038", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter5_f_12464_573808",
+          x: "9.344",
+          y: "-2.27551",
+          width: "20.8354",
+          height: "20.4581",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.66443", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter6_f_12464_573808",
+          x: "-9.63221",
+          y: "-3.57959",
+          width: "21.6716",
+          height: "21.8449",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.41474", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter7_f_12464_573808",
+          x: "3.31795",
+          y: "-0.726182",
+          width: "21.8778",
+          height: "21.5069",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.15646", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter8_f_12464_573808",
+          x: "4.83801",
+          y: "-4.2002",
+          width: "15.6082",
+          height: "14.3704",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.92963", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter9_f_12464_573808",
+          x: "-3.23813",
+          y: "-7.75229",
+          width: "19.654",
+          height: "19.2231",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.62981", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter10_f_12464_573808",
+          x: "-2.8605",
+          y: "6.74284",
+          width: "15.3948",
+          height: "14.3042",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2.01716", result: "effect1_foregroundBlur_12464_573808" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var gemini_icon_default = GeminiIcon;
+var GitHubIcon = ({ grayscale, ...props }) => {
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10 1.95386C5.5816 1.95386 2 5.54106 2 9.96746C2 13.5075 4.292 16.5115 7.4712 17.5707C7.8712 17.6443 8.0168 17.3971 8.0168 17.1843C8.0168 16.9947 8.0104 16.4899 8.0064 15.8219C5.7808 16.3059 5.3112 14.7475 5.3112 14.7475C4.948 13.8211 4.4232 13.5747 4.4232 13.5747C3.6968 13.0787 4.4784 13.0883 4.4784 13.0883C5.2808 13.1443 5.7032 13.9139 5.7032 13.9139C6.4168 15.1379 7.576 14.7843 8.0312 14.5795C8.1048 14.0619 8.3112 13.7091 8.54 13.5091C6.764 13.3067 4.896 12.6187 4.896 9.54826C4.896 8.67386 5.208 7.95786 5.7192 7.39786C5.6368 7.19546 5.3624 6.38026 5.7976 5.27786C5.7976 5.27786 6.4696 5.06186 7.9976 6.09866C8.65021 5.92067 9.32355 5.83001 10 5.82906C10.68 5.83226 11.364 5.92106 12.0032 6.09866C13.5304 5.06186 14.2008 5.27706 14.2008 5.27706C14.6376 6.38026 14.3624 7.19546 14.2808 7.39786C14.7928 7.95786 15.1032 8.67386 15.1032 9.54826C15.1032 12.6267 13.232 13.3043 11.4504 13.5027C11.7376 13.7499 11.9928 14.2387 11.9928 14.9867C11.9928 16.0571 11.9832 16.9219 11.9832 17.1843C11.9832 17.3987 12.1272 17.6483 12.5336 17.5699C14.1266 17.0355 15.5115 16.0141 16.4924 14.6499C17.4733 13.2857 18.0007 11.6477 18 9.96746C18 5.54106 14.4176 1.95386 10 1.95386Z",
+      className: grayscale ? "fill-fg-quaternary" : "fill-[#000]"
+    }
+  ) });
+};
+var github_icon_default = GitHubIcon;
+var LovableIcon = ({ grayscale, ...props }) => {
+  if (grayscale) {
+    return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_12464_573798)", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M7.63094 2.5C9.91191 2.5 11.7619 4.35417 11.7619 6.64214V8.21643H13.1367C15.4178 8.21643 17.2677 10.0706 17.2677 12.3585C17.2677 14.6452 15.4185 16.5 13.1367 16.5H3.5V6.64144C3.5 4.35417 5.34927 2.5 7.63094 2.5Z",
+          className: "fill-fg-quaternary"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_12464_573798", children: /* @__PURE__ */ jsx("rect", { width: "14", height: "14", fill: "white", transform: "translate(3.5 2.5)" }) }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_12464_573784)", children: [
+      /* @__PURE__ */ jsx("mask", { id: "mask0_12464_573784", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "3", y: "2", width: "15", height: "15", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M7.63094 2.5C9.91191 2.5 11.7619 4.35417 11.7619 6.64214V8.21643H13.1367C15.4178 8.21643 17.2677 10.0706 17.2677 12.3585C17.2677 14.6452 15.4185 16.5 13.1367 16.5H3.5V6.64144C3.5 4.35417 5.34927 2.5 7.63094 2.5Z",
+          fill: "black"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("g", { mask: "url(#mask0_12464_573784)", children: [
+        /* @__PURE__ */ jsx("g", { filter: "url(#filter0_f_12464_573784)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.54051 19.2936C14.6877 19.2936 18.8603 15.121 18.8603 9.9738C18.8603 4.82661 14.6877 0.653992 9.54051 0.653992C4.39332 0.653992 0.220703 4.82661 0.220703 9.9738C0.220703 15.121 4.39332 19.2936 9.54051 19.2936Z",
+            fill: "#4B73FF"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("g", { filter: "url(#filter1_f_12464_573784)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.5639 14.1778C17.1559 14.1778 22.4998 10.0051 22.4998 4.85795C22.4998 -0.289241 17.1559 -4.46185 10.5639 -4.46185C3.97183 -4.46185 -1.37207 -0.289241 -1.37207 4.85795C-1.37207 10.0051 3.97183 14.1778 10.5639 14.1778Z",
+            fill: "#FF66F4"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("g", { filter: "url(#filter2_f_12464_573784)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.5102 11.2888C17.6574 11.2888 21.83 7.62426 21.83 3.10386C21.83 -1.41655 17.6574 -5.08105 12.5102 -5.08105C7.36305 -5.08105 3.19043 -1.41655 3.19043 3.10386C3.19043 7.62426 7.36305 11.2888 12.5102 11.2888Z",
+            fill: "#FF0105"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("g", { filter: "url(#filter3_f_12464_573784)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.7302 10.4605C13.8259 10.4605 16.3354 7.95102 16.3354 4.85536C16.3354 1.75971 13.8259 -0.749817 10.7302 -0.749817C7.63452 -0.749817 5.125 1.75971 5.125 4.85536C5.125 7.95102 7.63452 10.4605 10.7302 10.4605Z",
+            fill: "#FE7B02"
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter0_f_12464_573784",
+          x: "-3.01305",
+          y: "-2.57976",
+          width: "25.1072",
+          height: "25.1072",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.61688", result: "effect1_foregroundBlur_12464_573784" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter1_f_12464_573784",
+          x: "-4.60583",
+          y: "-7.69561",
+          width: "30.3396",
+          height: "25.1072",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.61688", result: "effect1_foregroundBlur_12464_573784" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter2_f_12464_573784",
+          x: "-0.0433259",
+          y: "-8.31481",
+          width: "25.1072",
+          height: "22.8373",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.61688", result: "effect1_foregroundBlur_12464_573784" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter3_f_12464_573784",
+          x: "1.89124",
+          y: "-3.98357",
+          width: "17.6775",
+          height: "17.6779",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "1.61688", result: "effect1_foregroundBlur_12464_573784" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("clipPath", { id: "clip0_12464_573784", children: /* @__PURE__ */ jsx("rect", { width: "14", height: "14", fill: "white", transform: "translate(3.5 2.5)" }) })
+    ] })
+  ] });
+};
+var lovable_icon_default = LovableIcon;
+var PerplexityIcon = ({ grayscale, ...props }) => {
+  if (grayscale) {
+    return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.5473 6.0119H15.6608V2.44739C15.6607 2.32801 15.6268 2.2111 15.563 2.11022C15.4992 2.00933 15.408 1.92862 15.3002 1.87743C15.1915 1.82854 15.0715 1.81046 14.9532 1.82517C14.835 1.83988 14.723 1.88681 14.6296 1.96084L10.6285 5.29066V1.62966C10.6285 1.28621 10.3439 1 9.99962 1C9.65617 1 9.36997 1.28621 9.36997 1.62966V5.29884L5.37042 1.96084C5.27905 1.88289 5.16683 1.83345 5.04765 1.81862C4.92847 1.8038 4.80756 1.82424 4.69988 1.87743C4.59203 1.92862 4.5009 2.00933 4.43707 2.11022C4.37324 2.2111 4.33932 2.32801 4.33926 2.44739V6.01272H2.4511C2.2848 6.01379 2.12559 6.08027 2.00792 6.1978C1.89024 6.31532 1.82355 6.47444 1.82227 6.64074V13.3503C1.82227 13.6937 2.10766 13.9799 2.45192 13.9799H4.33844V17.5444C4.33844 17.7873 4.48072 18.0138 4.69824 18.1144C4.78235 18.1548 4.87478 18.175 4.96809 18.1733C5.11413 18.1716 5.25543 18.1212 5.3696 18.0302L9.37078 14.7012V18.3703C9.37078 18.7138 9.65536 19 9.99962 19C10.3431 19 10.6293 18.7138 10.6293 18.3703V14.7012L14.6296 18.0302C14.744 18.1214 14.8856 18.1718 15.032 18.1733C15.1247 18.1748 15.2166 18.1546 15.3002 18.1144C15.408 18.0632 15.4992 17.9825 15.563 17.8816C15.6268 17.7807 15.6607 17.6638 15.6608 17.5444V13.9791H17.5481C17.8916 13.9791 18.177 13.6945 18.177 13.3503V6.64074C18.1757 6.47422 18.1089 6.31489 17.9911 6.19722C17.8733 6.07954 17.7138 6.01297 17.5473 6.0119ZM14.4031 3.7893V6.0119H11.7357L14.4031 3.7893ZM5.59612 3.7893L8.26357 6.0119H5.59612V3.7893ZM3.07994 12.7222V7.2704H8.4819L4.52325 11.2282C4.46468 11.2866 4.41821 11.3559 4.3865 11.4322C4.35478 11.5086 4.33845 11.5904 4.33844 11.6731V12.7214H3.07994V12.7222ZM5.59612 13.3519V11.9339L9.37078 8.16009V13.0583L5.59612 16.2033V13.3511V13.3519ZM14.4031 16.2033L10.6285 13.0575V8.15928L14.4031 11.9339V16.2033ZM16.9185 12.7222H15.6608V11.6739C15.6608 11.5063 15.5938 11.3468 15.476 11.2299L11.5182 7.27121H16.9193L16.9185 12.7222Z",
+        className: "fill-fg-quaternary"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M17.1288 6.23346H15.3471V2.86698C15.347 2.75423 15.315 2.64381 15.2547 2.54854C15.1944 2.45326 15.1083 2.37703 15.0065 2.32868C14.9038 2.28251 14.7905 2.26544 14.6788 2.27933C14.5671 2.29322 14.4614 2.33755 14.3732 2.40746L10.5943 5.55229V2.09468C10.5943 1.77031 10.3255 1.5 10.0004 1.5C9.67603 1.5 9.40573 1.77031 9.40573 2.09468V5.56001L5.62838 2.40746C5.54209 2.33384 5.4361 2.28714 5.32354 2.27314C5.21098 2.25914 5.09679 2.27845 4.99509 2.32868C4.89323 2.37703 4.80717 2.45326 4.74688 2.54854C4.6866 2.64381 4.65457 2.75423 4.6545 2.86698V6.23424H2.87125C2.71418 6.23525 2.56382 6.29804 2.45268 6.40903C2.34154 6.52002 2.27856 6.6703 2.27734 6.82737V13.1641C2.27734 13.4885 2.54688 13.7588 2.87202 13.7588H4.65373V17.1253C4.65373 17.3547 4.78811 17.5686 4.99354 17.6636C5.07298 17.7018 5.16027 17.7208 5.2484 17.7192C5.38633 17.7176 5.51978 17.6701 5.62761 17.584L9.4065 14.44V17.9053C9.4065 18.2297 9.67526 18.5 10.0004 18.5C10.3248 18.5 10.5951 18.2297 10.5951 17.9053V14.44L14.3732 17.584C14.4812 17.6702 14.615 17.7178 14.7532 17.7192C14.8408 17.7206 14.9275 17.7016 15.0065 17.6636C15.1083 17.6153 15.1944 17.539 15.2547 17.4437C15.315 17.3485 15.347 17.238 15.3471 17.1253V13.758H17.1296C17.4539 13.758 17.7235 13.4893 17.7235 13.1641V6.82737C17.7222 6.6701 17.6592 6.51962 17.5479 6.40848C17.4366 6.29735 17.2861 6.23447 17.1288 6.23346ZM14.1593 4.13434V6.23346H11.64L14.1593 4.13434ZM5.84154 4.13434L8.3608 6.23346H5.84154V4.13434ZM3.46515 12.571V7.42204H8.567L4.82827 11.16C4.77296 11.2151 4.72907 11.2806 4.69912 11.3527C4.66916 11.4248 4.65374 11.5021 4.65373 11.5801V12.5702H3.46515V12.571ZM5.84154 13.1657V11.8265L9.4065 8.26231V12.8884L5.84154 15.8587V13.1649V13.1657ZM14.1593 15.8587L10.5943 12.8877V8.26154L14.1593 11.8265V15.8587ZM16.5349 12.571H15.3471V11.5809C15.3471 11.4226 15.2837 11.272 15.1725 11.1615L11.4346 7.42281H16.5357L16.5349 12.571Z",
+      className: "fill-[#000]"
+    }
+  ) });
+};
+var perplexity_icon_default = PerplexityIcon;
+var V0Icon = ({ grayscale, ...props }) => {
+  const fillClass = grayscale ? "fill-fg-quaternary" : "fill-[#000]";
+  return /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M11.7213 5.02356H16.4951C18.4308 5.02356 20 6.59277 20 8.52849V13.0812H18.0393V8.52849C18.0393 8.48185 18.0375 8.43554 18.0339 8.38965L13.2601 13.0804C13.2762 13.0809 13.2923 13.0812 13.3085 13.0812H18.0393V14.933H13.3085C11.3728 14.933 9.76054 13.3485 9.76054 11.4127V6.87216H11.7213V11.4127C11.7213 11.5002 11.7281 11.5866 11.7412 11.6713L16.6201 6.87731C16.5789 6.8739 16.5373 6.87216 16.4951 6.87216H11.7213V5.02356Z",
+        className: fillClass
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M6.89927 14.5917L0 6.87101H2.77565L6.82628 11.4038V6.87101H8.8959V13.8295C8.8959 14.8797 7.59905 15.3747 6.89927 14.5917Z",
+        className: fillClass
+      }
+    )
+  ] });
+};
+var v0_icon_default = V0Icon;
+var DropdownIntegration = () => {
+  return /* @__PURE__ */ jsxs(Dropdown.Root, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        className: "group",
+        color: "secondary",
+        iconTrailing: (props) => /* @__PURE__ */ jsx(CaretDownIcon, { "data-icon": "trailing", ...props, className: "size-4! stroke-[2.25px]!" }),
+        children: "Copy"
+      }
+    ),
+    /* @__PURE__ */ jsx(Dropdown.Popover, { className: "w-54", children: /* @__PURE__ */ jsxs(Dropdown.Menu, { selectionMode: "none", children: [
+      /* @__PURE__ */ jsxs(Dropdown.Section, { children: [
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: TerminalWindowIcon, children: "View as markdown" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: CopyIcon, children: "Copy as markdown" })
+      ] }),
+      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
+      /* @__PURE__ */ jsxs(Dropdown.Section, { children: [
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(v0_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in v0" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(claude_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Claude" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(bolt_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Bolt" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(lovable_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Lovable" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(cursor_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Cursor" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(chatgpt_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in ChatGPT" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(perplexity_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Perplexity" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(gemini_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Gemini" })
+      ] }),
+      /* @__PURE__ */ jsx(Dropdown.Separator, {}),
+      /* @__PURE__ */ jsxs(Dropdown.Section, { children: [
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(figma_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Open in Figma" }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: () => /* @__PURE__ */ jsx(github_icon_default, { grayscale: true, className: "mr-2 size-4 shrink-0" }), children: "Create GitHub Gist" })
+      ] })
+    ] }) })
+  ] });
+};
+
+export { DropdownIntegration };
+//# sourceMappingURL=dropdown-integration.js.map
+//# sourceMappingURL=dropdown-integration.js.map