@arcadeai/design-system 1.3.0 → 1.5.0

package/dist/assets/icons/utils.js

@@ -1,439 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Package as N, Wrench as T, Globe as _, Search as O, Calculator as y } from "lucide-react";
-import { Asana as l } from "./asana.js";
-import { Atlassian as L } from "./atlassian.js";
-import { Confluence as D } from "./confluence.js";
-import { Discord as x } from "./discord.js";
-import { Dropbox as m } from "./dropbox.js";
-import { E2B as C } from "./e2b.js";
-import { Firecrawl as H } from "./firecrawl.js";
-import { Github as p } from "./github.js";
-import { Gmail as R } from "./gmail.js";
-import { Google as n } from "./google.js";
-import { GoogleCalendar as M } from "./google-calendar.js";
-import { GoogleContacts as P } from "./google-contacts.js";
-import { GoogleDocs as I } from "./google-docs.js";
-import { GoogleDrive as E } from "./google-drive.js";
-import { GoogleFinance as X } from "./google-finance.js";
-import { GoogleFlight as Z } from "./google-flight.js";
-import { GoogleHotels as B } from "./google-hotels.js";
-import { GoogleMaps as F } from "./google-maps.js";
-import { GoogleNews as U } from "./google-news.js";
-import { GoogleSheets as j } from "./google-sheets.js";
-import { GoogleShopping as W } from "./google-shopping.js";
-import { HubSpot as h } from "./hubspot.js";
-import { Jira as J } from "./jira.js";
-import { Linear as u } from "./linear.js";
-import { LinkedIn as g } from "./linkedin.js";
-import { Microsoft as b } from "./microsoft.js";
-import { Notion as f } from "./notion.js";
-import { OAuth as K } from "./oauth.js";
-import { OutlookCalendar as V } from "./outlook-calendar.js";
-import { OutlookMail as Y } from "./outlook-mail.js";
-import { Reddit as v } from "./reddit.js";
-import { Salesforce as q } from "./salesforce.js";
-import { Slack as A } from "./slack.js";
-import { Spotify as w } from "./spotify.js";
-import { Stripe as Q } from "./stripe.js";
-import { Twilio as $ } from "./twilio.js";
-import { Twitch as G } from "./twitch.js";
-import { Walmart as oo } from "./walmart.js";
-import { X as k } from "./x.js";
-import { YouTube as io } from "./youtube.js";
-import { Zoom as z } from "./zoom.js";
-import { c as t } from "../../utils-Db4QWi-E.js";
-const a = {
-  Asana: "arcade-asana",
-  Atlassian: "arcade-atlassian",
-  Discord: "arcade-discord",
-  Dropbox: "arcade-dropbox",
-  Github: "arcade-github",
-  Google: "arcade-google",
-  Hubspot: "arcade-hubspot",
-  Linkedin: "arcade-linkedin",
-  Linear: "arcade-linear",
-  Microsoft: "arcade-microsoft",
-  Notion: "arcade-notion",
-  OAuth2: "arcade-oauth2",
-  Reddit: "arcade-reddit",
-  Salesforce: "arcade-salesforce",
-  Slack: "arcade-slack",
-  Spotify: "arcade-spotify",
-  Tesla: "arcade-tesla",
-  Twitch: "arcade-twitch",
-  X: "arcade-x",
-  Zoom: "arcade-zoom"
-}, r = {
-  Asana: "asana",
-  Atlassian: "atlassian",
-  Discord: "discord",
-  Dropbox: "dropbox",
-  Github: "github",
-  Google: "google",
-  Hubspot: "hubspot",
-  Linkedin: "linkedin",
-  Linear: "linear",
-  Microsoft: "microsoft",
-  Notion: "notion",
-  OAuth2: "oauth2",
-  Reddit: "reddit",
-  Salesforce: "salesforce",
-  Slack: "slack",
-  Spotify: "spotify",
-  Tesla: "tesla",
-  Twitch: "twitch",
-  X: "x",
-  Zoom: "zoom"
-}, d = [
-  {
-    id: a.Asana,
-    provider_id: r.Asana,
-    name: "Asana",
-    description: "Authorize tools and agents with Asana",
-    icon: ({ className: o }) => /* @__PURE__ */ i(l, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/asana"
-  },
-  {
-    id: a.Atlassian,
-    provider_id: r.Atlassian,
-    name: "Atlassian",
-    description: "Authorize tools and agents with Atlassian",
-    icon: ({ className: o }) => /* @__PURE__ */ i(L, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/atlassian"
-  },
-  {
-    id: a.Discord,
-    provider_id: r.Discord,
-    name: "Discord",
-    description: "Authorize tools and agents with Discord in a user's context",
-    icon: ({ className: o }) => /* @__PURE__ */ i(x, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/discord"
-  },
-  {
-    id: a.Dropbox,
-    provider_id: r.Dropbox,
-    name: "Dropbox",
-    description: "Authorize tools and agents with Dropbox",
-    icon: ({ className: o }) => /* @__PURE__ */ i(m, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/dropbox"
-  },
-  {
-    id: a.Github,
-    provider_id: r.Github,
-    name: "GitHub",
-    description: "Authorize tools and agents with GitHub, including private repositories",
-    icon: ({ className: o }) => /* @__PURE__ */ i(p, { className: t("size-6 invert dark:invert-0", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/github"
-  },
-  {
-    id: a.Google,
-    provider_id: r.Google,
-    name: "Google",
-    description: "Authorize tools and agents with Google: Gmail, Calendar, YouTube, Drive, and more",
-    icon: ({ className: o }) => /* @__PURE__ */ i(n, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/google"
-  },
-  {
-    id: a.Hubspot,
-    provider_id: r.Hubspot,
-    name: "HubSpot",
-    description: "Authorize tools and agents with HubSpot",
-    icon: ({ className: o }) => /* @__PURE__ */ i(h, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/hubspot"
-  },
-  {
-    id: a.Linear,
-    provider_id: r.Linear,
-    name: "Linear",
-    description: "Authorize tools and agents with Linear",
-    icon: ({ className: o }) => /* @__PURE__ */ i(u, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/linear"
-  },
-  {
-    id: a.Linkedin,
-    provider_id: r.Linkedin,
-    name: "LinkedIn",
-    description: "Authorize tools and agents with LinkedIn",
-    icon: ({ className: o }) => /* @__PURE__ */ i(g, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/linkedin"
-  },
-  {
-    id: a.Microsoft,
-    provider_id: r.Microsoft,
-    name: "Microsoft",
-    description: "Authorize tools and agents with Microsoft",
-    icon: ({ className: o }) => /* @__PURE__ */ i(b, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/microsoft"
-  },
-  {
-    id: a.Notion,
-    provider_id: r.Notion,
-    name: "Notion",
-    description: "Authorize tools and agents with Notion",
-    icon: ({ className: o }) => /* @__PURE__ */ i(f, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/notion"
-  },
-  {
-    id: a.Reddit,
-    provider_id: r.Reddit,
-    name: "Reddit",
-    description: "Authorize tools and agents with Reddit",
-    icon: ({ className: o }) => /* @__PURE__ */ i(v, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/reddit"
-  },
-  {
-    id: a.Slack,
-    provider_id: r.Slack,
-    name: "Slack",
-    description: "Authorize tools and agents with Slack",
-    icon: ({ className: o }) => /* @__PURE__ */ i(A, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/slack"
-  },
-  {
-    id: a.Spotify,
-    provider_id: r.Spotify,
-    name: "Spotify",
-    description: "Authorize tools and agents with Spotify",
-    icon: ({ className: o }) => /* @__PURE__ */ i(w, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/spotify"
-  },
-  {
-    id: a.Twitch,
-    provider_id: r.Twitch,
-    name: "Twitch",
-    description: "Authorize tools and agents with Twitch",
-    icon: ({ className: o }) => /* @__PURE__ */ i(G, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/twitch"
-  },
-  {
-    id: a.X,
-    provider_id: r.X,
-    name: "X (Twitter)",
-    description: "Authorize tools and agents with X (Twitter)",
-    icon: ({ className: o }) => /* @__PURE__ */ i(k, { className: t("size-6 invert dark:invert-0", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/x"
-  },
-  {
-    id: a.Zoom,
-    provider_id: r.Zoom,
-    name: "Zoom",
-    description: "Authorize tools and agents with Zoom",
-    icon: ({ className: o }) => /* @__PURE__ */ i(z, { className: t("size-6", o) }),
-    docs: "https://docs.arcade.dev/home/auth-providers/zoom"
-  }
-], eo = {
-  id: a.OAuth2,
-  provider_id: r.OAuth2,
-  name: "OAuth 2.0",
-  description: "Authorize tools and agents with any OAuth 2.0 compatible provider",
-  icon: ({ className: o }) => /* @__PURE__ */ i(K, { className: t("size-6", o) }),
-  docs: "https://docs.arcade.dev/home/auth-providers/oauth2"
-}, Ko = [
-  ...d,
-  eo
-], Vo = (o) => d.find(
-  (e) => e.provider_id === o || e.id === o
-), Yo = (o) => d.find((e) => e.id === o), qo = (o) => d.some(
-  (e) => e.provider_id === o || e.id === o
-), c = {
-  asana: {
-    icon: l,
-    label: "Asana"
-  },
-  confluence: {
-    icon: D,
-    label: "Confluence"
-  },
-  firecrawl: {
-    icon: H,
-    label: "Firecrawl"
-  },
-  notiontoolkit: {
-    icon: f,
-    label: "Notion"
-  },
-  linear: {
-    icon: u,
-    label: "Linear"
-  },
-  twilio: {
-    icon: $,
-    label: "Twilio"
-  },
-  github: {
-    icon: p,
-    label: "Github"
-  },
-  dropbox: {
-    icon: m,
-    label: "Dropbox"
-  },
-  google: {
-    icon: n,
-    label: "Google"
-  },
-  gmail: {
-    icon: R,
-    label: "Gmail"
-  },
-  googlecalendar: {
-    icon: M,
-    label: "Google Calendar"
-  },
-  googlecontacts: {
-    icon: P,
-    label: "Google Contacts"
-  },
-  googledocs: {
-    icon: I,
-    label: "Google Docs"
-  },
-  googledrive: {
-    icon: E,
-    label: "Google Drive"
-  },
-  googlefinance: {
-    icon: X,
-    label: "Google Finance"
-  },
-  googleflights: {
-    icon: Z,
-    label: "Google Flights"
-  },
-  googlehotels: {
-    icon: B,
-    label: "Google Hotels"
-  },
-  googlejobs: {
-    icon: n,
-    label: "Google Jobs"
-  },
-  googlemaps: {
-    icon: F,
-    label: "Google Maps"
-  },
-  googlenews: {
-    icon: U,
-    label: "Google News"
-  },
-  googlesearch: {
-    icon: n,
-    label: "Google Search"
-  },
-  googlesheets: {
-    icon: j,
-    label: "Google Sheets"
-  },
-  googleshopping: {
-    icon: W,
-    label: "Google Shopping"
-  },
-  hubspot: {
-    icon: h,
-    label: "HubSpot"
-  },
-  jira: {
-    icon: J,
-    label: "Jira"
-  },
-  e2b: {
-    icon: C,
-    label: "e2b"
-  },
-  linkedin: {
-    icon: g,
-    label: "Linkedin"
-  },
-  microsoft: {
-    icon: b,
-    label: "Microsoft"
-  },
-  math: {
-    icon: y,
-    label: "Math"
-  },
-  outlookcalendar: {
-    icon: V,
-    label: "Outlook Calendar"
-  },
-  outlookmail: {
-    icon: Y,
-    label: "Outlook Mail"
-  },
-  salesforce: {
-    icon: q,
-    label: "Salesforce"
-  },
-  spotify: {
-    icon: w,
-    label: "Spotify"
-  },
-  slack: {
-    icon: A,
-    label: "Slack"
-  },
-  search: {
-    icon: O,
-    label: "Search"
-  },
-  web: {
-    icon: _,
-    label: "Web"
-  },
-  walmart: {
-    icon: oo,
-    label: "Walmart"
-  },
-  x: {
-    icon: k,
-    label: "X"
-  },
-  zoom: {
-    icon: z,
-    label: "Zoom"
-  },
-  reddit: {
-    icon: v,
-    label: "Reddit"
-  },
-  twitch: {
-    icon: G,
-    label: "Twitch"
-  },
-  stripe: {
-    icon: Q,
-    label: "Stripe"
-  },
-  youtube: {
-    icon: io,
-    label: "YouTube"
-  }
-}, S = (o) => {
-  const e = Object.keys(c).find(
-    (s) => s.toLowerCase() === o.toLowerCase()
-  );
-  return e ? c[e] : void 0;
-}, Qo = (o) => Object.keys(c).some(
-  (e) => e.toLowerCase() === o.toLowerCase()
-), $o = (o) => {
-  const e = S(o);
-  return e?.icon ? ({ className: s }) => /* @__PURE__ */ i(e.icon, { className: s }) : ({ className: s }) => /* @__PURE__ */ i(N, { className: s });
-}, oi = (o) => {
-  const e = S(o);
-  return e?.icon ? ({ className: s }) => /* @__PURE__ */ i(e.icon, { className: s }) : ({ className: s }) => /* @__PURE__ */ i(T, { className: s });
-};
-export {
-  eo as OAUTH2_PROVIDER,
-  Ko as OAUTH_PROVIDER_CATALOGUE,
-  a as OAuthId,
-  r as OAuthProviderId,
-  d as PREBUILT_OAUTH_PROVIDERS,
-  c as TOOLKIT_CATALOGUE,
-  Yo as findPrebuiltProviderById,
-  Vo as findPrebuiltProviderByProviderId,
-  S as findToolkitByName,
-  oi as getToolIconByToolkitName,
-  $o as getToolkitIconByName,
-  Qo as isKnownToolkit,
-  qo as isPrebuiltProvider
-};

package/dist/assets/icons/xero.js

@@ -1,63 +0,0 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-const h = (f) => /* @__PURE__ */ t(
-  "svg",
-  {
-    fill: "none",
-    height: f.height || "24",
-    viewBox: "0 0 208.17944 208.17944",
-    width: f.width || "24",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...f,
-    children: [
-      /* @__PURE__ */ l("title", { children: "Xero" }),
-      /* @__PURE__ */ l("g", { transform: "translate(-5.8874759,-271.69643)", children: /* @__PURE__ */ l("g", { transform: "matrix(0.35277777,0,0,-0.35277777,-39.929542,525.63751)", children: /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("g", { children: /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ l(
-          "path",
-          {
-            d: "m 424.933,130.843 c 162.335,0 293.932,131.597 293.932,293.933 0,162.334 -131.597,293.932 -293.932,293.932 C 262.598,718.708 131,587.11 131,424.776 131,262.44 262.598,130.843 424.933,130.843",
-            fill: "#1ab4d7"
-          }
-        ),
-        /* @__PURE__ */ l(
-          "path",
-          {
-            d: "m 271.701,425.625 50.162,50.286 c 1.663,1.695 2.591,3.939 2.591,6.319 0,4.96 -4.032,8.988 -8.992,8.988 -2.416,0 -4.681,-0.947 -6.389,-2.676 -0.005,-0.01 -50.117,-50.093 -50.117,-50.093 l -50.341,50.168 c -1.701,1.677 -3.955,2.601 -6.345,2.601 -4.954,0 -8.987,-4.026 -8.987,-8.981 0,-2.417 0.965,-4.685 2.697,-6.394 l 50.155,-50.148 -50.129,-50.223 c -1.762,-1.735 -2.723,-4.008 -2.723,-6.436 0,-4.959 4.033,-8.982 8.987,-8.982 2.394,0 4.65,0.929 6.345,2.625 l 50.263,50.195 50.072,-50.012 c 1.776,-1.836 4.067,-2.814 6.512,-2.814 4.955,0 8.987,4.029 8.987,8.988 0,2.393 -0.927,4.641 -2.614,6.336 z",
-            fill: "#fff"
-          }
-        ),
-        /* @__PURE__ */ l(
-          "path",
-          {
-            d: "m 569.906,425.64 c 0,-9.006 7.323,-16.332 16.34,-16.332 8.996,0 16.322,7.326 16.322,16.332 0,9.008 -7.326,16.333 -16.322,16.333 -9.017,0 -16.34,-7.325 -16.34,-16.333",
-            fill: "#fff"
-          }
-        ),
-        /* @__PURE__ */ l(
-          "path",
-          {
-            d: "m 538.93,425.632 c 0,26.08 21.216,47.3 47.299,47.3 26.07,0 47.291,-21.22 47.291,-47.3 0,-26.074 -21.221,-47.285 -47.291,-47.285 -26.083,0 -47.299,21.211 -47.299,47.285 m -18.606,0 c 0,-36.334 29.565,-65.895 65.905,-65.895 36.339,0 65.919,29.561 65.919,65.895 0,36.339 -29.58,65.908 -65.919,65.908 -36.34,0 -65.905,-29.569 -65.905,-65.908",
-            fill: "#fff"
-          }
-        ),
-        /* @__PURE__ */ l(
-          "path",
-          {
-            d: "m 515.646,490.413 -2.765,0.008 c -8.301,0 -16.307,-2.618 -22.994,-7.771 -0.881,4.032 -4.485,7.066 -8.778,7.066 -4.941,0 -8.9,-3.959 -8.912,-8.91 0,-0.018 0.03,-111 0.03,-111 0.013,-4.942 4.044,-8.959 8.988,-8.959 4.943,0 8.973,4.017 8.986,8.97 0,0.022 0.004,68.251 0.004,68.251 0,22.748 2.08,31.935 21.566,34.37 1.801,0.224 3.76,0.189 3.768,0.189 5.332,0.183 9.121,3.847 9.121,8.799 0,4.955 -4.045,8.987 -9.014,8.987",
-            fill: "#fff"
-          }
-        ),
-        /* @__PURE__ */ l(
-          "path",
-          {
-            d: "m 343.072,436.482 c 0,0.246 0.019,0.502 0.031,0.755 5.218,20.627 23.899,35.891 46.147,35.891 22.517,0 41.369,-15.639 46.32,-36.646 z m 110.903,1.697 c -3.873,18.337 -13.912,33.399 -29.199,43.072 -22.346,14.187 -51.854,13.402 -73.438,-1.947 -17.606,-12.525 -27.769,-33.014 -27.769,-54.12 0,-5.292 0.638,-10.634 1.966,-15.892 6.648,-26.152 29.13,-45.949 55.934,-49.23 7.954,-0.963 15.696,-0.502 23.713,1.574 6.889,1.676 13.555,4.47 19.697,8.406 6.375,4.098 11.701,9.502 16.859,15.971 0.104,0.119 0.209,0.224 0.313,0.349 3.58,4.44 2.916,10.754 -1.018,13.768 -3.318,2.543 -8.888,3.574 -13.271,-2.039 -0.942,-1.342 -1.993,-2.723 -3.15,-4.104 -3.485,-3.851 -7.809,-7.582 -12.99,-10.476 -6.593,-3.522 -14.106,-5.535 -22.093,-5.58 -26.142,0.291 -40.131,18.539 -45.107,31.564 -0.869,2.432 -1.539,4.955 -2.006,7.553 -0.061,0.486 -0.106,0.955 -0.124,1.387 5.405,0 93.812,0.015 93.812,0.015 12.861,0.27 19.783,9.348 17.871,19.729",
-            fill: "#fff"
-          }
-        )
-      ] }) }) }) }) })
-    ]
-  }
-);
-export {
-  h as Xero,
-  h as default
-};

package/dist/assets/icons/youtube.d.ts

@@ -1,3 +0,0 @@
-import { SVGProps } from 'react';
-export declare const YouTube: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default YouTube;

package/dist/components/ui/organisms/toolkit-picker/components/mobile-filter-badges.d.ts

@@ -1 +0,0 @@
-export declare function MobileFilterBadges(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ui/organisms/toolkit-picker/components/mobile-filter-badges.js

@@ -1,96 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Filter as p, X as a, Search as c } from "lucide-react";
-import { getToolkitIconByName as m } from "../../../../../assets/icons/utils.js";
-import { Badge as i } from "../../../atoms/badge.js";
-import "../../../atoms/mobile-tooltip.js";
-import "../../../atoms/chart.js";
-import "../../../atoms/form.js";
-import "../../../../../react-resizable-panels.browser-ZHjTH32c.js";
-import "../../../atoms/sidebar.js";
-import "react";
-import "../../../atoms/table.js";
-import "../../../../../toolkit-card-GhM_oj4G.js";
-import "../../../molecules/tool-card.js";
-import { useToolkitPicker as u } from "../hooks/use-toolkit-picker.js";
-function T() {
-  const {
-    state: { toolkitFilter: t, searchQuery: l },
-    clearFilter: o,
-    clearSearchQuery: s,
-    setActiveTab: d
-  } = u();
-  return !(t || l) ? null : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-2 px-4 pb-0.5 sm:hidden", children: [
-    t && /* @__PURE__ */ r(
-      i,
-      {
-        className: "h-7 border border-purple-200 bg-purple-50 pr-1.5 pl-2 text-purple-800 shadow-sm ring-1 ring-purple-200/50 dark:border-purple-800/60 dark:bg-purple-950/40 dark:text-purple-200 dark:ring-purple-800/30",
-        variant: "secondary",
-        children: [
-          /* @__PURE__ */ r("span", { className: "mr-1.5 inline-flex items-center gap-1 rounded-full bg-purple-100 px-1.5 py-0.5 text-[10px] text-purple-700 dark:bg-purple-800/60 dark:text-purple-200", children: [
-            /* @__PURE__ */ e(p, { className: "h-2.5 w-2.5" }),
-            "Filter"
-          ] }),
-          /* @__PURE__ */ r(
-            "button",
-            {
-              className: "inline-flex h-full items-center gap-1.5",
-              "data-testid": "mobile-filter-badge",
-              onClick: () => d("toolkits"),
-              type: "button",
-              children: [
-                (() => {
-                  const n = m(t);
-                  return /* @__PURE__ */ e(n, { className: "h-3 w-3" });
-                })(),
-                /* @__PURE__ */ e("span", { className: "font-medium text-sm", children: t })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear toolkit filter",
-              className: "ml-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-purple-100 text-red-600 hover:bg-red-100 hover:text-red-700 focus-visible:ring-[3px] focus-visible:ring-red-200 dark:bg-purple-800/60 dark:text-red-400 dark:hover:bg-red-950/40 dark:hover:text-red-300",
-              "data-testid": "mobile-clear-filter",
-              onClick: o,
-              type: "button",
-              children: /* @__PURE__ */ e(a, { className: "h-3 w-3" })
-            }
-          )
-        ]
-      }
-    ),
-    l && /* @__PURE__ */ r(
-      i,
-      {
-        className: "h-7 border border-teal-200 bg-teal-50 pr-1.5 pl-2 text-teal-800 shadow-sm ring-1 ring-teal-200/50 dark:border-teal-800/60 dark:bg-teal-950/40 dark:text-teal-200 dark:ring-teal-800/30",
-        variant: "secondary",
-        children: [
-          /* @__PURE__ */ r("span", { className: "mr-1.5 inline-flex items-center gap-1 rounded-full bg-teal-100 px-1.5 py-0.5 text-[10px] text-teal-700 dark:bg-teal-800/60 dark:text-teal-200", children: [
-            /* @__PURE__ */ e(c, { className: "h-2.5 w-2.5" }),
-            "Search"
-          ] }),
-          /* @__PURE__ */ r("span", { className: "font-medium text-sm", children: [
-            '"',
-            l,
-            '"'
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear search query",
-              className: "ml-1 inline-flex h-4 w-4 items-center justify-center rounded-full bg-teal-100 text-red-600 hover:bg-red-100 hover:text-red-700 focus-visible:ring-[3px] focus-visible:ring-red-200 dark:bg-teal-800/60 dark:text-red-400 dark:hover:bg-red-950/40 dark:hover:text-red-300",
-              "data-testid": "mobile-clear-search",
-              onClick: s,
-              type: "button",
-              children: /* @__PURE__ */ e(a, { className: "h-3 w-3" })
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-export {
-  T as MobileFilterBadges
-};