@inkeep/cxkit-styled 0.5.77 → 0.5.78

package/dist/components/embedded-search.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { EmbeddedSearchPrimitive as a } from "@inkeep/cxkit-primitives";
-import { cn as r } from "../utils.js";
+import { cn as s } from "../utils.js";
 import { citation as l } from "../ui/recipes/citation.js";
 import { link as d } from "../ui/recipes/link.js";
 import { scrollable as n } from "../ui/recipes/scrollable.js";
 import { ResultsLoading as o } from "./embedded-search/results-loading.js";
 import { merge as m } from "merge-anything";
 import { markdownStyles as c } from "../ui/markdown-styles.js";
-const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, ...t }) => /* @__PURE__ */ s(
+const w = (e) => /* @__PURE__ */ r(a.Provider, { ...e }), f = ({ className: e, ...t }) => /* @__PURE__ */ r(
   a.Wrapper,
   {
-    className: r(
+    className: s(
       "data-[hidden]:hidden rounded-md flex",
       "bg-white dark:bg-gray-dark-950",
       e
@@ -21,10 +21,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), v = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.Root,
   {
-    className: r(
+    className: s(
       "data-[hidden]:hidden flex flex-col w-full",
       "[--footer-height:theme(spacing.9)]",
       "data-[mobile]:[--input-height:theme(spacing.20)]",
@@ -37,10 +37,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), y = a.Content, S = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.InputGroup,
   {
-    className: r(
+    className: s(
       "flex items-center w-full px-5 pt-3 pb-3 gap-3",
       "[[data-mobile]_&]:max-h-[var(--input-height)]",
       e
@@ -50,19 +50,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), T = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.InputIcon,
   {
-    className: r("min-w-5 w-5 text-xl", "text-gray-500 dark:text-white-alpha-600", e),
+    className: s("min-w-5 w-5 text-xl", "text-gray-500 dark:text-white-alpha-600", e),
     ...t
   }
 ), E = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.Input,
   {
-    className: r(
+    className: s(
       "min-h-[38px] overflow-hidden w-full resize-none",
       "py-1.5 max-h-[10vh] placeholder:text-gray-500",
       "w-full dark:placeholder:text-gray-dark-200",
@@ -74,19 +74,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), N = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.Loading,
   {
-    className: r("animate-spin text-gray-400 dark:text-white-alpha-500", e),
+    className: s("animate-spin text-gray-400 dark:text-white-alpha-500", e),
     ...t
   }
 ), P = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.AskAITrigger,
   {
-    className: r(
+    className: s(
       l({ slot: "root" }),
       "mx-5 w-[calc(100%_-_theme(spacing.10))]",
       "mb-4 h-11 cursor-pointer",
@@ -99,10 +99,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), A = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.AskAITriggerIcon,
   {
-    className: r(
+    className: s(
       "[grid-area:icon] h-5 w-5 flex-shrink-0",
       "[--start-color:theme(colors.inkeep-expanded-primary.300)]",
       "[--end-color:theme(colors.inkeep-expanded-primary.700)]",
@@ -115,19 +115,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), _ = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.AskAITriggerLabel,
   {
-    className: r(l({ slot: "title" }), "font-medium text-gray-700", e),
+    className: s(l({ slot: "title" }), "font-medium text-gray-700", e),
     ...t
   }
 ), L = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.AskAITriggerQuery,
   {
-    className: r(
+    className: s(
       "font-semibold !bg-clip-text text-transparent ml-2",
       "animate-shine [background:linear-gradient(270deg,theme(colors.inkeep-primary.stronger-light),transparent)_-200%_50%_/_25%_100%_no-repeat,theme(colors.inkeep-expanded-primary.800)] ",
       "dark:[background:linear-gradient(270deg,theme(colors.inkeep-expanded-primary.100),transparent)_-200%_50%_/_25%_100%_no-repeat,theme(colors.inkeep-expanded-primary.400)]",
@@ -138,10 +138,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), O = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.AskAITriggerIndicator,
   {
-    className: r(
+    className: s(
       l({ slot: "indicator" }),
       "ml-1 opacity-100  text-inkeep-primary-stronger-light group-selected:text-inkeep-primary-strong dark:text-gray-dark-300 dark:group-selected:text-inkeep-expanded-primary-300 ",
       e
@@ -151,10 +151,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), B = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.AskAITriggerIndicatorText,
   {
-    className: r(
+    className: s(
       "text-xs flex-shrink-0 ml-auto",
       "group-selected:text-inkeep-primary-strong dark:text-gray-dark-300  dark:group-selected:text-inkeep-expanded-primary-300",
       "text-inkeep-primary-medium-subtle bg-gray-500 bg-clip-text dark:bg-white-alpha-800",
@@ -165,10 +165,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), C = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.Results,
   {
-    className: r(
+    className: s(
       n({ section: "content" }),
       "h-0 max-h-full",
       "data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]",
@@ -182,20 +182,20 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), D = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsLoading,
   {
-    className: r("group mb-1 relative transition-all w-full h-full", e),
-    children: /* @__PURE__ */ s(o, {}),
+    className: s("group mb-1 relative transition-all w-full h-full", e),
+    children: /* @__PURE__ */ r(o, {}),
     ...t
   }
 ), H = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsEmpty,
   {
-    className: r(
+    className: s(
       "flex w-full h-full",
       "overflow-hidden relative grow-[2]",
       "items-center justify-center text-gray-600",
@@ -207,10 +207,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), j = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsTabList,
   {
-    className: r(
+    className: s(
       "shrink-0 max-w-full",
       "flex gap-3 px-5 pb-2 pt-0",
       "overflow-x-auto [scrollbar-width:thin]",
@@ -221,10 +221,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), F = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsTab,
   {
-    className: r(
+    className: s(
       "px-3 text-1sm font-medium rounded-full shrink-0",
       "py-1 transition-all duration-200 leading-snug",
       "border border-gray-300 dark:border-gray-dark-500",
@@ -245,19 +245,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), G = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsContent,
   {
-    className: r("flex overflow-hidden h-full", e),
+    className: s("flex overflow-hidden h-full", e),
     ...t
   }
 ), Q = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsScrollArea,
   {
-    className: r(
+    className: s(
       "overflow-hidden h-full first:w-full",
       // Dual pane
       "first:[[data-view=dual-pane]_&]:flex-1 md:first:[[data-view=dual-pane]_&]:flex-[0_0_44%]",
@@ -265,10 +265,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
       'befter:content-[""] befter:absolute befter:inset-x-0',
       "befter:h-10 befter:pointer-events-none",
       "befter:transition-opacity befter:duration-300",
-      "befter:ease-in-out befter:from-white",
-      "befter:dark:from-gray-dark-950 befter:to-transparent",
+      "befter:ease-in-out ",
       "before:top-0 after:bottom-0",
-      "before:bg-gradient-to-b after:bg-gradient-to-t",
+      "before:bg-[linear-gradient(white,_transparent)] after:bg-[linear-gradient(transparent,_white)] ",
+      "dark:before:bg-[linear-gradient(var(--ikp-color-gray-dark-950),_transparent)] dark:after:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]",
       "has-[[data-scroll-top]]:before:opacity-0",
       "has-[[data-scroll-bottom]]:after:opacity-0",
       e
@@ -278,19 +278,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), V = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsScrollAreaViewport,
   {
-    className: r("h-full w-full rounded-[inherit]", e),
+    className: s("h-full w-full rounded-[inherit]", e),
     ...t
   }
 ), W = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsScrollAreaScrollbar,
   {
-    className: r(
+    className: s(
       "flex select-none touch-none p-0.5",
       "transition-colors duration-[160ms] ease-in-out",
       "w-2.5 border-l border-l-transparent",
@@ -301,19 +301,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), z = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsScrollAreaThumb,
   {
-    className: r("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
+    className: s("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
     ...t
   }
 ), $ = a.ResultsScrollAreaCorner, q = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsList,
   {
-    className: r(
+    className: s(
       "w-full flex flex-col",
       "items-center gap-2.5 h-full shrink-0",
       "px-5 py-1 content-center -my-[1px]",
@@ -324,122 +324,122 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), J = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItem,
   {
-    className: r(l({ slot: "root" }), e),
+    className: s(l({ slot: "root" }), e),
     ...t
   }
 ), K = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemBreadcrumbs,
   {
-    className: r(l({ slot: "breadcrumbs" }), e),
+    className: s(l({ slot: "breadcrumbs" }), e),
     ...t
   }
 ), M = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemBreadcrumbIcon,
   {
-    className: r(l({ slot: "breadcrumbsIcon" }), e),
+    className: s(l({ slot: "breadcrumbsIcon" }), e),
     ...t
   }
 ), U = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemIcon,
   {
-    className: r(l({ slot: "icon" }), e),
+    className: s(l({ slot: "icon" }), e),
     ...t
   }
 ), X = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemTitle,
   {
-    className: r(l({ slot: "title" }), e),
+    className: s(l({ slot: "title" }), e),
     ...t
   }
 ), Y = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemTag,
   {
-    className: r(l({ slot: "tag" }), e),
+    className: s(l({ slot: "tag" }), e),
     ...t
   }
 ), Z = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemDescription,
   {
-    className: r(l({ slot: "description" }), e),
+    className: s(l({ slot: "description" }), e),
     ...t
   }
 ), ee = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemDescriptionPart,
   {
-    className: r(l({ slot: "descriptionPart" }), e),
+    className: s(l({ slot: "descriptionPart" }), e),
     ...t
   }
 ), te = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemIndicator,
   {
-    className: r(l({ slot: "indicator" }), e),
+    className: s(l({ slot: "indicator" }), e),
     ...t
   }
 ), ae = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreview,
   {
-    className: r(
+    className: s(
       "flex-1 min-w-0 break-words pt-3 pb-4 pr-10 pl-5",
       "hidden md:flex flex-col gap-6",
       e
     ),
     ...t
   }
-), se = ({
+), re = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewHeader,
   {
-    className: r("flex flex-col gap-5", e),
+    className: s("flex flex-col gap-5", e),
     ...t
   }
-), re = ({
+), se = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewHeading,
   {
-    className: r("inline-block", e),
+    className: s("inline-block", e),
     ...t
   }
 ), le = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewTitle,
   {
-    className: r(
+    className: s(
       "text-3xl leading-snug tracking-tight",
       "font-semibold hover:text-inkeep-primary-stronger",
       "dark:hover:text-inkeep-expanded-primary-100",
@@ -450,10 +450,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), ie = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewTitleLinkIcon,
   {
-    className: r(
+    className: s(
       "inline-block ml-2 mb-2 tracking-tight text-gray-500 dark:text-white-alpha-500",
       e
     ),
@@ -462,10 +462,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), de = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewBreadcrumbs,
   {
-    className: r(
+    className: s(
       l({ slot: "breadcrumbs" }),
       "!line-clamp-none whitespace-normal text-gray-500 dark:text-gray-dark-200 text-sm",
       e
@@ -475,20 +475,20 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), ne = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewBreadcrumbIcon,
   {
-    className: r(l({ slot: "breadcrumbsIcon" }), e),
+    className: s(l({ slot: "breadcrumbsIcon" }), e),
     ...t
   }
 ), oe = ({
   className: e,
   componentStyles: t,
   ...i
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewBody,
   {
-    className: r(
+    className: s(
       "max-w-full text-gray-700 dark:text-gray-dark-100 [&_em]:font-bold [&_em]:not-italic",
       e
     ),
@@ -498,19 +498,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), me = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewOutline,
   {
-    className: r("flex flex-col gap-3", e),
+    className: s("flex flex-col gap-3", e),
     ...t
   }
 ), ce = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewOutlineTitle,
   {
-    className: r(
+    className: s(
       "text-xs uppercase font-semibold tracking-widest",
       "text-gray-500 dark:text-white-alpha-500",
       e
@@ -520,19 +520,19 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), ue = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewOutlineList,
   {
-    className: r("flex flex-col gap-4", e),
+    className: s("flex flex-col gap-4", e),
     ...t
   }
 ), pe = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewOutlineItem,
   {
-    className: r(
+    className: s(
       "flex items-center gap-1 text-gray-600 dark:text-white-alpha-600 font-medium ",
       `${t.href ? "cursor-pointer hover:text-gray-800 dark:hover:text-white-alpha-800 dark:data-[is-match]:hover:text-inkeep-expanded-primary-200 data-[is-match]:hover:text-inkeep-expanded-primary-800 " : ""}`,
       "data-[is-match]:text-inkeep-expanded-primary-700",
@@ -544,25 +544,25 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), he = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemIcon, { className: r(e), ...t }), ge = ({
+}) => /* @__PURE__ */ r(a.ResultsItemPreviewOutlineItemIcon, { className: s(e), ...t }), ge = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemText, { className: r(e), ...t }), be = ({
+}) => /* @__PURE__ */ r(a.ResultsItemPreviewOutlineItemText, { className: s(e), ...t }), be = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.ResultsItemPreviewOutlineItemLinkIcon,
   {
-    className: r("h-3 !min-h-0 !min-w-0", e),
+    className: s("h-3 !min-h-0 !min-w-0", e),
     ...t
   }
 ), xe = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.Footer,
   {
-    className: r(
+    className: s(
       "justify-self-end",
       "px-5 pt-1 pb-3",
       "[[data-mobile]_&]:py-0",
@@ -576,37 +576,37 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, .
 ), Ie = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.TaglineContainer,
   {
-    className: r("flex items-center whitespace-nowrap", e),
+    className: s("flex items-center whitespace-nowrap", e),
     ...t
   }
 ), ke = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.TaglineText,
   {
-    className: r("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600", e),
+    className: s("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600", e),
     ...t
   }
 ), Re = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.TaglineLogo,
   {
-    className: r("text-gray-400 dark:text-white-alpha-500", "w-[18px] ml-2 mr-1", e),
+    className: s("text-gray-400 dark:text-white-alpha-500", "w-[18px] ml-2 mr-1", e),
     ...t
   }
-), fe = ({
+), we = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ r(
   a.TaglineBrandName,
   {
-    className: r(
+    className: s(
       d(),
       "inline-flex text-xs md:text-sm text-gray-500",
       "dark:text-white-alpha-600 font-bold",
@@ -628,7 +628,7 @@ export {
   S as InputGroup,
   T as InputIcon,
   N as Loading,
-  f as Provider,
+  w as Provider,
   C as Results,
   G as ResultsContent,
   H as ResultsEmpty,
@@ -643,8 +643,8 @@ export {
   oe as ResultsItemPreviewBody,
   ne as ResultsItemPreviewBreadcrumbIcon,
   de as ResultsItemPreviewBreadcrumbs,
-  se as ResultsItemPreviewHeader,
-  re as ResultsItemPreviewHeading,
+  re as ResultsItemPreviewHeader,
+  se as ResultsItemPreviewHeading,
   me as ResultsItemPreviewOutline,
   pe as ResultsItemPreviewOutlineItem,
   he as ResultsItemPreviewOutlineItemIcon,
@@ -666,9 +666,9 @@ export {
   F as ResultsTab,
   j as ResultsTabList,
   v as Root,
-  fe as TaglineBrandName,
+  we as TaglineBrandName,
   Ie as TaglineContainer,
   Re as TaglineLogo,
   ke as TaglineText,
-  w as Wrapper
+  f as Wrapper
 };