@inkeep/cxkit-primitives 0.5.6 → 0.5.9

package/dist/utils/misc.js

@@ -1,18 +1,20 @@
 "use client";
 const o = (t) => {
-  try {
-    return JSON.parse(t);
-  } catch {
-    return t;
-  }
+  if (typeof t == "string")
+    try {
+      return JSON.parse(t);
+    } catch {
+      return t;
+    }
+  return t;
 }, c = (
   // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   (...t) => (...n) => {
     for (const e of t)
       e?.(...n);
   }
-), a = (t) => typeof t == "string";
-function s(t) {
+), s = (t) => typeof t == "string";
+function a(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/__/g, "__").toLowerCase();
 }
 const f = (t) => t ? "" : void 0;
@@ -20,17 +22,17 @@ function i(t) {
   const n = t.split(" "), e = n[0] ?? "", r = n.length > 1 ? n[n.length - 1] : "";
   return e && r ? `${e.charAt(0)}${r.charAt(0)}` : e.charAt(0);
 }
-function u(t, n) {
+function p(t, n) {
   return typeof t == "function" ? t(n) : t;
 }
-const l = (t) => typeof t.content == "string" ? t.content : t.content[0].text;
+const g = (t) => typeof t.content == "string" ? t.content : t.content[0].text;
 export {
   c as callAll,
   f as dataAttr,
   i as getInitials,
-  l as getMessageContent,
-  a as isString,
-  u as maybeRender,
+  g as getMessageContent,
+  s as isString,
+  p as maybeRender,
   o as parseIfJson,
-  s as toKebabCase
+  a as toKebabCase
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.6",
+  "version": "0.5.9",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -27,6 +27,7 @@
     "@radix-ui/react-dismissable-layer": "^1.1.5",
     "@radix-ui/react-focus-guards": "^1.1.1",
     "@radix-ui/react-focus-scope": "^1.1.2",
+    "@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-presence": "^1.1.2",
@@ -53,9 +54,9 @@
     "react-textarea-autosize": "8.5.7",
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
-    "@inkeep/cxkit-color-mode": "0.5.6",
-    "@inkeep/cxkit-theme": "0.5.6",
-    "@inkeep/cxkit-types": "0.5.6"
+    "@inkeep/cxkit-color-mode": "0.5.9",
+    "@inkeep/cxkit-theme": "0.5.9",
+    "@inkeep/cxkit-types": "0.5.9"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",

package/dist/atoms/dialog.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),F=require("react"),w=require("@radix-ui/react-context"),m=require("@radix-ui/react-id"),M=require("@radix-ui/react-use-controllable-state"),k=require("@radix-ui/react-dismissable-layer"),H=require("@radix-ui/react-focus-scope"),b=require("@radix-ui/react-presence"),p=require("@radix-ui/react-primitive"),L=require("@radix-ui/react-focus-guards"),G=require("react-remove-scroll"),U=require("aria-hidden"),z=require("@radix-ui/react-slot"),C=require("../utils/compose-refs.cjs"),d=require("../utils/compose-event-handlers.cjs");function K(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=K(F),R="Dialog",[V,Y]=w.createContextScope(R),[Z,u]=V(R),O=e=>{const{__scopeDialog:o,children:t,open:s,defaultOpen:n,onOpenChange:c,modal:l=!0}=e,a=i.useRef(null),g=i.useRef(null),[f=!1,D]=M.useControllableState({prop:s,defaultProp:n,onChange:c});return r.jsx(Z,{scope:o,triggerRef:a,contentRef:g,contentId:m.useId(),titleId:m.useId(),descriptionId:m.useId(),open:f,onOpenChange:D,onOpenToggle:i.useCallback(()=>D(A=>!A),[D]),modal:l,children:t})};O.displayName=R;const E="DialogTrigger",j=i.forwardRef((e,o)=>{const{__scopeDialog:t,...s}=e,n=u(E,t),c=C.useComposedRefs(o,n.triggerRef);return r.jsx(p.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":_(n.open),...s,ref:c,onClick:d.composeEventHandlers(e.onClick,n.onOpenToggle)})});j.displayName=E;const h="DialogOverlay",I=i.forwardRef((e,o)=>r.jsx(b.Presence,{present:!0,children:r.jsx(B,{...e,ref:o})}));I.displayName=h;const B=i.forwardRef((e,o)=>{const{__scopeDialog:t,...s}=e,n=u(h,t);return r.jsx(G.RemoveScroll,{as:z.Slot,allowPinchZoom:!0,shards:[n.contentRef],enabled:n.open,children:r.jsx(p.Primitive.div,{"data-state":_(n.open),...s,ref:o,style:{pointerEvents:"auto",...s.style}})})}),v="DialogContent",x=i.forwardRef((e,o)=>r.jsx(b.Presence,{present:!0,children:r.jsx(J,{...e,ref:o})}));x.displayName=v;const J=i.forwardRef((e,o)=>{const t=u(v,e.__scopeDialog),s=i.useRef(null),n=C.useComposedRefs(o,t.contentRef,s);return i.useEffect(()=>{const c=s.current;if(c)return U.hideOthers(c)},[]),r.jsx(Q,{...e,ref:n,trapFocus:t.open,disableOutsidePointerEvents:!1,onCloseAutoFocus:d.composeEventHandlers(e.onCloseAutoFocus,c=>{c.preventDefault(),t.triggerRef.current?.focus()}),onPointerDownOutside:d.composeEventHandlers(e.onPointerDownOutside,c=>{if(!t.open)return;const l=c.detail.originalEvent,a=l.button===0&&l.ctrlKey===!0;(l.button===2||a)&&c.preventDefault()}),onFocusOutside:d.composeEventHandlers(e.onFocusOutside,c=>{c.preventDefault()})})}),Q=i.forwardRef((e,o)=>{const{__scopeDialog:t,trapFocus:s,onOpenAutoFocus:n,onCloseAutoFocus:c,...l}=e,a=u(v,t),g=i.useRef(null),f=C.useComposedRefs(o,g);return L.useFocusGuards(),r.jsx(r.Fragment,{children:r.jsx(H.FocusScope,{asChild:!0,loop:!0,trapped:s,onMountAutoFocus:n,onUnmountAutoFocus:c,children:r.jsx(k.DismissableLayer,{role:"dialog",id:a.contentId,"aria-describedby":a.descriptionId,"aria-labelledby":a.titleId,"data-state":_(a.open),...l,ref:f,onDismiss:()=>a.onOpenChange(!1)})})})}),T="DialogTitle",y=i.forwardRef((e,o)=>{const{__scopeDialog:t,...s}=e,n=u(T,t);return r.jsx(p.Primitive.h2,{id:n.titleId,...s,ref:o})});y.displayName=T;const N="DialogDescription",S=i.forwardRef((e,o)=>{const{__scopeDialog:t,...s}=e,n=u(N,t);return r.jsx(p.Primitive.p,{id:n.descriptionId,...s,ref:o})});S.displayName=N;const q="DialogClose",P=i.forwardRef((e,o)=>{const{__scopeDialog:t,...s}=e,n=u(q,t);return r.jsx(p.Primitive.button,{type:"button",...s,ref:o,onClick:d.composeEventHandlers(e.onClick,()=>n.onOpenChange(!1))})});P.displayName=q;function _(e){return e?"open":"closed"}const W=O,X=I,$=x,ee=y,oe=P;exports.Close=oe;exports.Content=$;exports.Dialog=O;exports.DialogClose=P;exports.DialogContent=x;exports.DialogDescription=S;exports.DialogTitle=y;exports.DialogTrigger=j;exports.Overlay=X;exports.Root=W;exports.Title=ee;exports.createDialogScope=Y;

package/dist/atoms/dialog.js

@@ -1,185 +0,0 @@
-"use client";
-import { jsx as i, Fragment as w } from "react/jsx-runtime";
-import * as c from "react";
-import { createContextScope as M } from "@radix-ui/react-context";
-import { useId as D } from "@radix-ui/react-id";
-import { useControllableState as S } from "@radix-ui/react-use-controllable-state";
-import { DismissableLayer as k } from "@radix-ui/react-dismissable-layer";
-import { FocusScope as L } from "@radix-ui/react-focus-scope";
-import { Presence as h } from "@radix-ui/react-presence";
-import { Primitive as f } from "@radix-ui/react-primitive";
-import { useFocusGuards as G } from "@radix-ui/react-focus-guards";
-import { RemoveScroll as j } from "react-remove-scroll";
-import { hideOthers as H } from "aria-hidden";
-import { Slot as K } from "@radix-ui/react-slot";
-import { useComposedRefs as R } from "../utils/compose-refs.js";
-import { composeEventHandlers as u } from "../utils/compose-event-handlers.js";
-const C = "Dialog", [U, lo] = M(C), [V, p] = U(C), y = (o) => {
-  const { __scopeDialog: t, children: n, open: r, defaultOpen: e, onOpenChange: s, modal: l = !0 } = o, a = c.useRef(null), d = c.useRef(null), [g = !1, m] = S({
-    prop: r,
-    defaultProp: e,
-    onChange: s
-  });
-  return /* @__PURE__ */ i(
-    V,
-    {
-      scope: t,
-      triggerRef: a,
-      contentRef: d,
-      contentId: D(),
-      titleId: D(),
-      descriptionId: D(),
-      open: g,
-      onOpenChange: m,
-      onOpenToggle: c.useCallback(() => m((F) => !F), [m]),
-      modal: l,
-      children: n
-    }
-  );
-};
-y.displayName = C;
-const E = "DialogTrigger", Y = c.forwardRef(
-  (o, t) => {
-    const { __scopeDialog: n, ...r } = o, e = p(E, n), s = R(t, e.triggerRef);
-    return /* @__PURE__ */ i(
-      f.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": e.open,
-        "aria-controls": e.contentId,
-        "data-state": _(e.open),
-        ...r,
-        ref: s,
-        onClick: u(o.onClick, e.onOpenToggle)
-      }
-    );
-  }
-);
-Y.displayName = E;
-const I = "DialogOverlay", N = c.forwardRef(
-  (o, t) => /* @__PURE__ */ i(h, { present: !0, children: /* @__PURE__ */ i(Z, { ...o, ref: t }) })
-);
-N.displayName = I;
-const Z = c.forwardRef(
-  (o, t) => {
-    const { __scopeDialog: n, ...r } = o, e = p(I, n);
-    return (
-      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-      // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i(j, { as: K, allowPinchZoom: !0, shards: [e.contentRef], enabled: e.open, children: /* @__PURE__ */ i(
-        f.div,
-        {
-          "data-state": _(e.open),
-          ...r,
-          ref: t,
-          style: { pointerEvents: "auto", ...r.style }
-        }
-      ) })
-    );
-  }
-), O = "DialogContent", v = c.forwardRef(
-  (o, t) => /* @__PURE__ */ i(h, { present: !0, children: /* @__PURE__ */ i(q, { ...o, ref: t }) })
-);
-v.displayName = O;
-const q = c.forwardRef(
-  (o, t) => {
-    const n = p(O, o.__scopeDialog), r = c.useRef(null), e = R(t, n.contentRef, r);
-    return c.useEffect(() => {
-      const s = r.current;
-      if (s) return H(s);
-    }, []), /* @__PURE__ */ i(
-      z,
-      {
-        ...o,
-        ref: e,
-        trapFocus: n.open,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: u(o.onCloseAutoFocus, (s) => {
-          s.preventDefault(), n.triggerRef.current?.focus();
-        }),
-        onPointerDownOutside: u(o.onPointerDownOutside, (s) => {
-          if (!n.open) return;
-          const l = s.detail.originalEvent, a = l.button === 0 && l.ctrlKey === !0;
-          (l.button === 2 || a) && s.preventDefault();
-        }),
-        onFocusOutside: u(o.onFocusOutside, (s) => {
-          s.preventDefault();
-        })
-      }
-    );
-  }
-), z = c.forwardRef(
-  (o, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: e, onCloseAutoFocus: s, ...l } = o, a = p(O, n), d = c.useRef(null), g = R(t, d);
-    return G(), /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(
-      L,
-      {
-        asChild: !0,
-        loop: !0,
-        trapped: r,
-        onMountAutoFocus: e,
-        onUnmountAutoFocus: s,
-        children: /* @__PURE__ */ i(
-          k,
-          {
-            role: "dialog",
-            id: a.contentId,
-            "aria-describedby": a.descriptionId,
-            "aria-labelledby": a.titleId,
-            "data-state": _(a.open),
-            ...l,
-            ref: g,
-            onDismiss: () => a.onOpenChange(!1)
-          }
-        )
-      }
-    ) });
-  }
-), P = "DialogTitle", b = c.forwardRef(
-  (o, t) => {
-    const { __scopeDialog: n, ...r } = o, e = p(P, n);
-    return /* @__PURE__ */ i(f.h2, { id: e.titleId, ...r, ref: t });
-  }
-);
-b.displayName = P;
-const A = "DialogDescription", B = c.forwardRef(
-  (o, t) => {
-    const { __scopeDialog: n, ...r } = o, e = p(A, n);
-    return /* @__PURE__ */ i(f.p, { id: e.descriptionId, ...r, ref: t });
-  }
-);
-B.displayName = A;
-const T = "DialogClose", x = c.forwardRef(
-  (o, t) => {
-    const { __scopeDialog: n, ...r } = o, e = p(T, n);
-    return /* @__PURE__ */ i(
-      f.button,
-      {
-        type: "button",
-        ...r,
-        ref: t,
-        onClick: u(o.onClick, () => e.onOpenChange(!1))
-      }
-    );
-  }
-);
-x.displayName = T;
-function _(o) {
-  return o ? "open" : "closed";
-}
-const po = y, uo = N, fo = v, go = b, mo = x;
-export {
-  mo as Close,
-  fo as Content,
-  y as Dialog,
-  x as DialogClose,
-  v as DialogContent,
-  B as DialogDescription,
-  b as DialogTitle,
-  Y as DialogTrigger,
-  uo as Overlay,
-  po as Root,
-  go as Title,
-  lo as createDialogScope
-};