@inkeep/cxkit-styled 0.5.0 → 0.5.2

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

@@ -640,6 +640,9 @@ video {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -813,9 +816,6 @@ video {
 .min-h-0 {
   min-height: 0px;
 }
-.min-h-10 {
-  min-height: 2.5rem;
-}
 .min-h-20 {
   min-height: 5rem;
 }
@@ -1219,6 +1219,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 +1297,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 +1321,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 +1460,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
 .pb-2\\.5 {
   padding-bottom: 0.625rem;
 }
@@ -1499,6 +1505,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1595,9 +1604,6 @@ video {
 .leading-snug {
   line-height: 1.375;
 }
-.tracking-\\[1px\\] {
-  letter-spacing: 1px;
-}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -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

@@ -641,6 +641,9 @@ video {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -814,9 +817,6 @@ video {
 .min-h-0 {
   min-height: 0px;
 }
-.min-h-10 {
-  min-height: 2.5rem;
-}
 .min-h-20 {
   min-height: 5rem;
 }
@@ -1220,6 +1220,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 +1298,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 +1322,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 +1461,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
 .pb-2\\.5 {
   padding-bottom: 0.625rem;
 }
@@ -1500,6 +1506,9 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1596,9 +1605,6 @@ video {
 .leading-snug {
   line-height: 1.375;
 }
-.tracking-\\[1px\\] {
-  letter-spacing: 1px;
-}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -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/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:e.heading(),markdownH2:e.heading({size:"sm"}),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"};exports.markdownStyles=n;

package/dist/ui/markdown-styles.js

@@ -4,8 +4,8 @@ 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 { cn as o } from "../utils.js";
 const p = {
-  markdownH1: n(),
-  markdownH2: n({ size: "sm" }),
+  markdownH1: o(n({ size: "lg" }), "mb-3"),
+  markdownH2: o(n({ size: "md" }), "mb-2"),
   markdownP: o("mb-3 break-words whitespace-pre-wrap", "[&+ol,&+li]:mt-0"),
   markdownLi: o("[&_a]:break-words [&_a]:inline"),
   markdownUl: t({ style: "unordered" }),

package/dist/ui/recipes/markdown.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("uppercase font-semibold tracking-[1px] text-gray-600",{variants:{size:{md:"text-xl leading-[1.2]",sm:"text-md leading-[1.2]"}},defaultVariants:{size:"md"}}),t=e.cva("text-2sm ms-[1em] break-words pb-3 pl-7 relative [&_li]:mb-1",{variants:{style:{ordered:"list-decimal [counter-increment:item]",unordered:"list-[initial]"}}}),a=e.cva("",{variants:{slot:{root:"w-full border-collapse [font-variant-numeric:lining-nums_tabular-nums]",th:["font-heading font-bold uppercase tracking-wider text-start","data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","text-gray-600 dark:text-gray-400","px-6 py-3 leading-4 text-xs"],td:["text-start data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","px-6 py-4 leading-5"]},size:{md:""}}}),o=e.cva(["ml-[3px] cursor-pointer","[&_a]:bg-inkeep-primary-light","[&_a]:px-1","[&_a]:py-[1px]","[&_a]:rounded-sm","[&_a]:no-underline","[&_a]:text-inkeep-primary-text-subtle","[&_a]:hover:text-inkeep-primary-text-bold","[&_a]:font-semibold","[&_a]:dark:bg-inkeep-primary-text-subtle","[&_a]:dark:hover:text-inkeep-expanded-primary-200","[&_a]:hover:no-underline"]),i=e.cva(["bg-inkeep-primary-medium text-inkeep-primary-text-color-on-primary","[overflow-wrap:anywhere] min-w-0 py-[.2rem] my-[.1rem]","px-[.4rem] rounded-[6px] [font-size:85%!important]","font-semibold inline-block","font-mono "]),n=e.cva("",{variants:{slot:{container:"overflow-y-auto mb-3",header:["flex items-center justify-between","bg-gray-50 dark:bg-gray-dark-800","text-gray-600 dark:text-gray-400","mb-0 leading-[1.25] px-2 text-xs","transition-all duration-200 ease-in-out","rounded-[6px_6px_0_0]"],copyButton:["px-0 bg-inherit text-inherit","hover:text-gray-800 dark:text-white-alpha-700 dark:hover:text-white-alpha-950","dark:hover:bg-transparent h-8 w-8 min-h-8 min-w-8 text-sm","data-[copied]:text-inkeep-primary-medium"],highlighter:["text-1sm overflow-x-auto","rounded-[0_0_6px_6px]","p-[1em] whitespace-pre","m-[0px_0px_0.5em]","bg-gray-50 dark:bg-gray-dark-900","[scrollbar-width:thin]","[--scrollbar-color:var(--color-gray-300)]","dark:[--scrollbar-color:var(--color-gray-dark-600)]","[scrollbar-color:var(--scrollbar-color)_transparent]"]}}});exports.code=i;exports.codeblock=n;exports.heading=r;exports.list=t;exports.sup=o;exports.table=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),r=e.cva("tracking-tight font-semibold",{variants:{size:{lg:"text-xl",md:"text-md"}},defaultVariants:{size:"md"}}),t=e.cva("text-2sm ms-[1em] break-words pb-3 pl-7 relative [&_li]:mb-1",{variants:{style:{ordered:"list-decimal [counter-increment:item]",unordered:"list-[initial]"}}}),a=e.cva("",{variants:{slot:{root:"w-full border-collapse [font-variant-numeric:lining-nums_tabular-nums]",th:["font-heading font-bold uppercase tracking-wider text-start","data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","text-gray-600 dark:text-gray-400","px-6 py-3 leading-4 text-xs"],td:["text-start data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","px-6 py-4 leading-5"]},size:{md:""}}}),o=e.cva(["ml-[3px] cursor-pointer","[&_a]:bg-inkeep-primary-light","[&_a]:px-1","[&_a]:py-[1px]","[&_a]:rounded-sm","[&_a]:no-underline","[&_a]:text-inkeep-primary-text-subtle","[&_a]:hover:text-inkeep-primary-text-bold","[&_a]:font-semibold","[&_a]:dark:bg-inkeep-primary-text-subtle","[&_a]:dark:hover:text-inkeep-expanded-primary-200","[&_a]:hover:no-underline"]),i=e.cva(["bg-inkeep-primary-medium text-inkeep-primary-text-color-on-primary","[overflow-wrap:anywhere] min-w-0 py-[.2rem] my-[.1rem]","px-[.4rem] rounded-[6px] [font-size:85%!important]","font-semibold inline-block","font-mono "]),n=e.cva("",{variants:{slot:{container:"overflow-y-auto mb-3",header:["flex items-center justify-between","bg-gray-50 dark:bg-gray-dark-800","text-gray-600 dark:text-gray-400","mb-0 leading-[1.25] px-2 text-xs","transition-all duration-200 ease-in-out","rounded-[6px_6px_0_0]"],copyButton:["px-0 bg-inherit text-inherit","hover:text-gray-800 dark:text-white-alpha-700 dark:hover:text-white-alpha-950","dark:hover:bg-transparent h-8 w-8 min-h-8 min-w-8 text-sm","data-[copied]:text-inkeep-primary-medium"],highlighter:["text-1sm overflow-x-auto","rounded-[0_0_6px_6px]","p-[1em] whitespace-pre","m-[0px_0px_0.5em]","bg-gray-50 dark:bg-gray-dark-900","[scrollbar-width:thin]","[--scrollbar-color:var(--color-gray-300)]","dark:[--scrollbar-color:var(--color-gray-dark-600)]","[scrollbar-color:var(--scrollbar-color)_transparent]"]}}});exports.code=i;exports.codeblock=n;exports.heading=r;exports.list=t;exports.sup=o;exports.table=a;

package/dist/ui/recipes/markdown.d.cts

@@ -1,6 +1,6 @@
 import { ClassProp } from 'class-variance-authority/types';
 export declare const heading: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 export declare const list: (props?: ({
     style?: "ordered" | "unordered" | null | undefined;

package/dist/ui/recipes/markdown.d.ts

@@ -1,6 +1,6 @@
 import { ClassProp } from 'class-variance-authority/types';
 export declare const heading: (props?: ({
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 export declare const list: (props?: ({
     style?: "ordered" | "unordered" | null | undefined;

package/dist/ui/recipes/markdown.js

@@ -1,10 +1,10 @@
 "use client";
 import { cva as e } from "class-variance-authority";
-const t = e("uppercase font-semibold tracking-[1px] text-gray-600", {
+const t = e("tracking-tight font-semibold", {
   variants: {
     size: {
-      md: "text-xl leading-[1.2]",
-      sm: "text-md leading-[1.2]"
+      lg: "text-xl",
+      md: "text-md"
     }
   },
   defaultVariants: {

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.2",
   "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.2"
   },
   "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.2",
+    "@inkeep/cxkit-types": "0.5.2"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",