@inkeep/cxkit-primitives 0.5.12 → 0.5.14

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("@radix-ui/react-dialog"),i=require("./factory.cjs"),d=require("../atoms/icons/custom-icon.cjs"),u=require("./modal/use-inkeep-modal.cjs"),l=require("./modal/modal-provider.cjs"),m=require("../utils/compose-event-handlers.cjs"),p=require("../hooks/use-media-query.cjs"),v=require("../utils/misc.cjs");function M(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=M(c),y=i.ikp(s.Root,{_id:"modal"}),C=e=>{const{onOpenChange:o,config:t,...r}=e,a=u.useInkeepModal(t);return n.jsx(l.ModalProvider,{modal:a,children:n.jsx(y,{open:a.isOpen,onOpenChange:m.composeEventHandlers(o,a.handleOpenChange),...r})})},O=i.ikp(s.Overlay,{_id:"modal__Overlay"}),f=i.ikp(s.Content,{_id:"modal__Content","aria-describedby":void 0}),g=e=>{const o=p.useMediaQuery("(max-width: 768px)");return n.jsx(f,{"data-mobile":v.dataAttr(o),...e})},_=i.ikp(s.Close,{_id:"modal__Close",children:n.jsx(d.CustomIcon,{iconKey:"close"})}),b=e=>l.useModal()?n.jsx(_,{...e}):null;exports.Close=b;exports.Content=g;exports.Modal=C;exports.Overlay=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),d=require("../atoms/icons/custom-icon.cjs"),c=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),u=require("../utils/compose-event-handlers.cjs"),m=require("../hooks/use-media-query.cjs"),M=require("../utils/misc.cjs"),p=i.ikp(t.Root,{_id:"modal"}),v=e=>{const{onOpenChange:n,config:l,...a}=e,r=c.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(p,{open:r.isOpen,onOpenChange:u.composeEventHandlers(n,r.handleOpenChange),...a})})},C=i.ikp(t.Overlay,{_id:"modal__Overlay"}),y=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),_=e=>{const n=m.useMediaQuery("(max-width: 768px)");return o.jsx(y,{"data-mobile":M.dataAttr(n),...e})},q=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(d.CustomIcon,{iconKey:"close"})}),O=e=>s.useModal()?o.jsx(q,{...e}):null;exports.Close=O;exports.Content=_;exports.Modal=v;exports.Overlay=C;

package/dist/components/modal.d.cts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { InkeepModalSettings } from '@inkeep/cxkit-types';
 import { PolymorphicProps } from './factory';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '../atoms/dialog';
 declare const Modal: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogProps, "_id"> & Partial<Pick<DialogPrimitive.DialogProps, "_id">>>;
 export interface PrimitiveModalProps extends ComponentPropsWithRef<typeof Modal> {
     /**

package/dist/components/modal.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { InkeepModalSettings } from '@inkeep/cxkit-types';
 import { PolymorphicProps } from './factory';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '../atoms/dialog';
 declare const Modal: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogProps, "_id"> & Partial<Pick<DialogPrimitive.DialogProps, "_id">>>;
 export interface PrimitiveModalProps extends ComponentPropsWithRef<typeof Modal> {
     /**

package/dist/components/modal.js

@@ -1,40 +1,40 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import * as i from "@radix-ui/react-dialog";
+import { Overlay as l, Root as d, Content as m, Close as s } from "../atoms/dialog.js";
 import { ikp as n } from "./factory.js";
-import { CustomIcon as d } from "../atoms/icons/custom-icon.js";
-import { useInkeepModal as m } from "./modal/use-inkeep-modal.js";
-import { ModalProvider as s, useModal as c } from "./modal/modal-provider.js";
-import { composeEventHandlers as p } from "../utils/compose-event-handlers.js";
-import { useMediaQuery as C } from "../hooks/use-media-query.js";
-import { dataAttr as M } from "../utils/misc.js";
-const v = n(i.Root, {
+import { CustomIcon as c } from "../atoms/icons/custom-icon.js";
+import { useInkeepModal as p } from "./modal/use-inkeep-modal.js";
+import { ModalProvider as C, useModal as M } from "./modal/modal-provider.js";
+import { composeEventHandlers as f } from "../utils/compose-event-handlers.js";
+import { useMediaQuery as u } from "../hooks/use-media-query.js";
+import { dataAttr as v } from "../utils/misc.js";
+const _ = n(d, {
   _id: "modal"
-}), k = (o) => {
-  const { onOpenChange: t, config: a, ...l } = o, r = m(a);
-  return /* @__PURE__ */ e(s, { modal: r, children: /* @__PURE__ */ e(
-    v,
+}), A = (o) => {
+  const { onOpenChange: t, config: i, ...a } = o, r = p(i);
+  return /* @__PURE__ */ e(C, { modal: r, children: /* @__PURE__ */ e(
+    _,
     {
       open: r.isOpen,
-      onOpenChange: p(t, r.handleOpenChange),
-      ...l
+      onOpenChange: f(t, r.handleOpenChange),
+      ...a
     }
   ) });
-}, I = n(i.Overlay, {
+}, E = n(l, {
   _id: "modal__Overlay"
-}), f = n(i.Content, {
+}), O = n(m, {
   _id: "modal__Content",
   "aria-describedby": void 0
-}), j = (o) => {
-  const t = C("(max-width: 768px)");
-  return /* @__PURE__ */ e(f, { "data-mobile": M(t), ...o });
-}, u = n(i.Close, {
+}), H = (o) => {
+  const t = u("(max-width: 768px)");
+  return /* @__PURE__ */ e(O, { "data-mobile": v(t), ...o });
+}, h = n(s, {
   _id: "modal__Close",
-  children: /* @__PURE__ */ e(d, { iconKey: "close" })
-}), w = (o) => c() ? /* @__PURE__ */ e(u, { ...o }) : null;
+  children: /* @__PURE__ */ e(c, { iconKey: "close" })
+}), K = (o) => M() ? /* @__PURE__ */ e(h, { ...o }) : null;
 export {
-  w as Close,
-  j as Content,
-  k as Modal,
-  I as Overlay
+  K as Close,
+  H as Content,
+  A as Modal,
+  E as Overlay
 };

package/dist/node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.cjs

@@ -0,0 +1,9 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../../_virtual/use-sync-external-store-shim.development.cjs"),h=require("react");/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var f;function T(){return f||(f=1,process.env.NODE_ENV!=="production"&&function(){function d(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}function S(e,t){c||o.startTransition===void 0||(c=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var r=t();if(!l){var u=t();_(r,u)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),l=!0)}u=p({inst:{value:r,getSnapshot:t}});var n=u[0].inst,s=u[1];return y(function(){n.value=r,n.getSnapshot=t,a(n)&&s({inst:n})},[e,r,t]),E(function(){return a(n)&&s({inst:n}),e(function(){a(n)&&s({inst:n})})},[e]),L(r),r}function a(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!_(e,r)}catch{return!0}}function O(e,t){return t()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var o=h,_=typeof Object.is=="function"?Object.is:d,p=o.useState,E=o.useEffect,y=o.useLayoutEffect,L=o.useDebugValue,c=!1,l=!1,v=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?O:S;i.__exports.useSyncExternalStore=o.useSyncExternalStore!==void 0?o.useSyncExternalStore:v,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),i.__exports}exports.__require=T;

package/dist/node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js

@@ -0,0 +1,68 @@
+"use client";
+import { __exports as s } from "../../../../../../_virtual/use-sync-external-store-shim.development.js";
+import h from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      f || o.startTransition === void 0 || (f = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var r = t();
+      if (!c) {
+        var u = t();
+        _(r, u) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), c = !0);
+      }
+      u = p({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, i = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
+        },
+        [e, r, t]
+      ), E(
+        function() {
+          return a(n) && i({ inst: n }), e(function() {
+            a(n) && i({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !_(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }(), s);
+}
+export {
+  A as __require
+};

package/dist/node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.cjs

@@ -0,0 +1,9 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../../_virtual/use-sync-external-store-shim.production.cjs"),h=require("react");/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var s;function m(){if(s)return i.__exports;s=1;var u=h;function f(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var S=typeof Object.is=="function"?Object.is:f,d=u.useState,l=u.useEffect,p=u.useLayoutEffect,y=u.useDebugValue;function v(e,t){var r=t(),c=d({inst:{value:r,getSnapshot:t}}),n=c[0].inst,a=c[1];return p(function(){n.value=r,n.getSnapshot=t,o(n)&&a({inst:n})},[e,r,t]),l(function(){return o(n)&&a({inst:n}),e(function(){o(n)&&a({inst:n})})},[e]),y(r),r}function o(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!S(e,r)}catch{return!0}}function E(e,t){return t()}var _=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?E:v;return i.__exports.useSyncExternalStore=u.useSyncExternalStore!==void 0?u.useSyncExternalStore:_,i.__exports}exports.__require=m;

package/dist/node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js

@@ -0,0 +1,56 @@
+"use client";
+import { __exports as i } from "../../../../../../_virtual/use-sync-external-store-shim.production.js";
+import h from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var s;
+function x() {
+  if (s) return i;
+  s = 1;
+  var u = h;
+  function f(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : f, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
+export {
+  x as __require
+};

package/dist/node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../../_virtual/index.cjs"),r=require("../cjs/use-sync-external-store-shim.production.cjs"),o=require("../cjs/use-sync-external-store-shim.development.cjs");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.shimExports=t;

package/dist/node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js

@@ -0,0 +1,8 @@
+import { __module as r } from "../../../../../../_virtual/index.js";
+import { __require as e } from "../cjs/use-sync-external-store-shim.production.js";
+import { __require as o } from "../cjs/use-sync-external-store-shim.development.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var m = r.exports;
+export {
+  m as s
+};

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

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

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

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const m = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = C(), { apiKey: n, analyticsApiBaseUrl: s, tags: r, privacyPreferences: u, env: l } = t, { userProperties: i } = b(), a = d(
     () => ({
-      widgetLibraryVersion: "0.5.12",
+      widgetLibraryVersion: "0.5.14",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.12",
+  "version": "0.5.14",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -20,8 +20,10 @@
   },
   "sideEffects": false,
   "dependencies": {
+    "@radix-ui/primitive": "^1.1.1",
     "@radix-ui/react-avatar": "1.1.2",
     "@radix-ui/react-checkbox": "1.1.3",
+    "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-context": "^1.1.1",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "^1.1.5",
@@ -30,6 +32,7 @@
     "@radix-ui/react-hover-card": "^1.1.6",
     "@radix-ui/react-id": "^1.1.0",
     "@radix-ui/react-popover": "1.1.4",
+    "@radix-ui/react-portal": "^1.1.4",
     "@radix-ui/react-presence": "^1.1.2",
     "@radix-ui/react-primitive": "^2.0.2",
     "@radix-ui/react-scroll-area": "1.2.2",
@@ -40,10 +43,10 @@
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "altcha-lib": "^1.2.0",
     "aria-hidden": "^1.2.4",
-    "cmdk": "1.0.4",
+    "cmdk": "^1.0.4",
     "dequal": "^2.0.3",
     "humps": "2.0.1",
-    "merge-anything": "6.0.2",
+    "merge-anything": "5.1.7",
     "openai": "4.78.1",
     "prism-react-renderer": "2.4.1",
     "react-hook-form": "7.54.2",
@@ -54,9 +57,10 @@
     "react-textarea-autosize": "8.5.7",
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
-    "@inkeep/cxkit-color-mode": "0.5.12",
-    "@inkeep/cxkit-theme": "0.5.12",
-    "@inkeep/cxkit-types": "0.5.12"
+    "use-sync-external-store": "^1.4.0",
+    "@inkeep/cxkit-color-mode": "0.5.14",
+    "@inkeep/cxkit-theme": "0.5.14",
+    "@inkeep/cxkit-types": "0.5.14"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -68,6 +72,7 @@
     "@types/jsdom": "21.1.7",
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.3",
+    "@types/use-sync-external-store": "^0.0.6",
     "@vitejs/plugin-react": "4.3.4",
     "clean-package": "2.2.0",
     "globby": "14.0.2",