@inkeep/cxkit-styled 0.5.76 → 0.5.78

package/dist/components/intelligent-form.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@inkeep/cxkit-primitives"),l=require("../utils.cjs"),o=require("../ui/recipes/button.cjs"),m=require("../ui/recipes/checkbox.cjs"),s=require("../ui/recipes/input.cjs"),r=require("../ui/recipes/select.cjs"),a=require("merge-anything"),F=require("../ui/markdown-styles.cjs"),d=e=>i.jsx(n.IntelligentFormPrimitive.Provider,{...e}),g=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Root,{className:l.cn("max-w-full border divide-y","rounded-xl shadow h-full max-h-full","bg-white dark:bg-gray-dark-950","flex flex-col",e),...t}),x=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Heading,{className:l.cn("px-5 py-4 font-medium shrink-0",e),...t}),I=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Content,{className:l.cn("flex-1 overflow-hidden",e),...t}),u=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollArea,{className:l.cn("h-full",e),...t}),S=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollAreaViewport,{className:l.cn("h-full w-full rounded-[inherit] px-5","[&_[data-part=grid]]:px-1","[&_[data-part=grid]]:divide-y",e),...t}),p=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollAreaScrollbar,{className:l.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}),f=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollAreaThumb,{className:l.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),P=n.IntelligentFormPrimitive.ContentScrollAreaCorner,v=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Success,{className:l.cn("flex flex-col items-center","justify-center mx-1 pt-12 pb-6",e),...t}),b=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SuccessIcon,{className:l.cn("w-6 h-6 text-green-500 mb-5",e),...t}),h=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SuccessHeading,{className:l.cn("text-xl font-semibold","mb-3 tracking-tight",e),...t}),y=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SuccessMessage,{className:l.cn("text-gray-800 dark:text-white-alpha-950",e),...t}),j=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryForm,{className:l.cn("w-full flex flex-col py-6",e),...t}),N=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryFormDescription,{className:l.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),C=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryFormFields,{className:l.cn("w-full gap-8",e),...t}),w=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryFormSubmit,{className:l.cn(o.button({preset:"neutralFilled",size:"sm"}),"ml-auto data-[loading]:cursor-wait","data-[submitted]:hidden",e),...t}),k=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormField,{className:l.cn("mb-8 flex flex-col gap-2 data-[hidden]:hidden","data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",e),...t}),A=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldLabel,{className:l.cn("font-medium text-sm text-gray-700","dark:text-white-alpha-700 ","font-medium relative","data-[required]:after:absolute",'data-[required]:after:[content:"*"]',"data-[required]:after:ml-1","data-[required]:after:mt-0","data-[required]:after:text-red-500","dark:data-[required]:after:text-red-300",e),...t}),T=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldText,{className:l.cn(s.input({size:"sm",variant:"outline"}),e),...t}),B=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldEmail,{className:l.cn(s.input({size:"sm",variant:"outline"}),e),...t}),R=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldFile,{className:l.cn(s.input({size:"sm",variant:"outline"}),"text-sm pl-2 file:h-full file:cursor-pointer py-0","file:bg-transparent file:border-none file:font-medium","file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",e),...t}),q=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldTextArea,{className:l.cn(s.input({size:"sm",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),H=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldCheckbox,{className:l.cn(m.checkbox({slot:"root"}),e),...t}),L=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldCheckboxIndicator,{className:l.cn(m.checkbox({slot:"indicator"}),e),...t}),E=n.IntelligentFormPrimitive.FormFieldSelect,V=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectTrigger,{className:l.cn(r.select({slot:"trigger"}),"text-sm",e),...t}),z=n.IntelligentFormPrimitive.FormFieldSelectValue,D=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectIcon,{className:l.cn("h-4 w-4 opacity-45",e),...t}),M=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectContent,{className:l.cn(r.select({slot:"content"}),e),...t}),_=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectViewport,{className:l.cn(r.select({slot:"viewport"}),e),...t}),O=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectItem,{className:l.cn(r.select({slot:"item"}),"text-sm",e),...t}),G=n.IntelligentFormPrimitive.FormFieldSelectItemText,J=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectItemIndicator,{className:l.cn(r.select({slot:"itemIndicator"}),e),...t}),K=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldError,{className:l.cn("text-sm flex items-center text-red-500 dark:text-red-300",e),...t}),Q=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.BotHeading,{className:l.cn("flex items-center gap-2",e),...t}),U=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.BotHeadingIcon,{className:l.cn("border bg-gradient-to-t","from-gray-100 dark:from-gray-dark-600 p-1 rounded-md","w-6 h-6 text-gray-600 dark:text-white-alpha-700",e),...t}),W=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.BotHeadingName,{className:l.cn("text-gray-800 dark:text-white-alpha-950 text-sm font-semibold",e),...t}),X=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Loading,{className:l.cn("py-6 flex flex-wrap","gap-x-3 gap-y-6","[&>:first-child]:basis-full text-sm",e),...t}),Y=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ConfidentResponse,{className:l.cn("w-full flex flex-col py-6 gap-6 min-w-0 text-sm",e),...t}),Z=({className:e,componentStyles:t,...c})=>i.jsx(n.IntelligentFormPrimitive.ConfidentAnswer,{className:l.cn("max-w-full ",e),componentStyles:a.merge(F.markdownStyles,t??{}),...c}),$=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ConfidentResponseButton,{className:l.cn(o.button({preset:"neutralFilled",size:"sm"}),"ml-auto gap-2 data-[escalated]:hidden",e),...t}),ee=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ConfidentResponseButtonIcon,{className:l.cn("",e),...t}),te=n.IntelligentFormPrimitive.ConfidentResponseButtonLabel,ne=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryForm,{className:l.cn("w-full flex flex-col py-6 gap-6",e),...t}),ie=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryFormDescription,{className:l.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),le=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryFormFields,{className:l.cn("w-full gap-8",e),...t}),re=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryFormSubmit,{className:l.cn(o.button({preset:"neutralFilled",size:"sm"}),"ml-auto data-[loading]:cursor-wait","data-[submitted]:hidden",e),...t}),oe=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Error,{className:l.cn("text-red-500 dark:text-red-300",e),...t}),se=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Sources,{className:l.cn("w-full flex flex-col gap-6",e),...t}),me=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourcesCaption,{className:l.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),ce=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourcesList,{className:l.cn("w-full flex flex-wrap gap-2 items-center",e),...t}),ae=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Source,{className:l.cn(o.button({size:"xs",variant:"outline"}),"text-gray-600 dark:text-white-alpha-700 gap-1",e),...t}),Fe=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourceIcon,{className:l.cn("",e),...t}),de=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourceTitle,{className:l.cn("line-clamp-1",e),...t});exports.BotHeading=Q;exports.BotHeadingIcon=U;exports.BotHeadingName=W;exports.Checkbox=H;exports.CheckboxIndicator=L;exports.ConfidentAnswer=Z;exports.ConfidentResponse=Y;exports.ConfidentResponseButton=$;exports.ConfidentResponseButtonIcon=ee;exports.ConfidentResponseButtonLabel=te;exports.Content=I;exports.ContentScrollArea=u;exports.ContentScrollAreaCorner=P;exports.ContentScrollAreaScrollbar=p;exports.ContentScrollAreaThumb=f;exports.ContentScrollAreaViewport=S;exports.Email=B;exports.Error=oe;exports.Field=k;exports.FieldError=K;exports.FieldLabel=A;exports.File=R;exports.Heading=x;exports.Loading=X;exports.PrimaryForm=j;exports.PrimaryFormDescription=N;exports.PrimaryFormFields=C;exports.PrimaryFormSubmit=w;exports.Provider=d;exports.Root=g;exports.SecondaryForm=ne;exports.SecondaryFormDescription=ie;exports.SecondaryFormFields=le;exports.SecondaryFormSubmit=re;exports.Select=E;exports.SelectContent=M;exports.SelectIcon=D;exports.SelectItem=O;exports.SelectItemIndicator=J;exports.SelectItemText=G;exports.SelectTrigger=V;exports.SelectValue=z;exports.SelectViewport=_;exports.Source=ae;exports.SourceIcon=Fe;exports.SourceTitle=de;exports.Sources=se;exports.SourcesCaption=me;exports.SourcesList=ce;exports.Success=v;exports.SuccessHeading=h;exports.SuccessIcon=b;exports.SuccessMessage=y;exports.Text=T;exports.TextArea=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@inkeep/cxkit-primitives"),l=require("../utils.cjs"),o=require("../ui/recipes/button.cjs"),m=require("../ui/recipes/checkbox.cjs"),s=require("../ui/recipes/input.cjs"),r=require("../ui/recipes/select.cjs"),c=require("merge-anything"),F=require("../ui/markdown-styles.cjs"),d=e=>i.jsx(n.IntelligentFormPrimitive.Provider,{...e}),g=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Root,{className:l.cn("max-w-full border divide-y","rounded-xl shadow h-full max-h-full","bg-white dark:bg-gray-dark-950","flex flex-col",e),...t}),x=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Heading,{className:l.cn("px-5 py-4 font-medium shrink-0",e),...t}),I=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Content,{className:l.cn("flex-1 overflow-hidden",e),...t}),u=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollArea,{className:l.cn("h-full",e),...t}),S=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollAreaViewport,{className:l.cn("h-full w-full rounded-[inherit] px-5","[&_[data-part=grid]]:px-1","[&_[data-part=grid]]:divide-y",e),...t}),p=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollAreaScrollbar,{className:l.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}),f=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ContentScrollAreaThumb,{className:l.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),v=n.IntelligentFormPrimitive.ContentScrollAreaCorner,P=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Success,{className:l.cn("flex flex-col items-center","justify-center mx-1 pt-12 pb-6",e),...t}),b=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SuccessIcon,{className:l.cn("w-6 h-6 text-green-500 mb-5",e),...t}),h=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SuccessHeading,{className:l.cn("text-xl font-semibold","mb-3 tracking-tight",e),...t}),y=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SuccessMessage,{className:l.cn("text-gray-800 dark:text-white-alpha-950",e),...t}),j=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryForm,{className:l.cn("w-full flex flex-col py-6",e),...t}),N=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryFormDescription,{className:l.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),C=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryFormFields,{className:l.cn("w-full gap-8",e),...t}),w=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.PrimaryFormSubmit,{className:l.cn(o.button({preset:"neutralFilled",size:"sm"}),"ml-auto data-[loading]:cursor-wait","data-[submitted]:hidden",e),...t}),k=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormField,{className:l.cn("mb-8 flex flex-col gap-2 data-[hidden]:hidden","data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",e),...t}),A=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldLabel,{className:l.cn("font-medium text-sm text-gray-700","dark:text-white-alpha-700 ","font-medium relative","data-[required]:after:absolute",'data-[required]:after:[content:"*"]',"data-[required]:after:ml-1","data-[required]:after:mt-0","data-[required]:after:text-red-500","dark:data-[required]:after:text-red-300",e),...t}),T=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldText,{className:l.cn(s.input({size:"sm",variant:"outline"}),e),...t}),B=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldEmail,{className:l.cn(s.input({size:"sm",variant:"outline"}),e),...t}),R=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldFile,{className:l.cn(s.input({size:"sm",variant:"outline"}),"text-sm pl-2 file:h-full file:cursor-pointer py-0","file:bg-transparent file:border-none file:font-medium","file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",e),...t}),q=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldTextArea,{className:l.cn(s.input({size:"sm",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),H=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldCheckbox,{className:l.cn(m.checkbox({slot:"root"}),e),...t}),L=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldCheckboxIndicator,{className:l.cn(m.checkbox({slot:"indicator"}),e),...t}),E=n.IntelligentFormPrimitive.FormFieldSelect,V=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectTrigger,{className:l.cn(r.select({slot:"trigger"}),"text-sm",e),...t}),z=n.IntelligentFormPrimitive.FormFieldSelectValue,_=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectIcon,{className:l.cn("h-4 w-4 opacity-45",e),...t}),D=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectContent,{className:l.cn(r.select({slot:"content"}),e),...t}),M=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectViewport,{className:l.cn(r.select({slot:"viewport"}),e),...t}),O=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectItem,{className:l.cn(r.select({slot:"item"}),"text-sm",e),...t}),G=n.IntelligentFormPrimitive.FormFieldSelectItemText,J=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldSelectItemIndicator,{className:l.cn(r.select({slot:"itemIndicator"}),e),...t}),K=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.FormFieldError,{className:l.cn("text-sm flex items-center text-red-500 dark:text-red-300",e),...t}),Q=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.BotHeading,{className:l.cn("flex items-center gap-2",e),...t}),U=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.BotHeadingIcon,{className:l.cn("border","bg-[linear-gradient(to_top,_var(--ikp-color-gray-100),_transparent)] dark:bg-[linear-gradient(to_top,_var(--ikp-color-gray-dark-600),_transparent)]","p-1 rounded-md","w-6 h-6 text-gray-600 dark:text-white-alpha-700",e),...t}),W=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.BotHeadingName,{className:l.cn("text-gray-800 dark:text-white-alpha-950 text-sm font-semibold",e),...t}),X=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Loading,{className:l.cn("py-6 flex flex-wrap","gap-x-3 gap-y-6","[&>:first-child]:basis-full text-sm",e),...t}),Y=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ConfidentResponse,{className:l.cn("w-full flex flex-col py-6 gap-6 min-w-0 text-sm",e),...t}),Z=({className:e,componentStyles:t,...a})=>i.jsx(n.IntelligentFormPrimitive.ConfidentAnswer,{className:l.cn("max-w-full ",e),componentStyles:c.merge(F.markdownStyles,t??{}),...a}),$=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ConfidentResponseButton,{className:l.cn(o.button({preset:"neutralFilled",size:"sm"}),"ml-auto gap-2 data-[escalated]:hidden",e),...t}),ee=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.ConfidentResponseButtonIcon,{className:l.cn("",e),...t}),te=n.IntelligentFormPrimitive.ConfidentResponseButtonLabel,ne=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryForm,{className:l.cn("w-full flex flex-col py-6 gap-6",e),...t}),ie=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryFormDescription,{className:l.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),le=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryFormFields,{className:l.cn("w-full gap-8",e),...t}),re=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SecondaryFormSubmit,{className:l.cn(o.button({preset:"neutralFilled",size:"sm"}),"ml-auto data-[loading]:cursor-wait","data-[submitted]:hidden",e),...t}),oe=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Error,{className:l.cn("text-red-500 dark:text-red-300",e),...t}),se=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Sources,{className:l.cn("w-full flex flex-col gap-6",e),...t}),me=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourcesCaption,{className:l.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),ae=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourcesList,{className:l.cn("w-full flex flex-wrap gap-2 items-center",e),...t}),ce=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.Source,{className:l.cn(o.button({size:"xs",variant:"outline"}),"text-gray-600 dark:text-white-alpha-700 gap-1",e),...t}),Fe=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourceIcon,{className:l.cn("",e),...t}),de=({className:e,...t})=>i.jsx(n.IntelligentFormPrimitive.SourceTitle,{className:l.cn("line-clamp-1",e),...t});exports.BotHeading=Q;exports.BotHeadingIcon=U;exports.BotHeadingName=W;exports.Checkbox=H;exports.CheckboxIndicator=L;exports.ConfidentAnswer=Z;exports.ConfidentResponse=Y;exports.ConfidentResponseButton=$;exports.ConfidentResponseButtonIcon=ee;exports.ConfidentResponseButtonLabel=te;exports.Content=I;exports.ContentScrollArea=u;exports.ContentScrollAreaCorner=v;exports.ContentScrollAreaScrollbar=p;exports.ContentScrollAreaThumb=f;exports.ContentScrollAreaViewport=S;exports.Email=B;exports.Error=oe;exports.Field=k;exports.FieldError=K;exports.FieldLabel=A;exports.File=R;exports.Heading=x;exports.Loading=X;exports.PrimaryForm=j;exports.PrimaryFormDescription=N;exports.PrimaryFormFields=C;exports.PrimaryFormSubmit=w;exports.Provider=d;exports.Root=g;exports.SecondaryForm=ne;exports.SecondaryFormDescription=ie;exports.SecondaryFormFields=le;exports.SecondaryFormSubmit=re;exports.Select=E;exports.SelectContent=D;exports.SelectIcon=_;exports.SelectItem=O;exports.SelectItemIndicator=J;exports.SelectItemText=G;exports.SelectTrigger=V;exports.SelectValue=z;exports.SelectViewport=M;exports.Source=ce;exports.SourceIcon=Fe;exports.SourceTitle=de;exports.Sources=se;exports.SourcesCaption=me;exports.SourcesList=ae;exports.Success=P;exports.SuccessHeading=h;exports.SuccessIcon=b;exports.SuccessMessage=y;exports.Text=T;exports.TextArea=q;

package/dist/components/intelligent-form.js

@@ -82,7 +82,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     className: n("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
     ...t
   }
-), T = o.ContentScrollAreaCorner, P = ({
+), T = o.ContentScrollAreaCorner, v = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -91,7 +91,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     className: n("flex flex-col items-center", "justify-center mx-1 pt-12 pb-6", e),
     ...t
   }
-), v = ({
+), P = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -159,7 +159,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     ),
     ...t
   }
-), q = ({
+), _ = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -172,7 +172,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     ),
     ...t
   }
-), D = ({
+), q = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -192,7 +192,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     ),
     ...t
   }
-), M = ({
+), D = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -201,7 +201,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     className: n(s({ size: "sm", variant: "outline" }), e),
     ...t
   }
-), j = ({
+), M = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -210,7 +210,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     className: n(s({ size: "sm", variant: "outline" }), e),
     ...t
   }
-), _ = ({
+), j = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -331,8 +331,9 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
   o.BotHeadingIcon,
   {
     className: n(
-      "border bg-gradient-to-t",
-      "from-gray-100 dark:from-gray-dark-600 p-1 rounded-md",
+      "border",
+      "bg-[linear-gradient(to_top,_var(--ikp-color-gray-100),_transparent)] dark:bg-[linear-gradient(to_top,_var(--ikp-color-gray-dark-600),_transparent)]",
+      "p-1 rounded-md",
       "w-6 h-6 text-gray-600 dark:text-white-alpha-700",
       e
     ),
@@ -438,7 +439,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     ),
     ...t
   }
-), Se = ({
+), pe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -447,7 +448,7 @@ const y = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), N = ({
     className: n("text-red-500 dark:text-red-300", e),
     ...t
   }
-), pe = ({
+), Se = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ l(
@@ -511,12 +512,12 @@ export {
   A as ContentScrollAreaScrollbar,
   B as ContentScrollAreaThumb,
   k as ContentScrollAreaViewport,
-  j as Email,
-  Se as Error,
-  q as Field,
+  M as Email,
+  pe as Error,
+  _ as Field,
   te as FieldError,
-  D as FieldLabel,
-  _ as File,
+  q as FieldLabel,
+  j as File,
   b as Heading,
   re as Loading,
   L as PrimaryForm,
@@ -541,13 +542,13 @@ export {
   Ie as Source,
   he as SourceIcon,
   ye as SourceTitle,
-  pe as Sources,
+  Se as Sources,
   xe as SourcesCaption,
   fe as SourcesList,
-  P as Success,
+  v as Success,
   H as SuccessHeading,
-  v as SuccessIcon,
+  P as SuccessIcon,
   R as SuccessMessage,
-  M as Text,
+  D as Text,
   G as TextArea
 };

package/dist/components/loading-indicator.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),n=["Thinking","Looking for content","Analyzing"];function c(){const[s,i]=r.useState(0);return r.useEffect(()=>{const e=setInterval(()=>{i(a=>a+1<n.length?a+1:(clearInterval(e),a))},3500);return()=>clearInterval(e)},[]),t.jsxs("div",{className:"flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300","aria-live":"polite",children:[t.jsx("span",{className:"animate-shimmer bg-gradient-to-br from-gray-700 to-gray-400 dark:from-gray-dark-300 dark:to-gray-dark-100 bg-clip-text text-transparent",children:n[s]}),t.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(e=>t.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${e*.2}s`},children:"."},e))})]})}exports.LoadingIndicator=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),n=["Thinking","Looking for content","Analyzing"];function o(){const[i,s]=r.useState(0);return r.useEffect(()=>{const e=setInterval(()=>{s(a=>a+1<n.length?a+1:(clearInterval(e),a))},3500);return()=>clearInterval(e)},[]),t.jsxs("div",{className:"flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300","aria-live":"polite",children:[t.jsx("span",{className:"animate-shimmer bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-700),_var(--ikp-color-gray-400))] dark:bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-dark-300),_var(--ikp-color-gray-dark-100))] bg-clip-text text-transparent",children:n[i]}),t.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(e=>t.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${e*.2}s`},children:"."},e))})]})}exports.LoadingIndicator=o;

package/dist/components/loading-indicator.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as o, useEffect as c } from "react";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as o, useEffect as l } from "react";
 const r = ["Thinking", "Looking for content", "Analyzing"];
-function d() {
-  const [n, s] = o(0);
-  return c(() => {
+function g() {
+  const [n, i] = o(0);
+  return l(() => {
     const e = setInterval(() => {
-      s((a) => a + 1 < r.length ? a + 1 : (clearInterval(e), a));
+      i((a) => a + 1 < r.length ? a + 1 : (clearInterval(e), a));
     }, 3500);
     return () => clearInterval(e);
-  }, []), /* @__PURE__ */ i(
+  }, []), /* @__PURE__ */ s(
     "div",
     {
       className: "flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ t("span", { className: "animate-shimmer bg-gradient-to-br from-gray-700 to-gray-400 dark:from-gray-dark-300 dark:to-gray-dark-100 bg-clip-text text-transparent", children: r[n] }),
+        /* @__PURE__ */ t("span", { className: "animate-shimmer bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-700),_var(--ikp-color-gray-400))] dark:bg-[linear-gradient(to_bottom_right,_var(--ikp-color-gray-dark-300),_var(--ikp-color-gray-dark-100))] bg-clip-text text-transparent", children: r[n] }),
         /* @__PURE__ */ t("div", { className: "flex space-x-1", children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
           "span",
           {
@@ -32,5 +32,5 @@ function d() {
   );
 }
 export {
-  d as LoadingIndicator
+  g as LoadingIndicator
 };

package/dist/inkeep.css.cjs

@@ -1402,24 +1402,11 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.bg-gradient-to-br {
-  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+.bg-\\[linear-gradient\\(to_bottom_right\\2c _var\\(--ikp-color-gray-700\\)\\2c _var\\(--ikp-color-gray-400\\)\\)\\] {
+  background-image: linear-gradient(to bottom right, var(--ikp-color-gray-700), var(--ikp-color-gray-400));
 }
-.bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.from-gray-100 {
-  --tw-gradient-from: var(--ikp-color-gray-100) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.from-gray-700 {
-  --tw-gradient-from: var(--ikp-color-gray-700) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.to-gray-400 {
-  --tw-gradient-to: var(--ikp-color-gray-400) var(--tw-gradient-to-position);
+.bg-\\[linear-gradient\\(to_top\\2c _var\\(--ikp-color-gray-100\\)\\2c _transparent\\)\\] {
+  background-image: linear-gradient(to top, var(--ikp-color-gray-100), transparent);
 }
 .bg-clip-padding {
   background-clip: padding-box;
@@ -2138,21 +2125,14 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-300);
 }
 
-.before\\:bg-gradient-to-b::before {
+.before\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::before {
   content: var(--tw-content);
-  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  background-image: linear-gradient(transparent, white);
 }
 
-.before\\:from-transparent::before {
+.before\\:bg-\\[linear-gradient\\(white\\2c _transparent\\)\\]::before {
   content: var(--tw-content);
-  --tw-gradient-from: transparent var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.before\\:to-white::before {
-  content: var(--tw-content);
-  --tw-gradient-to: #fff var(--tw-gradient-to-position);
+  background-image: linear-gradient(white, transparent);
 }
 
 .before\\:bg-no-repeat::before {
@@ -2221,9 +2201,9 @@ img[data-part='icon'][data-type='custom'] {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.after\\:bg-gradient-to-t::after {
+.after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
   content: var(--tw-content);
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  background-image: linear-gradient(transparent, white);
 }
 
 .first\\:w-full:first-child {
@@ -2886,16 +2866,6 @@ img[data-part='icon'][data-type='custom'] {
   height: 2.5rem;
 }
 
-.befter\\:from-white::before {
-  --tw-gradient-from: #fff var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.befter\\:to-transparent::before {
-  --tw-gradient-to: transparent var(--tw-gradient-to-position);
-}
-
 .befter\\:transition-opacity::before {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2932,16 +2902,6 @@ img[data-part='icon'][data-type='custom'] {
   height: 2.5rem;
 }
 
-.befter\\:from-white::after {
-  --tw-gradient-from: #fff var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.befter\\:to-transparent::after {
-  --tw-gradient-to: transparent var(--tw-gradient-to-position);
-}
-
 .befter\\:transition-opacity::after {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3085,20 +3045,12 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-800);
 }
 
-.dark\\:from-gray-dark-300:is([data-theme="dark"] *) {
-  --tw-gradient-from: var(--ikp-color-gray-dark-300) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.dark\\:from-gray-dark-600:is([data-theme="dark"] *) {
-  --tw-gradient-from: var(--ikp-color-gray-dark-600) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+.dark\\:bg-\\[linear-gradient\\(to_bottom_right\\2c _var\\(--ikp-color-gray-dark-300\\)\\2c _var\\(--ikp-color-gray-dark-100\\)\\)\\]:is([data-theme="dark"] *) {
+  background-image: linear-gradient(to bottom right, var(--ikp-color-gray-dark-300), var(--ikp-color-gray-dark-100));
 }
 
-.dark\\:to-gray-dark-100:is([data-theme="dark"] *) {
-  --tw-gradient-to: var(--ikp-color-gray-dark-100) var(--tw-gradient-to-position);
+.dark\\:bg-\\[linear-gradient\\(to_top\\2c _var\\(--ikp-color-gray-dark-600\\)\\2c _transparent\\)\\]:is([data-theme="dark"] *) {
+  background-image: linear-gradient(to top, var(--ikp-color-gray-dark-600), transparent);
 }
 
 .dark\\:fill-gray-dark-800:is([data-theme="dark"] *) {
@@ -3238,9 +3190,14 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-950);
 }
 
-.dark\\:before\\:to-gray-dark-950:is([data-theme="dark"] *)::before {
+.dark\\:before\\:bg-\\[linear-gradient\\(transparent\\2c _var\\(--ikp-color-gray-dark-950\\)\\)\\]:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
-  --tw-gradient-to: var(--ikp-color-gray-dark-950) var(--tw-gradient-to-position);
+  background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
+}
+
+.dark\\:before\\:bg-\\[linear-gradient\\(var\\(--ikp-color-gray-dark-950\\)\\2c _transparent\\)\\]:is([data-theme="dark"] *)::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(var(--ikp-color-gray-dark-950), transparent);
 }
 
 .dark\\:after\\:bg-gray-dark-950:is([data-theme="dark"] *)::after {
@@ -3248,6 +3205,11 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:after\\:bg-\\[linear-gradient\\(transparent\\2c _var\\(--ikp-color-gray-dark-950\\)\\)\\]:is([data-theme="dark"] *)::after {
+  content: var(--tw-content);
+  background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
+}
+
 .dark\\:focus\\:bg-gray-dark-800:focus:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-gray-dark-800);
 }
@@ -3440,18 +3402,6 @@ img[data-part='icon'][data-type='custom'] {
   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);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.befter\\:dark\\:from-gray-dark-950:is([data-theme="dark"] *)::after {
-  --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);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .dark\\:selected\\:border-inkeep-expanded-primary-300[data-selected="true"]:is([data-theme="dark"] *) {
   border-color: var(--ikp-color-inkeep-expanded-primary-300);
 }

package/dist/inkeep.css.js

@@ -1403,24 +1403,11 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.bg-gradient-to-br {
-  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+.bg-\\[linear-gradient\\(to_bottom_right\\2c _var\\(--ikp-color-gray-700\\)\\2c _var\\(--ikp-color-gray-400\\)\\)\\] {
+  background-image: linear-gradient(to bottom right, var(--ikp-color-gray-700), var(--ikp-color-gray-400));
 }
-.bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.from-gray-100 {
-  --tw-gradient-from: var(--ikp-color-gray-100) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.from-gray-700 {
-  --tw-gradient-from: var(--ikp-color-gray-700) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.to-gray-400 {
-  --tw-gradient-to: var(--ikp-color-gray-400) var(--tw-gradient-to-position);
+.bg-\\[linear-gradient\\(to_top\\2c _var\\(--ikp-color-gray-100\\)\\2c _transparent\\)\\] {
+  background-image: linear-gradient(to top, var(--ikp-color-gray-100), transparent);
 }
 .bg-clip-padding {
   background-clip: padding-box;
@@ -2139,21 +2126,14 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-300);
 }
 
-.before\\:bg-gradient-to-b::before {
+.before\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::before {
   content: var(--tw-content);
-  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  background-image: linear-gradient(transparent, white);
 }
 
-.before\\:from-transparent::before {
+.before\\:bg-\\[linear-gradient\\(white\\2c _transparent\\)\\]::before {
   content: var(--tw-content);
-  --tw-gradient-from: transparent var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.before\\:to-white::before {
-  content: var(--tw-content);
-  --tw-gradient-to: #fff var(--tw-gradient-to-position);
+  background-image: linear-gradient(white, transparent);
 }
 
 .before\\:bg-no-repeat::before {
@@ -2222,9 +2202,9 @@ img[data-part='icon'][data-type='custom'] {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.after\\:bg-gradient-to-t::after {
+.after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
   content: var(--tw-content);
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  background-image: linear-gradient(transparent, white);
 }
 
 .first\\:w-full:first-child {
@@ -2887,16 +2867,6 @@ img[data-part='icon'][data-type='custom'] {
   height: 2.5rem;
 }
 
-.befter\\:from-white::before {
-  --tw-gradient-from: #fff var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.befter\\:to-transparent::before {
-  --tw-gradient-to: transparent var(--tw-gradient-to-position);
-}
-
 .befter\\:transition-opacity::before {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2933,16 +2903,6 @@ img[data-part='icon'][data-type='custom'] {
   height: 2.5rem;
 }
 
-.befter\\:from-white::after {
-  --tw-gradient-from: #fff var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.befter\\:to-transparent::after {
-  --tw-gradient-to: transparent var(--tw-gradient-to-position);
-}
-
 .befter\\:transition-opacity::after {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3086,20 +3046,12 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-800);
 }
 
-.dark\\:from-gray-dark-300:is([data-theme="dark"] *) {
-  --tw-gradient-from: var(--ikp-color-gray-dark-300) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.dark\\:from-gray-dark-600:is([data-theme="dark"] *) {
-  --tw-gradient-from: var(--ikp-color-gray-dark-600) var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+.dark\\:bg-\\[linear-gradient\\(to_bottom_right\\2c _var\\(--ikp-color-gray-dark-300\\)\\2c _var\\(--ikp-color-gray-dark-100\\)\\)\\]:is([data-theme="dark"] *) {
+  background-image: linear-gradient(to bottom right, var(--ikp-color-gray-dark-300), var(--ikp-color-gray-dark-100));
 }
 
-.dark\\:to-gray-dark-100:is([data-theme="dark"] *) {
-  --tw-gradient-to: var(--ikp-color-gray-dark-100) var(--tw-gradient-to-position);
+.dark\\:bg-\\[linear-gradient\\(to_top\\2c _var\\(--ikp-color-gray-dark-600\\)\\2c _transparent\\)\\]:is([data-theme="dark"] *) {
+  background-image: linear-gradient(to top, var(--ikp-color-gray-dark-600), transparent);
 }
 
 .dark\\:fill-gray-dark-800:is([data-theme="dark"] *) {
@@ -3239,9 +3191,14 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-950);
 }
 
-.dark\\:before\\:to-gray-dark-950:is([data-theme="dark"] *)::before {
+.dark\\:before\\:bg-\\[linear-gradient\\(transparent\\2c _var\\(--ikp-color-gray-dark-950\\)\\)\\]:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
-  --tw-gradient-to: var(--ikp-color-gray-dark-950) var(--tw-gradient-to-position);
+  background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
+}
+
+.dark\\:before\\:bg-\\[linear-gradient\\(var\\(--ikp-color-gray-dark-950\\)\\2c _transparent\\)\\]:is([data-theme="dark"] *)::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(var(--ikp-color-gray-dark-950), transparent);
 }
 
 .dark\\:after\\:bg-gray-dark-950:is([data-theme="dark"] *)::after {
@@ -3249,6 +3206,11 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:after\\:bg-\\[linear-gradient\\(transparent\\2c _var\\(--ikp-color-gray-dark-950\\)\\)\\]:is([data-theme="dark"] *)::after {
+  content: var(--tw-content);
+  background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
+}
+
 .dark\\:focus\\:bg-gray-dark-800:focus:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-gray-dark-800);
 }
@@ -3441,18 +3403,6 @@ img[data-part='icon'][data-type='custom'] {
   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);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.befter\\:dark\\:from-gray-dark-950:is([data-theme="dark"] *)::after {
-  --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);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .dark\\:selected\\:border-inkeep-expanded-primary-300[data-selected="true"]:is([data-theme="dark"] *) {
   border-color: var(--ikp-color-inkeep-expanded-primary-300);
 }

package/package.json

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