@inkeep/cxkit-primitives 0.5.82 → 0.5.83

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("@radix-ui/react-use-controllable-state"),g=require("../../providers/base-events-provider.cjs"),f=require("../use-component-trigger.cjs"),m=i=>{const{isOpen:r,onOpenChange:l,shortcutKey:o,triggerSelector:c="[data-inkeep-modal-trigger]"}=i??{},{logEvent:p}=g.useBaseEvents(),[s=!1,t]=d.useControllableState({prop:r,defaultProp:r,onChange:l});f.useComponentTrigger({triggerSelector:c,onTriggerClick:()=>t(n=>!n)});const u=a.useRef(!0);return a.useEffect(()=>{if(u.current){u.current=!1;return}p({eventName:s?"modal_opened":"modal_closed",properties:{}})},[s]),a.useEffect(()=>{const n=e=>{o&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===o.toLowerCase()&&(e.preventDefault(),e.stopPropagation(),t(!0)),e.key==="Escape"&&r&&(e.preventDefault(),t(!1))};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[o,t,r]),{isOpen:s,setOpen:t,shortcutKey:o}};exports.useInkeepModal=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),f=require("@radix-ui/react-use-controllable-state"),g=require("../../providers/base-events-provider.cjs"),m=require("../use-component-trigger.cjs"),y=l=>{const{isOpen:r,onOpenChange:i,defaultOpen:c=!1,shortcutKey:o,triggerSelector:p="[data-inkeep-modal-trigger]"}=l??{},{logEvent:d}=g.useBaseEvents(),[n=c,t]=f.useControllableState({prop:r,defaultProp:r,onChange:i});m.useComponentTrigger({triggerSelector:p,onTriggerClick:()=>t(!n)});const a=s.useRef(!0);return s.useEffect(()=>{if(a.current){a.current=!1;return}d({eventName:n?"modal_opened":"modal_closed",properties:{}})},[n]),s.useEffect(()=>{const u=e=>{o&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===o.toLowerCase()&&(e.preventDefault(),e.stopPropagation(),t(!0)),e.key==="Escape"&&r&&(e.preventDefault(),t(!1))};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[o,t,r]),{isOpen:n,setOpen:t,shortcutKey:o}};exports.useInkeepModal=y;

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

@@ -1,44 +1,45 @@
 "use client";
-import { useRef as m, useEffect as p } from "react";
-import { useControllableState as d } from "@radix-ui/react-use-controllable-state";
-import { useBaseEvents as f } from "../../providers/base-events-provider.js";
-import { useComponentTrigger as g } from "../use-component-trigger.js";
-const w = (i) => {
+import { useRef as f, useEffect as p } from "react";
+import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
+import { useBaseEvents as g } from "../../providers/base-events-provider.js";
+import { useComponentTrigger as y } from "../use-component-trigger.js";
+const O = (i) => {
   const {
     isOpen: t,
     onOpenChange: l,
+    defaultOpen: u = !1,
     shortcutKey: r,
-    triggerSelector: u = "[data-inkeep-modal-trigger]"
-  } = i ?? {}, { logEvent: c } = f(), [s = !1, o] = d({
+    triggerSelector: c = "[data-inkeep-modal-trigger]"
+  } = i ?? {}, { logEvent: d } = g(), [n = u, o] = m({
     prop: t,
     defaultProp: t,
     onChange: l
   });
-  g({
-    triggerSelector: u,
-    onTriggerClick: () => o((n) => !n)
+  y({
+    triggerSelector: c,
+    onTriggerClick: () => o(!n)
   });
-  const a = m(!0);
+  const s = f(!0);
   return p(() => {
-    if (a.current) {
-      a.current = !1;
+    if (s.current) {
+      s.current = !1;
       return;
     }
-    c({
-      eventName: s ? "modal_opened" : "modal_closed",
+    d({
+      eventName: n ? "modal_opened" : "modal_closed",
       properties: {}
     });
-  }, [s]), p(() => {
-    const n = (e) => {
+  }, [n]), p(() => {
+    const a = (e) => {
       r && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === r.toLowerCase() && (e.preventDefault(), e.stopPropagation(), o(!0)), e.key === "Escape" && t && (e.preventDefault(), o(!1));
     };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
   }, [r, o, t]), {
-    isOpen: s,
+    isOpen: n,
     setOpen: o,
     shortcutKey: r
   };
 };
 export {
-  w as useInkeepModal
+  O as useInkeepModal
 };

package/dist/components/sidebar-chat/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),c=require("../factory.cjs"),s=require("../../providers/sidebar-chat-provider.cjs"),h=require("./use-sidebar-chat-resizer.cjs"),b=require("../use-component-trigger.cjs"),g=require("../presence.cjs"),l=require("../../utils/misc.cjs"),R=require("../../utils/split-props.cjs"),C=c.ikp(g.Presence,{_id:"sidebarChat__Root"}),S=({triggerSelector:i})=>{const{toggle:e}=s.useSidebarChat();return b.useComponentTrigger({triggerSelector:i,onTriggerClick:e}),null},P=["position","triggerSelector","minWidth","maxWidth","defaultWidth","defaultOpen","autoCloseThreshold"],u=d.forwardRef((i,e)=>{const[t,a]=R.splitProps(i,P),r=s.useInkeepSidebarChat(t);return o.jsxs(s.SidebarChatProvider,{value:r,children:[o.jsx(S,{triggerSelector:t.triggerSelector||"[data-inkeep-sidebar-chat-trigger]"}),o.jsx(C,{ref:e,present:r.isOpen,"data-sidebar":"","data-position":r.position,"data-open":l.dataAttr(r.isOpen),style:{"--width":`${r.width}px`},...a})]})}),m=c.ikp("div",{_id:"sidebarChat__Resizer"}),p=d.forwardRef((i,e)=>{const{position:t}=s.useSidebarChat(),{onMouseDown:a,resizerRef:r}=h.useSidebarChatResizer();return o.jsx(m,{ref:n=>{typeof e=="function"?e(n):e&&(e.current=n),r.current=n},"data-position":t,onMouseDown:a,...i})});exports.Resizer=p;exports.Root=u;exports.SidebarChatPrimitiveResizer=p;exports.SidebarChatPrimitiveRoot=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),c=require("../factory.cjs"),o=require("../../providers/sidebar-chat-provider.cjs"),h=require("./use-sidebar-chat-resizer.cjs"),b=require("../use-component-trigger.cjs"),g=require("../presence.cjs"),C=require("../../utils/misc.cjs"),R=require("../../utils/split-props.cjs"),l=c.ikp(g.Presence,{_id:"sidebarChat__Root"}),S=({triggerSelector:t})=>{const{isOpen:e,setOpen:i}=o.useSidebarChat();return b.useComponentTrigger({triggerSelector:t,onTriggerClick:()=>i(!e)}),null},P=["position","triggerSelector","minWidth","maxWidth","defaultWidth","defaultOpen","autoCloseThreshold","isOpen","onOpenChange"],u=d.forwardRef((t,e)=>{const[i,n]=R.splitProps(t,P),r=o.useInkeepSidebarChat(i);return s.jsxs(o.SidebarChatProvider,{value:r,children:[s.jsx(S,{triggerSelector:i.triggerSelector||"[data-inkeep-sidebar-chat-trigger]"}),s.jsx(l,{ref:e,present:r.isOpen,"data-sidebar":"","data-position":r.position,"data-open":C.dataAttr(r.isOpen),style:{"--width":`${r.width}px`},...n})]})}),m=c.ikp("div",{_id:"sidebarChat__Resizer"}),p=d.forwardRef((t,e)=>{const{position:i}=o.useSidebarChat(),{onMouseDown:n,resizerRef:r}=h.useSidebarChatResizer();return s.jsx(m,{ref:a=>{typeof e=="function"?e(a):e&&(e.current=a),r.current=a},"data-position":i,onMouseDown:n,...t})});exports.Resizer=p;exports.Root=u;exports.SidebarChatPrimitiveResizer=p;exports.SidebarChatPrimitiveRoot=u;

package/dist/components/sidebar-chat/index.js

@@ -1,19 +1,19 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
 import { ikp as d } from "../factory.js";
 import { useInkeepSidebarChat as c, SidebarChatProvider as h, useSidebarChat as p } from "../../providers/sidebar-chat-provider.js";
 import { useSidebarChatResizer as f } from "./use-sidebar-chat-resizer.js";
-import { useComponentTrigger as g } from "../use-component-trigger.js";
-import { Presence as u } from "../presence.js";
+import { useComponentTrigger as u } from "../use-component-trigger.js";
+import { Presence as g } from "../presence.js";
 import { dataAttr as l } from "../../utils/misc.js";
 import { splitProps as b } from "../../utils/split-props.js";
-const R = d(u, {
+const C = d(g, {
   _id: "sidebarChat__Root"
-}), C = ({ triggerSelector: e }) => {
-  const { toggle: r } = p();
-  return g({
-    triggerSelector: e,
-    onTriggerClick: r
+}), R = ({ triggerSelector: t }) => {
+  const { isOpen: e, setOpen: i } = p();
+  return u({
+    triggerSelector: t,
+    onTriggerClick: () => i(!e)
   }), null;
 }, S = [
   "position",
@@ -22,26 +22,28 @@ const R = d(u, {
   "maxWidth",
   "defaultWidth",
   "defaultOpen",
-  "autoCloseThreshold"
-], j = n((e, r) => {
-  const [i, o] = b(e, S), t = c(i);
-  return /* @__PURE__ */ m(h, { value: t, children: [
-    /* @__PURE__ */ a(
-      C,
+  "autoCloseThreshold",
+  "isOpen",
+  "onOpenChange"
+], j = a((t, e) => {
+  const [i, o] = b(t, S), r = c(i);
+  return /* @__PURE__ */ m(h, { value: r, children: [
+    /* @__PURE__ */ n(
+      R,
       {
         triggerSelector: i.triggerSelector || "[data-inkeep-sidebar-chat-trigger]"
       }
     ),
-    /* @__PURE__ */ a(
-      R,
+    /* @__PURE__ */ n(
+      C,
       {
-        ref: r,
-        present: t.isOpen,
+        ref: e,
+        present: r.isOpen,
         "data-sidebar": "",
-        "data-position": t.position,
-        "data-open": l(t.isOpen),
+        "data-position": r.position,
+        "data-open": l(r.isOpen),
         style: {
-          "--width": `${t.width}px`
+          "--width": `${r.width}px`
         },
         ...o
       }
@@ -49,17 +51,17 @@ const R = d(u, {
   ] });
 }), P = d("div", {
   _id: "sidebarChat__Resizer"
-}), y = n((e, r) => {
-  const { position: i } = p(), { onMouseDown: o, resizerRef: t } = f();
-  return /* @__PURE__ */ a(
+}), y = a((t, e) => {
+  const { position: i } = p(), { onMouseDown: o, resizerRef: r } = f();
+  return /* @__PURE__ */ n(
     P,
     {
       ref: (s) => {
-        typeof r == "function" ? r(s) : r && (r.current = s), t.current = s;
+        typeof e == "function" ? e(s) : e && (e.current = s), r.current = s;
       },
       "data-position": i,
       onMouseDown: o,
-      ...e
+      ...t
     }
   );
 });

package/dist/components/sidebar-chat/use-sidebar-chat-resizer.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),R=require("../../providers/sidebar-chat-provider.cjs"),M=()=>{const{width:r,setWidth:o,position:u,minWidth:s,maxWidth:i,autoCloseThreshold:f,close:c}=R.useSidebarChat(),v=e.useRef(null),n=e.useRef(!1),d=e.useRef(0),a=e.useRef(0),l=s*f;return e.useEffect(()=>{const t=b=>{if(!n.current)return;const m=b.clientX-d.current,g=u==="right"?-m:m,w=a.current+g;if(w<l){c();return}const y=Math.max(s,Math.min(i,w));o(y)},h=()=>{n.current=!1,document.body.style.cursor="",document.body.style.userSelect=""};return window.addEventListener("mousemove",t),window.addEventListener("mouseup",h),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",h)}},[o,u,s,i,c,l]),{onMouseDown:e.useCallback(t=>{n.current=!0,d.current=t.clientX,a.current=r,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",t.preventDefault()},[r]),resizerRef:v}};exports.useSidebarChatResizer=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),R=require("../../providers/sidebar-chat-provider.cjs"),p=()=>{const{width:r,setWidth:o,position:u,minWidth:s,maxWidth:i,autoCloseThreshold:w,setOpen:c}=R.useSidebarChat(),v=e.useRef(null),n=e.useRef(!1),d=e.useRef(0),a=e.useRef(0),l=s*w;return e.useEffect(()=>{const t=b=>{if(!n.current)return;const m=b.clientX-d.current,g=u==="right"?-m:m,f=a.current+g;if(f<l){c(!1);return}const y=Math.max(s,Math.min(i,f));o(y)},h=()=>{n.current=!1,document.body.style.cursor="",document.body.style.userSelect=""};return window.addEventListener("mousemove",t),window.addEventListener("mouseup",h),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",h)}},[o,u,s,i,l,c]),{onMouseDown:e.useCallback(t=>{n.current=!0,d.current=t.clientX,a.current=r,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",t.preventDefault()},[r]),resizerRef:v}};exports.useSidebarChatResizer=p;

package/dist/components/sidebar-chat/use-sidebar-chat-resizer.js

@@ -2,29 +2,29 @@
 import { useRef as t, useEffect as b, useCallback as D } from "react";
 import { useSidebarChat as M } from "../../providers/sidebar-chat-provider.js";
 const L = () => {
-  const { width: r, setWidth: s, position: u, minWidth: n, maxWidth: c, autoCloseThreshold: f, close: i } = M(), v = t(null), o = t(!1), d = t(0), a = t(0), l = n * f;
+  const { width: s, setWidth: r, position: u, minWidth: n, maxWidth: i, autoCloseThreshold: f, setOpen: c } = M(), v = t(null), o = t(!1), d = t(0), a = t(0), l = n * f;
   return b(() => {
-    const e = (g) => {
+    const e = (p) => {
       if (!o.current) return;
-      const h = g.clientX - d.current, p = u === "right" ? -h : h, w = a.current + p;
+      const h = p.clientX - d.current, g = u === "right" ? -h : h, w = a.current + g;
       if (w < l) {
-        i();
+        c(!1);
         return;
       }
-      const y = Math.max(n, Math.min(c, w));
-      s(y);
+      const y = Math.max(n, Math.min(i, w));
+      r(y);
     }, m = () => {
       o.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "";
     };
     return window.addEventListener("mousemove", e), window.addEventListener("mouseup", m), () => {
       window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", m);
     };
-  }, [s, u, n, c, i, l]), {
+  }, [r, u, n, i, l, c]), {
     onMouseDown: D(
       (e) => {
-        o.current = !0, d.current = e.clientX, a.current = r, document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", e.preventDefault();
+        o.current = !0, d.current = e.clientX, a.current = s, document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", e.preventDefault();
       },
-      [r]
+      [s]
     ),
     resizerRef: v
   };

package/dist/index.d.cts

@@ -3919,6 +3919,14 @@ export declare interface SidebarChatProps {
      * @default false
      */
     defaultOpen?: boolean;
+    /**
+     * Controls whether the sidebar chat is open.
+     */
+    isOpen?: boolean;
+    /**
+     * Handler called when the sidebar chat opens or closes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
     /**
      * Threshold factor for auto-closing when resizing.
      * When dragging below (minWidth * autoCloseThreshold), the sidebar will auto-close.
@@ -4157,18 +4165,15 @@ declare const useInkeepSearch: () => {
     setShowSearchResults: Dispatch<SetStateAction<boolean>>;
 };
 
-export declare const useInkeepSidebarChat: ({ position, minWidth, maxWidth, defaultWidth, defaultOpen, autoCloseThreshold, }: SidebarChatProps) => {
+export declare const useInkeepSidebarChat: ({ position, minWidth, maxWidth, defaultWidth, defaultOpen, autoCloseThreshold, isOpen, onOpenChange, }: SidebarChatProps) => {
     width: number;
     setWidth: Dispatch<SetStateAction<number>>;
     position: "left" | "right";
     minWidth: number;
     maxWidth: number;
     autoCloseThreshold: number;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
 };
 
 /**
@@ -4233,11 +4238,8 @@ export declare const useOptionalSidebarChat: () => {
     minWidth: number;
     maxWidth: number;
     autoCloseThreshold: number;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
 } | undefined;
 
 export declare type UserContextValue = {
@@ -4281,11 +4283,8 @@ export declare const useSidebarChat: () => {
     minWidth: number;
     maxWidth: number;
     autoCloseThreshold: number;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
 };
 
 export declare const useSourceItem: () => SourceItemContextValue;

package/dist/index.d.ts

@@ -3919,6 +3919,14 @@ export declare interface SidebarChatProps {
      * @default false
      */
     defaultOpen?: boolean;
+    /**
+     * Controls whether the sidebar chat is open.
+     */
+    isOpen?: boolean;
+    /**
+     * Handler called when the sidebar chat opens or closes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
     /**
      * Threshold factor for auto-closing when resizing.
      * When dragging below (minWidth * autoCloseThreshold), the sidebar will auto-close.
@@ -4157,18 +4165,15 @@ declare const useInkeepSearch: () => {
     setShowSearchResults: Dispatch<SetStateAction<boolean>>;
 };
 
-export declare const useInkeepSidebarChat: ({ position, minWidth, maxWidth, defaultWidth, defaultOpen, autoCloseThreshold, }: SidebarChatProps) => {
+export declare const useInkeepSidebarChat: ({ position, minWidth, maxWidth, defaultWidth, defaultOpen, autoCloseThreshold, isOpen, onOpenChange, }: SidebarChatProps) => {
     width: number;
     setWidth: Dispatch<SetStateAction<number>>;
     position: "left" | "right";
     minWidth: number;
     maxWidth: number;
     autoCloseThreshold: number;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
 };
 
 /**
@@ -4233,11 +4238,8 @@ export declare const useOptionalSidebarChat: () => {
     minWidth: number;
     maxWidth: number;
     autoCloseThreshold: number;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
 } | undefined;
 
 export declare type UserContextValue = {
@@ -4281,11 +4283,8 @@ export declare const useSidebarChat: () => {
     minWidth: number;
     maxWidth: number;
     autoCloseThreshold: number;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
 };
 
 export declare const useSourceItem: () => SourceItemContextValue;

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

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

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

@@ -7,7 +7,7 @@ import { useUser as A } from "./user-provider.js";
 const u = B(void 0), $ = ({ children: e }) => {
   const { baseSettings: t, componentType: s } = w(), { apiKey: r, analyticsApiBaseUrl: i, tags: a, privacyPreferences: d, env: E, analyticsProperties: c } = t, { userProperties: v } = A(), p = P(
     () => ({
-      widgetLibraryVersion: "0.5.82",
+      widgetLibraryVersion: "0.5.83",
       componentType: s,
       tags: a
     }),

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),t=require("react"),s=t.createContext(void 0),b=({children:e,value:o})=>S.jsx(s.Provider,{value:o,children:e}),l=()=>{const e=t.useContext(s);if(!e)throw new Error("useSidebarChat must be used within a SidebarChatProvider");return e},p=()=>t.useContext(s),x=250,g=600,I=420,v=({position:e="right",minWidth:o=x,maxWidth:n=g,defaultWidth:a=I,defaultOpen:i=!1,autoCloseThreshold:c=.7})=>{const[u,d]=t.useState(Math.min(a,Math.floor((o+n)/2))),[h,r]=t.useState(i);return{width:u,setWidth:d,position:e,minWidth:o,maxWidth:n,autoCloseThreshold:c,isOpen:h,setIsOpen:r,toggle:()=>r(C=>!C),open:()=>r(!0),close:()=>r(!1)}};exports.SidebarChatProvider=b;exports.useInkeepSidebarChat=v;exports.useOptionalSidebarChat=p;exports.useSidebarChat=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),l=require("@radix-ui/react-use-controllable-state"),r=require("react"),o=r.createContext(void 0),p=({children:e,value:t})=>S.jsx(o.Provider,{value:t,children:e}),x=()=>{const e=r.useContext(o);if(!e)throw new Error("useSidebarChat must be used within a SidebarChatProvider");return e},v=()=>r.useContext(o),I=250,P=600,f=420,M=({position:e="right",minWidth:t=I,maxWidth:n=P,defaultWidth:s=f,defaultOpen:i=!1,autoCloseThreshold:u=.7,isOpen:a,onOpenChange:c})=>{const[d,C]=r.useState(Math.min(s,Math.floor((t+n)/2))),[h=i,b]=l.useControllableState({prop:a,defaultProp:a,onChange:c});return{width:d,setWidth:C,position:e,minWidth:t,maxWidth:n,autoCloseThreshold:u,setOpen:b,isOpen:h}};exports.SidebarChatProvider=p;exports.useInkeepSidebarChat=M;exports.useOptionalSidebarChat=v;exports.useSidebarChat=x;

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

@@ -1,37 +1,41 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
-import { createContext as b, useContext as c, useState as s } from "react";
-const n = b(void 0), D = ({ children: t, value: e }) => /* @__PURE__ */ p(n.Provider, { value: e, children: t }), M = () => {
-  const t = c(n);
+import { jsx as b } from "react/jsx-runtime";
+import { useControllableState as S } from "@radix-ui/react-use-controllable-state";
+import { createContext as l, useContext as s, useState as f } from "react";
+const o = l(void 0), M = ({ children: t, value: e }) => /* @__PURE__ */ b(o.Provider, { value: e, children: t }), P = () => {
+  const t = s(o);
   if (!t)
     throw new Error("useSidebarChat must be used within a SidebarChatProvider");
   return t;
-}, T = () => c(n), S = 250, x = 600, f = 420, H = ({
+}, T = () => s(o), x = 250, m = 600, I = 420, H = ({
   position: t = "right",
-  minWidth: e = S,
-  maxWidth: r = x,
-  defaultWidth: a = f,
+  minWidth: e = x,
+  maxWidth: r = m,
+  defaultWidth: a = I,
   defaultOpen: i = !1,
-  autoCloseThreshold: u = 0.7
+  autoCloseThreshold: c = 0.7,
+  isOpen: n,
+  onOpenChange: u
 }) => {
-  const [d, h] = s(Math.min(a, Math.floor((e + r) / 2))), [C, o] = s(i);
+  const [d, h] = f(Math.min(a, Math.floor((e + r) / 2))), [C = i, p] = S({
+    prop: n,
+    defaultProp: n,
+    onChange: u
+  });
   return {
     width: d,
     setWidth: h,
     position: t,
     minWidth: e,
     maxWidth: r,
-    autoCloseThreshold: u,
-    isOpen: C,
-    setIsOpen: o,
-    toggle: () => o((l) => !l),
-    open: () => o(!0),
-    close: () => o(!1)
+    autoCloseThreshold: c,
+    setOpen: p,
+    isOpen: C
   };
 };
 export {
-  D as SidebarChatProvider,
+  M as SidebarChatProvider,
   H as useInkeepSidebarChat,
   T as useOptionalSidebarChat,
-  M as useSidebarChat
+  P as useSidebarChat
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.82",
+  "version": "0.5.83",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -63,9 +63,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.82",
-    "@inkeep/cxkit-theme": "0.5.82",
-    "@inkeep/cxkit-types": "0.5.82"
+    "@inkeep/cxkit-color-mode": "0.5.83",
+    "@inkeep/cxkit-theme": "0.5.83",
+    "@inkeep/cxkit-types": "0.5.83"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",