@inkeep/cxkit-primitives 0.5.112 → 0.5.113

package/dist/index.d.cts

@@ -1400,6 +1400,54 @@ declare const defaultInkeepBaseSettings: {
             '8xl': string;
             '9xl': string;
         };
+        spacing: {
+            0: string;
+            px: string;
+            0.5: string;
+            1: string;
+            1.5: string;
+            2: string;
+            2.5: string;
+            3: string;
+            3.5: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+        };
+        borderRadius: {
+            none: string;
+            sm: string;
+            DEFAULT: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            full: string;
+        };
         zIndex: {
             hide: number;
             auto: string;

package/dist/index.d.ts

@@ -1400,6 +1400,54 @@ declare const defaultInkeepBaseSettings: {
             '8xl': string;
             '9xl': string;
         };
+        spacing: {
+            0: string;
+            px: string;
+            0.5: string;
+            1: string;
+            1.5: string;
+            2: string;
+            2.5: string;
+            3: string;
+            3.5: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            14: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+        };
+        borderRadius: {
+            none: string;
+            sm: string;
+            DEFAULT: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            full: string;
+        };
         zIndex: {
             hide: number;
             auto: string;

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.112",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.113",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.112",
+      widgetLibraryVersion: "0.5.113",
       componentType: s,
       tags: a
     }),

package/dist/providers/theme-provider.cjs

@@ -1,3 +1,3 @@
-"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:`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("@inkeep/cxkit-theme"),L=require("@inkeep/cxkit-color-mode"),z=require("./config-provider.cjs"),E=require("merge-anything"),N=require("../atoms/custom-styles.cjs"),i=require("react"),O=({children:g})=>{const{baseSettings:y}=z.useInkeepConfig(),{theme:s,primaryBrandColor:h,shadowHost:f,rootElement:b,colorMode:S}=y,{primaryColors:C,varsClassName:M}=s,{disableLoadingDefaultFont:p,fontFamily:v,fontSize:x,spacing:q,borderRadius:k,zIndex:T}=s,j=m.createColorScheme(C,h),I={colors:E.merge(s.colors,j),fontFamily:v,fontSize:x,spacing:q,borderRadius:k,zIndex:T},w=m.createCSSVariables(I),{customStyles:P,loaded:R}=N.useCustomStyles(),{sync:e,forcedColorMode:F,...V}=S??{},[A,l]=i.useState(),D=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((H,d)=>({...H,[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}),D.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;
+        `}}),P,R&&t.jsx(L.ColorModeProvider,{forcedColorMode:F??A,...V,shadowHostId:f?.id,rootId:b?.id,children:t.jsx("div",{className:M,style:{display:"contents",...w},children:g})})]})};exports.ThemeProvider=O;

package/dist/providers/theme-provider.js

@@ -1,26 +1,28 @@
 "use client";
-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 _ } 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: 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),
+import { jsxs as z, Fragment as A, jsx as c } from "react/jsx-runtime";
+import { createColorScheme as E, createCSSVariables as N } from "@inkeep/cxkit-theme";
+import { ColorModeProvider as P } from "@inkeep/cxkit-color-mode";
+import { useInkeepConfig as _ } from "./config-provider.js";
+import { merge as q } from "merge-anything";
+import { useCustomStyles as B } from "../atoms/custom-styles.js";
+import { useState as O, useRef as G, useEffect as J } from "react";
+const ee = ({ children: u }) => {
+  const { baseSettings: m } = _(), { theme: r, primaryBrandColor: f, shadowHost: g, rootElement: p, colorMode: y } = m, { primaryColors: h, varsClassName: b } = r, { disableLoadingDefaultFont: C, fontFamily: M, fontSize: S, spacing: v, borderRadius: I, zIndex: k } = r, w = E(h, f), x = {
+    colors: q(r.colors, w),
     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(() => {
+    spacing: v,
+    borderRadius: I,
+    zIndex: k
+  }, F = N(x), { customStyles: T, loaded: V } = B(), { sync: e, forcedColorMode: D, ...H } = y ?? {}, [L, a] = O(), R = G(null);
+  return J(() => {
     if (!e?.target) return;
     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,
+        (j, d) => ({
+          ...j,
           [d]: n.getAttribute(d)
         }),
         {}
@@ -35,10 +37,10 @@ const Z = ({ children: u }) => {
       attributeFilter: e.attributes,
       childList: !1,
       subtree: !1
-    }), H.current = s;
+    }), R.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: [
+  }, [e]), /* @__PURE__ */ z(A, { children: [
     !C && /* @__PURE__ */ c(
       "style",
       {
@@ -50,12 +52,12 @@ const Z = ({ children: u }) => {
         }
       }
     ),
-    x,
-    F && /* @__PURE__ */ c(
-      N,
+    T,
+    V && /* @__PURE__ */ c(
+      P,
       {
-        forcedColorMode: T ?? D,
-        ...V,
+        forcedColorMode: D ?? L,
+        ...H,
         shadowHostId: g?.id,
         rootId: p?.id,
         children: /* @__PURE__ */ c(
@@ -64,7 +66,7 @@ const Z = ({ children: u }) => {
             className: b,
             style: {
               display: "contents",
-              ...w
+              ...F
             },
             children: u
           }
@@ -74,5 +76,5 @@ const Z = ({ children: u }) => {
   ] });
 };
 export {
-  Z as ThemeProvider
+  ee as ThemeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.112",
+  "version": "0.5.113",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -67,9 +67,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.112",
-    "@inkeep/cxkit-theme": "0.5.112",
-    "@inkeep/cxkit-types": "0.5.112"
+    "@inkeep/cxkit-color-mode": "^0.5.113",
+    "@inkeep/cxkit-theme": "0.5.113",
+    "@inkeep/cxkit-types": "0.5.113"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",