@inkeep/agents-ui 0.0.0-rc-20260310051343

package/dist/primitives/hooks/use-anonymous-session.js

@@ -0,0 +1,45 @@
+"use client";
+import { useRef as m, useEffect as p } from "react";
+import { useLocalStorage as S } from "./use-local-storage.js";
+const F = ({
+  baseUrl: n,
+  appId: t,
+  getCaptchaHeader: i,
+  invalidateCaptcha: u,
+  optOutAllAnalytics: y
+}) => {
+  const w = t && !y ? `inkeep_session_${t}` : null, [s, r] = S(w), e = m(i);
+  e.current = i;
+  const f = m(u);
+  return f.current = u, p(() => {
+    if (!n || !t || s) return;
+    const h = `${n}/run/auth/apps/${t}/anonymous-session`;
+    (async () => {
+      try {
+        const c = e.current ? await e.current() : {}, o = await fetch(h, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", ...c }
+        });
+        if (!o.ok && o.status === 401) {
+          f.current?.();
+          const k = e.current ? await e.current() : {}, a = await fetch(h, {
+            method: "POST",
+            headers: { "Content-Type": "application/json", ...k }
+          });
+          if (!a.ok) throw new Error(`Failed to fetch anonymous session: ${a.status}`);
+          const l = await a.json();
+          r(l.token);
+          return;
+        }
+        if (!o.ok) throw new Error(`Failed to fetch anonymous session: ${o.status}`);
+        const d = await o.json();
+        r(d.token);
+      } catch (c) {
+        console.error("[useAnonymousSession]", c);
+      }
+    })();
+  }, [n, t, s, r]), s;
+};
+export {
+  F as useAnonymousSession
+};

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.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+type UseBooleanReturn = {
+    value: boolean;
+    setValue: Dispatch<SetStateAction<boolean>>;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+};
+export declare function useBoolean(defaultValue?: boolean): UseBooleanReturn;
+export {};

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.d.ts

@@ -0,0 +1,6 @@
+import { ComponentID } from '../utils/component-ids';
+/**
+ * Hook to compute class names for a component based on its ID, user-provided classes,
+ * global configuration, and prefixing rules.
+ */
+export declare function useComponentClassNames(id: ComponentID, userClassName?: string): string;

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.d.ts

@@ -0,0 +1,5 @@
+export interface ContainerSize {
+    width: number;
+    height: number;
+}
+export declare function useContainerSize(): [React.RefObject<HTMLDivElement | null>, ContainerSize];

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-conversation-loader.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),h=({baseUrl:t,appId:o,authToken:n,getCaptchaHeader:i,invalidateCaptcha:u})=>{const s=c.useRef(i);s.current=i;const d=c.useRef(u);return d.current=u,{loadConversation:c.useCallback(async(v,l)=>{if(!t||!n)return null;try{const e=await s.current(),f=`${t}/run/v1/conversations/${v}`,y={...o?{"x-inkeep-app-id":o}:{},Authorization:`Bearer ${n}`},r=await fetch(f,{signal:l,headers:{...y,...e}});if(!r.ok&&r.status===401){d.current?.();const w=await s.current(),a=await fetch(f,{signal:l,headers:{...y,...w}});if(!a.ok)throw new Error(`Failed to load conversation: ${a.status}`);return(await a.json()).data?.messages??[]}if(!r.ok)throw new Error(`Failed to load conversation: ${r.status}`);return(await r.json()).data?.messages??[]}catch(e){return e instanceof Error&&e.name==="AbortError"||console.error("[useConversationLoader]",e),null}},[t,o,n])}};exports.useConversationLoader=h;

package/dist/primitives/hooks/use-conversation-loader.d.ts

@@ -0,0 +1,12 @@
+import { Message } from '../../types/index.ts';
+interface UseConversationLoaderOptions {
+    baseUrl: string | undefined;
+    appId: string | undefined;
+    authToken: string | null;
+    getCaptchaHeader: () => Promise<Record<string, string>>;
+    invalidateCaptcha?: () => void;
+}
+export declare const useConversationLoader: ({ baseUrl, appId, authToken, getCaptchaHeader, invalidateCaptcha, }: UseConversationLoaderOptions) => {
+    loadConversation: (conversationId: string, signal?: AbortSignal) => Promise<Message[] | null>;
+};
+export {};

package/dist/primitives/hooks/use-conversation-loader.js

@@ -0,0 +1,41 @@
+"use client";
+import { useRef as w, useCallback as v } from "react";
+const R = ({
+  baseUrl: t,
+  appId: o,
+  authToken: n,
+  getCaptchaHeader: c,
+  invalidateCaptcha: i
+}) => {
+  const a = w(c);
+  a.current = c;
+  const u = w(i);
+  return u.current = i, { loadConversation: v(
+    async (y, d) => {
+      if (!t || !n) return null;
+      try {
+        const r = await a.current(), l = `${t}/run/v1/conversations/${y}`, f = {
+          ...o ? { "x-inkeep-app-id": o } : {},
+          Authorization: `Bearer ${n}`
+        }, e = await fetch(l, { signal: d, headers: { ...f, ...r } });
+        if (!e.ok && e.status === 401) {
+          u.current?.();
+          const h = await a.current(), s = await fetch(l, {
+            signal: d,
+            headers: { ...f, ...h }
+          });
+          if (!s.ok) throw new Error(`Failed to load conversation: ${s.status}`);
+          return (await s.json()).data?.messages ?? [];
+        }
+        if (!e.ok) throw new Error(`Failed to load conversation: ${e.status}`);
+        return (await e.json()).data?.messages ?? [];
+      } catch (r) {
+        return r instanceof Error && r.name === "AbortError" || console.error("[useConversationLoader]", r), null;
+      }
+    },
+    [t, o, n]
+  ) };
+};
+export {
+  R as useConversationLoader
+};

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.d.ts

@@ -0,0 +1,3 @@
+type CopyFn = (text: string) => void;
+export declare function useCopyToClipboard(): [boolean, CopyFn];
+export {};

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.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay: number): T;

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-inkeep-open-state.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),S=require("@radix-ui/react-use-controllable-state"),v=require("../providers/base-events-provider.cjs"),y=require("../components/use-component-trigger.cjs"),C=(f,r)=>{const{isOpen:g,onOpenChange:p,defaultOpen:a=!1,shortcutKey:o,triggerSelector:d=r.defaultTriggerSelector}=f??{},{logEvent:m}=v.useBaseEvents(),[t=a,n]=S.useControllableState({prop:g,defaultProp:a??!1,onChange:p}),c=d||r.defaultTriggerSelector;y.useComponentTrigger({triggerSelector:c,onTriggerClick:c?()=>n(!t):void 0});const u=s.useRef(!0);s.useEffect(()=>{if(u.current){u.current=!1;return}m({eventName:t?`${r.eventNamePrefix}_opened`:`${r.eventNamePrefix}_closed`,properties:{}})},[t,r.eventNamePrefix]);const i=s.useRef(t);return i.current=t,s.useEffect(()=>{const l=e=>{o&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===o.toLowerCase()&&(e.preventDefault(),e.stopPropagation(),n(!0)),e.key==="Escape"&&i.current&&(e.preventDefault(),n(!1))};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[o,n]),{isOpen:t,setOpen:n,shortcutKey:o}};exports.useInkeepOpenState=C;

package/dist/primitives/hooks/use-inkeep-open-state.d.ts

@@ -0,0 +1,18 @@
+import { BaseOpenSettings } from '../../types/index.ts';
+import { SetStateAction } from 'react';
+export interface UseInkeepOpenStateOptions {
+    /**
+     * The prefix for event names when logging open/close events
+     * e.g., 'modal' will log 'modal_opened' and 'modal_closed'
+     */
+    eventNamePrefix: string;
+    /**
+     * Default trigger selector to use if none provided
+     */
+    defaultTriggerSelector?: string;
+}
+export declare const useInkeepOpenState: <T extends BaseOpenSettings>(props: T | undefined, options: UseInkeepOpenStateOptions) => {
+    isOpen: boolean;
+    setOpen: (value: SetStateAction<boolean>) => void;
+    shortcutKey: string | null | undefined;
+};

package/dist/primitives/hooks/use-inkeep-open-state.js

@@ -0,0 +1,47 @@
+"use client";
+import { useRef as l, useEffect as u } from "react";
+import { useControllableState as v } from "@radix-ui/react-use-controllable-state";
+import { useBaseEvents as C } from "../providers/base-events-provider.js";
+import { useComponentTrigger as S } from "../components/use-component-trigger.js";
+const P = (p, t) => {
+  const {
+    isOpen: g,
+    onOpenChange: m,
+    defaultOpen: s = !1,
+    shortcutKey: o,
+    triggerSelector: d = t.defaultTriggerSelector
+  } = p ?? {}, { logEvent: y } = C(), [r = s, n] = v({
+    prop: g,
+    defaultProp: s ?? !1,
+    onChange: m
+  }), a = d || t.defaultTriggerSelector;
+  S({
+    triggerSelector: a,
+    onTriggerClick: a ? () => n(!r) : void 0
+  });
+  const c = l(!0);
+  u(() => {
+    if (c.current) {
+      c.current = !1;
+      return;
+    }
+    y({
+      eventName: r ? `${t.eventNamePrefix}_opened` : `${t.eventNamePrefix}_closed`,
+      properties: {}
+    });
+  }, [r, t.eventNamePrefix]);
+  const f = l(r);
+  return f.current = r, u(() => {
+    const i = (e) => {
+      o && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === o.toLowerCase() && (e.preventDefault(), e.stopPropagation(), n(!0)), e.key === "Escape" && f.current && (e.preventDefault(), n(!1));
+    };
+    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+  }, [o, n]), {
+    isOpen: r,
+    setOpen: n,
+    shortcutKey: o
+  };
+};
+export {
+  P as useInkeepOpenState
+};

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.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Hook for temporarily disabling transitions/animations.
+ * Useful when you need to prevent unwanted transition effects during state changes.
+ *
+ * const { disabled, disableTransition } = useInstantUpdate();
+ *
+ * // Disable transitions before a state change
+ * const handleClick = () => {
+ *   disableTransition();
+ *   // State change here...
+ * };
+ */
+export declare function useInstantUpdate(): {
+    disabled: boolean;
+    disableTransition: () => void;
+};

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.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): () => boolean;

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-local-storage.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=t=>{const[l,o]=r.useState(()=>{if(!t)return null;try{const e=localStorage.getItem(t);return e!==null?JSON.parse(e):null}catch{return null}}),a=r.useCallback(e=>{if(o(e),!!t)try{e===null?localStorage.removeItem(t):localStorage.setItem(t,JSON.stringify(e))}catch{}},[t]);return[l,a]};exports.useLocalStorage=u;

package/dist/primitives/hooks/use-local-storage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Syncs a value with localStorage. Pass `null` as the key to disable persistence
+ * (state still works in-memory but nothing is read from or written to localStorage).
+ *
+ * Gracefully handles environments where localStorage is unavailable (e.g. private
+ * browsing, iframe sandboxing, storage quota exceeded).
+ */
+export declare const useLocalStorage: <T>(key: string | null) => [T | null, (value: T | null) => void];

package/dist/primitives/hooks/use-local-storage.js

@@ -0,0 +1,26 @@
+"use client";
+import { useState as n, useCallback as a } from "react";
+const u = (t) => {
+  const [r, l] = n(() => {
+    if (!t) return null;
+    try {
+      const e = localStorage.getItem(t);
+      return e !== null ? JSON.parse(e) : null;
+    } catch {
+      return null;
+    }
+  }), o = a(
+    (e) => {
+      if (l(e), !!t)
+        try {
+          e === null ? localStorage.removeItem(t) : localStorage.setItem(t, JSON.stringify(e));
+        } catch {
+        }
+    },
+    [t]
+  );
+  return [r, o];
+};
+export {
+  u as useLocalStorage
+};

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.d.ts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean;

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;

package/dist/primitives/hooks/use-resize-observer.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+type Size = {
+    width: number | undefined;
+    height: number | undefined;
+};
+type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
+    ref: RefObject<T | null>;
+    onResize?: (size: Size) => void;
+    box?: 'border-box' | 'content-box' | 'device-pixel-content-box';
+};
+export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
+export {};

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

@@ -0,0 +1,32 @@
+"use client";
+import { useState as g, useRef as z, useEffect as x } from "react";
+import { useIsMounted as l } from "./use-is-mounted.js";
+const w = {
+  width: void 0,
+  height: void 0
+};
+function B(t) {
+  const { ref: e, box: i = "content-box" } = t, [{ width: v, height: a }, b] = g(w), s = l(), n = z({ ...w }), r = z(void 0);
+  return r.current = t.onResize, x(() => {
+    if (!e.current || typeof window > "u" || !("ResizeObserver" in window)) return;
+    const u = new ResizeObserver(([d]) => {
+      const h = i === "border-box" ? "borderBoxSize" : i === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", o = S(d, h, "inlineSize"), c = S(d, h, "blockSize");
+      if (n.current.width !== o || n.current.height !== c) {
+        const f = { width: o, height: c };
+        n.current.width = o, n.current.height = c, r.current ? r.current(f) : s() && b(f);
+      }
+    });
+    return u.observe(e.current, { box: i }), () => {
+      u.disconnect();
+    };
+  }, [i, e, s]), { width: v, height: a };
+}
+function S(t, e, i) {
+  return t[e] ? Array.isArray(t[e]) ? t[e][0][i] : (
+    // @ts-expect-error: TS doesn't know that box is a key of ResizeObserverEntry
+    t[e][i]
+  ) : e === "contentBoxSize" ? t.contentRect[i === "inlineSize" ? "width" : "height"] : void 0;
+}
+export {
+  B as useResizeObserver
+};

package/dist/primitives/hooks/use-scrolling-fades.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function n(){const r=o.useRef(null),t=o.useCallback(()=>{const e=r.current;e&&(e.scrollTop===0?e.setAttribute("data-scroll-top",""):e.removeAttribute("data-scroll-top"),e.scrollTop+e.clientHeight>=e.scrollHeight-1?e.setAttribute("data-scroll-bottom",""):e.removeAttribute("data-scroll-bottom"))},[]);return o.useEffect(()=>{const e=r.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),r}exports.useScrollingFades=n;

package/dist/primitives/hooks/use-scrolling-fades.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useScrollingFades(): RefObject<HTMLDivElement | null>;

package/dist/primitives/hooks/use-scrolling-fades.js

@@ -0,0 +1,18 @@
+"use client";
+import { useRef as o, useCallback as n, useEffect as s } from "react";
+function i() {
+  const r = o(null), t = n(() => {
+    const e = r.current;
+    e && (e.scrollTop === 0 ? e.setAttribute("data-scroll-top", "") : e.removeAttribute("data-scroll-top"), e.scrollTop + e.clientHeight >= e.scrollHeight - 1 ? e.setAttribute("data-scroll-bottom", "") : e.removeAttribute("data-scroll-bottom"));
+  }, []);
+  return s(() => {
+    const e = r.current;
+    if (e)
+      return t(), e.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+        e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+      };
+  }, [t]), r;
+}
+export {
+  i as useScrollingFades
+};

package/dist/primitives/hooks/use-settle-action.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function l(){const[s,e]=t.useState(!1),u=t.useCallback(async()=>(e(!0),setTimeout(()=>{e(!1)},1e3),!0),[]);return[s,u]}exports.useSettleAction=l;

package/dist/primitives/hooks/use-settle-action.d.ts

@@ -0,0 +1,3 @@
+type SettleFn = () => void;
+export declare function useSettleAction(): [boolean, SettleFn];
+export {};

package/dist/primitives/hooks/use-settle-action.js

@@ -0,0 +1,11 @@
+"use client";
+import { useState as u, useCallback as l } from "react";
+function r() {
+  const [t, e] = u(!1), s = l(async () => (e(!0), setTimeout(() => {
+    e(!1);
+  }, 1e3), !0), []);
+  return [t, s];
+}
+export {
+  r as useSettleAction
+};

package/dist/primitives/hooks/use-simple-scroll.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),R=10;function b(f={}){const{isStreaming:r=!1}=f,o=e.useRef(null),n=e.useRef(!0),l=e.useRef(!1),s=e.useRef(null),u=e.useCallback(()=>{const t=o.current;if(!t)return!0;const{scrollTop:c,scrollHeight:S,clientHeight:m}=t;return S-c-m<=R},[]),i=e.useCallback((t=!0)=>{const c=o.current;c&&(l.current||c.scrollTo({top:c.scrollHeight,behavior:t?"smooth":"auto"}))},[]),a=e.useCallback(()=>{o.current&&(l.current=!0,s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{l.current=!1,r&&u()&&(n.current=!0)},150),r&&!u()&&(n.current=!1))},[r,u]);return e.useEffect(()=>{if(!r){n.current=!0;return}const t=o.current;if(!t)return;const c=new MutationObserver(()=>{n.current&&!l.current&&r&&i(!1)});return c.observe(t,{childList:!0,subtree:!0,characterData:!0}),()=>c.disconnect()},[r,i]),e.useEffect(()=>{r&&(n.current=u())},[r,u]),e.useEffect(()=>()=>{s.current&&clearTimeout(s.current)},[]),{containerRef:o,scrollToBottom:i,handleScroll:a,isAtBottom:u,shouldAutoScroll:()=>n.current}}exports.useSimpleScroll=b;

package/dist/primitives/hooks/use-simple-scroll.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+export interface UseSimpleScrollOptions {
+    /**
+     * Whether streaming is currently active.
+     * When true, auto-scroll behavior is enabled.
+     */
+    isStreaming?: boolean;
+}
+export declare function useSimpleScroll(options?: UseSimpleScrollOptions): {
+    containerRef: RefObject<HTMLDivElement | null>;
+    scrollToBottom: (smooth?: boolean) => void;
+    handleScroll: () => void;
+    isAtBottom: () => boolean;
+    /** Whether auto-scroll is currently active (not hijacked by user) */
+    shouldAutoScroll: () => boolean;
+};

package/dist/primitives/hooks/use-simple-scroll.js

@@ -0,0 +1,51 @@
+"use client";
+import { useRef as l, useCallback as f, useEffect as a } from "react";
+const R = 10;
+function d(m = {}) {
+  const { isStreaming: r = !1 } = m, o = l(null), n = l(!0), s = l(!1), u = l(null), c = f(() => {
+    const t = o.current;
+    if (!t) return !0;
+    const { scrollTop: e, scrollHeight: S, clientHeight: T } = t;
+    return S - e - T <= R;
+  }, []), i = f((t = !0) => {
+    const e = o.current;
+    e && (s.current || e.scrollTo({
+      top: e.scrollHeight,
+      behavior: t ? "smooth" : "auto"
+    }));
+  }, []), h = f(() => {
+    o.current && (s.current = !0, u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+      s.current = !1, r && c() && (n.current = !0);
+    }, 150), r && !c() && (n.current = !1));
+  }, [r, c]);
+  return a(() => {
+    if (!r) {
+      n.current = !0;
+      return;
+    }
+    const t = o.current;
+    if (!t) return;
+    const e = new MutationObserver(() => {
+      n.current && !s.current && r && i(!1);
+    });
+    return e.observe(t, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0
+    }), () => e.disconnect();
+  }, [r, i]), a(() => {
+    r && (n.current = c());
+  }, [r, c]), a(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), {
+    containerRef: o,
+    scrollToBottom: i,
+    handleScroll: h,
+    isAtBottom: c,
+    /** Whether auto-scroll is currently active (not hijacked by user) */
+    shouldAutoScroll: () => n.current
+  };
+}
+export {
+  d as useSimpleScroll
+};

package/dist/primitives/hooks/use-streaming-events.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),u=require("../atoms/shadow/context.cjs");function i(){const e=u.useShadow()?.shadowHost,s=n.useRef(""),o=n.useCallback(t=>{s.current=t},[]),r=n.useCallback((t,a)=>{if(!e){console.warn("useStreamingEvents: No host element available for parent event emission");return}const c=new CustomEvent(`ikp-${t}`,{detail:{...a,conversationId:s.current,timestamp:Date.now()},bubbles:!0,composed:!0});e.dispatchEvent(c)},[e]);return{setConversationId:o,emitToParent:r}}exports.useStreamingEvents=i;

package/dist/primitives/hooks/use-streaming-events.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook for emitting streaming events that escape the Shadow DOM
+ * Allows parent applications to listen to real-time streaming data
+ */
+export declare function useStreamingEvents(): {
+    setConversationId: (id: string) => void;
+    emitToParent: (eventName: string, data: Record<string, unknown>) => void;
+};