@inkeep/cxkit-primitives 0.5.89 → 0.5.91

package/dist/atoms/shadow/context.cjs

@@ -1,2 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),m=require("./root.cjs"),p=require("@radix-ui/react-id"),c=n.createContext(void 0),d=()=>n.useContext(c);function u({wrapperStyles:e={},children:i,customStyles:a,styles:l}){const[s,h]=n.useState(null),[r,x]=n.useState(null),w=n.useMemo(()=>({shadowHost:s,rootElement:r}),[s,r]),S=p.useId(),f=m.default.div;return o.jsxs(f,{id:`inkeep-shadow${S}`,ref:t=>{t&&h(t)},style:e,children:[o.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:`@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');
-      ${l}`}}),a,o.jsx("div",{id:"inkeep-widget-root",ref:t=>{t&&x(t)},style:e,children:o.jsx(c.Provider,{value:w,children:s&&r&&i})})]})}const v=e=>d()?e.children:o.jsx(u,{...e});exports.InkeepShadow=v;exports.InkeepShadowProvider=u;exports.ShadowContext=c;exports.useShadow=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),v=require("./root.cjs"),j=require("@radix-ui/react-id"),c=n.createContext(void 0),i=()=>n.useContext(c);function u({wrapperStyles:e={},children:d,customStyles:a,styles:l}){const[s,h]=n.useState(null),[r,x]=n.useState(null),S=n.useMemo(()=>({shadowHost:s,rootElement:r}),[s,r]),w=j.useId(),f=v.default.div;return o.jsxs(f,{id:`inkeep-shadow${w}`,ref:t=>{t&&h(t)},style:e,children:[o.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:`${l}`}}),a,o.jsx("div",{id:"inkeep-widget-root",ref:t=>{t&&x(t)},style:e,children:o.jsx(c.Provider,{value:S,children:s&&r&&d})})]})}const I=e=>i()?e.children:o.jsx(u,{...e});exports.InkeepShadow=I;exports.InkeepShadowProvider=u;exports.ShadowContext=c;exports.useShadow=i;

package/dist/atoms/shadow/context.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { createContext as p, useContext as w, useState as i, useMemo as v } from "react";
-import y from "./root.js";
-import { useId as S } from "@radix-ui/react-id";
-const c = p(void 0), g = () => w(c);
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { createContext as w, useContext as p, useState as i, useMemo as v } from "react";
+import S from "./root.js";
+import { useId as k } from "@radix-ui/react-id";
+const c = w(void 0), y = () => p(c);
 function I({
   wrapperStyles: t = {},
   children: s,
   customStyles: d,
-  styles: l
+  styles: u
 }) {
-  const [n, u] = i(null), [r, m] = i(null), a = v(() => ({ shadowHost: n, rootElement: r }), [n, r]), h = S(), f = y.div;
-  return /* @__PURE__ */ x(
-    f,
+  const [n, l] = i(null), [r, h] = i(null), m = v(() => ({ shadowHost: n, rootElement: r }), [n, r]), x = k(), a = S.div;
+  return /* @__PURE__ */ f(
+    a,
     {
-      id: `inkeep-shadow${h}`,
+      id: `inkeep-shadow${x}`,
       ref: (e) => {
-        e && u(e);
+        e && l(e);
       },
       style: t,
       children: [
@@ -25,8 +25,7 @@ function I({
           {
             type: "text/css",
             dangerouslySetInnerHTML: {
-              __html: `@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');
-      ${l}`
+              __html: `${u}`
             }
           }
         ),
@@ -36,20 +35,20 @@ function I({
           {
             id: "inkeep-widget-root",
             ref: (e) => {
-              e && m(e);
+              e && h(e);
             },
             style: t,
-            children: /* @__PURE__ */ o(c.Provider, { value: a, children: n && r && s })
+            children: /* @__PURE__ */ o(c.Provider, { value: m, children: n && r && s })
           }
         )
       ]
     }
   );
 }
-const E = (t) => g() ? t.children : /* @__PURE__ */ o(I, { ...t });
+const E = (t) => y() ? t.children : /* @__PURE__ */ o(I, { ...t });
 export {
   E as InkeepShadow,
   I as InkeepShadowProvider,
   c as ShadowContext,
-  g as useShadow
+  y as useShadow
 };

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.89",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.91",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.89",
+      widgetLibraryVersion: "0.5.91",
       componentType: s,
       tags: a
     }),

package/dist/providers/theme-provider.cjs

@@ -1 +1,3 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("@inkeep/cxkit-theme"),F=require("@inkeep/cxkit-color-mode"),z=require("./config-provider.cjs"),D=require("merge-anything"),E=require("../atoms/custom-styles.cjs"),i=require("react"),H=({children:g})=>{const{baseSettings:y}=z.useInkeepConfig(),{theme:s,primaryBrandColor:h,shadowHost:b,rootElement:f,colorMode:C}=y,{primaryColors:S,varsClassName:M}=s,{fontFamily:v,fontSize:q,zIndex:k}=s,x=m.createColorScheme(S,h),p={colors:D.merge(s.colors,x),fontFamily:v,fontSize:q,zIndex:k},T=m.createCSSVariables(p),{customStyles:j,loaded:P}=E.useCustomStyles(),{sync:e,forcedColorMode:I,...R}=C??{},[V,l]=i.useState(),w=i.useRef(null);return i.useEffect(()=>{if(!e?.target)return;const t=typeof e.target=="string"?document.querySelector(e.target):e.target;if(!t)return;function a(c,o){return o.reduce((A,d)=>({...A,[d]:c.getAttribute(d)}),{})}const n=new MutationObserver(()=>{const c=a(t,e.attributes),o=e.isDarkMode?.(c)?"dark":"light";e.onChange?.(o),l(o)});n.observe(t,{attributes:!0,attributeFilter:e.attributes,childList:!1,subtree:!1}),w.current=n;const u=e.isDarkMode?.(a(t,e?.attributes))?"dark":"light";return e.onChange?.(u),l(u),()=>n.disconnect()},[e]),r.jsxs(r.Fragment,{children:[j,P&&r.jsx(F.ColorModeProvider,{forcedColorMode:I??V,...R,shadowHostId:b?.id,rootId:f?.id,children:r.jsx("div",{className:M,style:{display:"contents",...T},children:g})})]})};exports.ThemeProvider=H;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("@inkeep/cxkit-theme"),D=require("@inkeep/cxkit-color-mode"),H=require("./config-provider.cjs"),L=require("merge-anything"),z=require("../atoms/custom-styles.cjs"),i=require("react"),E=({children:g})=>{const{baseSettings:y}=H.useInkeepConfig(),{theme:s,primaryBrandColor:h,shadowHost:f,rootElement:b,colorMode:S}=y,{primaryColors:C,varsClassName:M}=s,{disableLoadingDefaultFont:p,fontFamily:v,fontSize:x,zIndex:q}=s,k=m.createColorScheme(C,h),T={colors:L.merge(s.colors,k),fontFamily:v,fontSize:x,zIndex:q},j=m.createCSSVariables(T),{customStyles:I,loaded:w}=z.useCustomStyles(),{sync:e,forcedColorMode:P,...F}=S??{},[R,l]=i.useState(),V=i.useRef(null);return i.useEffect(()=>{if(!e?.target)return;const o=typeof e.target=="string"?document.querySelector(e.target):e.target;if(!o)return;function a(c,r){return r.reduce((A,d)=>({...A,[d]:c.getAttribute(d)}),{})}const n=new MutationObserver(()=>{const c=a(o,e.attributes),r=e.isDarkMode?.(c)?"dark":"light";e.onChange?.(r),l(r)});n.observe(o,{attributes:!0,attributeFilter:e.attributes,childList:!1,subtree:!1}),V.current=n;const u=e.isDarkMode?.(a(o,e?.attributes))?"dark":"light";return e.onChange?.(u),l(u),()=>n.disconnect()},[e]),t.jsxs(t.Fragment,{children:[!p&&t.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:`
+          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');
+        `}}),I,w&&t.jsx(D.ColorModeProvider,{forcedColorMode:P??R,...F,shadowHostId:f?.id,rootId:b?.id,children:t.jsx("div",{className:M,style:{display:"contents",...j},children:g})})]})};exports.ThemeProvider=E;

package/dist/providers/theme-provider.js

@@ -1,59 +1,70 @@
 "use client";
-import { jsxs as A, Fragment as D, jsx as d } from "react/jsx-runtime";
-import { createColorScheme as E, createCSSVariables as H } from "@inkeep/cxkit-theme";
+import { jsxs as j, Fragment as z, jsx as c } from "react/jsx-runtime";
+import { createColorScheme as A, createCSSVariables as E } from "@inkeep/cxkit-theme";
 import { ColorModeProvider as N } from "@inkeep/cxkit-color-mode";
 import { useInkeepConfig as P } from "./config-provider.js";
 import { merge as R } from "merge-anything";
-import { useCustomStyles as q } from "../atoms/custom-styles.js";
-import { useState as B, useRef as L, useEffect as O } from "react";
+import { useCustomStyles as _ } from "../atoms/custom-styles.js";
+import { useState as q, useRef as B, useEffect as O } from "react";
 const Z = ({ children: u }) => {
-  const { baseSettings: m } = P(), { theme: r, primaryBrandColor: f, shadowHost: g, rootElement: b, colorMode: h } = m, { primaryColors: C, varsClassName: y } = r, { fontFamily: p, fontSize: M, zIndex: S } = r, v = E(C, f), k = {
-    colors: R(r.colors, v),
-    fontFamily: p,
-    fontSize: M,
-    zIndex: S
-  }, x = H(k), { customStyles: I, loaded: V } = q(), { sync: e, forcedColorMode: w, ...F } = h ?? {}, [T, c] = B(), j = L(null);
+  const { baseSettings: m } = P(), { theme: r, primaryBrandColor: f, shadowHost: g, rootElement: p, colorMode: y } = m, { primaryColors: h, varsClassName: b } = r, { disableLoadingDefaultFont: C, fontFamily: M, fontSize: S, zIndex: v } = r, I = A(h, f), k = {
+    colors: R(r.colors, I),
+    fontFamily: M,
+    fontSize: S,
+    zIndex: v
+  }, w = E(k), { customStyles: x, loaded: F } = _(), { sync: e, forcedColorMode: T, ...V } = y ?? {}, [D, a] = q(), H = B(null);
   return O(() => {
     if (!e?.target) return;
-    const o = typeof e.target == "string" ? document.querySelector(e.target) : e.target;
-    if (!o) return;
-    function i(n, t) {
-      return t.reduce(
-        (z, l) => ({
-          ...z,
-          [l]: n.getAttribute(l)
+    const t = typeof e.target == "string" ? document.querySelector(e.target) : e.target;
+    if (!t) return;
+    function i(n, o) {
+      return o.reduce(
+        (L, d) => ({
+          ...L,
+          [d]: n.getAttribute(d)
         }),
         {}
       );
     }
     const s = new MutationObserver(() => {
-      const n = i(o, e.attributes), t = e.isDarkMode?.(n) ? "dark" : "light";
-      e.onChange?.(t), c(t);
+      const n = i(t, e.attributes), o = e.isDarkMode?.(n) ? "dark" : "light";
+      e.onChange?.(o), a(o);
     });
-    s.observe(o, {
+    s.observe(t, {
       attributes: !0,
       attributeFilter: e.attributes,
       childList: !1,
       subtree: !1
-    }), j.current = s;
-    const a = e.isDarkMode?.(i(o, e?.attributes)) ? "dark" : "light";
-    return e.onChange?.(a), c(a), () => s.disconnect();
-  }, [e]), /* @__PURE__ */ A(D, { children: [
-    I,
-    V && /* @__PURE__ */ d(
+    }), H.current = s;
+    const l = e.isDarkMode?.(i(t, e?.attributes)) ? "dark" : "light";
+    return e.onChange?.(l), a(l), () => s.disconnect();
+  }, [e]), /* @__PURE__ */ j(z, { children: [
+    !C && /* @__PURE__ */ c(
+      "style",
+      {
+        type: "text/css",
+        dangerouslySetInnerHTML: {
+          __html: `
+          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');
+        `
+        }
+      }
+    ),
+    x,
+    F && /* @__PURE__ */ c(
       N,
       {
-        forcedColorMode: w ?? T,
-        ...F,
+        forcedColorMode: T ?? D,
+        ...V,
         shadowHostId: g?.id,
-        rootId: b?.id,
-        children: /* @__PURE__ */ d(
+        rootId: p?.id,
+        children: /* @__PURE__ */ c(
           "div",
           {
-            className: y,
+            className: b,
             style: {
               display: "contents",
-              ...x
+              ...w
             },
             children: u
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.89",
+  "version": "0.5.91",
   "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.89",
-    "@inkeep/cxkit-theme": "0.5.89",
-    "@inkeep/cxkit-types": "0.5.89"
+    "@inkeep/cxkit-color-mode": "0.5.91",
+    "@inkeep/cxkit-theme": "0.5.91",
+    "@inkeep/cxkit-types": "0.5.91"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",