@inkeep/cxkit-primitives 0.5.81 → 0.5.82

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 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;

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

@@ -1,33 +1,44 @@
 "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 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) => {
+  const {
+    isOpen: t,
+    onOpenChange: l,
+    shortcutKey: r,
+    triggerSelector: u = "[data-inkeep-modal-trigger]"
+  } = i ?? {}, { logEvent: c } = f(), [s = !1, o] = d({
+    prop: t,
+    defaultProp: t,
     onChange: l
-  }), s = i(!0);
+  });
+  g({
+    triggerSelector: u,
+    onTriggerClick: () => o((n) => !n)
+  });
+  const a = m(!0);
   return p(() => {
-    if (s.current) {
-      s.current = !1;
+    if (a.current) {
+      a.current = !1;
       return;
     }
     c({
-      eventName: r ? "modal_opened" : "modal_closed",
+      eventName: s ? "modal_opened" : "modal_closed",
       properties: {}
     });
-  }, [r]), 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));
+  }, [s]), p(() => {
+    const n = (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", a), () => document.removeEventListener("keydown", a);
-  }, [t, n, o]), {
-    isOpen: r,
-    setOpen: n,
-    shortcutKey: t
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [r, o, t]), {
+    isOpen: s,
+    setOpen: o,
+    shortcutKey: r
   };
 };
 export {
-  k as useInkeepModal
+  w 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 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;

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

@@ -1,15 +1,21 @@
-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 a } from "react/jsx-runtime";
+import { forwardRef as n } 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 g } from "../use-component-trigger.js";
+import { Presence as u } 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 R = d(u, {
   _id: "sidebarChat__Root"
-}), g = ({ triggerSelector: e }) => (u(e), null), C = [
+}), C = ({ triggerSelector: e }) => {
+  const { toggle: r } = p();
+  return g({
+    triggerSelector: e,
+    onTriggerClick: r
+  }), null;
+}, S = [
   "position",
   "triggerSelector",
   "minWidth",
@@ -17,39 +23,39 @@ const S = n(b, {
   "defaultWidth",
   "defaultOpen",
   "autoCloseThreshold"
-], j = d((e, t) => {
-  const [i, o] = R(e, C), r = m(i);
-  return /* @__PURE__ */ p(c, { value: r, children: [
+], j = n((e, r) => {
+  const [i, o] = b(e, S), t = c(i);
+  return /* @__PURE__ */ m(h, { value: t, children: [
     /* @__PURE__ */ a(
-      g,
+      C,
       {
         triggerSelector: i.triggerSelector || "[data-inkeep-sidebar-chat-trigger]"
       }
     ),
     /* @__PURE__ */ a(
-      S,
+      R,
       {
-        ref: t,
-        present: r.isOpen,
+        ref: r,
+        present: t.isOpen,
         "data-sidebar": "",
-        "data-position": r.position,
-        "data-open": l(r.isOpen),
+        "data-position": t.position,
+        "data-open": l(t.isOpen),
         style: {
-          "--width": `${r.width}px`
+          "--width": `${t.width}px`
         },
         ...o
       }
     )
   ] });
-}), P = n("div", {
+}), P = d("div", {
   _id: "sidebarChat__Resizer"
-}), y = d((e, t) => {
-  const { position: i } = h(), { onMouseDown: o, resizerRef: r } = f();
+}), y = n((e, r) => {
+  const { position: i } = p(), { onMouseDown: o, resizerRef: t } = f();
   return /* @__PURE__ */ a(
     P,
     {
       ref: (s) => {
-        typeof t == "function" ? t(s) : t && (t.current = s), r.current = s;
+        typeof r == "function" ? r(s) : r && (r.current = s), t.current = s;
       },
       "data-position": i,
       onMouseDown: o,

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/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.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;

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.82",
       componentType: s,
       tags: a
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.81",
+  "version": "0.5.82",
   "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.82",
+    "@inkeep/cxkit-theme": "0.5.82",
+    "@inkeep/cxkit-types": "0.5.82"
   },
   "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
-};