@inkeep/cxkit-styled 0.5.32 → 0.5.34

package/dist/components/embedded-search/results-loading.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils.cjs"),s=require("../../ui/recipes/skeleton.cjs");function a(){return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:l.cn("h-[calc(100%-24px)]"),children:[e.jsx("div",{className:"flex px-5 py-1 gap-3",children:Array.from({length:2}).map((c,n)=>e.jsx("div",{className:l.cn(s.skeleton(),"h-[27.88px] w-16 rounded-full")},n))}),e.jsxs("div",{className:"flex px-5 py-1 gap-5 h-full",children:[e.jsx("div",{className:"flex flex-col flex-[0_0_40%]",children:Array.from({length:4}).map((c,n)=>e.jsx("div",{className:"flex items-center pb-2.5 w-full",children:e.jsx("div",{className:l.cn(s.skeleton(),"h-20 rounded-lg grow-[1]")})},n))}),e.jsx("div",{className:l.cn(s.skeleton(),"h-full w-full rounded-md")})]})]}),e.jsx("div",{className:"flex pt-1 pb-3 px-5 justify-self-end",children:e.jsx("div",{className:l.cn(s.skeleton(),"h-[24px] w-40 rounded-md")})})]})}exports.ResultsLoading=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils.cjs"),s=require("../../ui/recipes/skeleton.cjs"),i=require("@inkeep/cxkit-primitives");function t(){const{searchSettings:{tabs:n}}=i.useInkeepConfig();return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:l.cn("h-[calc(100%-24px)]"),children:[e.jsx("div",{className:"flex px-5 py-1 gap-3 data-[hidden]:hidden","data-hidden":l.dataAttr(n.length===0),children:Array.from({length:2}).map((d,a)=>e.jsx("div",{className:l.cn(s.skeleton(),"h-[27.88px] w-16 rounded-full")},a))}),e.jsxs("div",{className:"flex px-5 py-1 gap-5 h-full",children:[e.jsx("div",{className:"flex flex-col flex-1 [[data-view=dual-pane]_&]:flex-[0_0_40%]",children:Array.from({length:4}).map((d,a)=>e.jsx("div",{className:"flex items-center pb-2.5 w-full",children:e.jsx("div",{className:l.cn(s.skeleton(),"h-20 rounded-lg grow-[1]")})},a))}),e.jsx("div",{className:l.cn(s.skeleton(),"h-full w-full rounded-md","hidden [[data-view=dual-pane]_&]:block")})]})]}),e.jsx("div",{className:"flex pt-1 pb-3 px-5 justify-self-end",children:e.jsx("div",{className:l.cn(s.skeleton(),"h-[24px] w-40 rounded-md")})})]})}exports.ResultsLoading=t;

package/dist/components/embedded-search/results-loading.js

@@ -1,19 +1,39 @@
 "use client";
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { cn as e } from "../../utils.js";
-import { skeleton as s } from "../../ui/recipes/skeleton.js";
-function f() {
-  return /* @__PURE__ */ d("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ d("div", { className: e("h-[calc(100%-24px)]"), children: [
-      /* @__PURE__ */ l("div", { className: "flex px-5 py-1 gap-3", children: Array.from({ length: 2 }).map((r, a) => /* @__PURE__ */ l("div", { className: e(s(), "h-[27.88px] w-16 rounded-full") }, a)) }),
-      /* @__PURE__ */ d("div", { className: "flex px-5 py-1 gap-5 h-full", children: [
-        /* @__PURE__ */ l("div", { className: "flex flex-col flex-[0_0_40%]", children: Array.from({ length: 4 }).map((r, a) => /* @__PURE__ */ l("div", { className: "flex items-center pb-2.5 w-full", children: /* @__PURE__ */ l("div", { className: e(s(), "h-20 rounded-lg grow-[1]") }) }, a)) }),
-        /* @__PURE__ */ l("div", { className: e(s(), "h-full w-full rounded-md") })
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { cn as l, dataAttr as r } from "../../utils.js";
+import { skeleton as a } from "../../ui/recipes/skeleton.js";
+import { useInkeepConfig as c } from "@inkeep/cxkit-primitives";
+function p() {
+  const {
+    searchSettings: { tabs: i }
+  } = c();
+  return /* @__PURE__ */ s("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ s("div", { className: l("h-[calc(100%-24px)]"), children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex px-5 py-1 gap-3 data-[hidden]:hidden",
+          "data-hidden": r(i.length === 0),
+          children: Array.from({ length: 2 }).map((n, d) => /* @__PURE__ */ e("div", { className: l(a(), "h-[27.88px] w-16 rounded-full") }, d))
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: "flex px-5 py-1 gap-5 h-full", children: [
+        /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 [[data-view=dual-pane]_&]:flex-[0_0_40%]", children: Array.from({ length: 4 }).map((n, d) => /* @__PURE__ */ e("div", { className: "flex items-center pb-2.5 w-full", children: /* @__PURE__ */ e("div", { className: l(a(), "h-20 rounded-lg grow-[1]") }) }, d)) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(
+              a(),
+              "h-full w-full rounded-md",
+              "hidden [[data-view=dual-pane]_&]:block"
+            )
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "flex pt-1 pb-3 px-5 justify-self-end", children: /* @__PURE__ */ l("div", { className: e(s(), "h-[24px] w-40 rounded-md") }) })
+    /* @__PURE__ */ e("div", { className: "flex pt-1 pb-3 px-5 justify-self-end", children: /* @__PURE__ */ e("div", { className: l(a(), "h-[24px] w-40 rounded-md") }) })
   ] });
 }
 export {
-  f as ResultsLoading
+  p as ResultsLoading
 };

package/dist/components/embedded-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("@inkeep/cxkit-primitives"),s=require("../utils.cjs"),i=require("../ui/recipes/citation.cjs"),c=require("../ui/recipes/link.cjs"),l=require("../ui/recipes/scrollable.cjs"),n=require("./embedded-search/results-loading.cjs"),m=require("merge-anything"),o=require("../ui/markdown-styles.cjs"),u=e=>a.jsx(r.EmbeddedSearchPrimitive.Provider,{...e}),h=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Wrapper,{className:s.cn("data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950",e),...t}),b=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Root,{className:s.cn("data-[hidden]:hidden flex flex-col w-full",e),...t}),x=r.EmbeddedSearchPrimitive.Content,p=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.InputGroup,{className:s.cn("flex items-center w-full px-5 pt-3 pb-3 gap-3","[[data-show-ask-ai-card]_&]:pb-1",e),...t}),I=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.InputIcon,{className:s.cn("min-w-5 w-5 text-xl","text-gray-500 dark:text-white-alpha-600",e),...t}),v=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Input,{className:s.cn("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","border-none outline-none shadow-none bg-transparent",e),...t}),S=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Loading,{className:s.cn("animate-spin text-gray-400 dark:text-white-alpha-500",e),...t}),g=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITrigger,{className:s.cn(i.citation({slot:"root"}),"m-auto w-[calc(100%_-_theme(spacing.5))]","border-transparent dark:border-transparent","mb-3 py-0 h-11 cursor-pointer",e),...t}),R=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIcon,{className:s.cn("[grid-area:icon] h-5 w-5","[--start-color:theme(colors.inkeep-expanded-primary.300)]","[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),E=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerLabel,{className:s.cn(i.citation({slot:"title"}),"font-normal",e),...t}),P=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),w=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Results,{className:s.cn(l.scrollable({section:"content"}),"h-0 max-h-full","data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]","transition-all duration-300 ease-in-out data-[has-content]:pb-2",e),...t}),k=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsLoading,{className:s.cn("group mb-1 relative transition-all w-full h-full",e),children:a.jsx(n.ResultsLoading,{}),...t}),f=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsEmpty,{className:s.cn("flex w-full h-full","overflow-hidden relative grow-[2]","items-center justify-center text-gray-600","dark:text-gray-dark-400 mt-8",e),...t}),y=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsTabList,{className:s.cn("shrink-0 max-w-full","flex gap-3 px-5 py-1","overflow-x-auto [scrollbar-width:thin]",e),...t}),j=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsTab,{className:s.cn("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","hover:bg-gray-50 dark:hover:bg-white-alpha-50","data-[state=active]:bg-inkeep-primary-light-subtle","hover:data-[state=active]:bg-inkeep-primary-light-subtle","data-[state=active]:text-inkeep-expanded-primary-900","data-[state=active]:border-inkeep-primary-medium-subtle","dark:data-[state=active]:bg-white-alpha-100","dark:hover:data-[state=active]:bg-white-alpha-100","dark:data-[state=active]:text-inkeep-expanded-primary-300","dark:data-[state=active]:border-inkeep-expanded-primary-300","focus:outline-inkeep-expanded-primary-700 dark:focus:outline-inkeep-expanded-primary-300",e),...t}),T=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsContent,{className:s.cn("flex overflow-hidden",e),...t}),N=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollArea,{className:s.cn("overflow-hidden h-full","first:[[data-view=dual-pane]_&]:flex-1 md:first:[[data-view=dual-pane]_&]:flex-[0_0_40%]",'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","before:top-0 after:bottom-0","before:bg-gradient-to-b after:bg-gradient-to-t","has-[[data-scroll-top]]:before:opacity-0","has-[[data-scroll-bottom]]:after:opacity-0",e),...t}),A=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaViewport,{className:s.cn("h-full w-full rounded-[inherit]",e),...t}),L=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),O=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),B=r.EmbeddedSearchPrimitive.ResultsScrollAreaCorner,_=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsList,{className:s.cn("w-full flex flex-col","items-center gap-2.5 h-full shrink-0","px-5 py-1 content-center -my-[1px]",e),...t}),C=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItem,{className:s.cn(i.citation({slot:"root"}),e),...t}),q=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),e),...t}),D=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),H=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIcon,{className:s.cn(i.citation({slot:"icon"}),e),...t}),F=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTitle,{className:s.cn(i.citation({slot:"title"}),e),...t}),G=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTag,{className:s.cn(i.citation({slot:"tag"}),e),...t}),V=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescription,{className:s.cn(i.citation({slot:"description"}),e),...t}),W=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescriptionPart,{className:s.cn(i.citation({slot:"descriptionPart"}),e),...t}),z=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),M=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreview,{className:s.cn("flex-1 min-w-0 break-words py-4 px-12","hidden md:flex flex-col gap-6",e),...t}),$=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewHeader,{className:s.cn("flex flex-col gap-5",e),...t}),J=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewHeading,{className:s.cn("inline-block",e),...t}),K=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewTitle,{className:s.cn("text-3xl leading-snug tracking-tight","font-semibold hover:text-inkeep-primary-stronger","dark:hover:text-inkeep-expanded-primary-100",e),...t}),Q=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewTitleLinkIcon,{className:s.cn("inline-block ml-2 mb-2 tracking-tight text-gray-500 dark:text-white-alpha-500",e),...t}),U=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),"!line-clamp-none whitespace-normal text-gray-500 dark:text-gray-dark-200 text-sm",e),...t}),X=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),Y=({className:e,componentStyles:t,...d})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewBody,{className:s.cn("max-w-full text-gray-700 dark:text-gray-dark-100 [&_em]:font-bold [&_em]:not-italic",e),componentStyles:m.merge(o.markdownStyles,t??{}),...d}),Z=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutline,{className:s.cn("flex flex-col gap-3",e),...t}),ee=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineTitle,{className:s.cn("text-xs uppercase font-semibold tracking-widest","text-gray-500 dark:text-white-alpha-500",e),...t}),te=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineList,{className:s.cn("flex flex-col gap-4",e),...t}),re=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItem,{className:s.cn("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","dark:data-[is-match]:text-inkeep-expanded-primary-300",e),...t}),ae=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemIcon,{className:s.cn(e),...t}),se=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemText,{className:s.cn(e),...t}),ie=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemLinkIcon,{className:s.cn("h-3 !min-h-0 !min-w-0",e),...t}),de=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Footer,{className:s.cn("justify-self-end pt-1 pb-3 px-5","hidden data-[has-results]:flex",e),...t}),ce=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),le=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),ne=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),me=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineBrandName,{className:s.cn(c.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t});exports.AskAITrigger=g;exports.AskAITriggerIcon=R;exports.AskAITriggerIndicator=P;exports.AskAITriggerLabel=E;exports.Content=x;exports.Footer=de;exports.Input=v;exports.InputGroup=p;exports.InputIcon=I;exports.Loading=S;exports.Provider=u;exports.Results=w;exports.ResultsContent=T;exports.ResultsEmpty=f;exports.ResultsItem=C;exports.ResultsItemBreadcrumbIcon=D;exports.ResultsItemBreadcrumbs=q;exports.ResultsItemDescription=V;exports.ResultsItemDescriptionPart=W;exports.ResultsItemIcon=H;exports.ResultsItemIndicator=z;exports.ResultsItemPreview=M;exports.ResultsItemPreviewBody=Y;exports.ResultsItemPreviewBreadcrumbIcon=X;exports.ResultsItemPreviewBreadcrumbs=U;exports.ResultsItemPreviewHeader=$;exports.ResultsItemPreviewHeading=J;exports.ResultsItemPreviewOutline=Z;exports.ResultsItemPreviewOutlineItem=re;exports.ResultsItemPreviewOutlineItemIcon=ae;exports.ResultsItemPreviewOutlineItemLinkIcon=ie;exports.ResultsItemPreviewOutlineItemText=se;exports.ResultsItemPreviewOutlineList=te;exports.ResultsItemPreviewOutlineTitle=ee;exports.ResultsItemPreviewTitle=K;exports.ResultsItemPreviewTitleLinkIcon=Q;exports.ResultsItemTag=G;exports.ResultsItemTitle=F;exports.ResultsList=_;exports.ResultsLoading=k;exports.ResultsScrollArea=N;exports.ResultsScrollAreaCorner=B;exports.ResultsScrollAreaScrollbar=L;exports.ResultsScrollAreaThumb=O;exports.ResultsScrollAreaViewport=A;exports.ResultsTab=j;exports.ResultsTabList=y;exports.Root=b;exports.TaglineBrandName=me;exports.TaglineContainer=ce;exports.TaglineLogo=ne;exports.TaglineText=le;exports.Wrapper=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("@inkeep/cxkit-primitives"),s=require("../utils.cjs"),i=require("../ui/recipes/citation.cjs"),c=require("../ui/recipes/link.cjs"),l=require("../ui/recipes/scrollable.cjs"),n=require("./embedded-search/results-loading.cjs"),m=require("merge-anything"),o=require("../ui/markdown-styles.cjs"),h=e=>r.jsx(a.EmbeddedSearchPrimitive.Provider,{...e}),u=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Wrapper,{className:s.cn("data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950",e),...t}),b=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Root,{className:s.cn("data-[hidden]:hidden flex flex-col w-full","[--footer-height:theme(spacing.9)]","data-[mobile]:[--input-height:theme(spacing.16)]","[--ask-ai-trigger-height:0px]","[[data-show-ask-ai-card]_&]:[--ask-ai-trigger-height:theme(spacing.11)]",e),...t}),x=a.EmbeddedSearchPrimitive.Content,p=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.InputGroup,{className:s.cn("flex items-center w-full px-5 pt-3 pb-3 gap-3","[[data-show-ask-ai-card]_&]:pb-1","[[data-mobile]_&]:max-h-[var(--input-height)]",e),...t}),g=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.InputIcon,{className:s.cn("min-w-5 w-5 text-xl","text-gray-500 dark:text-white-alpha-600",e),...t}),v=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Input,{className:s.cn("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","border-none outline-none shadow-none bg-transparent",e),...t}),I=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Loading,{className:s.cn("animate-spin text-gray-400 dark:text-white-alpha-500",e),...t}),S=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITrigger,{className:s.cn(i.citation({slot:"root"}),"m-auto w-[calc(100%_-_theme(spacing.5))]","border-transparent dark:border-transparent","mb-3 py-0 h-11 cursor-pointer","h-[var(--ask-ai-trigger-height)]",e),...t}),R=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITriggerIcon,{className:s.cn("[grid-area:icon] h-5 w-5","[--start-color:theme(colors.inkeep-expanded-primary.300)]","[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),E=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITriggerLabel,{className:s.cn(i.citation({slot:"title"}),"font-normal",e),...t}),P=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITriggerIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),w=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Results,{className:s.cn(l.scrollable({section:"content"}),"h-0 max-h-full","data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]","md:data-[dual-pane-search-expanded]:h-[min(calc(85vh_-_72px),calc(900px_-_72px_-_135px))]","[[data-mobile]_&]:h-[calc(100vh-var(--input-height)-var(--footer-height)-var(--ask-ai-trigger-height))]","transition-all duration-300 ease-in-out data-[has-content]:pb-2",e),...t}),k=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsLoading,{className:s.cn("group mb-1 relative transition-all w-full h-full",e),children:r.jsx(n.ResultsLoading,{}),...t}),f=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsEmpty,{className:s.cn("flex w-full h-full","overflow-hidden relative grow-[2]","items-center justify-center text-gray-600","dark:text-gray-dark-400 mt-8",e),...t}),y=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsTabList,{className:s.cn("shrink-0 max-w-full","flex gap-3 px-5 py-1","overflow-x-auto [scrollbar-width:thin]",e),...t}),j=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsTab,{className:s.cn("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","hover:bg-gray-50 dark:hover:bg-white-alpha-50","data-[state=active]:bg-inkeep-primary-light-subtle","hover:data-[state=active]:bg-inkeep-primary-light-subtle","data-[state=active]:text-inkeep-expanded-primary-900","data-[state=active]:border-inkeep-primary-medium-subtle","dark:data-[state=active]:bg-white-alpha-100","dark:hover:data-[state=active]:bg-white-alpha-100","dark:data-[state=active]:text-inkeep-expanded-primary-300","dark:data-[state=active]:border-inkeep-expanded-primary-300","focus:outline-inkeep-expanded-primary-700 dark:focus:outline-inkeep-expanded-primary-300",e),...t}),T=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsContent,{className:s.cn("flex overflow-hidden",e),...t}),N=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollArea,{className:s.cn("overflow-hidden h-full","first:[[data-view=dual-pane]_&]:flex-1 md:first:[[data-view=dual-pane]_&]:flex-[0_0_40%]",'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","before:top-0 after:bottom-0","before:bg-gradient-to-b after:bg-gradient-to-t","has-[[data-scroll-top]]:before:opacity-0","has-[[data-scroll-bottom]]:after:opacity-0",e),...t}),A=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollAreaViewport,{className:s.cn("h-full w-full rounded-[inherit]",e),...t}),L=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),_=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),O=a.EmbeddedSearchPrimitive.ResultsScrollAreaCorner,B=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsList,{className:s.cn("w-full flex flex-col","items-center gap-2.5 h-full shrink-0","px-5 py-1 content-center -my-[1px]",e),...t}),C=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItem,{className:s.cn(i.citation({slot:"root"}),e),...t}),q=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),e),...t}),D=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),H=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemIcon,{className:s.cn(i.citation({slot:"icon"}),e),...t}),F=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemTitle,{className:s.cn(i.citation({slot:"title"}),e),...t}),G=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemTag,{className:s.cn(i.citation({slot:"tag"}),e),...t}),V=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemDescription,{className:s.cn(i.citation({slot:"description"}),e),...t}),W=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemDescriptionPart,{className:s.cn(i.citation({slot:"descriptionPart"}),e),...t}),z=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),M=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreview,{className:s.cn("flex-1 min-w-0 break-words py-4 pr-12 pl-8","hidden md:flex flex-col gap-6",e),...t}),$=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewHeader,{className:s.cn("flex flex-col gap-5",e),...t}),J=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewHeading,{className:s.cn("inline-block",e),...t}),K=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewTitle,{className:s.cn("text-3xl leading-snug tracking-tight","font-semibold hover:text-inkeep-primary-stronger","dark:hover:text-inkeep-expanded-primary-100",e),...t}),Q=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewTitleLinkIcon,{className:s.cn("inline-block ml-2 mb-2 tracking-tight text-gray-500 dark:text-white-alpha-500",e),...t}),U=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),"!line-clamp-none whitespace-normal text-gray-500 dark:text-gray-dark-200 text-sm",e),...t}),X=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),Y=({className:e,componentStyles:t,...d})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewBody,{className:s.cn("max-w-full text-gray-700 dark:text-gray-dark-100 [&_em]:font-bold [&_em]:not-italic",e),componentStyles:m.merge(o.markdownStyles,t??{}),...d}),Z=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutline,{className:s.cn("flex flex-col gap-3",e),...t}),ee=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineTitle,{className:s.cn("text-xs uppercase font-semibold tracking-widest","text-gray-500 dark:text-white-alpha-500",e),...t}),te=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineList,{className:s.cn("flex flex-col gap-4",e),...t}),ae=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItem,{className:s.cn("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","dark:data-[is-match]:text-inkeep-expanded-primary-300",e),...t}),re=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemIcon,{className:s.cn(e),...t}),se=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemText,{className:s.cn(e),...t}),ie=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemLinkIcon,{className:s.cn("h-3 !min-h-0 !min-w-0",e),...t}),de=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Footer,{className:s.cn("justify-self-end","px-5 pt-1 pb-3","[[data-mobile]_&]:py-0","[[data-mobile]_&]:items-center","[[data-mobile]_&]:h-[var(--footer-height)]","hidden data-[has-results]:flex",e),...t}),ce=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),le=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),ne=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),me=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineBrandName,{className:s.cn(c.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t});exports.AskAITrigger=S;exports.AskAITriggerIcon=R;exports.AskAITriggerIndicator=P;exports.AskAITriggerLabel=E;exports.Content=x;exports.Footer=de;exports.Input=v;exports.InputGroup=p;exports.InputIcon=g;exports.Loading=I;exports.Provider=h;exports.Results=w;exports.ResultsContent=T;exports.ResultsEmpty=f;exports.ResultsItem=C;exports.ResultsItemBreadcrumbIcon=D;exports.ResultsItemBreadcrumbs=q;exports.ResultsItemDescription=V;exports.ResultsItemDescriptionPart=W;exports.ResultsItemIcon=H;exports.ResultsItemIndicator=z;exports.ResultsItemPreview=M;exports.ResultsItemPreviewBody=Y;exports.ResultsItemPreviewBreadcrumbIcon=X;exports.ResultsItemPreviewBreadcrumbs=U;exports.ResultsItemPreviewHeader=$;exports.ResultsItemPreviewHeading=J;exports.ResultsItemPreviewOutline=Z;exports.ResultsItemPreviewOutlineItem=ae;exports.ResultsItemPreviewOutlineItemIcon=re;exports.ResultsItemPreviewOutlineItemLinkIcon=ie;exports.ResultsItemPreviewOutlineItemText=se;exports.ResultsItemPreviewOutlineList=te;exports.ResultsItemPreviewOutlineTitle=ee;exports.ResultsItemPreviewTitle=K;exports.ResultsItemPreviewTitleLinkIcon=Q;exports.ResultsItemTag=G;exports.ResultsItemTitle=F;exports.ResultsList=B;exports.ResultsLoading=k;exports.ResultsScrollArea=N;exports.ResultsScrollAreaCorner=O;exports.ResultsScrollAreaScrollbar=L;exports.ResultsScrollAreaThumb=_;exports.ResultsScrollAreaViewport=A;exports.ResultsTab=j;exports.ResultsTabList=y;exports.Root=b;exports.TaglineBrandName=me;exports.TaglineContainer=ce;exports.TaglineLogo=ne;exports.TaglineText=le;exports.Wrapper=u;

package/dist/components/embedded-search.js

@@ -3,9 +3,9 @@ import { jsx as s } from "react/jsx-runtime";
 import { EmbeddedSearchPrimitive as a } from "@inkeep/cxkit-primitives";
 import { cn as r } from "../utils.js";
 import { citation as l } from "../ui/recipes/citation.js";
-import { link as n } from "../ui/recipes/link.js";
+import { link as i } from "../ui/recipes/link.js";
 import { scrollable as o } from "../ui/recipes/scrollable.js";
-import { ResultsLoading as i } from "./embedded-search/results-loading.js";
+import { ResultsLoading as n } 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 }), k = ({ className: e, ...t }) => /* @__PURE__ */ s(
@@ -24,7 +24,14 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
 }) => /* @__PURE__ */ s(
   a.Root,
   {
-    className: r("data-[hidden]:hidden flex flex-col w-full", e),
+    className: r(
+      "data-[hidden]:hidden flex flex-col w-full",
+      "[--footer-height:theme(spacing.9)]",
+      "data-[mobile]:[--input-height:theme(spacing.16)]",
+      "[--ask-ai-trigger-height:0px]",
+      "[[data-show-ask-ai-card]_&]:[--ask-ai-trigger-height:theme(spacing.11)]",
+      e
+    ),
     ...t
   }
 ), S = a.Content, y = ({
@@ -36,6 +43,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(
       "flex items-center w-full px-5 pt-3 pb-3 gap-3",
       "[[data-show-ask-ai-card]_&]:pb-1",
+      "[[data-mobile]_&]:max-h-[var(--input-height)]",
       e
     ),
     ...t
@@ -84,6 +92,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
       "m-auto w-[calc(100%_-_theme(spacing.5))]",
       "border-transparent dark:border-transparent",
       "mb-3 py-0 h-11 cursor-pointer",
+      "h-[var(--ask-ai-trigger-height)]",
       e
     ),
     ...t
@@ -113,7 +122,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "title" }), "font-normal", e),
     ...t
   }
-), O = ({
+), _ = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -122,7 +131,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "indicator" }), e),
     ...t
   }
-), B = ({
+), O = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -132,19 +141,21 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
       o({ section: "content" }),
       "h-0 max-h-full",
       "data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]",
+      "md:data-[dual-pane-search-expanded]:h-[min(calc(85vh_-_72px),calc(900px_-_72px_-_135px))]",
+      "[[data-mobile]_&]:h-[calc(100vh-var(--input-height)-var(--footer-height)-var(--ask-ai-trigger-height))]",
       "transition-all duration-300 ease-in-out data-[has-content]:pb-2",
       e
     ),
     ...t
   }
-), _ = ({
+), B = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ResultsLoading,
   {
     className: r("group mb-1 relative transition-all w-full h-full", e),
-    children: /* @__PURE__ */ s(i, {}),
+    children: /* @__PURE__ */ s(n, {}),
     ...t
   }
 ), C = ({
@@ -367,7 +378,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
   a.ResultsItemPreview,
   {
     className: r(
-      "flex-1 min-w-0 break-words py-4 px-12",
+      "flex-1 min-w-0 break-words py-4 pr-12 pl-8",
       "hidden md:flex flex-col gap-6",
       e
     ),
@@ -439,7 +450,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "breadcrumbsIcon" }), e),
     ...t
   }
-), ne = ({
+), ie = ({
   className: e,
   componentStyles: t,
   ...d
@@ -462,7 +473,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex flex-col gap-3", e),
     ...t
   }
-), ie = ({
+), ne = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -502,10 +513,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
 ), ue = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemIcon, { className: r(e), ...t }), pe = ({
+}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemIcon, { className: r(e), ...t }), he = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemText, { className: r(e), ...t }), he = ({
+}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemText, { className: r(e), ...t }), pe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -520,10 +531,18 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
 }) => /* @__PURE__ */ s(
   a.Footer,
   {
-    className: r("justify-self-end pt-1 pb-3 px-5", "hidden data-[has-results]:flex", e),
+    className: r(
+      "justify-self-end",
+      "px-5 pt-1 pb-3",
+      "[[data-mobile]_&]:py-0",
+      "[[data-mobile]_&]:items-center",
+      "[[data-mobile]_&]:h-[var(--footer-height)]",
+      "hidden data-[has-results]:flex",
+      e
+    ),
     ...t
   }
-), Ie = ({
+), ge = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -532,7 +551,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex items-center whitespace-nowrap", e),
     ...t
   }
-), ge = ({
+), Ie = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -557,7 +576,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
   a.TaglineBrandName,
   {
     className: r(
-      n(),
+      i(),
       "inline-flex text-xs md:text-sm text-gray-500",
       "dark:text-white-alpha-600 font-bold",
       e
@@ -568,7 +587,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
 export {
   P as AskAITrigger,
   A as AskAITriggerIcon,
-  O as AskAITriggerIndicator,
+  _ as AskAITriggerIndicator,
   L as AskAITriggerLabel,
   S as Content,
   be as Footer,
@@ -577,7 +596,7 @@ export {
   E as InputIcon,
   N as Loading,
   f as Provider,
-  B as Results,
+  O as Results,
   j as ResultsContent,
   C as ResultsEmpty,
   q as ResultsItem,
@@ -588,7 +607,7 @@ export {
   M as ResultsItemIcon,
   Z as ResultsItemIndicator,
   ee as ResultsItemPreview,
-  ne as ResultsItemPreviewBody,
+  ie as ResultsItemPreviewBody,
   de as ResultsItemPreviewBreadcrumbIcon,
   le as ResultsItemPreviewBreadcrumbs,
   te as ResultsItemPreviewHeader,
@@ -596,16 +615,16 @@ export {
   oe as ResultsItemPreviewOutline,
   ce as ResultsItemPreviewOutlineItem,
   ue as ResultsItemPreviewOutlineItemIcon,
-  he as ResultsItemPreviewOutlineItemLinkIcon,
-  pe as ResultsItemPreviewOutlineItemText,
+  pe as ResultsItemPreviewOutlineItemLinkIcon,
+  he as ResultsItemPreviewOutlineItemText,
   me as ResultsItemPreviewOutlineList,
-  ie as ResultsItemPreviewOutlineTitle,
+  ne as ResultsItemPreviewOutlineTitle,
   se as ResultsItemPreviewTitle,
   re as ResultsItemPreviewTitleLinkIcon,
   U as ResultsItemTag,
   Q as ResultsItemTitle,
   $ as ResultsList,
-  _ as ResultsLoading,
+  B as ResultsLoading,
   F as ResultsScrollArea,
   z as ResultsScrollAreaCorner,
   V as ResultsScrollAreaScrollbar,
@@ -615,8 +634,8 @@ export {
   D as ResultsTabList,
   v as Root,
   Re as TaglineBrandName,
-  Ie as TaglineContainer,
+  ge as TaglineContainer,
   xe as TaglineLogo,
-  ge as TaglineText,
+  Ie as TaglineText,
   k as Wrapper
 };

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("@inkeep/cxkit-primitives"),i=require("../utils.cjs"),l=require("../ui/recipes/button.cjs"),s=require("../ui/recipes/modal.cjs"),n=o.ModalPrimitive.Modal,r=({className:t,...e})=>a.jsx(o.ModalPrimitive.Overlay,{className:i.cn(s.modal({slot:"overlay"}),t),...e}),d=({className:t,...e})=>a.jsx(o.ModalPrimitive.Content,{className:i.cn(s.modal({slot:"content"}),"w-[min(90vw,720px)]","has-[[data-dual-pane-search-expanded]]:w-[min(90vw,950px)] transition-width duration-300",t),...e}),c=({className:t,...e})=>a.jsx(o.ModalPrimitive.Close,{className:i.cn(s.modal({slot:"close"}),l.button({variant:"ghost",size:"xs"}),"relative inset-[unset] ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0","md:hidden",t),...e});exports.Close=c;exports.Content=d;exports.Overlay=r;exports.Root=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("@inkeep/cxkit-primitives"),i=require("../utils.cjs"),l=require("../ui/recipes/button.cjs"),s=require("../ui/recipes/modal.cjs"),n=o.ModalPrimitive.Modal,r=({className:t,...e})=>a.jsx(o.ModalPrimitive.Overlay,{className:i.cn(s.modal({slot:"overlay"}),t),...e}),d=({className:t,...e})=>a.jsx(o.ModalPrimitive.Content,{className:i.cn(s.modal({slot:"content"}),"w-[min(90vw,720px)]","has-[[data-dual-pane-search-expanded]]:w-[min(90vw,1000px)] transition-width duration-300",t),...e}),c=({className:t,...e})=>a.jsx(o.ModalPrimitive.Close,{className:i.cn(s.modal({slot:"close"}),l.button({variant:"ghost",size:"xs"}),"relative inset-[unset] ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0","md:hidden",t),...e});exports.Close=c;exports.Content=d;exports.Overlay=r;exports.Root=n;

package/dist/components/modal.js

@@ -17,7 +17,7 @@ const p = a.Modal, x = ({
       l({ slot: "content" }),
       "w-[min(90vw,720px)]",
       // Dual pane
-      "has-[[data-dual-pane-search-expanded]]:w-[min(90vw,950px)] transition-width duration-300",
+      "has-[[data-dual-pane-search-expanded]]:w-[min(90vw,1000px)] transition-width duration-300",
       t
     ),
     ...o

package/dist/inkeep.css.cjs

@@ -796,6 +796,9 @@ video {
 .h-\\[calc\\(100\\%-24px\\)\\] {
   height: calc(100% - 24px);
 }
+.h-\\[var\\(--ask-ai-trigger-height\\)\\] {
+  height: var(--ask-ai-trigger-height);
+}
 .h-\\[var\\(--radix-select-trigger-height\\)\\] {
   height: var(--radix-select-trigger-height);
 }
@@ -959,9 +962,6 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
-.flex-\\[0_0_40\\%\\] {
-  flex: 0 0 40%;
-}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1424,10 +1424,6 @@ video {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1523,9 +1519,15 @@ video {
 .pl-7 {
   padding-left: 1.75rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pr-1 {
   padding-right: 0.25rem;
 }
+.pr-12 {
+  padding-right: 3rem;
+}
 .pr-8 {
   padding-right: 2rem;
 }
@@ -1826,6 +1828,9 @@ video {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\\[--ask-ai-trigger-height\\:0px\\] {
+  --ask-ai-trigger-height: 0px;
+}
 .\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
   --end-color: var(--ikp-color-gray-300);
 }
@@ -1841,6 +1846,9 @@ video {
 .\\[--focus-border-color\\:theme\\(colors\\.blue\\.500\\)\\] {
   --focus-border-color: #3b82f6;
 }
+.\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
+  --footer-height: 2.25rem;
+}
 .\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
   --scrollbar-color: var(--color-gray-300);
 }
@@ -2276,8 +2284,8 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-gray-600);
 }
 
-.has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 950px\\)\\]:has([data-dual-pane-search-expanded]) {
-  width: min(90vw,950px);
+.has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 1000px\\)\\]:has([data-dual-pane-search-expanded]) {
+  width: min(90vw,1000px);
 }
 
 .has-\\[\\[data-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
@@ -2572,6 +2580,10 @@ img[data-part='icon'][data-type='custom'] {
   --end-color: var(--ikp-color-inkeep-expanded-primary-700);
 }
 
+.data-\\[mobile\\]\\:\\[--input-height\\:theme\\(spacing\\.16\\)\\][data-mobile] {
+  --input-height: 4rem;
+}
+
 .data-\\[invalid\\]\\:\\[--shadow-color\\:theme\\(colors\\.red\\.500\\)\\][data-invalid] {
   --shadow-color: #ef4444;
 }
@@ -3460,6 +3472,18 @@ img[data-part='icon'][data-type='custom'] {
   .md\\:leading-5 {
     line-height: 1.25rem;
   }
+
+  .md\\:data-\\[view\\=dual-pane\\]\\:hidden[data-view="dual-pane"] {
+    display: none;
+  }
+
+  .md\\:data-\\[dual-pane-search-expanded\\]\\:h-\\[min\\(calc\\(85vh_-_72px\\)\\2c calc\\(900px_-_72px_-_135px\\)\\)\\][data-dual-pane-search-expanded] {
+    height: min(calc(85vh - 72px),calc(900px - 72px - 135px));
+  }
+
+  .md\\:data-\\[view\\=dual-pane\\]\\:\\[grid-template\\:\\"breadcrumbs_breadcrumbs_breadcrumbs\\"\\"icon_title_tag\\"\\"description_description_description\\"\\/auto_auto_1fr\\][data-view="dual-pane"] {
+    grid-template: "breadcrumbs breadcrumbs breadcrumbs""icon title tag""description description description"/auto auto 1fr;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -3630,10 +3654,43 @@ img[data-part='icon'][data-type='custom'] {
   width: 1rem;
 }
 
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:h-\\[calc\\(100vh-var\\(--input-height\\)-var\\(--footer-height\\)-var\\(--ask-ai-trigger-height\\)\\)\\] {
+  height: calc(100vh - var(--input-height) - var(--footer-height) - var(--ask-ai-trigger-height));
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:h-\\[var\\(--footer-height\\)\\] {
+  height: var(--footer-height);
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:max-h-\\[var\\(--input-height\\)\\] {
+  max-height: var(--input-height);
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:items-center {
+  align-items: center;
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:pb-1 {
   padding-bottom: 0.25rem;
 }
 
+[data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:\\[--ask-ai-trigger-height\\:theme\\(spacing\\.11\\)\\] {
+  --ask-ai-trigger-height: 2.75rem;
+}
+
+[data-view=dual-pane] .\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:block {
+  display: block;
+}
+
+[data-view=dual-pane] .\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-\\[0_0_40\\%\\] {
+  flex: 0 0 40%;
+}
+
 [data-view=dual-pane] .first\\:\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-1:first-child {
   flex: 1 1 0%;
 }

package/dist/inkeep.css.js

@@ -797,6 +797,9 @@ video {
 .h-\\[calc\\(100\\%-24px\\)\\] {
   height: calc(100% - 24px);
 }
+.h-\\[var\\(--ask-ai-trigger-height\\)\\] {
+  height: var(--ask-ai-trigger-height);
+}
 .h-\\[var\\(--radix-select-trigger-height\\)\\] {
   height: var(--radix-select-trigger-height);
 }
@@ -960,9 +963,6 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
-.flex-\\[0_0_40\\%\\] {
-  flex: 0 0 40%;
-}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1425,10 +1425,6 @@ video {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1524,9 +1520,15 @@ video {
 .pl-7 {
   padding-left: 1.75rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pr-1 {
   padding-right: 0.25rem;
 }
+.pr-12 {
+  padding-right: 3rem;
+}
 .pr-8 {
   padding-right: 2rem;
 }
@@ -1827,6 +1829,9 @@ video {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\\[--ask-ai-trigger-height\\:0px\\] {
+  --ask-ai-trigger-height: 0px;
+}
 .\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
   --end-color: var(--ikp-color-gray-300);
 }
@@ -1842,6 +1847,9 @@ video {
 .\\[--focus-border-color\\:theme\\(colors\\.blue\\.500\\)\\] {
   --focus-border-color: #3b82f6;
 }
+.\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
+  --footer-height: 2.25rem;
+}
 .\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
   --scrollbar-color: var(--color-gray-300);
 }
@@ -2277,8 +2285,8 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-gray-600);
 }
 
-.has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 950px\\)\\]:has([data-dual-pane-search-expanded]) {
-  width: min(90vw,950px);
+.has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 1000px\\)\\]:has([data-dual-pane-search-expanded]) {
+  width: min(90vw,1000px);
 }
 
 .has-\\[\\[data-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
@@ -2573,6 +2581,10 @@ img[data-part='icon'][data-type='custom'] {
   --end-color: var(--ikp-color-inkeep-expanded-primary-700);
 }
 
+.data-\\[mobile\\]\\:\\[--input-height\\:theme\\(spacing\\.16\\)\\][data-mobile] {
+  --input-height: 4rem;
+}
+
 .data-\\[invalid\\]\\:\\[--shadow-color\\:theme\\(colors\\.red\\.500\\)\\][data-invalid] {
   --shadow-color: #ef4444;
 }
@@ -3461,6 +3473,18 @@ img[data-part='icon'][data-type='custom'] {
   .md\\:leading-5 {
     line-height: 1.25rem;
   }
+
+  .md\\:data-\\[view\\=dual-pane\\]\\:hidden[data-view="dual-pane"] {
+    display: none;
+  }
+
+  .md\\:data-\\[dual-pane-search-expanded\\]\\:h-\\[min\\(calc\\(85vh_-_72px\\)\\2c calc\\(900px_-_72px_-_135px\\)\\)\\][data-dual-pane-search-expanded] {
+    height: min(calc(85vh - 72px),calc(900px - 72px - 135px));
+  }
+
+  .md\\:data-\\[view\\=dual-pane\\]\\:\\[grid-template\\:\\"breadcrumbs_breadcrumbs_breadcrumbs\\"\\"icon_title_tag\\"\\"description_description_description\\"\\/auto_auto_1fr\\][data-view="dual-pane"] {
+    grid-template: "breadcrumbs breadcrumbs breadcrumbs""icon title tag""description description description"/auto auto 1fr;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -3631,10 +3655,43 @@ img[data-part='icon'][data-type='custom'] {
   width: 1rem;
 }
 
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:h-\\[calc\\(100vh-var\\(--input-height\\)-var\\(--footer-height\\)-var\\(--ask-ai-trigger-height\\)\\)\\] {
+  height: calc(100vh - var(--input-height) - var(--footer-height) - var(--ask-ai-trigger-height));
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:h-\\[var\\(--footer-height\\)\\] {
+  height: var(--footer-height);
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:max-h-\\[var\\(--input-height\\)\\] {
+  max-height: var(--input-height);
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:items-center {
+  align-items: center;
+}
+
+[data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:pb-1 {
   padding-bottom: 0.25rem;
 }
 
+[data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:\\[--ask-ai-trigger-height\\:theme\\(spacing\\.11\\)\\] {
+  --ask-ai-trigger-height: 2.75rem;
+}
+
+[data-view=dual-pane] .\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:block {
+  display: block;
+}
+
+[data-view=dual-pane] .\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-\\[0_0_40\\%\\] {
+  flex: 0 0 40%;
+}
+
 [data-view=dual-pane] .first\\:\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-1:first-child {
   flex: 1 1 0%;
 }

package/dist/ui/recipes/citation.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=e.cva(["transition-all data-[disable-transitions]:transition-none","duration-100 ease-in-out"],{variants:{slot:{root:["group w-full overflow-hidden border rounded-lg","text-inkeep-primary-text-bold selected:text-inkeep-primary-strong","focus:outline-inkeep-expanded-primary-700 dark:focus:outline-inkeep-expanded-primary-300","dark:text-white-alpha-950 dark:selected:text-inkeep-expanded-primary-300","bg-white selected:bg-inkeep-primary-light-subtle","dark:bg-transparent dark:selected:bg-white-alpha-200","border-gray-200 selected:border-inkeep-primary-medium-subtle","dark:border-white-alpha-200","dark:selected:border-inkeep-expanded-primary-300","py-2 px-5 grid gap-x-3 gap-y-1",'[grid-template:"breadcrumbs_breadcrumbs_breadcrumbs_indicator""icon_title_tag_indicator""description_description_description_indicator"/auto_auto_1fr_auto]',"items-center"],breadcrumbs:["[grid-area:breadcrumbs]","whitespace-nowrap line-clamp-1","flex items-center text-gray-600","dark:text-white-alpha-600 text-xs truncate inline-block"],breadcrumbsIcon:"last-of-type:hidden text-3xs mx-[5px]",icon:["[grid-area:icon]","text-gray-500","group-selected:text-inkeep-primary-text-subtle","dark:text-gray-dark-300 dark:group-selected:text-gray-dark-100"],title:["[grid-area:title]","text-gray-800 dark:text-white-alpha-950","group-selected:text-inkeep-primary-text-bold","dark:group-selected:text-white","font-medium line-clamp-1"],tag:["[grid-area:tag] w-fit justify-self-end","text-xs px-1 uppercase rounded-sm align-middle","font-bold inline-block whitespace-nowrap",'data-[type^="github"]:text-purple-500','data-[type="stackoverflow"]:text-green-500',"shadow-[inset_0_0_0_1px_currentColor]"],description:["[grid-area:description]","text-1sm line-clamp-1","text-gray-700 dark:text-white-alpha-700"],descriptionPart:["data-[highlighted]:font-semibold","data-[highlighted]:text-inkeep-primary-text-subtle","dark:data-[highlighted]:text-gray-dark-50"],indicator:["[grid-area:indicator]","self-center justify-self-end","opacity-0 group-selected:opacity-100","transition-opacity duration-100 ease-in-out ml-auto"]}}});exports.citation=t;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=e.cva(["transition-all data-[disable-transitions]:transition-none","duration-100 ease-in-out"],{variants:{slot:{root:["group w-full overflow-hidden border rounded-lg","text-inkeep-primary-text-bold selected:text-inkeep-primary-strong","focus:outline-inkeep-expanded-primary-700 dark:focus:outline-inkeep-expanded-primary-300","dark:text-white-alpha-950 dark:selected:text-inkeep-expanded-primary-300","bg-white selected:bg-inkeep-primary-light-subtle","dark:bg-transparent dark:selected:bg-white-alpha-200","border-gray-200 selected:border-inkeep-primary-medium-subtle","dark:border-white-alpha-200","dark:selected:border-inkeep-expanded-primary-300","py-2 px-5 grid gap-x-3 gap-y-1",'[grid-template:"breadcrumbs_breadcrumbs_breadcrumbs_indicator""icon_title_tag_indicator""description_description_description_indicator"/auto_auto_1fr_auto]',"items-center",'md:data-[view=dual-pane]:[grid-template:"breadcrumbs_breadcrumbs_breadcrumbs""icon_title_tag""description_description_description"/auto_auto_1fr]'],breadcrumbs:["[grid-area:breadcrumbs]","whitespace-nowrap line-clamp-1","flex items-center text-gray-600","dark:text-white-alpha-600 text-xs truncate inline-block"],breadcrumbsIcon:"last-of-type:hidden text-3xs mx-[5px]",icon:["[grid-area:icon]","text-gray-500","group-selected:text-inkeep-primary-text-subtle","dark:text-gray-dark-300 dark:group-selected:text-gray-dark-100"],title:["[grid-area:title]","text-gray-800 dark:text-white-alpha-950","group-selected:text-inkeep-primary-text-bold","dark:group-selected:text-white","font-medium line-clamp-1","whitespace-nowrap text-ellipsis inline-block"],tag:["[grid-area:tag] w-fit justify-self-end","text-xs px-1 uppercase rounded-sm align-middle","font-bold inline-block whitespace-nowrap",'data-[type^="github"]:text-purple-500','data-[type="stackoverflow"]:text-green-500',"shadow-[inset_0_0_0_1px_currentColor]"],description:["[grid-area:description]","text-1sm line-clamp-1","text-gray-700 dark:text-white-alpha-700"],descriptionPart:["data-[highlighted]:font-semibold","data-[highlighted]:text-inkeep-primary-text-subtle","dark:data-[highlighted]:text-gray-dark-50"],indicator:["[grid-area:indicator]","self-center justify-self-end","opacity-0 group-selected:opacity-100","transition-opacity duration-100 ease-in-out ml-auto","md:data-[view=dual-pane]:hidden"]}}});exports.citation=t;

package/dist/ui/recipes/citation.js

@@ -1,6 +1,6 @@
 "use client";
 import { cva as e } from "class-variance-authority";
-const r = e(
+const a = e(
   ["transition-all data-[disable-transitions]:transition-none", "duration-100 ease-in-out"],
   {
     variants: {
@@ -17,7 +17,8 @@ const r = e(
           "dark:selected:border-inkeep-expanded-primary-300",
           "py-2 px-5 grid gap-x-3 gap-y-1",
           '[grid-template:"breadcrumbs_breadcrumbs_breadcrumbs_indicator""icon_title_tag_indicator""description_description_description_indicator"/auto_auto_1fr_auto]',
-          "items-center"
+          "items-center",
+          'md:data-[view=dual-pane]:[grid-template:"breadcrumbs_breadcrumbs_breadcrumbs""icon_title_tag""description_description_description"/auto_auto_1fr]'
         ],
         breadcrumbs: [
           "[grid-area:breadcrumbs]",
@@ -37,7 +38,8 @@ const r = e(
           "text-gray-800 dark:text-white-alpha-950",
           "group-selected:text-inkeep-primary-text-bold",
           "dark:group-selected:text-white",
-          "font-medium line-clamp-1"
+          "font-medium line-clamp-1",
+          "whitespace-nowrap text-ellipsis inline-block"
         ],
         tag: [
           "[grid-area:tag] w-fit justify-self-end",
@@ -61,12 +63,13 @@ const r = e(
           "[grid-area:indicator]",
           "self-center justify-self-end",
           "opacity-0 group-selected:opacity-100",
-          "transition-opacity duration-100 ease-in-out ml-auto"
+          "transition-opacity duration-100 ease-in-out ml-auto",
+          "md:data-[view=dual-pane]:hidden"
         ]
       }
     }
   }
 );
 export {
-  r as citation
+  a as citation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-styled",
-  "version": "0.5.32",
+  "version": "0.5.34",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -39,7 +39,7 @@
     "clsx": "2.1.1",
     "merge-anything": "5.1.7",
     "tailwind-merge": "2.6.0",
-    "@inkeep/cxkit-primitives": "0.5.32"
+    "@inkeep/cxkit-primitives": "0.5.34"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -49,6 +49,7 @@
     "autoprefixer": "10.4.20",
     "clean-package": "2.2.0",
     "cssnano": "7.0.6",
+    "fast-glob": "^3.3.3",
     "globby": "14.0.2",
     "postcss": "8.5.1",
     "postcss-cli": "11.0.0",
@@ -58,8 +59,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-theme": "0.5.32",
-    "@inkeep/cxkit-types": "0.5.32"
+    "@inkeep/cxkit-theme": "0.5.34",
+    "@inkeep/cxkit-types": "0.5.34"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",