@inkeep/cxkit-primitives 0.5.81 → 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 s=require("react"),p=require("@radix-ui/react-use-controllable-state"),d=require("../../providers/base-events-provider.cjs"),f=l=>{const{isOpen:t,onOpenChange:c,shortcutKey:o}=l??{},{logEvent:i}=d.useBaseEvents(),[r=!1,n]=p.useControllableState({prop:t,defaultProp:t,onChange:c}),a=s.useRef(!0);return s.useEffect(()=>{if(a.current){a.current=!1;return}i({eventName:r?"modal_opened":"modal_closed",properties:{}})},[r]),s.useEffect(()=>{const u=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",u),()=>document.removeEventListener("keydown",u)},[o,n,t]),{isOpen:r,setOpen:n,shortcutKey:o}};exports.useInkeepModal=f;
+"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,33 +1,45 @@
 "use client";
-import { useRef as i, useEffect as p } from "react";
-import { useControllableState as f } from "@radix-ui/react-use-controllable-state";
-import { useBaseEvents as d } from "../../providers/base-events-provider.js";
-const k = (u) => {
-  const { isOpen: o, onOpenChange: l, shortcutKey: t } = u ?? {}, { logEvent: c } = d(), [r = !1, n] = f({
-    prop: o,
-    defaultProp: o,
+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: c = "[data-inkeep-modal-trigger]"
+  } = i ?? {}, { logEvent: d } = g(), [n = u, o] = m({
+    prop: t,
+    defaultProp: t,
     onChange: l
-  }), s = i(!0);
+  });
+  y({
+    triggerSelector: c,
+    onTriggerClick: () => o(!n)
+  });
+  const s = f(!0);
   return p(() => {
     if (s.current) {
       s.current = !1;
       return;
     }
-    c({
-      eventName: r ? "modal_opened" : "modal_closed",
+    d({
+      eventName: n ? "modal_opened" : "modal_closed",
       properties: {}
     });
-  }, [r]), p(() => {
+  }, [n]), p(() => {
     const a = (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));
+      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", a), () => document.removeEventListener("keydown", a);
-  }, [t, n, o]), {
-    isOpen: r,
-    setOpen: n,
-    shortcutKey: t
+  }, [r, o, t]), {
+    isOpen: n,
+    setOpen: o,
+    shortcutKey: r
   };
 };
 export {
-  k as useInkeepModal
+  O as useInkeepModal
 };

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

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=n=>{const{triggerSelector:e,onTriggerClick:t}=n;o.useEffect(()=>{const r=c=>{c.target?.matches?.(e)&&t?.()};return document.addEventListener("click",r),()=>{document.removeEventListener("click",r)}},[e,t])};exports.useComponentTrigger=i;

package/dist/components/use-component-trigger.js

@@ -0,0 +1,16 @@
+"use client";
+import { useEffect as o } from "react";
+const s = (c) => {
+  const { triggerSelector: e, onTriggerClick: t } = c;
+  o(() => {
+    const r = (n) => {
+      n.target?.matches?.(e) && t?.();
+    };
+    return document.addEventListener("click", r), () => {
+      document.removeEventListener("click", r);
+    };
+  }, [e, t]);
+};
+export {
+  s as useComponentTrigger
+};

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.81",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.81",
+      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.81",
+  "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.81",
-    "@inkeep/cxkit-theme": "0.5.81",
-    "@inkeep/cxkit-types": "0.5.81"
+    "@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",

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("../../providers/sidebar-chat-provider.cjs"),n=e=>{const{toggle:t}=a.useSidebarChat();c.useEffect(()=>{const r=i=>{i.target?.matches?.(e)&&t()};return document.addEventListener("click",r),()=>{document.removeEventListener("click",r)}},[e,t])};exports.useSidebarChatTrigger=n;

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

@@ -1,17 +0,0 @@
-"use client";
-import { useEffect as n } from "react";
-import { useSidebarChat as i } from "../../providers/sidebar-chat-provider.js";
-const m = (e) => {
-  const { toggle: t } = i();
-  n(() => {
-    const r = (c) => {
-      c.target?.matches?.(e) && t();
-    };
-    return document.addEventListener("click", r), () => {
-      document.removeEventListener("click", r);
-    };
-  }, [e, t]);
-};
-export {
-  m as useSidebarChatTrigger
-};