@inkeep/cxkit-primitives 0.0.0-dev-20250310205338 → 0.0.0-dev-20250311011214

package/dist/components/embedded-chat/use-chat-action.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../providers/conversation-provider.cjs"),l=require("../../providers/chat-events-provider.cjs"),c=require("../../providers/chat-form-provider.cjs"),a=require("../modal/modal-provider.cjs"),u=e=>{const{logEvent:n}=l.useChatEvents(),{conversation:o}=s.useInkeepConversation(),{openForm:t}=c.useChatForm(),r=a.useModal();return{handleAction:i=>{e.action.type==="open_form"?(i?.onOpenForm?.(),t?.(e.action.formSettings)):e.action.type==="invoke_callback"&&(e.action.callback({conversation:o}),e.action.shouldCloseModal&&r?.closeModal())},logHelpAction:()=>{!("name"in e)||!o.id||n({eventName:"get_help_option_clicked",properties:{getHelpOption:e,conversation:o}})}}};exports.useChatAction=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../providers/conversation-provider.cjs"),l=require("../../providers/chat-events-provider.cjs"),a=require("../../providers/chat-form-provider.cjs"),c=require("../modal/modal-provider.cjs"),u=e=>{const{logEvent:n}=l.useChatEvents(),{conversation:o}=s.useInkeepConversation(),{openForm:t}=a.useChatForm(),r=c.useModal();return{handleAction:i=>{e.action.type==="open_form"?(i?.onOpenForm?.(),t?.(e.action.formSettings)):e.action.type==="invoke_callback"&&(e.action.callback({conversation:o}),e.action.shouldCloseModal&&r?.setOpen(!1))},logHelpAction:()=>{!("name"in e)||!o.id||n({eventName:"get_help_option_clicked",properties:{getHelpOption:e,conversation:o}})}}};exports.useChatAction=u;

package/dist/components/embedded-chat/use-chat-action.js

@@ -1,14 +1,14 @@
 "use client";
-import { useInkeepConversation as r } from "../../providers/conversation-provider.js";
-import { useChatEvents as s } from "../../providers/chat-events-provider.js";
+import { useInkeepConversation as l } from "../../providers/conversation-provider.js";
+import { useChatEvents as r } from "../../providers/chat-events-provider.js";
 import { useChatForm as p } from "../../providers/chat-form-provider.js";
 import { useModal as a } from "../modal/modal-provider.js";
 const v = (o) => {
-  const { logEvent: n } = s(), { conversation: e } = r(), { openForm: t } = p(), i = a();
-  return { handleAction: (l) => {
-    o.action.type === "open_form" ? (l?.onOpenForm?.(), t?.(o.action.formSettings)) : o.action.type === "invoke_callback" && (o.action.callback({
+  const { logEvent: n } = r(), { conversation: e } = l(), { openForm: t } = p(), i = a();
+  return { handleAction: (s) => {
+    o.action.type === "open_form" ? (s?.onOpenForm?.(), t?.(o.action.formSettings)) : o.action.type === "invoke_callback" && (o.action.callback({
       conversation: e
-    }), o.action.shouldCloseModal && i?.closeModal());
+    }), o.action.shouldCloseModal && i?.setOpen(!1));
   }, logHelpAction: () => {
     !("name" in o) || !e.id || n({
       eventName: "get_help_option_clicked",

package/dist/components/modal/use-inkeep-modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),p=c=>{const{isOpen:s,onOpenChange:l,shortcutKey:a}=c??{},e=n.useCallback(o=>{l?.(o)},[l]),r=n.useCallback(o=>{e(o)},[e]),u=n.useCallback(()=>e(!0),[e]),d=n.useCallback(()=>e(!1),[e]);return n.useEffect(()=>{const o=t=>{a&&(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===a.toLowerCase()&&(t.preventDefault(),t.stopPropagation(),e(!0)),t.key==="Escape"&&s&&(t.preventDefault(),e(!1))};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[a,e,s]),{isOpen:s,openModal:u,closeModal:d,handleOpenChange:r,shortcutKey:a}};exports.useInkeepModal=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("@radix-ui/react-use-controllable-state"),p=s=>{const{isOpen:t,onOpenChange:a,shortcutKey:o}=s??{},[l=!1,n]=c.useControllableState({prop:t,defaultProp:t,onChange:a});return u.useEffect(()=>{const r=e=>{o&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===o.toLowerCase()&&(e.preventDefault(),e.stopPropagation(),n(!0)),e.key==="Escape"&&t&&(e.preventDefault(),n(!1))};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,n,t]),{isOpen:l,setOpen:n,shortcutKey:o}};exports.useInkeepModal=p;

package/dist/components/modal/use-inkeep-modal.js

@@ -1,28 +1,21 @@
 "use client";
-import { useCallback as s, useEffect as d } from "react";
-const i = (c) => {
-  const { isOpen: a, onOpenChange: r, shortcutKey: n } = c ?? {}, e = s(
-    (t) => {
-      r?.(t);
-    },
-    [r]
-  ), l = s(
-    (t) => {
-      e(t);
-    },
-    [e]
-  ), p = s(() => e(!0), [e]), u = s(() => e(!1), [e]);
-  return d(() => {
-    const t = (o) => {
-      n && (o.metaKey || o.ctrlKey) && o.key.toLowerCase() === n.toLowerCase() && (o.preventDefault(), o.stopPropagation(), e(!0)), o.key === "Escape" && a && (o.preventDefault(), e(!1));
+import { useEffect as u } from "react";
+import { useControllableState as l } from "@radix-ui/react-use-controllable-state";
+const i = (s) => {
+  const { isOpen: o, onOpenChange: a, shortcutKey: t } = s ?? {}, [p = !1, n] = l({
+    prop: o,
+    defaultProp: o,
+    onChange: a
+  });
+  return u(() => {
+    const r = (e) => {
+      t && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === t.toLowerCase() && (e.preventDefault(), e.stopPropagation(), n(!0)), e.key === "Escape" && o && (e.preventDefault(), n(!1));
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [n, e, a]), {
-    isOpen: a,
-    openModal: p,
-    closeModal: u,
-    handleOpenChange: l,
-    shortcutKey: n
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [t, n, o]), {
+    isOpen: p,
+    setOpen: n,
+    shortcutKey: t
   };
 };
 export {

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),d=require("../atoms/icons/custom-icon.cjs"),c=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),u=require("../utils/compose-event-handlers.cjs"),m=require("../hooks/use-media-query.cjs"),M=require("../utils/misc.cjs"),p=i.ikp(t.Root,{_id:"modal"}),v=e=>{const{onOpenChange:n,config:l,...a}=e,r=c.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(p,{open:r.isOpen,onOpenChange:u.composeEventHandlers(n,r.handleOpenChange),...a})})},C=i.ikp(t.Overlay,{_id:"modal__Overlay"}),y=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),_=e=>{const n=m.useMediaQuery("(max-width: 768px)");return o.jsx(y,{"data-mobile":M.dataAttr(n),...e})},q=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(d.CustomIcon,{iconKey:"close"})}),O=e=>s.useModal()?o.jsx(q,{...e}):null;exports.Close=O;exports.Content=_;exports.Modal=v;exports.Overlay=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),c=require("../atoms/icons/custom-icon.cjs"),u=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),m=require("../utils/compose-event-handlers.cjs"),M=require("../hooks/use-media-query.cjs"),p=require("../utils/misc.cjs"),v=i.ikp(t.Root,{_id:"modal"}),C=e=>{const{onOpenChange:n,config:l,...a}=e,r=u.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(v,{open:r.isOpen,onOpenChange:m.composeEventHandlers(n,d=>r.setOpen(d)),...a})})},y=i.ikp(t.Overlay,{_id:"modal__Overlay"}),_=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),q=e=>{const n=M.useMediaQuery("(max-width: 768px)");return o.jsx(_,{"data-mobile":p.dataAttr(n),...e})},O=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(c.CustomIcon,{iconKey:"close"})}),x=e=>s.useModal()?o.jsx(O,{...e}):null;exports.Close=x;exports.Content=q;exports.Modal=C;exports.Overlay=y;

package/dist/components/modal.js

@@ -1,40 +1,40 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { Overlay as l, Root as d, Content as m, Close as s } from "../atoms/dialog.js";
-import { ikp as n } from "./factory.js";
-import { CustomIcon as c } from "../atoms/icons/custom-icon.js";
-import { useInkeepModal as p } from "./modal/use-inkeep-modal.js";
-import { ModalProvider as C, useModal as M } from "./modal/modal-provider.js";
-import { composeEventHandlers as f } from "../utils/compose-event-handlers.js";
-import { useMediaQuery as u } from "../hooks/use-media-query.js";
-import { dataAttr as v } from "../utils/misc.js";
-const _ = n(d, {
+import { Overlay as s, Root as d, Content as m, Close as c } from "../atoms/dialog.js";
+import { ikp as r } from "./factory.js";
+import { CustomIcon as p } from "../atoms/icons/custom-icon.js";
+import { useInkeepModal as C } from "./modal/use-inkeep-modal.js";
+import { ModalProvider as M, useModal as f } from "./modal/modal-provider.js";
+import { composeEventHandlers as u } from "../utils/compose-event-handlers.js";
+import { useMediaQuery as v } from "../hooks/use-media-query.js";
+import { dataAttr as _ } from "../utils/misc.js";
+const O = r(d, {
   _id: "modal"
-}), A = (o) => {
-  const { onOpenChange: t, config: i, ...a } = o, r = p(i);
-  return /* @__PURE__ */ e(C, { modal: r, children: /* @__PURE__ */ e(
-    _,
+}), E = (o) => {
+  const { onOpenChange: t, config: i, ...a } = o, n = C(i);
+  return /* @__PURE__ */ e(M, { modal: n, children: /* @__PURE__ */ e(
+    O,
     {
-      open: r.isOpen,
-      onOpenChange: f(t, r.handleOpenChange),
+      open: n.isOpen,
+      onOpenChange: u(t, (l) => n.setOpen(l)),
       ...a
     }
   ) });
-}, E = n(l, {
+}, H = r(s, {
   _id: "modal__Overlay"
-}), O = n(m, {
+}), y = r(m, {
   _id: "modal__Content",
   "aria-describedby": void 0
-}), H = (o) => {
-  const t = u("(max-width: 768px)");
-  return /* @__PURE__ */ e(O, { "data-mobile": v(t), ...o });
-}, h = n(s, {
+}), K = (o) => {
+  const t = v("(max-width: 768px)");
+  return /* @__PURE__ */ e(y, { "data-mobile": _(t), ...o });
+}, h = r(c, {
   _id: "modal__Close",
-  children: /* @__PURE__ */ e(c, { iconKey: "close" })
-}), K = (o) => M() ? /* @__PURE__ */ e(h, { ...o }) : null;
+  children: /* @__PURE__ */ e(p, { iconKey: "close" })
+}), Q = (o) => f() ? /* @__PURE__ */ e(h, { ...o }) : null;
 export {
-  K as Close,
-  H as Content,
-  A as Modal,
-  E as Overlay
+  Q as Close,
+  K as Content,
+  E as Modal,
+  H as Overlay
 };

package/dist/index.d.cts

@@ -3541,10 +3541,8 @@ declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormSettings) =
 };
 
 declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 };
 
@@ -3615,10 +3613,8 @@ export declare const useMessageAttachments: () => MessageAttachmentsContextValue
 export declare const useMessageFeedback: () => FeedbackContextValue;
 
 export declare const useModal: () => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 } | undefined;
 

package/dist/index.d.ts

@@ -3541,10 +3541,8 @@ declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormSettings) =
 };
 
 declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 };
 
@@ -3615,10 +3613,8 @@ export declare const useMessageAttachments: () => MessageAttachmentsContextValue
 export declare const useMessageFeedback: () => FeedbackContextValue;
 
 export declare const useModal: () => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 } | undefined;
 

package/dist/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.21",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.22",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;

package/dist/providers/base-events-provider.js

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const m = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = C(), { apiKey: n, analyticsApiBaseUrl: s, tags: r, privacyPreferences: u, env: l } = t, { userProperties: i } = b(), a = d(
     () => ({
-      widgetLibraryVersion: "0.5.21",
+      widgetLibraryVersion: "0.5.22",
       componentType: o,
       tags: r
     }),

package/dist/providers/chat-form-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),o=require("react"),x=require("react-hook-form"),P=require("./conversation-provider.cjs"),w=require("../components/modal/modal-provider.cjs"),M=require("../utils/form.cjs"),j="root.serverError",f=o.createContext(void 0);function h(){const[t,n]=o.useState(null),[S,u]=o.useState(!1),{conversation:i}=P.useInkeepConversation(),v=w.useModal(),F=e=>{n(e)},C=()=>{n(null),u(!1),t?.buttons.close?.action==="close_modal"&&v?.closeModal()},c=o.useMemo(()=>t?.fields.map(e=>{const s=e;return"_type"in e&&e._type==="include_chat_session"&&(s.isRequired=!1,s.inputType="checkbox",i.id||(s.isHidden=!0)),s}),[t?.fields,i.id]),a=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),r=o.useMemo(()=>M.getFormDefaultValues(c),[c]),{control:b,handleSubmit:p,formState:{errors:m,isSubmitting:E},setError:_,reset:l}=x.useForm({defaultValues:r});o.useEffect(()=>{r&&l(r)},[l,r]);const y=p(async e=>{const R=i.id&&a&&e[a.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:R}),u(!0)}catch(d){_(j,{message:d instanceof Error?d.message:"Something went wrong."})}}),g=m?.root?.serverError;return{form:t,openForm:F,closeForm:C,handleSubmit:y,isSuccess:S,isSubmitting:E,formError:g,fields:c,errors:m,control:b,defaultValues:r}}const k=({children:t})=>{const n=h();return q.jsx(f.Provider,{value:n,children:t})},V=()=>{const t=o.useContext(f);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=k;exports.useChatForm=V;exports.useChatFormState=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),o=require("react"),x=require("react-hook-form"),P=require("./conversation-provider.cjs"),w=require("../components/modal/modal-provider.cjs"),M=require("../utils/form.cjs"),j="root.serverError",f=o.createContext(void 0);function h(){const[t,n]=o.useState(null),[S,u]=o.useState(!1),{conversation:i}=P.useInkeepConversation(),v=w.useModal(),F=e=>{n(e)},C=()=>{n(null),u(!1),t?.buttons.close?.action==="close_modal"&&v?.setOpen(!1)},c=o.useMemo(()=>t?.fields.map(e=>{const s=e;return"_type"in e&&e._type==="include_chat_session"&&(s.isRequired=!1,s.inputType="checkbox",i.id||(s.isHidden=!0)),s}),[t?.fields,i.id]),a=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),r=o.useMemo(()=>M.getFormDefaultValues(c),[c]),{control:b,handleSubmit:p,formState:{errors:m,isSubmitting:E},setError:_,reset:l}=x.useForm({defaultValues:r});o.useEffect(()=>{r&&l(r)},[l,r]);const y=p(async e=>{const R=i.id&&a&&e[a.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:R}),u(!0)}catch(d){_(j,{message:d instanceof Error?d.message:"Something went wrong."})}}),g=m?.root?.serverError;return{form:t,openForm:F,closeForm:C,handleSubmit:y,isSuccess:S,isSubmitting:E,formError:g,fields:c,errors:m,control:b,defaultValues:r}}const k=({children:t})=>{const n=h();return q.jsx(f.Provider,{value:n,children:t})},O=()=>{const t=o.useContext(f);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=k;exports.useChatForm=O;exports.useChatFormState=h;

package/dist/providers/chat-form-provider.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as w } from "react/jsx-runtime";
-import { useState as d, useMemo as f, useEffect as R, createContext as M, useContext as P } from "react";
+import { useState as f, useMemo as d, useEffect as R, createContext as M, useContext as P } from "react";
 import { useForm as V } from "react-hook-form";
 import { useInkeepConversation as k } from "./conversation-provider.js";
 import { useModal as I } from "../components/modal/modal-provider.js";
-import { getFormDefaultValues as j } from "../utils/form.js";
-const q = "root.serverError", p = M(void 0);
-function A() {
-  const [t, r] = d(null), [h, c] = d(!1), { conversation: n } = k(), S = I(), b = (o) => {
-    r(o);
+import { getFormDefaultValues as O } from "../utils/form.js";
+const j = "root.serverError", p = M(void 0);
+function q() {
+  const [o, r] = f(null), [h, c] = f(!1), { conversation: n } = k(), S = I(), b = (t) => {
+    r(t);
   }, v = () => {
-    r(null), c(!1), t?.buttons.close?.action === "close_modal" && S?.closeModal();
-  }, i = f(() => t?.fields.map((o) => {
-    const s = o;
-    return "_type" in o && o._type === "include_chat_session" && (s.isRequired = !1, s.inputType = "checkbox", n.id || (s.isHidden = !0)), s;
-  }), [t?.fields, n.id]), a = i?.find((o) => "_type" in o && o._type === "include_chat_session"), e = f(() => j(i), [i]), {
+    r(null), c(!1), o?.buttons.close?.action === "close_modal" && S?.setOpen(!1);
+  }, i = d(() => o?.fields.map((t) => {
+    const s = t;
+    return "_type" in t && t._type === "include_chat_session" && (s.isRequired = !1, s.inputType = "checkbox", n.id || (s.isHidden = !0)), s;
+  }), [o?.fields, n.id]), a = i?.find((t) => "_type" in t && t._type === "include_chat_session"), e = d(() => O(i), [i]), {
     control: C,
     handleSubmit: F,
     formState: { errors: u, isSubmitting: E },
@@ -26,18 +26,18 @@ function A() {
   R(() => {
     e && m(e);
   }, [m, e]);
-  const x = F(async (o) => {
-    const g = n.id && a && o[a.name] ? n : null;
+  const x = F(async (t) => {
+    const g = n.id && a && t[a.name] ? n : null;
     try {
-      await t?.buttons.submit.onSubmit({ values: o, conversation: g }), c(!0);
+      await o?.buttons.submit.onSubmit({ values: t, conversation: g }), c(!0);
     } catch (l) {
-      _(q, {
+      _(j, {
         message: l instanceof Error ? l.message : "Something went wrong."
       });
     }
   }), y = u?.root?.serverError;
   return {
-    form: t,
+    form: o,
     openForm: b,
     closeForm: v,
     handleSubmit: x,
@@ -50,17 +50,17 @@ function A() {
     defaultValues: e
   };
 }
-const G = ({ children: t }) => {
-  const r = A();
-  return /* @__PURE__ */ w(p.Provider, { value: r, children: t });
+const G = ({ children: o }) => {
+  const r = q();
+  return /* @__PURE__ */ w(p.Provider, { value: r, children: o });
 }, J = () => {
-  const t = P(p);
-  if (!t)
+  const o = P(p);
+  if (!o)
     throw new Error("useChatForm must be used within a ChatFormProvider");
-  return t;
+  return o;
 };
 export {
   G as ChatFormProvider,
   J as useChatForm,
-  A as useChatFormState
+  q as useChatFormState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.0.0-dev-20250310205338",
+  "version": "0.0.0-dev-20250311011214",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -58,9 +58,9 @@
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250310205338",
-    "@inkeep/cxkit-theme": "0.0.0-dev-20250310205338",
-    "@inkeep/cxkit-types": "0.0.0-dev-20250310205338"
+    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250311011214",
+    "@inkeep/cxkit-theme": "0.0.0-dev-20250311011214",
+    "@inkeep/cxkit-types": "0.0.0-dev-20250311011214"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",