@inkeep/cxkit-styled 0.5.0 → 0.5.1

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"),d=require("../ui/recipes/citation.cjs"),i=require("../ui/recipes/link.cjs"),c=require("../ui/recipes/scrollable.cjs"),n=require("./embedded-search/results-loading.cjs"),l=e=>a.jsx(r.EmbeddedSearchPrimitive.Provider,{...e}),o=({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}),m=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Root,{className:s.cn("data-[hidden]:hidden flex flex-col w-full",e),...t}),b=r.EmbeddedSearchPrimitive.Content,h=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.InputGroup,{className:s.cn("flex items-center w-full px-5 py-4 gap-3",e),...t}),u=({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}),p=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Input,{className:s.cn("min-h-[38px] overflow-hidden w-full resize-none","py-2 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}),x=({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(d.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}),S=({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(d.citation({slot:"title"}),"font-normal",e),...t}),I=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIndicator,{className:s.cn(d.citation({slot:"indicator"}),e),...t}),R=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Results,{className:s.cn(c.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",e),...t}),v=({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}),k=({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}),P=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsTab,{className:s.cn("px-3 text-1sm font-medium rounded-full","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",e),...t}),T=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollArea,{className:s.cn("overflow-hidden h-full",'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}),y=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaViewport,{className:s.cn("h-full w-full rounded-[inherit]",e),...t}),j=({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}),A=({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}),w=r.EmbeddedSearchPrimitive.ResultsScrollAreaCorner,N=({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}),L=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItem,{className:s.cn(d.citation({slot:"root"}),e),...t}),B=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbs,{className:s.cn(d.citation({slot:"breadcrumbs"}),e),...t}),C=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbIcon,{className:s.cn(d.citation({slot:"breadcrumbsIcon"}),e),...t}),_=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIcon,{className:s.cn(d.citation({slot:"icon"}),e),...t}),q=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTitle,{className:s.cn(d.citation({slot:"title"}),e),...t}),D=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTag,{className:s.cn(d.citation({slot:"tag"}),e),...t}),F=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescription,{className:s.cn(d.citation({slot:"description"}),e),...t}),G=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescriptionPart,{className:s.cn(d.citation({slot:"descriptionPart"}),e),...t}),V=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIndicator,{className:s.cn(d.citation({slot:"indicator"}),e),...t}),W=({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}),z=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),M=({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}),O=({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}),H=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineBrandName,{className:s.cn(i.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=S;exports.AskAITriggerIndicator=I;exports.AskAITriggerLabel=E;exports.Content=b;exports.Footer=W;exports.Input=p;exports.InputGroup=h;exports.InputIcon=u;exports.Loading=x;exports.Provider=l;exports.Results=R;exports.ResultsEmpty=f;exports.ResultsItem=L;exports.ResultsItemBreadcrumbIcon=C;exports.ResultsItemBreadcrumbs=B;exports.ResultsItemDescription=F;exports.ResultsItemDescriptionPart=G;exports.ResultsItemIcon=_;exports.ResultsItemIndicator=V;exports.ResultsItemTag=D;exports.ResultsItemTitle=q;exports.ResultsList=N;exports.ResultsLoading=v;exports.ResultsScrollArea=T;exports.ResultsScrollAreaCorner=w;exports.ResultsScrollAreaScrollbar=j;exports.ResultsScrollAreaThumb=A;exports.ResultsScrollAreaViewport=y;exports.ResultsTab=P;exports.ResultsTabList=k;exports.Root=m;exports.TaglineBrandName=H;exports.TaglineContainer=z;exports.TaglineLogo=O;exports.TaglineText=M;exports.Wrapper=o;
+"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"),d=require("../ui/recipes/citation.cjs"),i=require("../ui/recipes/link.cjs"),c=require("../ui/recipes/scrollable.cjs"),n=require("./embedded-search/results-loading.cjs"),l=e=>a.jsx(r.EmbeddedSearchPrimitive.Provider,{...e}),o=({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}),m=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Root,{className:s.cn("data-[hidden]:hidden flex flex-col w-full",e),...t}),b=r.EmbeddedSearchPrimitive.Content,h=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.InputGroup,{className:s.cn("flex items-center w-full px-5 pt-3 pb-1 gap-3",e),...t}),u=({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}),p=({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}),x=({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(d.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}),S=({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(d.citation({slot:"title"}),"font-normal",e),...t}),I=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIndicator,{className:s.cn(d.citation({slot:"indicator"}),e),...t}),R=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Results,{className:s.cn(c.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 pb-2",e),...t}),v=({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}),k=({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}),P=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsTab,{className:s.cn("px-3 text-1sm font-medium rounded-full","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",e),...t}),T=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollArea,{className:s.cn("overflow-hidden h-full",'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}),y=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaViewport,{className:s.cn("h-full w-full rounded-[inherit]",e),...t}),j=({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}),A=({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}),w=r.EmbeddedSearchPrimitive.ResultsScrollAreaCorner,N=({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}),L=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItem,{className:s.cn(d.citation({slot:"root"}),e),...t}),B=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbs,{className:s.cn(d.citation({slot:"breadcrumbs"}),e),...t}),C=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbIcon,{className:s.cn(d.citation({slot:"breadcrumbsIcon"}),e),...t}),_=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIcon,{className:s.cn(d.citation({slot:"icon"}),e),...t}),q=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTitle,{className:s.cn(d.citation({slot:"title"}),e),...t}),D=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTag,{className:s.cn(d.citation({slot:"tag"}),e),...t}),F=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescription,{className:s.cn(d.citation({slot:"description"}),e),...t}),G=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescriptionPart,{className:s.cn(d.citation({slot:"descriptionPart"}),e),...t}),V=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIndicator,{className:s.cn(d.citation({slot:"indicator"}),e),...t}),W=({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}),z=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),M=({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}),O=({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}),H=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineBrandName,{className:s.cn(i.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=S;exports.AskAITriggerIndicator=I;exports.AskAITriggerLabel=E;exports.Content=b;exports.Footer=W;exports.Input=p;exports.InputGroup=h;exports.InputIcon=u;exports.Loading=x;exports.Provider=l;exports.Results=R;exports.ResultsEmpty=f;exports.ResultsItem=L;exports.ResultsItemBreadcrumbIcon=C;exports.ResultsItemBreadcrumbs=B;exports.ResultsItemDescription=F;exports.ResultsItemDescriptionPart=G;exports.ResultsItemIcon=_;exports.ResultsItemIndicator=V;exports.ResultsItemTag=D;exports.ResultsItemTitle=q;exports.ResultsList=N;exports.ResultsLoading=v;exports.ResultsScrollArea=T;exports.ResultsScrollAreaCorner=w;exports.ResultsScrollAreaScrollbar=j;exports.ResultsScrollAreaThumb=A;exports.ResultsScrollAreaViewport=y;exports.ResultsTab=P;exports.ResultsTabList=k;exports.Root=m;exports.TaglineBrandName=H;exports.TaglineContainer=z;exports.TaglineLogo=O;exports.TaglineText=M;exports.Wrapper=o;

package/dist/components/embedded-search.js

@@ -31,7 +31,7 @@ const g = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), x = ({ className: e, .
 }) => /* @__PURE__ */ s(
   a.InputGroup,
   {
-    className: r("flex items-center w-full px-5 py-4 gap-3", e),
+    className: r("flex items-center w-full px-5 pt-3 pb-1 gap-3", e),
     ...t
   }
 ), S = ({
@@ -51,7 +51,7 @@ const g = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), x = ({ className: e, .
   {
     className: r(
       "min-h-[38px] overflow-hidden w-full resize-none",
-      "py-2 max-h-[10vh] placeholder:text-gray-500",
+      "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
@@ -126,7 +126,7 @@ const g = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), x = ({ className: e, .
       d({ 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",
+      "transition-all duration-300 ease-in-out pb-2",
       e
     ),
     ...t

package/dist/components/searchbar.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../utils.cjs"),c=require("@inkeep/cxkit-primitives"),i=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarContainer,{className:t.cn("md:min-w-[min(320px,100%)] w-full h-full min-h-10",r),...e}),n=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarButton,{className:t.cn("rounded-md border px-4 min-w-0 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",r),...e}),h=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarContentWrapper,{className:t.cn("flex items-center gap-2 min-w-0",r),...e}),s=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarText,{className:t.cn("text-md text-gray-500 dark:text-white-alpha-600",r),...e}),o=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarIcon,{className:t.cn("text-gray-500 dark:text-white-alpha-600",r),...e}),S=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdWrapper,{className:t.cn("text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",r),...e}),B=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdModifier,{className:t.cn("",r),...e}),m=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdShortcutKey,{className:t.cn("",r),...e});exports.SearchBarButton=n;exports.SearchBarContainer=i;exports.SearchBarContentWrapper=h;exports.SearchBarIcon=o;exports.SearchBarKbdModifier=B;exports.SearchBarKbdShortcutKey=m;exports.SearchBarKbdWrapper=S;exports.SearchBarText=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../utils.cjs"),c=require("@inkeep/cxkit-primitives"),i=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarContainer,{className:t.cn("md:min-w-[min(320px,100%)] w-full h-full min-h-9",r),...e}),n=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarButton,{className:t.cn("rounded-md border px-3 min-w-0 min-h-9 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",r),...e}),h=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarContentWrapper,{className:t.cn("flex items-center gap-2 min-w-0",r),...e}),s=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarText,{className:t.cn("text-md text-gray-500 dark:text-white-alpha-600",r),...e}),o=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarIcon,{className:t.cn("text-gray-500 dark:text-white-alpha-600 text-xl",r),...e}),S=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdWrapper,{className:t.cn("text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",r),...e}),B=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdModifier,{className:t.cn("",r),...e}),m=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdShortcutKey,{className:t.cn("",r),...e});exports.SearchBarButton=n;exports.SearchBarContainer=i;exports.SearchBarContentWrapper=h;exports.SearchBarIcon=o;exports.SearchBarKbdModifier=B;exports.SearchBarKbdShortcutKey=m;exports.SearchBarKbdWrapper=S;exports.SearchBarText=s;

package/dist/components/searchbar.js

@@ -1,81 +1,81 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { cn as t } from "../utils.js";
 import { SearchBarPrimitive as c } from "@inkeep/cxkit-primitives";
-const h = ({
+const s = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a(
   c.SearchBarContainer,
   {
-    className: t("md:min-w-[min(320px,100%)] w-full h-full min-h-10", r),
-    ...a
+    className: t("md:min-w-[min(320px,100%)] w-full h-full min-h-9", r),
+    ...e
   }
 ), i = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a(
   c.SearchBarButton,
   {
     className: t(
-      "rounded-md border px-4 min-w-0 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",
+      "rounded-md border px-3 min-w-0 min-h-9 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",
       r
     ),
-    ...a
+    ...e
   }
 ), m = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a(
   c.SearchBarContentWrapper,
   {
     className: t("flex items-center gap-2 min-w-0", r),
-    ...a
+    ...e
   }
 ), l = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a(
   c.SearchBarText,
   {
     className: t("text-md text-gray-500 dark:text-white-alpha-600", r),
-    ...a
+    ...e
   }
 ), d = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a(
   c.SearchBarIcon,
   {
-    className: t("text-gray-500 dark:text-white-alpha-600", r),
-    ...a
+    className: t("text-gray-500 dark:text-white-alpha-600 text-xl", r),
+    ...e
   }
 ), p = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a(
   c.SearchBarKbdWrapper,
   {
     className: t(
       "text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",
       r
     ),
-    ...a
+    ...e
   }
-), B = ({
+), x = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(c.SearchBarKbdModifier, { className: t("", r), ...a }), S = ({
+  ...e
+}) => /* @__PURE__ */ a(c.SearchBarKbdModifier, { className: t("", r), ...e }), B = ({
   className: r,
-  ...a
-}) => /* @__PURE__ */ e(c.SearchBarKbdShortcutKey, { className: t("", r), ...a });
+  ...e
+}) => /* @__PURE__ */ a(c.SearchBarKbdShortcutKey, { className: t("", r), ...e });
 export {
   i as SearchBarButton,
-  h as SearchBarContainer,
+  s as SearchBarContainer,
   m as SearchBarContentWrapper,
   d as SearchBarIcon,
-  B as SearchBarKbdModifier,
-  S as SearchBarKbdShortcutKey,
+  x as SearchBarKbdModifier,
+  B as SearchBarKbdShortcutKey,
   p as SearchBarKbdWrapper,
   l as SearchBarText
 };

package/dist/inkeep.css.cjs

@@ -813,9 +813,6 @@ video {
 .min-h-0 {
   min-height: 0px;
 }
-.min-h-10 {
-  min-height: 2.5rem;
-}
 .min-h-20 {
   min-height: 5rem;
 }
@@ -1219,6 +1216,9 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.rounded {
+  border-radius: 0.25rem;
+}
 .rounded-\\[0_0_6px_6px\\] {
   border-radius: 0 0 6px 6px;
 }
@@ -1294,9 +1294,6 @@ video {
 .bg-\\[--start-color\\] {
   background-color: var(--start-color);
 }
-.bg-black-alpha-600 {
-  background-color: var(--ikp-color-black-alpha-600);
-}
 .bg-gray-100 {
   background-color: var(--ikp-color-gray-100);
 }
@@ -1321,6 +1318,9 @@ video {
 .bg-inkeep-primary-text-bold {
   background-color: var(--ikp-color-inkeep-primary-text-bold);
 }
+.bg-overlay-light {
+  background-color: var(--ikp-color-overlay-light);
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1457,6 +1457,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
 .pb-2\\.5 {
   padding-bottom: 0.625rem;
 }
@@ -1499,6 +1502,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -2489,9 +2495,9 @@ img[data-part='icon'][data-type='custom'] {
   opacity: 0.5;
 }
 
-.data-\\[active\\]\\:shadow-sm[data-active] {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+.data-\\[active\\]\\:shadow[data-active] {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -2927,6 +2933,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-inkeep-expanded-primary-300);
 }
 
+.dark\\:bg-overlay-dark:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-overlay-dark);
+}
+
 .dark\\:bg-transparent:is([data-theme="dark"] *) {
   background-color: transparent;
 }

package/dist/inkeep.css.js

@@ -814,9 +814,6 @@ video {
 .min-h-0 {
   min-height: 0px;
 }
-.min-h-10 {
-  min-height: 2.5rem;
-}
 .min-h-20 {
   min-height: 5rem;
 }
@@ -1220,6 +1217,9 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.rounded {
+  border-radius: 0.25rem;
+}
 .rounded-\\[0_0_6px_6px\\] {
   border-radius: 0 0 6px 6px;
 }
@@ -1295,9 +1295,6 @@ video {
 .bg-\\[--start-color\\] {
   background-color: var(--start-color);
 }
-.bg-black-alpha-600 {
-  background-color: var(--ikp-color-black-alpha-600);
-}
 .bg-gray-100 {
   background-color: var(--ikp-color-gray-100);
 }
@@ -1322,6 +1319,9 @@ video {
 .bg-inkeep-primary-text-bold {
   background-color: var(--ikp-color-inkeep-primary-text-bold);
 }
+.bg-overlay-light {
+  background-color: var(--ikp-color-overlay-light);
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1458,6 +1458,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
 .pb-2\\.5 {
   padding-bottom: 0.625rem;
 }
@@ -1500,6 +1503,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -2490,9 +2496,9 @@ img[data-part='icon'][data-type='custom'] {
   opacity: 0.5;
 }
 
-.data-\\[active\\]\\:shadow-sm[data-active] {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+.data-\\[active\\]\\:shadow[data-active] {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -2928,6 +2934,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-inkeep-expanded-primary-300);
 }
 
+.dark\\:bg-overlay-dark:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-overlay-dark);
+}
+
 .dark\\:bg-transparent:is([data-theme="dark"] *) {
   background-color: transparent;
 }

package/dist/ui/recipes/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=require("./button.cjs"),a=e.cva("",{variants:{slot:{overlay:["fixed inset-0 bg-black-alpha-600","data-[state=closed]:hidden","data-[state=open]:animate-fade-in","backdrop-blur-sm overflow-y-auto","place-items-center grid z-overlay"],content:["fixed","top-[5%]","left-1/2","translate-x-[-50%]","z-overlay","flex flex-col","w-full","duration-200","text-inherit rounded-md","bg-white shadow-lg dark:bg-gray-dark-950","focus-visible:outline-none","focus:outline-none","data-[state=closed]:hidden","data-[state=closed]:animate-fade-out","data-[state=open]:animate-fade-in","data-[mobile]:inset-0","data-[mobile]:h-[unset]","data-[mobile]:w-[unset]","data-[mobile]:transform-none","data-[mobile]:rounded-none","[&[data-mobile]>div]:h-full","[&[data-mobile]>div]:max-h-dvh","[&[data-mobile]>div]:max-h-[unset]"],header:["px-6 py-4 text-xl font-semibold flex-0 flex flex-col"],close:[t.button({variant:"ghost",size:"md"}),"w-8 h-8 min-w-0","text-lg text-gray-500 dark:text-white-alpha-500","absolute top-2 right-3"],body:["px-6 py-2 flex-1"]}}});exports.modal=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=require("./button.cjs"),a=e.cva("",{variants:{slot:{overlay:["fixed inset-0","bg-overlay-light dark:bg-overlay-dark","data-[state=closed]:hidden","data-[state=open]:animate-fade-in","backdrop-blur-sm overflow-y-auto","place-items-center grid z-overlay"],content:["fixed","top-[5%]","left-1/2","translate-x-[-50%]","z-overlay","flex flex-col","w-full","duration-200","text-inherit rounded-md","bg-white shadow-lg dark:bg-gray-dark-950 dark:shadow-none","focus-visible:outline-none","focus:outline-none","data-[state=closed]:hidden","data-[state=closed]:animate-fade-out","data-[state=open]:animate-fade-in","data-[mobile]:inset-0","data-[mobile]:h-[unset]","data-[mobile]:w-[unset]","data-[mobile]:transform-none","data-[mobile]:rounded-none","[&[data-mobile]>div]:h-full","[&[data-mobile]>div]:max-h-dvh","[&[data-mobile]>div]:max-h-[unset]"],header:["px-6 py-4 text-xl font-semibold flex-0 flex flex-col"],close:[t.button({variant:"ghost",size:"md"}),"w-8 h-8 min-w-0","text-lg text-gray-500 dark:text-white-alpha-500","absolute top-2 right-3"],body:["px-6 py-2 flex-1"]}}});exports.modal=a;

package/dist/ui/recipes/modal.js

@@ -1,11 +1,12 @@
 "use client";
 import { cva as e } from "class-variance-authority";
-import { button as t } from "./button.js";
+import { button as a } from "./button.js";
 const d = e("", {
   variants: {
     slot: {
       overlay: [
-        "fixed inset-0 bg-black-alpha-600",
+        "fixed inset-0",
+        "bg-overlay-light dark:bg-overlay-dark",
         "data-[state=closed]:hidden",
         "data-[state=open]:animate-fade-in",
         "backdrop-blur-sm overflow-y-auto",
@@ -24,7 +25,7 @@ const d = e("", {
         "duration-200",
         "text-inherit rounded-md",
         // 'px-6 py-2',
-        "bg-white shadow-lg dark:bg-gray-dark-950",
+        "bg-white shadow-lg dark:bg-gray-dark-950 dark:shadow-none",
         "focus-visible:outline-none",
         "focus:outline-none",
         "data-[state=closed]:hidden",
@@ -44,7 +45,7 @@ const d = e("", {
       ],
       header: ["px-6 py-4 text-xl font-semibold flex-0 flex flex-col"],
       close: [
-        t({ variant: "ghost", size: "md" }),
+        a({ variant: "ghost", size: "md" }),
         "w-8 h-8 min-w-0",
         "text-lg text-gray-500 dark:text-white-alpha-500",
         "absolute top-2 right-3"

package/dist/ui/recipes/widget-toggle.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("class-variance-authority"),a=require("./button.cjs"),e=t.cva("",{variants:{slot:{root:["bg-gray-50 dark:bg-transparent","border border-transparent dark:border-gray-dark-700","rounded-md p-0.5 flex items-center"],button:["group",a.button({size:"xs"}),"rounded-md data-[active]:shadow-sm","bg-transparent data-[active]:bg-white","text-gray-600 data-[active]:text-gray-800","dark:text-white-alpha-600 dark:data-[active]:text-white-alpha-950","dark:data-[active]:bg-gray-dark-700 dark:shadow-none","hover:text-gray-800 hover:dark:text-white-alpha-950","focus-visible:ring-transparent"],icon:["mr-1 text-gray-500 data-[active]:text-gray-600","dark:text-white-alpha-500 dark:data-[active]:text-white-alpha-600","group-hover:text-gray-600 dark:group-hover:text-white-alpha-600"]}}});exports.widgetToggle=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("class-variance-authority"),a=require("./button.cjs"),e=t.cva("",{variants:{slot:{root:["bg-gray-50 dark:bg-transparent","border border-transparent dark:border-gray-dark-700","rounded-md p-0.5 flex items-center"],button:["group",a.button({size:"xs"}),"rounded data-[active]:shadow","bg-transparent data-[active]:bg-white","text-gray-600 data-[active]:text-gray-800","dark:text-white-alpha-600 dark:data-[active]:text-white-alpha-950","dark:data-[active]:bg-gray-dark-700 dark:shadow-none","hover:text-gray-800 hover:dark:text-white-alpha-950","focus-visible:ring-transparent"],icon:["mr-1 text-gray-500 data-[active]:text-gray-600","dark:text-white-alpha-500 dark:data-[active]:text-white-alpha-600","group-hover:text-gray-600 dark:group-hover:text-white-alpha-600"]}}});exports.widgetToggle=e;

package/dist/ui/recipes/widget-toggle.js

@@ -12,7 +12,7 @@ const d = t("", {
       button: [
         "group",
         a({ size: "xs" }),
-        "rounded-md data-[active]:shadow-sm",
+        "rounded data-[active]:shadow",
         "bg-transparent data-[active]:bg-white",
         "text-gray-600 data-[active]:text-gray-800",
         "dark:text-white-alpha-600 dark:data-[active]:text-white-alpha-950",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-styled",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -24,7 +24,7 @@
     "clsx": "2.1.1",
     "merge-anything": "6.0.2",
     "tailwind-merge": "2.6.0",
-    "@inkeep/cxkit-primitives": "0.5.0"
+    "@inkeep/cxkit-primitives": "0.5.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -43,8 +43,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-theme": "0.5.0",
-    "@inkeep/cxkit-types": "0.5.0"
+    "@inkeep/cxkit-theme": "0.5.1",
+    "@inkeep/cxkit-types": "0.5.1"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",