@inkeep/cxkit-styled 0.5.30 → 0.5.31

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("@inkeep/cxkit-primitives"),s=require("../utils.cjs"),a=require("../ui/recipes/button.cjs"),i=require("../ui/recipes/modal.cjs"),n=o.ModalPrimitive.Modal,r=({className:t,...e})=>l.jsx(o.ModalPrimitive.Overlay,{className:s.cn(i.modal({slot:"overlay"}),t),...e}),c=({className:t,...e})=>l.jsx(o.ModalPrimitive.Content,{className:s.cn(i.modal({slot:"content"}),"w-[min(90vw,720px)]",t),...e}),d=({className:t,...e})=>l.jsx(o.ModalPrimitive.Close,{className:s.cn(i.modal({slot:"close"}),a.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=d;exports.Content=c;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,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;

package/dist/components/modal.js

@@ -4,21 +4,27 @@ import { ModalPrimitive as a } from "@inkeep/cxkit-primitives";
 import { cn as s } from "../utils.js";
 import { button as n } from "../ui/recipes/button.js";
 import { modal as l } from "../ui/recipes/modal.js";
-const p = a.Modal, v = ({
-  className: o,
-  ...t
-}) => /* @__PURE__ */ e(a.Overlay, { className: s(l({ slot: "overlay" }), o), ...t }), x = ({
-  className: o,
-  ...t
+const p = a.Modal, x = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(a.Overlay, { className: s(l({ slot: "overlay" }), t), ...o }), v = ({
+  className: t,
+  ...o
 }) => /* @__PURE__ */ e(
   a.Content,
   {
-    className: s(l({ slot: "content" }), "w-[min(90vw,720px)]", o),
-    ...t
+    className: s(
+      l({ slot: "content" }),
+      "w-[min(90vw,720px)]",
+      // Dual pane
+      "has-[[data-dual-pane-search-expanded]]:w-[min(90vw,950px)] transition-width duration-300",
+      t
+    ),
+    ...o
   }
-), C = ({
-  className: o,
-  ...t
+), h = ({
+  className: t,
+  ...o
 }) => /* @__PURE__ */ e(
   a.Close,
   {
@@ -27,14 +33,14 @@ const p = a.Modal, v = ({
       n({ variant: "ghost", size: "xs" }),
       "relative inset-[unset] ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",
       "md:hidden",
-      o
+      t
     ),
-    ...t
+    ...o
   }
 );
 export {
-  C as Close,
-  x as Content,
-  v as Overlay,
+  h as Close,
+  v as Content,
+  x as Overlay,
   p as Root
 };

package/dist/index.d.cts

@@ -597,6 +597,7 @@ export declare namespace EmbeddedSearch {
         EmbeddedSearchResultsEmpty as ResultsEmpty,
         EmbeddedSearchResultsTabList as ResultsTabList,
         EmbeddedSearchResultsTab as ResultsTab,
+        EmbeddedSearchResultsContent as ResultsContent,
         EmbeddedSearchResultsScrollArea as ResultsScrollArea,
         EmbeddedSearchResultsScrollAreaViewport as ResultsScrollAreaViewport,
         EmbeddedSearchResultsScrollAreaScrollbar as ResultsScrollAreaScrollbar,
@@ -612,6 +613,21 @@ export declare namespace EmbeddedSearch {
         EmbeddedSearchResultsItemDescription as ResultsItemDescription,
         EmbeddedSearchResultsItemDescriptionPart as ResultsItemDescriptionPart,
         EmbeddedSearchResultsItemIndicator as ResultsItemIndicator,
+        EmbeddedSearchResultsItemPreview as ResultsItemPreview,
+        EmbeddedSearchResultsItemPreviewHeader as ResultsItemPreviewHeader,
+        EmbeddedSearchResultsItemPreviewHeading as ResultsItemPreviewHeading,
+        EmbeddedSearchResultsItemPreviewTitle as ResultsItemPreviewTitle,
+        EmbeddedSearchResultsItemPreviewTitleLinkIcon as ResultsItemPreviewTitleLinkIcon,
+        EmbeddedSearchResultsItemPreviewBreadcrumbs as ResultsItemPreviewBreadcrumbs,
+        EmbeddedSearchResultsItemPreviewBreadcrumbIcon as ResultsItemPreviewBreadcrumbIcon,
+        EmbeddedSearchResultsItemPreviewBody as ResultsItemPreviewBody,
+        EmbeddedSearchResultsItemPreviewOutline as ResultsItemPreviewOutline,
+        EmbeddedSearchResultsItemPreviewOutlineTitle as ResultsItemPreviewOutlineTitle,
+        EmbeddedSearchResultsItemPreviewOutlineList as ResultsItemPreviewOutlineList,
+        EmbeddedSearchResultsItemPreviewOutlineItem as ResultsItemPreviewOutlineItem,
+        EmbeddedSearchResultsItemPreviewOutlineItemIcon as ResultsItemPreviewOutlineItemIcon,
+        EmbeddedSearchResultsItemPreviewOutlineItemText as ResultsItemPreviewOutlineItemText,
+        EmbeddedSearchResultsItemPreviewOutlineItemLinkIcon as ResultsItemPreviewOutlineItemLinkIcon,
         EmbeddedSearchFooter as Footer,
         EmbeddedSearchTaglineContainer as TaglineContainer,
         EmbeddedSearchTaglineText as TaglineText,
@@ -656,6 +672,8 @@ declare const EmbeddedSearchProvider: (props: React.ComponentPropsWithRef<typeof
 
 declare const EmbeddedSearchResults: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.Results>) => JSX.Element;
 
+declare const EmbeddedSearchResultsContent: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsContent>) => JSX.Element;
+
 declare const EmbeddedSearchResultsEmpty: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsEmpty>) => JSX.Element;
 
 declare const EmbeddedSearchResultsItem: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItem>) => JSX.Element;
@@ -672,6 +690,36 @@ declare const EmbeddedSearchResultsItemIcon: ({ className, ...props }: Component
 
 declare const EmbeddedSearchResultsItemIndicator: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemIndicator>) => JSX.Element;
 
+declare const EmbeddedSearchResultsItemPreview: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreview>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewBody: ({ className, componentStyles, ...props }: React.ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewBody>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewBreadcrumbIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbIcon>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewBreadcrumbs: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbs>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewHeader: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewHeader>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewHeading: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewHeading>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutline: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutline>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItem: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItem>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItemIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemIcon>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItemLinkIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemLinkIcon>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItemText: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemText>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineList: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineList>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineTitle: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineTitle>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewTitle: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewTitle>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewTitleLinkIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewTitleLinkIcon>) => JSX.Element;
+
 declare const EmbeddedSearchResultsItemTag: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemTag>) => JSX.Element;
 
 declare const EmbeddedSearchResultsItemTitle: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemTitle>) => JSX.Element;

package/dist/index.d.ts

@@ -597,6 +597,7 @@ export declare namespace EmbeddedSearch {
         EmbeddedSearchResultsEmpty as ResultsEmpty,
         EmbeddedSearchResultsTabList as ResultsTabList,
         EmbeddedSearchResultsTab as ResultsTab,
+        EmbeddedSearchResultsContent as ResultsContent,
         EmbeddedSearchResultsScrollArea as ResultsScrollArea,
         EmbeddedSearchResultsScrollAreaViewport as ResultsScrollAreaViewport,
         EmbeddedSearchResultsScrollAreaScrollbar as ResultsScrollAreaScrollbar,
@@ -612,6 +613,21 @@ export declare namespace EmbeddedSearch {
         EmbeddedSearchResultsItemDescription as ResultsItemDescription,
         EmbeddedSearchResultsItemDescriptionPart as ResultsItemDescriptionPart,
         EmbeddedSearchResultsItemIndicator as ResultsItemIndicator,
+        EmbeddedSearchResultsItemPreview as ResultsItemPreview,
+        EmbeddedSearchResultsItemPreviewHeader as ResultsItemPreviewHeader,
+        EmbeddedSearchResultsItemPreviewHeading as ResultsItemPreviewHeading,
+        EmbeddedSearchResultsItemPreviewTitle as ResultsItemPreviewTitle,
+        EmbeddedSearchResultsItemPreviewTitleLinkIcon as ResultsItemPreviewTitleLinkIcon,
+        EmbeddedSearchResultsItemPreviewBreadcrumbs as ResultsItemPreviewBreadcrumbs,
+        EmbeddedSearchResultsItemPreviewBreadcrumbIcon as ResultsItemPreviewBreadcrumbIcon,
+        EmbeddedSearchResultsItemPreviewBody as ResultsItemPreviewBody,
+        EmbeddedSearchResultsItemPreviewOutline as ResultsItemPreviewOutline,
+        EmbeddedSearchResultsItemPreviewOutlineTitle as ResultsItemPreviewOutlineTitle,
+        EmbeddedSearchResultsItemPreviewOutlineList as ResultsItemPreviewOutlineList,
+        EmbeddedSearchResultsItemPreviewOutlineItem as ResultsItemPreviewOutlineItem,
+        EmbeddedSearchResultsItemPreviewOutlineItemIcon as ResultsItemPreviewOutlineItemIcon,
+        EmbeddedSearchResultsItemPreviewOutlineItemText as ResultsItemPreviewOutlineItemText,
+        EmbeddedSearchResultsItemPreviewOutlineItemLinkIcon as ResultsItemPreviewOutlineItemLinkIcon,
         EmbeddedSearchFooter as Footer,
         EmbeddedSearchTaglineContainer as TaglineContainer,
         EmbeddedSearchTaglineText as TaglineText,
@@ -656,6 +672,8 @@ declare const EmbeddedSearchProvider: (props: React.ComponentPropsWithRef<typeof
 
 declare const EmbeddedSearchResults: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.Results>) => JSX.Element;
 
+declare const EmbeddedSearchResultsContent: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsContent>) => JSX.Element;
+
 declare const EmbeddedSearchResultsEmpty: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsEmpty>) => JSX.Element;
 
 declare const EmbeddedSearchResultsItem: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItem>) => JSX.Element;
@@ -672,6 +690,36 @@ declare const EmbeddedSearchResultsItemIcon: ({ className, ...props }: Component
 
 declare const EmbeddedSearchResultsItemIndicator: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemIndicator>) => JSX.Element;
 
+declare const EmbeddedSearchResultsItemPreview: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreview>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewBody: ({ className, componentStyles, ...props }: React.ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewBody>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewBreadcrumbIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbIcon>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewBreadcrumbs: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbs>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewHeader: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewHeader>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewHeading: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewHeading>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutline: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutline>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItem: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItem>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItemIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemIcon>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItemLinkIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemLinkIcon>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineItemText: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemText>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineList: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineList>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewOutlineTitle: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewOutlineTitle>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewTitle: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewTitle>) => JSX.Element;
+
+declare const EmbeddedSearchResultsItemPreviewTitleLinkIcon: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemPreviewTitleLinkIcon>) => JSX.Element;
+
 declare const EmbeddedSearchResultsItemTag: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemTag>) => JSX.Element;
 
 declare const EmbeddedSearchResultsItemTitle: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.ResultsItemTitle>) => JSX.Element;

package/dist/inkeep.css.cjs

@@ -713,6 +713,12 @@ video {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+.\\!line-clamp-none {
+  overflow: visible !important;
+  display: block !important;
+  -webkit-box-orient: horizontal !important;
+  -webkit-line-clamp: none !important;
+}
 .block {
   display: block;
 }
@@ -760,6 +766,9 @@ video {
 .h-20 {
   height: 5rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
 .h-3\\.5 {
   height: 0.875rem;
 }
@@ -820,6 +829,9 @@ video {
 .max-h-screen {
   max-height: 100vh;
 }
+.\\!min-h-0 {
+  min-height: 0px !important;
+}
 .min-h-0 {
   min-height: 0px;
 }
@@ -899,6 +911,9 @@ video {
 .w-screen {
   width: 100vw;
 }
+.\\!min-w-0 {
+  min-width: 0px !important;
+}
 .min-w-0 {
   min-width: 0px;
 }
@@ -944,6 +959,9 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
+.flex-\\[0_0_40\\%\\] {
+  flex: 0 0 40%;
+}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1149,6 +1167,12 @@ video {
 .gap-3 {
   gap: 0.75rem;
 }
+.gap-4 {
+  gap: 1rem;
+}
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -1207,6 +1231,11 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .text-ellipsis {
   text-overflow: ellipsis;
 }
@@ -1395,6 +1424,10 @@ 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;
@@ -2243,6 +2276,10 @@ 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-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
   content: var(--tw-content);
   opacity: 0;
@@ -2472,6 +2509,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-primary-text-subtle);
 }
 
+.data-\\[is-match\\]\\:text-inkeep-expanded-primary-700[data-is-match] {
+  color: var(--ikp-color-inkeep-expanded-primary-700);
+}
+
 .data-\\[role\\=user\\]\\:text-gray-700[data-role="user"] {
   color: var(--ikp-color-gray-700);
 }
@@ -2741,6 +2782,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-primary-strong);
 }
 
+.hover\\:text-inkeep-primary-stronger:hover:not(:disabled) {
+  color: var(--ikp-color-inkeep-primary-stronger);
+}
+
 .hover\\:underline:hover:not(:disabled) {
   text-decoration-line: underline;
 }
@@ -2757,6 +2802,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-inkeep-primary-light-subtle);
 }
 
+.data-\\[is-match\\]\\:hover\\:text-inkeep-expanded-primary-800:hover:not(:disabled)[data-is-match] {
+  color: var(--ikp-color-inkeep-expanded-primary-800);
+}
+
 .befter\\:pointer-events-none::before {
   pointer-events: none;
 }
@@ -3192,6 +3241,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-gray-dark-50);
 }
 
+.dark\\:data-\\[is-match\\]\\:text-inkeep-expanded-primary-300[data-is-match]:is([data-theme="dark"] *) {
+  color: var(--ikp-color-inkeep-expanded-primary-300);
+}
+
 .dark\\:data-\\[role\\=user\\]\\:text-white-alpha-700[data-role="user"]:is([data-theme="dark"] *) {
   color: var(--ikp-color-white-alpha-700);
 }
@@ -3268,6 +3321,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-50);
 }
 
+.dark\\:hover\\:text-inkeep-expanded-primary-100:hover:not(:disabled):is([data-theme="dark"] *) {
+  color: var(--ikp-color-inkeep-expanded-primary-100);
+}
+
 .dark\\:hover\\:text-inkeep-expanded-primary-300:hover:not(:disabled):is([data-theme="dark"] *) {
   color: var(--ikp-color-inkeep-expanded-primary-300);
 }
@@ -3276,6 +3333,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-white-alpha-500);
 }
 
+.dark\\:hover\\:text-white-alpha-800:hover:not(:disabled):is([data-theme="dark"] *) {
+  color: var(--ikp-color-white-alpha-800);
+}
+
 .dark\\:hover\\:text-white-alpha-950:hover:not(:disabled):is([data-theme="dark"] *) {
   color: var(--ikp-color-white-alpha-950);
 }
@@ -3292,6 +3353,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-100);
 }
 
+.dark\\:data-\\[is-match\\]\\:hover\\:text-inkeep-expanded-primary-200:hover:not(:disabled)[data-is-match]:is([data-theme="dark"] *) {
+  color: var(--ikp-color-inkeep-expanded-primary-200);
+}
+
 .befter\\:dark\\:from-gray-dark-950:is([data-theme="dark"] *)::before {
   --tw-gradient-from: var(--ikp-color-gray-dark-950) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -3360,6 +3425,10 @@ img[data-part='icon'][data-type='custom'] {
     margin-bottom: 3rem;
   }
 
+  .md\\:flex {
+    display: flex;
+  }
+
   .md\\:hidden {
     display: none;
   }
@@ -3541,6 +3610,14 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-expanded-primary-200);
 }
 
+.\\[\\&_em\\]\\:font-bold em {
+  font-weight: 700;
+}
+
+.\\[\\&_em\\]\\:not-italic em {
+  font-style: normal;
+}
+
 .\\[\\&_li\\]\\:mb-1 li {
   margin-bottom: 0.25rem;
 }
@@ -3556,4 +3633,15 @@ img[data-part='icon'][data-type='custom'] {
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:pb-1 {
   padding-bottom: 0.25rem;
 }
+
+[data-view=dual-pane] .first\\:\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-1:first-child {
+  flex: 1 1 0%;
+}
+
+@media (min-width: 768px) {
+
+  [data-view=dual-pane] .md\\:first\\:\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-\\[0_0_40\\%\\]:first-child {
+    flex: 0 0 40%;
+  }
+}
 `;exports.default=n;

package/dist/inkeep.css.js

@@ -714,6 +714,12 @@ video {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+.\\!line-clamp-none {
+  overflow: visible !important;
+  display: block !important;
+  -webkit-box-orient: horizontal !important;
+  -webkit-line-clamp: none !important;
+}
 .block {
   display: block;
 }
@@ -761,6 +767,9 @@ video {
 .h-20 {
   height: 5rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
 .h-3\\.5 {
   height: 0.875rem;
 }
@@ -821,6 +830,9 @@ video {
 .max-h-screen {
   max-height: 100vh;
 }
+.\\!min-h-0 {
+  min-height: 0px !important;
+}
 .min-h-0 {
   min-height: 0px;
 }
@@ -900,6 +912,9 @@ video {
 .w-screen {
   width: 100vw;
 }
+.\\!min-w-0 {
+  min-width: 0px !important;
+}
 .min-w-0 {
   min-width: 0px;
 }
@@ -945,6 +960,9 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
+.flex-\\[0_0_40\\%\\] {
+  flex: 0 0 40%;
+}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1150,6 +1168,12 @@ video {
 .gap-3 {
   gap: 0.75rem;
 }
+.gap-4 {
+  gap: 1rem;
+}
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -1208,6 +1232,11 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .text-ellipsis {
   text-overflow: ellipsis;
 }
@@ -1396,6 +1425,10 @@ 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;
@@ -2244,6 +2277,10 @@ 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-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
   content: var(--tw-content);
   opacity: 0;
@@ -2473,6 +2510,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-primary-text-subtle);
 }
 
+.data-\\[is-match\\]\\:text-inkeep-expanded-primary-700[data-is-match] {
+  color: var(--ikp-color-inkeep-expanded-primary-700);
+}
+
 .data-\\[role\\=user\\]\\:text-gray-700[data-role="user"] {
   color: var(--ikp-color-gray-700);
 }
@@ -2742,6 +2783,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-primary-strong);
 }
 
+.hover\\:text-inkeep-primary-stronger:hover:not(:disabled) {
+  color: var(--ikp-color-inkeep-primary-stronger);
+}
+
 .hover\\:underline:hover:not(:disabled) {
   text-decoration-line: underline;
 }
@@ -2758,6 +2803,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-inkeep-primary-light-subtle);
 }
 
+.data-\\[is-match\\]\\:hover\\:text-inkeep-expanded-primary-800:hover:not(:disabled)[data-is-match] {
+  color: var(--ikp-color-inkeep-expanded-primary-800);
+}
+
 .befter\\:pointer-events-none::before {
   pointer-events: none;
 }
@@ -3193,6 +3242,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-gray-dark-50);
 }
 
+.dark\\:data-\\[is-match\\]\\:text-inkeep-expanded-primary-300[data-is-match]:is([data-theme="dark"] *) {
+  color: var(--ikp-color-inkeep-expanded-primary-300);
+}
+
 .dark\\:data-\\[role\\=user\\]\\:text-white-alpha-700[data-role="user"]:is([data-theme="dark"] *) {
   color: var(--ikp-color-white-alpha-700);
 }
@@ -3269,6 +3322,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-50);
 }
 
+.dark\\:hover\\:text-inkeep-expanded-primary-100:hover:not(:disabled):is([data-theme="dark"] *) {
+  color: var(--ikp-color-inkeep-expanded-primary-100);
+}
+
 .dark\\:hover\\:text-inkeep-expanded-primary-300:hover:not(:disabled):is([data-theme="dark"] *) {
   color: var(--ikp-color-inkeep-expanded-primary-300);
 }
@@ -3277,6 +3334,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-white-alpha-500);
 }
 
+.dark\\:hover\\:text-white-alpha-800:hover:not(:disabled):is([data-theme="dark"] *) {
+  color: var(--ikp-color-white-alpha-800);
+}
+
 .dark\\:hover\\:text-white-alpha-950:hover:not(:disabled):is([data-theme="dark"] *) {
   color: var(--ikp-color-white-alpha-950);
 }
@@ -3293,6 +3354,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-100);
 }
 
+.dark\\:data-\\[is-match\\]\\:hover\\:text-inkeep-expanded-primary-200:hover:not(:disabled)[data-is-match]:is([data-theme="dark"] *) {
+  color: var(--ikp-color-inkeep-expanded-primary-200);
+}
+
 .befter\\:dark\\:from-gray-dark-950:is([data-theme="dark"] *)::before {
   --tw-gradient-from: var(--ikp-color-gray-dark-950) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -3361,6 +3426,10 @@ img[data-part='icon'][data-type='custom'] {
     margin-bottom: 3rem;
   }
 
+  .md\\:flex {
+    display: flex;
+  }
+
   .md\\:hidden {
     display: none;
   }
@@ -3542,6 +3611,14 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-expanded-primary-200);
 }
 
+.\\[\\&_em\\]\\:font-bold em {
+  font-weight: 700;
+}
+
+.\\[\\&_em\\]\\:not-italic em {
+  font-style: normal;
+}
+
 .\\[\\&_li\\]\\:mb-1 li {
   margin-bottom: 0.25rem;
 }
@@ -3557,6 +3634,17 @@ img[data-part='icon'][data-type='custom'] {
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:pb-1 {
   padding-bottom: 0.25rem;
 }
+
+[data-view=dual-pane] .first\\:\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-1:first-child {
+  flex: 1 1 0%;
+}
+
+@media (min-width: 768px) {
+
+  [data-view=dual-pane] .md\\:first\\:\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:flex-\\[0_0_40\\%\\]:first-child {
+    flex: 0 0 40%;
+  }
+}
 `;
 export {
   n as default

package/dist/ui/markdown-styles.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./recipes/button.cjs"),t=require("./recipes/link.cjs"),e=require("./recipes/markdown.cjs"),o=require("../utils.cjs"),n={markdownH1:o.cn(e.heading({size:"lg"}),"mb-3"),markdownH2:o.cn(e.heading({size:"md"}),"mb-2"),markdownP:o.cn("mb-3 break-words whitespace-pre-wrap","[&+ol,&+li]:mt-0"),markdownLi:o.cn("[&_a]:break-words [&_a]:inline"),markdownUl:e.list({style:"unordered"}),markdownOl:o.cn(e.list({style:"ordered"}),"[inset-inline-start:var(--start,0px)]","[counter-reset:item_calc(var(--start,0)_-_1)]"),markdownLink:o.cn(t.link(),"text-inkeep-primary-stronger hover:text-inkeep-primary-strong","dark:text-inkeep-expanded-primary-100 dark:hover:text-inkeep-expanded-primary-300"),markdownSourceLink:e.sup(),markdownTable:e.table({slot:"root"}),markdownTh:e.table({slot:"th"}),markdownTd:e.table({slot:"td"}),markdownCode:e.code(),codeblockContainer:e.codeblock({slot:"container"}),codeblockHeader:e.codeblock({slot:"header"}),codeblockCopyButton:o.cn(r.button({}),e.codeblock({slot:"copyButton"})),codeblockHighlighterWrapper:o.cn(),codeblockHighlighter:e.codeblock({slot:"highlighter"}),codeblockCode:"font-mono"};exports.markdownStyles=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./recipes/button.cjs"),t=require("./recipes/link.cjs"),e=require("./recipes/markdown.cjs"),o=require("../utils.cjs"),n={markdownH1:o.cn(e.heading({size:"lg"}),"mb-3"),markdownH2:o.cn(e.heading({size:"md"}),"mb-2"),markdownP:o.cn("mb-3 break-words whitespace-pre-wrap","[&+ol,&+li]:mt-0"),markdownLi:o.cn("[&_a]:break-words [&_a]:inline"),markdownUl:e.list({style:"unordered"}),markdownOl:o.cn(e.list({style:"ordered"}),"[inset-inline-start:var(--start,0px)]","[counter-reset:item_calc(var(--start,0)_-_1)]"),markdownLink:o.cn(t.link(),"text-inkeep-primary-stronger hover:text-inkeep-primary-strong","dark:text-inkeep-expanded-primary-100 dark:hover:text-inkeep-expanded-primary-300"),markdownSourceLink:e.sup(),markdownTable:e.table({slot:"root"}),markdownTh:e.table({slot:"th"}),markdownTd:e.table({slot:"td"}),markdownCode:e.code(),codeblockContainer:e.codeblock({slot:"container"}),codeblockHeader:e.codeblock({slot:"header"}),codeblockCopyButton:o.cn(r.button({}),e.codeblock({slot:"copyButton"})),codeblockHighlighterWrapper:o.cn(),codeblockHighlighter:e.codeblock({slot:"highlighter"}),codeblockCode:"font-mono",markdownInput:o.cn("mr-1")};exports.markdownStyles=n;

package/dist/ui/markdown-styles.js

@@ -1,7 +1,7 @@
 "use client";
 import { button as a } from "./recipes/button.js";
 import { link as d } from "./recipes/link.js";
-import { codeblock as e, code as i, table as r, sup as l, list as t, heading as n } from "./recipes/markdown.js";
+import { codeblock as e, code as i, table as r, sup as m, list as t, heading as n } from "./recipes/markdown.js";
 import { cn as o } from "../utils.js";
 const p = {
   markdownH1: o(n({ size: "lg" }), "mb-3"),
@@ -19,7 +19,7 @@ const p = {
     "text-inkeep-primary-stronger hover:text-inkeep-primary-strong",
     "dark:text-inkeep-expanded-primary-100 dark:hover:text-inkeep-expanded-primary-300"
   ),
-  markdownSourceLink: l(),
+  markdownSourceLink: m(),
   markdownTable: r({ slot: "root" }),
   markdownTh: r({ slot: "th" }),
   markdownTd: r({ slot: "td" }),
@@ -29,7 +29,8 @@ const p = {
   codeblockCopyButton: o(a({}), e({ slot: "copyButton" })),
   codeblockHighlighterWrapper: o(),
   codeblockHighlighter: e({ slot: "highlighter" }),
-  codeblockCode: "font-mono"
+  codeblockCode: "font-mono",
+  markdownInput: o("mr-1")
 };
 export {
   p as markdownStyles