@inkeep/agents-ui 0.1.0 → 0.14.8

package/dist/primitives/components/modal/modal-provider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),o=t.createContext(void 0),s=({children:e,modal:r})=>n.jsx(o.Provider,{value:r,children:e}),c=()=>t.useContext(o);exports.ModalProvider=s;exports.useModal=c;

package/dist/primitives/components/modal/modal-provider.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useContext as c } from "react";
+const o = n(void 0), d = ({ children: t, modal: e }) => /* @__PURE__ */ r(o.Provider, { value: e, children: t }), i = () => c(o);
+export {
+  d as ModalProvider,
+  i as useModal
+};

package/dist/primitives/components/modal/use-inkeep-modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),f=require("@radix-ui/react-use-controllable-state"),g=require("../../providers/base-events-provider.cjs"),m=require("../use-component-trigger.cjs"),y=l=>{const{isOpen:r,onOpenChange:i,defaultOpen:c=!1,shortcutKey:o,triggerSelector:p="[data-inkeep-modal-trigger]"}=l??{},{logEvent:d}=g.useBaseEvents(),[n=c,t]=f.useControllableState({prop:r,defaultProp:r??!1,onChange:i});m.useComponentTrigger({triggerSelector:p,onTriggerClick:()=>t(!n)});const a=s.useRef(!0);return s.useEffect(()=>{if(a.current){a.current=!1;return}d({eventName:n?"modal_opened":"modal_closed",properties:{}})},[n]),s.useEffect(()=>{const u=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",u),()=>document.removeEventListener("keydown",u)},[o,t,r]),{isOpen:n,setOpen:t,shortcutKey:o}};exports.useInkeepModal=y;

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

@@ -0,0 +1,45 @@
+"use client";
+import { useRef as d, useEffect as p } from "react";
+import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
+import { useBaseEvents as g } from "../../providers/base-events-provider.js";
+import { useComponentTrigger as y } from "../use-component-trigger.js";
+const O = (i) => {
+  const {
+    isOpen: t,
+    onOpenChange: l,
+    defaultOpen: u = !1,
+    shortcutKey: r,
+    triggerSelector: c = "[data-inkeep-modal-trigger]"
+  } = i ?? {}, { logEvent: f } = g(), [n = u, o] = m({
+    prop: t,
+    defaultProp: t ?? !1,
+    onChange: l
+  });
+  y({
+    triggerSelector: c,
+    onTriggerClick: () => o(!n)
+  });
+  const s = d(!0);
+  return p(() => {
+    if (s.current) {
+      s.current = !1;
+      return;
+    }
+    f({
+      eventName: n ? "modal_opened" : "modal_closed",
+      properties: {}
+    });
+  }, [n]), p(() => {
+    const a = (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);
+  }, [r, o, t]), {
+    isOpen: n,
+    setOpen: o,
+    shortcutKey: r
+  };
+};
+export {
+  O as useInkeepModal
+};

package/dist/primitives/components/modal/widget-auto-focus.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s=require("../../providers/widget-provider.cjs"),i=require("./modal-provider.cjs"),n=(o,e,u)=>{const t=i.useModal(),r=s.useWidget();c.useEffect(()=>{if(!u||t&&!t.isOpen)return;requestAnimationFrame(()=>{e?.current&&(r?.view&&r.view!==o||(e.current.focus(),e.current.selectionStart=e.current.value.length))})},[u,e,t,r?.view,o])};exports.useWidgetAutoFocus=n;

package/dist/primitives/components/modal/widget-auto-focus.js

@@ -0,0 +1,16 @@
+"use client";
+import { useEffect as n } from "react";
+import { useWidget as s } from "../../providers/widget-provider.js";
+import { useModal as u } from "./modal-provider.js";
+const l = (o, e, c) => {
+  const r = u(), t = s();
+  n(() => {
+    if (!c || r && !r.isOpen) return;
+    requestAnimationFrame(() => {
+      e?.current && (t?.view && t.view !== o || (e.current.focus(), e.current.selectionStart = e.current.value.length));
+    });
+  }, [c, e, r, t?.view, o]);
+};
+export {
+  l as useWidgetAutoFocus
+};

package/dist/primitives/components/modal.cjs

@@ -0,0 +1 @@
+"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"),c=require("../atoms/icons/custom-icon.cjs"),u=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),m=require("../utils/compose-event-handlers.cjs"),M=require("../hooks/use-media-query.cjs"),p=require("../utils/misc.cjs"),v=i.ikp(t.Root,{_id:"modal"}),C=e=>{const{onOpenChange:n,config:l,...a}=e,r=u.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(v,{open:r.isOpen,onOpenChange:m.composeEventHandlers(n,d=>r.setOpen(d)),...a})})},y=i.ikp(t.Overlay,{_id:"modal__Overlay"}),_=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),q=e=>{const n=M.useMediaQuery("(max-width: 768px)");return o.jsx(_,{"data-mobile":p.dataAttr(n),tabIndex:-1,...e})},x=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(c.CustomIcon,{iconKey:"close"})}),O=e=>s.useModal()?o.jsx(x,{...e}):null;exports.Close=O;exports.Content=q;exports.Modal=C;exports.Overlay=y;

package/dist/primitives/components/modal.js

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

package/dist/primitives/components/presence.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),d=require("react"),m=require("@zag-js/presence"),o=require("@zag-js/react");function b(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=b(m),g=d.forwardRef((t,e)=>{const{unmountOnExit:n=!1,present:r,onExitComplete:u,children:a,...l}=t,p=o.useMachine(i.machine,{present:r,onExitComplete:u}),c=i.connect(p,o.normalizeProps);return!c.present&&n?null:f.jsx("div",{hidden:!c.present,"data-state":c.skip?void 0:r?"open":"closed",ref:s=>{c.setNode(s),typeof e=="function"?e(s):e&&(e.current=s)},...l,children:a})});exports.Presence=g;

package/dist/primitives/components/presence.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import * as o from "@zag-js/presence";
+import { useMachine as u, normalizeProps as d } from "@zag-js/react";
+const E = l((s, e) => {
+  const { unmountOnExit: i = !1, present: r, onExitComplete: c, children: p, ...m } = s, a = u(o.machine, {
+    present: r,
+    onExitComplete: c
+  }), t = o.connect(a, d);
+  return !t.present && i ? null : /* @__PURE__ */ f(
+    "div",
+    {
+      hidden: !t.present,
+      "data-state": t.skip ? void 0 : r ? "open" : "closed",
+      ref: (n) => {
+        t.setNode(n), typeof e == "function" ? e(n) : e && (e.current = n);
+      },
+      ...m,
+      children: p
+    }
+  );
+});
+export {
+  E as Presence
+};

package/dist/primitives/components/searchbar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("./factory.cjs"),a=require("../atoms/icons/custom-icon.cjs"),n=require("../providers/config-provider.cjs"),o=r.ikp("div",{_id:"searchBar__Container"}),s=r.ikp("button",{_id:"searchBar__Button",type:"button"}),d=r.ikp("div",{_id:"searchBar__ContentWrapper"}),h=r.ikp("div",{_id:"searchBar__Text"}),u=e=>{const{searchSettings:{placeholder:i}}=n.useInkeepConfig();return t.jsx(h,{...e,children:i})},B=r.ikp(a.CustomIcon,{_id:"searchBar__Icon",iconKey:"search"}),p=r.ikp("kbd",{_id:"searchBar__KbdWrapper"}),_=r.ikp("kbd",{_id:"searchBar__KbdShortcutKey"}),S=e=>{const{shortcutKey:i,...c}=e;return t.jsx(_,{...c,children:i?.toUpperCase()})},m=()=>{if(typeof window>"u")return!1;const e=window.navigator?.userAgent?.toLowerCase();return e.includes("macintosh")||e.includes("mac os x")},l=r.ikp("kbd",{_id:"searchBar__Ctrl",children:"Ctrl"}),v=r.ikp(a.CustomIcon,{_id:"searchBar__CmdIcon",iconKey:"command"}),K=e=>{const{shortcutKey:i,...c}=e;return t.jsx(t.Fragment,{children:i?m()?t.jsx(v,{...c}):t.jsx(l,{...c}):null})};exports.SearchBarButton=s;exports.SearchBarContainer=o;exports.SearchBarContentWrapper=d;exports.SearchBarIcon=B;exports.SearchBarKbdModifier=K;exports.SearchBarKbdShortcutKey=S;exports.SearchBarKbdWrapper=p;exports.SearchBarText=u;

package/dist/primitives/components/searchbar.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as a, Fragment as n } from "react/jsx-runtime";
+import { ikp as r } from "./factory.js";
+import { CustomIcon as c } from "../atoms/icons/custom-icon.js";
+import { useInkeepConfig as o } from "../providers/config-provider.js";
+const K = r("div", {
+  _id: "searchBar__Container"
+}), l = r("button", {
+  _id: "searchBar__Button",
+  type: "button"
+}), v = r("div", {
+  _id: "searchBar__ContentWrapper"
+}), s = r("div", {
+  _id: "searchBar__Text"
+}), b = (e) => {
+  const {
+    searchSettings: { placeholder: t }
+  } = o();
+  return /* @__PURE__ */ a(s, { ...e, children: t });
+}, C = r(c, {
+  _id: "searchBar__Icon",
+  iconKey: "search"
+}), f = r("kbd", {
+  _id: "searchBar__KbdWrapper"
+}), h = r("kbd", {
+  _id: "searchBar__KbdShortcutKey"
+}), P = (e) => {
+  const { shortcutKey: t, ...i } = e;
+  return /* @__PURE__ */ a(h, { ...i, children: t?.toUpperCase() });
+}, d = () => {
+  if (typeof window > "u")
+    return !1;
+  const e = window.navigator?.userAgent?.toLowerCase();
+  return e.includes("macintosh") || e.includes("mac os x");
+}, B = r("kbd", {
+  _id: "searchBar__Ctrl",
+  children: "Ctrl"
+}), m = r(c, {
+  _id: "searchBar__CmdIcon",
+  iconKey: "command"
+}), y = (e) => {
+  const { shortcutKey: t, ...i } = e;
+  return /* @__PURE__ */ a(n, { children: t ? d() ? /* @__PURE__ */ a(m, { ...i }) : /* @__PURE__ */ a(B, { ...i }) : null });
+};
+export {
+  l as SearchBarButton,
+  K as SearchBarContainer,
+  v as SearchBarContentWrapper,
+  C as SearchBarIcon,
+  y as SearchBarKbdModifier,
+  P as SearchBarKbdShortcutKey,
+  f as SearchBarKbdWrapper,
+  b as SearchBarText
+};

package/dist/primitives/components/sidebar-chat/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("react"),d=require("../factory.cjs"),n=require("../../providers/sidebar-chat-provider.cjs"),l=require("./use-sidebar-chat-resizer.cjs"),h=require("../use-component-trigger.cjs"),C=require("../presence.cjs"),b=require("../../utils/misc.cjs"),R=require("../../utils/split-props.cjs"),S=require("../../atoms/icons/built-in-icon-renderer.cjs"),g=d.ikp(C.Presence,{_id:"sidebarChat__Root"}),P=({triggerSelector:i})=>{const{isOpen:e,setOpen:t}=n.useSidebarChat();return h.useComponentTrigger({triggerSelector:i,onTriggerClick:()=>t(!e)}),null},m=["position","triggerSelector","minWidth","maxWidth","defaultWidth","defaultOpen","autoCloseThreshold","isOpen","onOpenChange"],u=a.forwardRef((i,e)=>{const[t,s]=R.splitProps(i,m),r=n.useInkeepSidebarChat(t);return o.jsxs(n.SidebarChatProvider,{value:r,children:[o.jsx(P,{triggerSelector:t.triggerSelector||"[data-inkeep-sidebar-chat-trigger]"}),o.jsx(g,{ref:e,present:r.isOpen,"data-sidebar":"","data-position":r.position,"data-open":b.dataAttr(r.isOpen),style:{"--width":`${r.width}px`},...s})]})}),f=d.ikp("div",{_id:"sidebarChat__Resizer"}),p=a.forwardRef((i,e)=>{const{position:t}=n.useSidebarChat(),{onMouseDown:s,resizerRef:r}=l.useSidebarChatResizer();return o.jsx(f,{ref:c=>{typeof e=="function"?e(c):e&&(e.current=c),r.current=c},"data-position":t,onMouseDown:s,...i})}),v=d.ikp("div",{_id:"sidebarChat__Header"}),_=a.forwardRef((i,e)=>o.jsx(v,{ref:e,...i})),O=d.ikp("button",{_id:"sidebarChat__CloseButton",children:o.jsx(S.BuiltInIconRenderer,{iconSettings:{builtIn:"IoCloseOutline"}})}),q=a.forwardRef((i,e)=>{const{setOpen:t}=n.useSidebarChat(),s=()=>{t(!1)};return o.jsx(O,{ref:e,onClick:s,...i})});exports.CloseButton=q;exports.Header=_;exports.Resizer=p;exports.Root=u;exports.SidebarChatPrimitiveResizer=p;exports.SidebarChatPrimitiveRoot=u;

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

@@ -0,0 +1,86 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { ikp as a } from "../factory.js";
+import { useInkeepSidebarChat as m, SidebarChatProvider as l, useSidebarChat as p } from "../../providers/sidebar-chat-provider.js";
+import { useSidebarChatResizer as h } from "./use-sidebar-chat-resizer.js";
+import { useComponentTrigger as u } from "../use-component-trigger.js";
+import { Presence as C } from "../presence.js";
+import { dataAttr as b } from "../../utils/misc.js";
+import { splitProps as f } from "../../utils/split-props.js";
+import { BuiltInIconRenderer as g } from "../../atoms/icons/built-in-icon-renderer.js";
+const P = a(C, {
+  _id: "sidebarChat__Root"
+}), S = ({ triggerSelector: t }) => {
+  const { isOpen: e, setOpen: i } = p();
+  return u({
+    triggerSelector: t,
+    onTriggerClick: () => i(!e)
+  }), null;
+}, R = [
+  "position",
+  "triggerSelector",
+  "minWidth",
+  "maxWidth",
+  "defaultWidth",
+  "defaultOpen",
+  "autoCloseThreshold",
+  "isOpen",
+  "onOpenChange"
+], y = s((t, e) => {
+  const [i, n] = f(t, R), r = m(i);
+  return /* @__PURE__ */ c(l, { value: r, children: [
+    /* @__PURE__ */ o(
+      S,
+      {
+        triggerSelector: i.triggerSelector || "[data-inkeep-sidebar-chat-trigger]"
+      }
+    ),
+    /* @__PURE__ */ o(
+      P,
+      {
+        ref: e,
+        present: r.isOpen,
+        "data-sidebar": "",
+        "data-position": r.position,
+        "data-open": b(r.isOpen),
+        style: {
+          "--width": `${r.width}px`
+        },
+        ...n
+      }
+    )
+  ] });
+}), _ = a("div", {
+  _id: "sidebarChat__Resizer"
+}), A = s((t, e) => {
+  const { position: i } = p(), { onMouseDown: n, resizerRef: r } = h();
+  return /* @__PURE__ */ o(
+    _,
+    {
+      ref: (d) => {
+        typeof e == "function" ? e(d) : e && (e.current = d), r.current = d;
+      },
+      "data-position": i,
+      onMouseDown: n,
+      ...t
+    }
+  );
+}), v = a("div", {
+  _id: "sidebarChat__Header"
+}), D = s((t, e) => /* @__PURE__ */ o(v, { ref: e, ...t })), O = a("button", {
+  _id: "sidebarChat__CloseButton",
+  children: /* @__PURE__ */ o(g, { iconSettings: { builtIn: "IoCloseOutline" } })
+}), E = s((t, e) => {
+  const { setOpen: i } = p();
+  return /* @__PURE__ */ o(O, { ref: e, onClick: () => {
+    i(!1);
+  }, ...t });
+});
+export {
+  E as CloseButton,
+  D as Header,
+  A as Resizer,
+  y as Root,
+  A as SidebarChatPrimitiveResizer,
+  y as SidebarChatPrimitiveRoot
+};

package/dist/primitives/components/sidebar-chat/use-sidebar-chat-resizer.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),R=require("../../providers/sidebar-chat-provider.cjs"),p=()=>{const{width:r,setWidth:o,position:u,minWidth:s,maxWidth:i,autoCloseThreshold:w,setOpen:c}=R.useSidebarChat(),v=e.useRef(null),n=e.useRef(!1),d=e.useRef(0),a=e.useRef(0),l=s*w;return e.useEffect(()=>{const t=b=>{if(!n.current)return;const m=b.clientX-d.current,g=u==="right"?-m:m,f=a.current+g;if(f<l){c(!1);return}const y=Math.max(s,Math.min(i,f));o(y)},h=()=>{n.current=!1,document.body.style.cursor="",document.body.style.userSelect=""};return window.addEventListener("mousemove",t),window.addEventListener("mouseup",h),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",h)}},[o,u,s,i,l,c]),{onMouseDown:e.useCallback(t=>{n.current=!0,d.current=t.clientX,a.current=r,document.body.style.cursor="ew-resize",document.body.style.userSelect="none",t.preventDefault()},[r]),resizerRef:v}};exports.useSidebarChatResizer=p;

package/dist/primitives/components/sidebar-chat/use-sidebar-chat-resizer.js

@@ -0,0 +1,34 @@
+"use client";
+import { useRef as t, useEffect as b, useCallback as D } from "react";
+import { useSidebarChat as M } from "../../providers/sidebar-chat-provider.js";
+const L = () => {
+  const { width: s, setWidth: r, position: u, minWidth: n, maxWidth: i, autoCloseThreshold: f, setOpen: c } = M(), v = t(null), o = t(!1), d = t(0), a = t(0), l = n * f;
+  return b(() => {
+    const e = (p) => {
+      if (!o.current) return;
+      const h = p.clientX - d.current, g = u === "right" ? -h : h, w = a.current + g;
+      if (w < l) {
+        c(!1);
+        return;
+      }
+      const y = Math.max(n, Math.min(i, w));
+      r(y);
+    }, m = () => {
+      o.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "";
+    };
+    return window.addEventListener("mousemove", e), window.addEventListener("mouseup", m), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", m);
+    };
+  }, [r, u, n, i, l, c]), {
+    onMouseDown: D(
+      (e) => {
+        o.current = !0, d.current = e.clientX, a.current = s, document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", e.preventDefault();
+      },
+      [s]
+    ),
+    resizerRef: v
+  };
+};
+export {
+  L as useSidebarChatResizer
+};

package/dist/primitives/components/tagline-logo-icon.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");function o(t){return e.jsxs("svg",{viewBox:"0 0 32 33",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:[e.jsx("title",{children:"Tag Line Logo Icon"}),e.jsx("path",{d:"M7.2413 7.9244C6.85545 7.9244 6.49892 8.13025 6.30599 8.4644L1.99827 15.9256C1.80535 16.2597 1.80535 16.6714 1.99827 17.0056L6.30599 24.4668C6.49892 24.8009 6.85545 25.0068 7.2413 25.0068L15.8567 25.0068C16.2426 25.0068 16.5991 24.8009 16.792 24.4668L21.0998 17.0056C21.2927 16.6714 21.2927 16.2597 21.0998 15.9256L16.792 8.4644C16.5991 8.13025 16.2426 7.9244 15.8567 7.9244L7.2413 7.9244Z",stroke:"currentColor",strokeWidth:"1.75"}),e.jsx("path",{d:"M24.8143 7.76209C27.3966 8.42659 27.1023 9.89204 28.1732 12.8728C28.8603 14.7852 32.182 17.1565 29.1465 21.766C28.2406 23.1417 25.3276 24.7738 23.2199 25.2265C18.5764 26.2085 15.8404 23.98 13.4131 20.3057C11.592 17.5265 12.2355 13.5253 14.9976 11.5606C17.6151 9.70372 21.4197 6.82238 24.8143 7.76209Z",stroke:"currentColor",strokeWidth:"1.75"})]})}exports.default=o;

package/dist/primitives/components/tagline-logo-icon.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+function n(t) {
+  return /* @__PURE__ */ e("svg", { viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
+    /* @__PURE__ */ o("title", { children: "Tag Line Logo Icon" }),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M7.2413 7.9244C6.85545 7.9244 6.49892 8.13025 6.30599 8.4644L1.99827 15.9256C1.80535 16.2597 1.80535 16.6714 1.99827 17.0056L6.30599 24.4668C6.49892 24.8009 6.85545 25.0068 7.2413 25.0068L15.8567 25.0068C16.2426 25.0068 16.5991 24.8009 16.792 24.4668L21.0998 17.0056C21.2927 16.6714 21.2927 16.2597 21.0998 15.9256L16.792 8.4644C16.5991 8.13025 16.2426 7.9244 15.8567 7.9244L7.2413 7.9244Z",
+        stroke: "currentColor",
+        strokeWidth: "1.75"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M24.8143 7.76209C27.3966 8.42659 27.1023 9.89204 28.1732 12.8728C28.8603 14.7852 32.182 17.1565 29.1465 21.766C28.2406 23.1417 25.3276 24.7738 23.2199 25.2265C18.5764 26.2085 15.8404 23.98 13.4131 20.3057C11.592 17.5265 12.2355 13.5253 14.9976 11.5606C17.6151 9.70372 21.4197 6.82238 24.8143 7.76209Z",
+        stroke: "currentColor",
+        strokeWidth: "1.75"
+      }
+    )
+  ] });
+}
+export {
+  n as default
+};

package/dist/primitives/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/primitives/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/primitives/constants/search.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="__ask_ai__";exports.ASK_AI_TRIGGER_VALUE=_;

package/dist/primitives/constants/search.js

@@ -0,0 +1,5 @@
+"use client";
+const _ = "__ask_ai__";
+export {
+  _ as ASK_AI_TRIGGER_VALUE
+};

package/dist/primitives/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-boolean.cjs"),s=require("./use-component-classnames.cjs"),o=require("./use-container-size.cjs"),u=require("./use-copy-to-clipboard.cjs"),t=require("./use-instant-update.cjs"),r=require("./use-is-mounted.cjs"),n=require("./use-media-query.cjs"),i=require("./use-resize-observer.cjs"),a=require("./use-scrolling-fades.cjs"),l=require("./use-settle-action.cjs"),c=require("./use-scroll-to-bottom.cjs");exports.useBoolean=e.useBoolean;exports.useComponentClassNames=s.useComponentClassNames;exports.useContainerSize=o.useContainerSize;exports.useCopyToClipboard=u.useCopyToClipboard;exports.useInstantUpdate=t.useInstantUpdate;exports.useIsMounted=r.useIsMounted;exports.useMediaQuery=n.useMediaQuery;exports.useResizeObserver=i.useResizeObserver;exports.useScrollingFades=a.useScrollingFades;exports.useSettleAction=l.useSettleAction;exports.useScrollToBottom=c.useScrollToBottom;

package/dist/primitives/hooks/index.js

@@ -0,0 +1,24 @@
+import { useBoolean as r } from "./use-boolean.js";
+import { useComponentClassNames as s } from "./use-component-classnames.js";
+import { useContainerSize as m } from "./use-container-size.js";
+import { useCopyToClipboard as f } from "./use-copy-to-clipboard.js";
+import { useInstantUpdate as n } from "./use-instant-update.js";
+import { useIsMounted as l } from "./use-is-mounted.js";
+import { useMediaQuery as d } from "./use-media-query.js";
+import { useResizeObserver as S } from "./use-resize-observer.js";
+import { useScrollingFades as b } from "./use-scrolling-fades.js";
+import { useSettleAction as z } from "./use-settle-action.js";
+import { useScrollToBottom as I } from "./use-scroll-to-bottom.js";
+export {
+  r as useBoolean,
+  s as useComponentClassNames,
+  m as useContainerSize,
+  f as useCopyToClipboard,
+  n as useInstantUpdate,
+  l as useIsMounted,
+  d as useMediaQuery,
+  S as useResizeObserver,
+  I as useScrollToBottom,
+  b as useScrollingFades,
+  z as useSettleAction
+};

package/dist/primitives/hooks/use-boolean.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function n(s=!1){if(typeof s!="boolean")throw new Error("defaultValue must be `true` or `false`");const[o,e]=t.useState(s),l=t.useCallback(()=>{e(!0)},[]),a=t.useCallback(()=>{e(!1)},[]),u=t.useCallback(()=>{e(r=>!r)},[]);return{value:o,setValue:e,setTrue:l,setFalse:a,toggle:u}}exports.useBoolean=n;

package/dist/primitives/hooks/use-boolean.js

@@ -0,0 +1,17 @@
+"use client";
+import { useState as n, useCallback as t } from "react";
+function f(o = !1) {
+  if (typeof o != "boolean")
+    throw new Error("defaultValue must be `true` or `false`");
+  const [s, e] = n(o), r = t(() => {
+    e(!0);
+  }, []), l = t(() => {
+    e(!1);
+  }, []), u = t(() => {
+    e((a) => !a);
+  }, []);
+  return { value: s, setValue: e, setTrue: r, setFalse: l, toggle: u };
+}
+export {
+  f as useBoolean
+};

package/dist/primitives/hooks/use-component-classnames.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../providers/config-provider.cjs"),a=require("../providers/markdown-provider.cjs"),c=require("../utils/misc.cjs");function m(e,n){const{prefix:s}=i.useInkeepConfig(),o=a.useChatMarkdown(),t=u(e,o)?o?.componentStyles?.[e]:void 0,r=`${s}-${c.toKebabCase(e)}`;return[n,t,r].filter(Boolean).join(" ")}function u(e,n){return!!n?.componentStyles&&e in n.componentStyles}exports.useComponentClassNames=m;

package/dist/primitives/hooks/use-component-classnames.js

@@ -0,0 +1,14 @@
+"use client";
+import { useInkeepConfig as m } from "../providers/config-provider.js";
+import { useChatMarkdown as a } from "../providers/markdown-provider.js";
+import { toKebabCase as i } from "../utils/misc.js";
+function u(o, n) {
+  const { prefix: t } = m(), e = a(), s = p(o, e) ? e?.componentStyles?.[o] : void 0, r = `${t}-${i(o)}`;
+  return [n, s, r].filter(Boolean).join(" ");
+}
+function p(o, n) {
+  return !!n?.componentStyles && o in n.componentStyles;
+}
+export {
+  u as useComponentClassNames
+};

package/dist/primitives/hooks/use-container-size.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function o(){const e=t.useRef(null),[r,s]=t.useState({width:0,height:0});return t.useEffect(()=>{if(!e.current)return;const n=new ResizeObserver(([i])=>{const{width:c,height:u}=i.contentRect;s({width:c,height:u})});return n.observe(e.current),()=>{n.disconnect()}},[e]),[e,r]}exports.useContainerSize=o;

package/dist/primitives/hooks/use-container-size.js

@@ -0,0 +1,18 @@
+"use client";
+import { useRef as o, useState as u, useEffect as f } from "react";
+function z() {
+  const e = o(null), [n, r] = u({ width: 0, height: 0 });
+  return f(() => {
+    if (!e.current) return;
+    const t = new ResizeObserver(([s]) => {
+      const { width: i, height: c } = s.contentRect;
+      r({ width: i, height: c });
+    });
+    return t.observe(e.current), () => {
+      t.disconnect();
+    };
+  }, [e]), [e, n];
+}
+export {
+  z as useContainerSize
+};

package/dist/primitives/hooks/use-copy-to-clipboard.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=require("marked");function s(){const[a,e]=r.useState(!1),l=r.useCallback(async o=>{if(!navigator?.clipboard)return console.warn("Clipboard not supported"),!1;try{const t=await i.marked.parse(o),n={"text/plain":new Blob([o],{type:"text/plain"}),"text/html":new Blob([t],{type:"text/html"})};return await navigator.clipboard.write([new ClipboardItem(n)]),e(!0),setTimeout(()=>{e(!1)},1e3),!0}catch(t){return console.warn("Copy failed",t),e(!1),!1}},[]);return[a,l]}exports.useCopyToClipboard=s;

package/dist/primitives/hooks/use-copy-to-clipboard.js

@@ -0,0 +1,24 @@
+"use client";
+import { useState as n, useCallback as i } from "react";
+import { marked as p } from "marked";
+function u() {
+  const [r, e] = n(!1), a = i(async (o) => {
+    if (!navigator?.clipboard)
+      return console.warn("Clipboard not supported"), !1;
+    try {
+      const t = await p.parse(o), l = {
+        "text/plain": new Blob([o], { type: "text/plain" }),
+        "text/html": new Blob([t], { type: "text/html" })
+      };
+      return await navigator.clipboard.write([new ClipboardItem(l)]), e(!0), setTimeout(() => {
+        e(!1);
+      }, 1e3), !0;
+    } catch (t) {
+      return console.warn("Copy failed", t), e(!1), !1;
+    }
+  }, []);
+  return [r, a];
+}
+export {
+  u as useCopyToClipboard
+};

package/dist/primitives/hooks/use-debounce.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e,t){const[n,c]=u.useState(e);return u.useEffect(()=>{const o=setTimeout(()=>{c(e)},t);return()=>{clearTimeout(o)}},[e,t]),n}exports.useDebounce=r;

package/dist/primitives/hooks/use-debounce.js

@@ -0,0 +1,16 @@
+"use client";
+import { useState as c, useEffect as r } from "react";
+function i(e, t) {
+  const [u, n] = c(e);
+  return r(() => {
+    const o = setTimeout(() => {
+      n(e);
+    }, t);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [e, t]), u;
+}
+export {
+  i as useDebounce
+};

package/dist/primitives/hooks/use-instant-update.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(){const[e,s]=t.useState(!1);t.useEffect(()=>{if(e){const n=setTimeout(()=>s(!1),0);return()=>clearTimeout(n)}},[e]);const a=t.useCallback(()=>s(!0),[]);return{disabled:e,disableTransition:a}}exports.useInstantUpdate=u;

package/dist/primitives/hooks/use-instant-update.js

@@ -0,0 +1,16 @@
+"use client";
+import { useState as i, useEffect as n, useCallback as r } from "react";
+function o() {
+  const [e, t] = i(!1);
+  n(() => {
+    if (e) {
+      const a = setTimeout(() => t(!1), 0);
+      return () => clearTimeout(a);
+    }
+  }, [e]);
+  const s = r(() => t(!0), []);
+  return { disabled: e, disableTransition: s };
+}
+export {
+  o as useInstantUpdate
+};

package/dist/primitives/hooks/use-is-mounted.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(){const e=t.useRef(!1);return t.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),t.useCallback(()=>e.current,[])}exports.useIsMounted=u;

package/dist/primitives/hooks/use-is-mounted.js

@@ -0,0 +1,11 @@
+"use client";
+import { useRef as r, useEffect as t, useCallback as u } from "react";
+function s() {
+  const e = r(!1);
+  return t(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), u(() => e.current, []);
+}
+export {
+  s as useIsMounted
+};

package/dist/primitives/hooks/use-media-query.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=t=>{const[c,s]=a.useState(!1);return a.useEffect(()=>{const e=window.matchMedia(t);s(e.matches);const n=r=>s(r.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[t]),c};exports.useMediaQuery=i;

package/dist/primitives/hooks/use-media-query.js

@@ -0,0 +1,14 @@
+"use client";
+import { useState as r, useEffect as i } from "react";
+const m = (t) => {
+  const [a, s] = r(!1);
+  return i(() => {
+    const e = window.matchMedia(t);
+    s(e.matches);
+    const n = (c) => s(c.matches);
+    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }, [t]), a;
+};
+export {
+  m as useMediaQuery
+};

package/dist/primitives/hooks/use-resize-observer.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),g=require("./use-is-mounted.cjs"),S={width:void 0,height:void 0};function l(t){const{ref:e,box:i="content-box"}=t,[{width:w,height:a},b]=r.useState(S),u=g.useIsMounted(),n=r.useRef({...S}),o=r.useRef(void 0);return o.current=t.onResize,r.useEffect(()=>{if(!e.current||typeof window>"u"||!("ResizeObserver"in window))return;const d=new ResizeObserver(([h])=>{const f=i==="border-box"?"borderBoxSize":i==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",s=v(h,f,"inlineSize"),c=v(h,f,"blockSize");if(n.current.width!==s||n.current.height!==c){const z={width:s,height:c};n.current.width=s,n.current.height=c,o.current?o.current(z):u()&&b(z)}});return d.observe(e.current,{box:i}),()=>{d.disconnect()}},[i,e,u]),{width:w,height:a}}function v(t,e,i){return t[e]?Array.isArray(t[e])?t[e][0][i]:t[e][i]:e==="contentBoxSize"?t.contentRect[i==="inlineSize"?"width":"height"]:void 0}exports.useResizeObserver=l;