@inkeep/cxkit-primitives 0.0.0-dev-20250409204034 → 0.0.0-dev-20250410010657

package/dist/atoms/cmdk/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),D=require("../dialog.cjs"),G=require("react"),je=require("./command-score.cjs"),I=require("@radix-ui/react-primitive"),q=require("@radix-ui/react-id"),Pe=require("../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.cjs"),Ae=require("../../constants/search.cjs"),_e=require("../../utils/compose-event-handlers.cjs"),Me=require("../../providers/widget-provider.cjs"),Le=require("../shadow/context.cjs");function Oe(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const c=Oe(G),O='[cmdk-group=""]',ee='[cmdk-group-items=""]',qe='[cmdk-group-heading=""]',de='[cmdk-item=""]',ae=`${de}:not([aria-disabled="true"])`,te="cmdk-item-select",_="data-value",fe=(t,n,r)=>je.commandScore(t,n,r??[]),me=c.createContext(void 0),V=()=>c.useContext(me),ve=c.createContext(void 0),K=()=>c.useContext(ve),he=c.createContext(void 0),re=c.forwardRef((t,n)=>{const r=M(()=>new Set),s=M(()=>new Map),a=M(()=>new Map),f=M(()=>new Set),i=we(t),{label:h,children:d,value:S,onValueChange:E,filter:w,shouldFilter:C,loop:y,disablePointerSelection:A=!1,vimBindings:B=!0,defaultSearch:ne,...$}=t,g=M(()=>({search:ne??"",value:t.value??t.defaultValue??"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),U=q.useId(),z=q.useId(),H=q.useId(),R=c.useRef(null),b=Ge();j(()=>{if(S!==void 0){const e=S.trim();g.current.value=e,x.emit()}},[S]),j(()=>{b(6,ce)},[]);const F=Le.useShadow(),x=c.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>g.current,setState:(e,l,o)=>{if(!Object.is(g.current[e],l)){if(g.current[e]=l,e==="search")X(),J(),b(1,Q);else if(e==="value"&&(F?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input")||b(1,()=>{k()?.focus()}),b(7,()=>{g.current.selectedItemId=k()?.id,x.emit()}),o||b(5,ce),i.current?.value!==void 0)){const p=l??"";i.current.onValueChange?.(p);return}x.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),W=c.useMemo(()=>({value:(e,l,o)=>{l!==a.current.get(e)?.value&&(a.current.set(e,{value:l,keywords:o}),g.current.filtered.items.set(e,oe(l,o)),b(2,()=>{J(),x.emit()}))},item:(e,l)=>(r.current.add(e),l&&(s.current.has(l)?s.current?.get(l)?.add(e):s.current.set(l,new Set([e]))),b(3,()=>{X(),J(),g.current.value||Q(),x.emit()}),()=>{a.current.delete(e),r.current.delete(e),g.current.filtered.items.delete(e);const o=k();b(4,()=>{X(),o?.getAttribute("id")===e&&Q(),x.emit()})}),group:e=>(s.current.has(e)||s.current.set(e,new Set),()=>{a.current.delete(e),s.current.delete(e)}),filter:()=>!!i.current.shouldFilter,label:h||t["aria-label"]||"",getDisablePointerSelection:()=>!!i.current.disablePointerSelection,listId:U,inputId:H,labelId:z,listInnerRef:R}),[]);function oe(e,l){const o=i.current?.filter??fe;return e?o?.(e,g.current.search,l):0}function J(){if(!g.current.search||i.current.shouldFilter===!1)return;const e=g.current.filtered.items,l=[];g.current.filtered.groups.forEach(u=>{const m=s.current.get(u);let p=0;m.forEach(Z=>{const ke=e.get(Z);p=Math.max(ke,p)}),l.push([u,p])});const o=R.current;L().sort((u,m)=>{const p=u.getAttribute("id"),Z=m.getAttribute("id");return(e.get(Z)??0)-(e.get(p)??0)}).forEach(u=>{const m=u.closest(ee);if(m){const p=u.parentElement===m?u:u.closest(`${ee} > *`);p&&m.appendChild(p)}else{const p=u.parentElement===o?u:u.closest(`${ee} > *`);p&&o?.appendChild(p)}}),l.sort((u,m)=>m[1]-u[1]).forEach(u=>{const m=R.current?.querySelector(`${O}[${_}="${encodeURIComponent(u[0])}"]`);m?.parentElement?.appendChild(m)})}function Q(){const l=L().find(o=>o.getAttribute("aria-disabled")!=="true"&&o.getAttribute("data-value")!==Ae.ASK_AI_TRIGGER_VALUE)?.getAttribute(_);x.setState("value",l||void 0)}function X(){if(!g.current.search||i.current.shouldFilter===!1){g.current.filtered.count=r.current.size;return}g.current.filtered.groups=new Set;let e=0;for(const l of r.current){const o=a.current.get(l)?.value??"",u=a.current.get(l)?.keywords??[],m=oe(o,u);g.current.filtered.items.set(l,m),m>0&&e++}for(const[l,o]of s.current)for(const u of o){const m=g.current.filtered.items.get(u);if(m&&m>0){g.current.filtered.groups.add(l);break}}g.current.filtered.count=e}function ce(){const e=k();e&&(e.parentElement?.firstChild===e&&e.closest(O)?.querySelector(qe)?.scrollIntoView({block:"nearest"}),e.scrollIntoView({block:"nearest"}))}function k(){return R.current?.querySelector(`${de}[aria-selected="true"]`)}function L(){return Array.from(R.current?.querySelectorAll(ae)||[])}function se(e){const o=L()[e];o&&x.setState("value",o.getAttribute(_))}function Y(e){const l=k(),o=L(),u=o.findIndex(p=>p===l);let m=o[u+e];i.current?.loop&&(m=u+e<0?o[o.length-1]:u+e===o.length?o[0]:o[u+e]),m&&x.setState("value",m.getAttribute(_))}function ie(e){let o=k()?.closest(O),u;for(;o&&!u;)o=e>0?Fe(o,O):De(o,O),u=o?.querySelector(ae);u?x.setState("value",u.getAttribute(_)):Y(e)}const Ie=()=>se(L().length-1),le=e=>{e.preventDefault(),e.metaKey?Ie():e.altKey?ie(1):Y(1)},ue=e=>{e.preventDefault(),e.metaKey?se(0):e.altKey?ie(-1):Y(-1)},Re=Me.useWidget();return v.jsxs(I.Primitive.div,{ref:n,tabIndex:-1,...$,"cmdk-root":"",onKeyDown:e=>{if(Re?.view==="search"&&($.onKeyDown?.(e),!e.defaultPrevented))switch(e.key){case"n":case"j":{B&&e.ctrlKey&&le(e);break}case"ArrowDown":{le(e);break}case"p":case"k":{B&&e.ctrlKey&&ue(e);break}case"ArrowUp":{ue(e);break}case"Enter":if(!e.nativeEvent.isComposing&&e.keyCode!==229){e.preventDefault();const l=k();if(l){const o=new Event(te);l.dispatchEvent(o)}}}},style:{display:"contents"},children:[v.jsx("label",{"cmdk-label":"",htmlFor:W.inputId,id:W.labelId,style:Ne,children:h}),N(t,e=>v.jsx(ve.Provider,{value:x,children:v.jsx(me.Provider,{value:W,children:e})}))]})}),ge=c.forwardRef((t,n)=>{const{id:r}=t,s=c.useRef(null),a=c.useContext(he),f=V(),i=we(t),h=i.current?.forceMount??a?.forceMount;j(()=>{if(!h)return f.item(r,a?.id)},[h]);const d=ye(r,s,[t.value,t.children,s],t.keywords),S=K(),E=P(b=>b.value&&b.value===d.current),w=P(b=>h||f.filter()===!1?!0:b.search?b.filtered.items.get(r)>0:!0);c.useEffect(()=>{const b=s.current;if(!b||t.disabled)return;const F=()=>y("keyboard");return b.addEventListener(te,F),()=>b.removeEventListener(te,F)},[w,t.onSelect,t.disabled]);const C=G.useCallback(()=>{S.setState("value",d.current,!0)},[S,d]),y=G.useCallback((b="click")=>{C(),i.current.onSelect?.({value:d.current,trigger:b})},[C,i,d]);if(!w)return null;const{disabled:A,value:B,onSelect:ne,forceMount:$,keywords:g,onClick:U,...z}=t,H=G.useMemo(()=>T([s,n]),[s,n]),R=_e.composeEventHandlers(U,y);return v.jsx(I.Primitive.div,{ref:H,...z,id:r,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!E,"data-disabled":!!A,"data-selected":!!E,onPointerMove:A||f.getDisablePointerSelection()?void 0:C,onClick:A?void 0:R,onFocus:A?void 0:C,children:t.children})}),Te=c.forwardRef((t,n)=>{const{heading:r,children:s,forceMount:a,...f}=t,i=q.useId(),h=c.useRef(null),d=c.useRef(null),S=q.useId(),E=V(),w=P(y=>a||E.filter()===!1?!0:y.search?y.filtered.groups.has(i):!0);j(()=>E.group(i),[]),ye(i,h,[t.value,t.heading,d]);const C=c.useMemo(()=>({id:i,forceMount:a}),[a]);return v.jsxs(I.Primitive.div,{ref:T([h,n]),...f,"cmdk-group":"",role:"presentation",hidden:w?void 0:!0,children:[r&&v.jsx("div",{ref:d,"cmdk-group-heading":"","aria-hidden":!0,id:S,children:r}),N(t,y=>v.jsx("div",{"cmdk-group-items":"",role:"group","aria-labelledby":r?S:void 0,children:v.jsx(he.Provider,{value:C,children:y})}))]})}),be=c.forwardRef((t,n)=>{const{alwaysRender:r,...s}=t,a=c.useRef(null),f=P(i=>!i.search);return!r&&!f?null:v.jsx(I.Primitive.div,{ref:T([a,n]),...s,"cmdk-separator":"",role:"separator"})}),pe=c.forwardRef((t,n)=>{const{onValueChange:r,...s}=t,a=t.value!=null,f=K(),i=P(d=>d.search),h=V();return c.useEffect(()=>{t.value!=null&&f.setState("search",t.value)},[t.value]),v.jsx(I.Primitive.input,{ref:n,...s,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":h.listId,"aria-labelledby":h.labelId,id:h.inputId,type:"text",value:a?t.value:i,onChange:d=>{a||f.setState("search",d.target.value),r?.(d.target.value)}})}),Se=c.forwardRef((t,n)=>{const{children:r,label:s="Suggestions",...a}=t,f=c.useRef(null),i=c.useRef(null),h=V();return c.useEffect(()=>{if(i.current&&f.current){const d=i.current,S=f.current;let E;const w=new ResizeObserver(()=>{E=requestAnimationFrame(()=>{const C=d.offsetHeight;S.style.setProperty("--cmdk-list-height",C.toFixed(1)+"px")})});return w.observe(d),()=>{cancelAnimationFrame(E),w.unobserve(d)}}},[]),v.jsx(I.Primitive.div,{ref:T([f,n]),...a,"cmdk-list":"",tabIndex:-1,"aria-label":s,id:h.listId,children:N(t,d=>v.jsx("div",{ref:T([i,h.listInnerRef]),"cmdk-list-sizer":"",children:d}))})}),xe=c.forwardRef((t,n)=>{const{open:r,onOpenChange:s,overlayClassName:a,contentClassName:f,container:i,...h}=t;return v.jsx(D.Root,{open:r,onOpenChange:s,children:v.jsxs(D.Portal,{container:i,children:[v.jsx(D.Overlay,{"cmdk-overlay":"",className:a}),v.jsx(D.Content,{"aria-label":t.label,"cmdk-dialog":"",className:f,children:v.jsx(re,{ref:n,...h})})]})})}),Ee=c.forwardRef((t,n)=>P(s=>s.filtered.count===0)?v.jsx(I.Primitive.div,{ref:n,...t,"cmdk-empty":"",role:"presentation"}):null),Ce=c.forwardRef((t,n)=>{const{progress:r,children:s,label:a="Loading...",...f}=t;return v.jsx(I.Primitive.div,{ref:n,...f,"cmdk-loading":"",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,children:N(t,i=>v.jsx("div",{"aria-hidden":!0,children:i}))})}),Ve=Object.assign(re,{List:Se,Item:ge,Input:pe,Group:Te,Separator:be,Dialog:xe,Empty:Ee,Loading:Ce});function Fe(t,n){let r=t.nextElementSibling;for(;r;){if(r.matches(n))return r;r=r.nextElementSibling}}function De(t,n){let r=t.previousElementSibling;for(;r;){if(r.matches(n))return r;r=r.previousElementSibling}}function we(t){const n=c.useRef(t);return j(()=>{n.current=t}),n}const j=typeof window>"u"?c.useEffect:c.useLayoutEffect;function M(t){const n=c.useRef(void 0);return n.current===void 0&&(n.current=t()),n}function T(t){return n=>{t.forEach(r=>{typeof r=="function"?r(n):r!=null&&(r.current=n)})}}function P(t){const n=K(),r=()=>t(n.snapshot());return Pe.shimExports.useSyncExternalStore(n.subscribe,r,r)}function ye(t,n,r,s=[]){const a=c.useRef(void 0),f=V();return j(()=>{const i=(()=>{for(const d of r){if(typeof d=="string")return d.trim();if(typeof d=="object"&&"current"in d)return d.current?d.current.textContent?.trim():a.current}})(),h=s.map(d=>d.trim());f.value(t,i,h),n.current?.setAttribute(_,i),a.current=i}),a}const Ge=()=>{const[t,n]=c.useState(),r=M(()=>new Map);return j(()=>{r.current.forEach(s=>s()),r.current=new Map},[t]),(s,a)=>{r.current.set(s,a),n({})}};function Ke(t){const n=t.type;return typeof n=="function"?n(t.props):"render"in n?n.render(t.props):t}function N({asChild:t,children:n},r){return t&&c.isValidElement(n)?c.cloneElement(Ke(n),{ref:n.ref},r(n.props.children)):r(n)}const Ne={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};exports.Command=Ve;exports.CommandDialog=xe;exports.CommandEmpty=Ee;exports.CommandInput=pe;exports.CommandItem=ge;exports.CommandList=Se;exports.CommandLoading=Ce;exports.CommandRoot=re;exports.CommandSeparator=be;exports.defaultFilter=fe;exports.useCommandState=P;exports.useCommandStore=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),D=require("../dialog.cjs"),G=require("react"),je=require("./command-score.cjs"),I=require("@radix-ui/react-primitive"),q=require("@radix-ui/react-id"),Pe=require("../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.cjs"),Ae=require("../../constants/search.cjs"),_e=require("../../utils/compose-event-handlers.cjs"),Me=require("../../providers/widget-provider.cjs"),Le=require("../shadow/context.cjs");function Oe(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const c=Oe(G),O='[cmdk-group=""]',ee='[cmdk-group-items=""]',qe='[cmdk-group-heading=""]',de='[cmdk-item=""]',ae=`${de}:not([aria-disabled="true"])`,te="cmdk-item-select",_="data-value",fe=(t,n,r)=>je.commandScore(t,n,r??[]),me=c.createContext(void 0),V=()=>c.useContext(me),ve=c.createContext(void 0),K=()=>c.useContext(ve),he=c.createContext(void 0),re=c.forwardRef((t,n)=>{const r=M(()=>new Set),s=M(()=>new Map),a=M(()=>new Map),f=M(()=>new Set),i=we(t),{label:h,children:d,value:S,onValueChange:E,filter:w,shouldFilter:C,loop:y,disablePointerSelection:A=!1,vimBindings:B=!0,defaultSearch:ne,...$}=t,g=M(()=>({search:ne??"",value:t.value??t.defaultValue??"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),U=q.useId(),z=q.useId(),H=q.useId(),R=c.useRef(null),b=Ge();j(()=>{if(S!==void 0){const e=S.trim();g.current.value=e,x.emit()}},[S]),j(()=>{b(6,ce)},[]);const F=Le.useShadow(),x=c.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>g.current,setState:(e,l,o)=>{if(!Object.is(g.current[e],l)){if(g.current[e]=l,e==="search")X(),J(),b(1,Q);else if(e==="value"&&(F?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input")||b(1,()=>{k()?.focus()}),b(7,()=>{g.current.selectedItemId=k()?.id,x.emit()}),o||b(5,ce),i.current?.value!==void 0)){const p=l??"";i.current.onValueChange?.(p);return}x.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),W=c.useMemo(()=>({value:(e,l,o)=>{l!==a.current.get(e)?.value&&(a.current.set(e,{value:l,keywords:o}),g.current.filtered.items.set(e,oe(l,o)),b(2,()=>{J(),x.emit()}))},item:(e,l)=>(r.current.add(e),l&&(s.current.has(l)?s.current?.get(l)?.add(e):s.current.set(l,new Set([e]))),b(3,()=>{X(),J(),g.current.value||Q(),x.emit()}),()=>{a.current.delete(e),r.current.delete(e),g.current.filtered.items.delete(e);const o=k();b(4,()=>{X(),o?.getAttribute("id")===e&&Q(),x.emit()})}),group:e=>(s.current.has(e)||s.current.set(e,new Set),()=>{a.current.delete(e),s.current.delete(e)}),filter:()=>!!i.current.shouldFilter,label:h||t["aria-label"]||"",getDisablePointerSelection:()=>!!i.current.disablePointerSelection,listId:U,inputId:H,labelId:z,listInnerRef:R}),[]);function oe(e,l){const o=i.current?.filter??fe;return e?o?.(e,g.current.search,l):0}function J(){if(!g.current.search||i.current.shouldFilter===!1)return;const e=g.current.filtered.items,l=[];g.current.filtered.groups.forEach(u=>{const m=s.current.get(u);let p=0;m.forEach(Z=>{const ke=e.get(Z);p=Math.max(ke,p)}),l.push([u,p])});const o=R.current;L().sort((u,m)=>{const p=u.getAttribute("id"),Z=m.getAttribute("id");return(e.get(Z)??0)-(e.get(p)??0)}).forEach(u=>{const m=u.closest(ee);if(m){const p=u.parentElement===m?u:u.closest(`${ee} > *`);p&&m.appendChild(p)}else{const p=u.parentElement===o?u:u.closest(`${ee} > *`);p&&o?.appendChild(p)}}),l.sort((u,m)=>m[1]-u[1]).forEach(u=>{const m=R.current?.querySelector(`${O}[${_}="${encodeURIComponent(u[0])}"]`);m?.parentElement?.appendChild(m)})}function Q(){const l=L().find(o=>o.getAttribute("aria-disabled")!=="true"&&o.getAttribute("data-value")!==Ae.ASK_AI_TRIGGER_VALUE)?.getAttribute(_);x.setState("value",l||void 0)}function X(){if(!g.current.search||i.current.shouldFilter===!1){g.current.filtered.count=r.current.size;return}g.current.filtered.groups=new Set;let e=0;for(const l of r.current){const o=a.current.get(l)?.value??"",u=a.current.get(l)?.keywords??[],m=oe(o,u);g.current.filtered.items.set(l,m),m>0&&e++}for(const[l,o]of s.current)for(const u of o){const m=g.current.filtered.items.get(u);if(m&&m>0){g.current.filtered.groups.add(l);break}}g.current.filtered.count=e}function ce(){const e=k();e&&(e.parentElement?.firstChild===e&&e.closest(O)?.querySelector(qe)?.scrollIntoView({block:"nearest"}),e.scrollIntoView({block:"nearest"}))}function k(){return R.current?.querySelector(`${de}[aria-selected="true"]`)}function L(){return Array.from(R.current?.querySelectorAll(ae)||[])}function se(e){const o=L()[e];o&&x.setState("value",o.getAttribute(_))}function Y(e){const l=k(),o=L(),u=o.findIndex(p=>p===l);let m=o[u+e];i.current?.loop&&(m=u+e<0?o[o.length-1]:u+e===o.length?o[0]:o[u+e]),m&&x.setState("value",m.getAttribute(_))}function ie(e){let o=k()?.closest(O),u;for(;o&&!u;)o=e>0?Fe(o,O):De(o,O),u=o?.querySelector(ae);u?x.setState("value",u.getAttribute(_)):Y(e)}const Ie=()=>se(L().length-1),le=e=>{e.preventDefault(),e.metaKey?Ie():e.altKey?ie(1):Y(1)},ue=e=>{e.preventDefault(),e.metaKey?se(0):e.altKey?ie(-1):Y(-1)},Re=Me.useWidget();return v.jsxs(I.Primitive.div,{ref:n,tabIndex:-1,...$,"cmdk-root":"",onKeyDown:e=>{if(Re?.view==="search"&&($.onKeyDown?.(e),!e.defaultPrevented))switch(e.key){case"n":case"j":{B&&e.ctrlKey&&le(e);break}case"ArrowDown":{le(e);break}case"p":case"k":{B&&e.ctrlKey&&ue(e);break}case"ArrowUp":{ue(e);break}case"Enter":if(!e.nativeEvent.isComposing&&e.keyCode!==229){e.preventDefault();const l=k();if(l){const o=new Event(te);l.dispatchEvent(o)}}}},style:{display:"contents"},children:[v.jsx("label",{"cmdk-label":"",htmlFor:W.inputId,id:W.labelId,style:Ne,children:h}),N(t,e=>v.jsx(ve.Provider,{value:x,children:v.jsx(me.Provider,{value:W,children:e})}))]})}),ge=c.forwardRef((t,n)=>{const{id:r}=t,s=c.useRef(null),a=c.useContext(he),f=V(),i=we(t),h=i.current?.forceMount??a?.forceMount;j(()=>{if(!h)return f.item(r,a?.id)},[h]);const d=ye(r,s,[t.value,t.children,s],t.keywords),S=K(),E=P(b=>b.value&&b.value===d.current),w=P(b=>h||f.filter()===!1?!0:b.search?b.filtered.items.get(r)>0:!0);c.useEffect(()=>{const b=s.current;if(!b||t.disabled)return;const F=()=>y("keyboard");return b.addEventListener(te,F),()=>b.removeEventListener(te,F)},[w,t.onSelect,t.disabled]);const C=G.useCallback(()=>{S.setState("value",d.current,!0)},[S,d]),y=G.useCallback((b="click")=>{C(),i.current.onSelect?.({value:d.current,trigger:b})},[C,i,d]);if(!w)return null;const{disabled:A,value:B,onSelect:ne,forceMount:$,keywords:g,onClick:U,...z}=t,H=G.useMemo(()=>T([s,n]),[s,n]),R=_e.composeEventHandlers(U,y);return v.jsx(I.Primitive.div,{ref:H,...z,id:r,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!E,"data-disabled":!!A,"data-selected":!!E,onPointerMove:A||f.getDisablePointerSelection()?void 0:C,onClick:A?void 0:R,onFocus:A?void 0:C,children:t.children})}),Te=c.forwardRef((t,n)=>{const{heading:r,children:s,forceMount:a,...f}=t,i=q.useId(),h=c.useRef(null),d=c.useRef(null),S=q.useId(),E=V(),w=P(y=>a||E.filter()===!1?!0:y.search?y.filtered.groups.has(i):!0);j(()=>E.group(i),[]),ye(i,h,[t.value,t.heading,d]);const C=c.useMemo(()=>({id:i,forceMount:a}),[a]);return v.jsxs(I.Primitive.div,{ref:T([h,n]),...f,"cmdk-group":"",role:"presentation",hidden:w?void 0:!0,children:[r&&v.jsx("div",{ref:d,"cmdk-group-heading":"","aria-hidden":!0,id:S,children:r}),N(t,y=>v.jsx("div",{"cmdk-group-items":"",role:"group","aria-labelledby":r?S:void 0,children:v.jsx(he.Provider,{value:C,children:y})}))]})}),be=c.forwardRef((t,n)=>{const{alwaysRender:r,...s}=t,a=c.useRef(null),f=P(i=>!i.search);return!r&&!f?null:v.jsx(I.Primitive.div,{ref:T([a,n]),...s,"cmdk-separator":"",role:"separator"})}),pe=c.forwardRef((t,n)=>{const{onValueChange:r,...s}=t,a=t.value!=null,f=K(),i=P(d=>d.search),h=V();return c.useEffect(()=>{t.value!=null&&f.setState("search",t.value)},[t.value]),v.jsx(I.Primitive.input,{ref:n,...s,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":h.listId,"aria-labelledby":h.labelId,id:h.inputId,type:"text",value:a?t.value:i,onChange:d=>{a||f.setState("search",d.target.value),r?.(d.target.value)}})}),Se=c.forwardRef((t,n)=>{const{children:r,label:s="Suggestions",...a}=t,f=c.useRef(null),i=c.useRef(null),h=V();return c.useEffect(()=>{if(i.current&&f.current){const d=i.current,S=f.current;let E;const w=new ResizeObserver(()=>{E=requestAnimationFrame(()=>{const C=d.offsetHeight;S.style.setProperty("--cmdk-list-height",C.toFixed(1)+"px")})});return w.observe(d),()=>{cancelAnimationFrame(E),w.unobserve(d)}}},[]),v.jsx(I.Primitive.div,{ref:T([f,n]),...a,"cmdk-list":"",tabIndex:-1,"aria-label":s,id:h.listId,children:N(t,d=>v.jsx("div",{ref:T([i,h.listInnerRef]),"cmdk-list-sizer":"",children:d}))})}),xe=c.forwardRef((t,n)=>{const{open:r,onOpenChange:s,overlayClassName:a,contentClassName:f,container:i,...h}=t;return v.jsx(D.Root,{open:r,onOpenChange:s,children:v.jsxs(D.Portal,{container:i,children:[v.jsx(D.Overlay,{"cmdk-overlay":"",className:a}),v.jsx(D.Content,{"aria-label":t.label,"cmdk-dialog":"",className:f,children:v.jsx(re,{ref:n,...h})})]})})}),Ee=c.forwardRef((t,n)=>P(s=>s.filtered.count===0)?v.jsx(I.Primitive.div,{ref:n,...t,"cmdk-empty":"",role:"presentation"}):null),Ce=c.forwardRef((t,n)=>{const{progress:r,children:s,label:a="Loading...",...f}=t;return v.jsx(I.Primitive.div,{ref:n,...f,"cmdk-loading":"",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,children:N(t,i=>v.jsx("div",{"aria-hidden":!0,children:i}))})}),Ve=Object.assign(re,{List:Se,Item:ge,Input:pe,Group:Te,Separator:be,Dialog:xe,Empty:Ee,Loading:Ce});function Fe(t,n){let r=t.nextElementSibling;for(;r;){if(r.matches(n))return r;r=r.nextElementSibling}}function De(t,n){let r=t.previousElementSibling;for(;r;){if(r.matches(n))return r;r=r.previousElementSibling}}function we(t){const n=c.useRef(t);return j(()=>{n.current=t}),n}const j=typeof window>"u"?c.useEffect:c.useLayoutEffect;function M(t){const n=c.useRef(void 0);return n.current===void 0&&(n.current=t()),n}function T(t){return n=>{t.forEach(r=>{typeof r=="function"?r(n):r!=null&&(r.current=n)})}}function P(t){const n=K(),r=()=>t(n.snapshot());return Pe.shimExports.useSyncExternalStore(n.subscribe,r,r)}function ye(t,n,r,s=[]){const a=c.useRef(void 0),f=V();return j(()=>{const i=(()=>{for(const d of r){if(typeof d=="string")return d.trim();if(typeof d=="object"&&"current"in d)return d.current?d.current.textContent?.trim():a.current}})(),h=s.map(d=>d.trim());f.value(t,i,h),n.current?.setAttribute(_,i),a.current=i}),a}const Ge=()=>{const[t,n]=c.useState(),r=M(()=>new Map);return j(()=>{r.current.forEach(s=>s()),r.current=new Map},[t]),(s,a)=>{r.current.set(s,a),n({})}};function Ke(t){const n=t.type;return typeof n=="function"?n(t.props):"render"in n?n.render(t.props):t}function N({asChild:t,children:n},r){return t&&c.isValidElement(n)?c.cloneElement(Ke(n),{ref:n.ref},r(n.props.children)):r(n)}const Ne={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};exports.Command=Ve;exports.CommandDialog=xe;exports.CommandEmpty=Ee;exports.CommandInput=pe;exports.CommandItem=ge;exports.CommandList=Se;exports.CommandLoading=Ce;exports.CommandRoot=re;exports.CommandSeparator=be;exports.defaultFilter=fe;exports.useCommandState=P;exports.useCommandStore=K;

package/dist/atoms/cmdk/index.js

@@ -5,7 +5,7 @@ import { useCallback as le, useMemo as Ie } from "react";
 import { commandScore as Re } from "./command-score.js";
 import { Primitive as R } from "@radix-ui/react-primitive";
 import { useId as F } from "@radix-ui/react-id";
-import { s as ke } from "../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js";
+import { s as ke } from "../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js";
 import { ASK_AI_TRIGGER_VALUE as xe } from "../../constants/search.js";
 import { composeEventHandlers as Ae } from "../../utils/compose-event-handlers.js";
 import { useWidget as _e } from "../../providers/widget-provider.js";

package/dist/components/intelligent-form/actions/context-model-response.cjs

@@ -1,9 +1,9 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=async(e,n,t)=>{const o=JSON.stringify(e.primaryFieldValues,null,2),i=JSON.stringify(e.fieldsToGenerate,null,2),s=(await n.chat.completions.create({model:"inkeep-context-expert",messages:[{role:"system",content:`You are a helpful assistant that suggests form field values based on context. You will receive form field information including field names, descriptions, input types, and available options for select fields.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=async(t,o,s)=>{const i=JSON.stringify(t.primaryFieldValues,null,2),a=JSON.stringify(t.fieldsToGenerate,null,2),l=await o.chat.completions.create({model:"inkeep-base-expert",messages:[{role:"system",content:`You are a helpful assistant that suggests form field values based on context. You will receive form field information including field names, descriptions, input types, and available options for select fields.
 
 For each field, consider its description, input type, and available options (for select fields).
 
 You must respond with a JSON object where keys are the field names and values match the expected input type and length for that field.`},{role:"user",content:`Based on these primary field values:
-${o}
+${i}
 
 Suggest values for these additional fields:
-${i}`}],response_format:{type:"json_object"}},t?{headers:t}:void 0)).choices[0]?.message?.content;return{suggestedValues:s?JSON.parse(s):{}}};exports.generateContextModelResponse=a;
+${a}`}],stream:!0,response_format:{type:"json_object"}},s?{headers:s}:void 0);let e="";for await(const r of l){const n=r.choices?.[0]?.delta?.content;n&&(e+=n)}return{suggestedValues:e?JSON.parse(e):{}}};exports.generateContextModelResponse=d;

package/dist/components/intelligent-form/actions/context-model-response.js

@@ -1,8 +1,8 @@
 "use client";
-const l = async (e, n, s) => {
-  const o = JSON.stringify(e.primaryFieldValues, null, 2), i = JSON.stringify(e.fieldsToGenerate, null, 2), t = (await n.chat.completions.create(
+const d = async (t, o, s) => {
+  const i = JSON.stringify(t.primaryFieldValues, null, 2), a = JSON.stringify(t.fieldsToGenerate, null, 2), l = await o.chat.completions.create(
     {
-      model: "inkeep-context-expert",
+      model: "inkeep-base-expert",
       messages: [
         {
           role: "system",
@@ -15,22 +15,29 @@ You must respond with a JSON object where keys are the field names and values ma
         {
           role: "user",
           content: `Based on these primary field values:
-${o}
+${i}
 
 Suggest values for these additional fields:
-${i}`
+${a}`
         }
       ],
+      stream: !0,
+      // The content structure was off if streaming was not used
       response_format: {
         type: "json_object"
       }
     },
     s ? { headers: s } : void 0
-  )).choices[0]?.message?.content;
+  );
+  let e = "";
+  for await (const r of l) {
+    const n = r.choices?.[0]?.delta?.content;
+    n && (e += n);
+  }
   return {
-    suggestedValues: t ? JSON.parse(t) : {}
+    suggestedValues: e ? JSON.parse(e) : {}
   };
 };
 export {
-  l as generateContextModelResponse
+  d as generateContextModelResponse
 };

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"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.56",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;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"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.58",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;exports.useBaseEvents=x;

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),j=require("../atoms/api/analytics/conversation.cjs"),w=require("./config-provider.cjs"),B=require("./conversation-provider.cjs"),k=require("./user-provider.cjs"),f=require("./base-events-provider.cjs"),g=t.createContext(void 0),b=({children:e})=>{const{baseSettings:x}=w.useInkeepConfig(),{apiKey:C,analyticsApiBaseUrl:d,tags:E,privacyPreferences:{optOutAllAnalytics:i},env:a}=x,{userProperties:h}=k.useUser(),{logEvent:p}=f.useBaseEvents(),{conversation:c,setConversation:y}=B.useInkeepConversation(),v=t.useRef(c);t.useEffect(()=>{v.current=c},[c]);const u=t.useCallback(async n=>{const s=v.current,r=!i&&a!=="development";let o=Object.assign({},s,{messages:n});if(r){const P=await j.logConversation(s.id,{messages:n,tags:E,userProperties:h},C,d);P&&(o=P)}return o},[d,C,E,h,i,a]),q={logEvent:t.useCallback(async(n,s)=>{let r=v.current;s&&(r=await u(s),y(r));const o={...n,properties:{conversation:r,...n.properties}};p(o)},[p,u,i,a]),logConversation:u};return l.jsx(g.Provider,{value:q,children:e})},A=({children:e})=>l.jsx(f.BaseEventsProvider,{children:l.jsx(b,{children:e})}),O=()=>{const e=t.useContext(g);if(!e)throw new Error("useChatEvents must be used within a ChatEventsProvider");return e};exports.ChatEventsProvider=b;exports.ChatEventsProviderWithBase=A;exports.useChatEvents=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),j=require("../atoms/api/analytics/conversation.cjs"),w=require("./config-provider.cjs"),B=require("./conversation-provider.cjs"),k=require("./user-provider.cjs"),g=require("./base-events-provider.cjs"),U=require("../utils/generate-uid.cjs"),f=t.createContext(void 0),b=({children:e})=>{const{baseSettings:q}=w.useInkeepConfig(),{apiKey:d,analyticsApiBaseUrl:C,tags:E,privacyPreferences:{optOutAllAnalytics:i},env:a}=q,{userProperties:h}=k.useUser(),{logEvent:p}=g.useBaseEvents(),{conversation:c,setConversation:x}=B.useInkeepConversation(),v=t.useRef(c);t.useEffect(()=>{v.current=c},[c]);const u=t.useCallback(async n=>{const r=v.current,s=!i&&a!=="development";let o=Object.assign({},r,{messages:n});if(s){const P=await j.logConversation(r.id,{messages:n,tags:E,userProperties:h},d,C);P&&(o=P)}else o.id="conv_"+U.generateUid(16);return o},[C,d,E,h,i,a]),y={logEvent:t.useCallback(async(n,r)=>{let s=v.current;r&&(s=await u(r),x(s));const o={...n,properties:{conversation:s,...n.properties}};p(o)},[p,u,i,a]),logConversation:u};return l.jsx(f.Provider,{value:y,children:e})},A=({children:e})=>l.jsx(g.BaseEventsProvider,{children:l.jsx(b,{children:e})}),O=()=>{const e=t.useContext(f);if(!e)throw new Error("useChatEvents must be used within a ChatEventsProvider");return e};exports.ChatEventsProvider=b;exports.ChatEventsProviderWithBase=A;exports.useChatEvents=O;

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

@@ -1,28 +1,29 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { useRef as y, useEffect as w, useCallback as h, createContext as b, useContext as B } from "react";
+import { useRef as y, useEffect as w, useCallback as E, createContext as b, useContext as B } from "react";
 import { logConversation as k } from "../atoms/api/analytics/conversation.js";
 import { useInkeepConfig as A } from "./config-provider.js";
-import { useInkeepConversation as j } from "./conversation-provider.js";
-import { useUser as I } from "./user-provider.js";
-import { useBaseEvents as O, BaseEventsProvider as U } from "./base-events-provider.js";
-const m = b(void 0), K = ({ children: t }) => {
+import { useInkeepConversation as U } from "./conversation-provider.js";
+import { useUser as j } from "./user-provider.js";
+import { useBaseEvents as I, BaseEventsProvider as O } from "./base-events-provider.js";
+import { generateUid as K } from "../utils/generate-uid.js";
+const h = b(void 0), L = ({ children: t }) => {
   const { baseSettings: g } = A(), {
     apiKey: p,
     analyticsApiBaseUrl: l,
     tags: C,
     privacyPreferences: { optOutAllAnalytics: s },
     env: i
-  } = g, { userProperties: f } = I(), { logEvent: E } = O(), { conversation: a, setConversation: P } = j(), c = y(a);
+  } = g, { userProperties: f } = j(), { logEvent: d } = I(), { conversation: a, setConversation: P } = U(), c = y(a);
   w(() => {
     c.current = a;
   }, [a]);
-  const v = h(
+  const v = E(
     async (e) => {
       const n = c.current, o = !s && i !== "development";
       let r = Object.assign({}, n, { messages: e });
       if (o) {
-        const d = await k(
+        const m = await k(
           n.id,
           {
             messages: e,
@@ -32,13 +33,14 @@ const m = b(void 0), K = ({ children: t }) => {
           p,
           l
         );
-        d && (r = d);
-      }
+        m && (r = m);
+      } else
+        r.id = "conv_" + K(16);
       return r;
     },
     [l, p, C, f, s, i]
   ), x = {
-    logEvent: h(
+    logEvent: E(
       async (e, n) => {
         let o = c.current;
         n && (o = await v(n), P(o));
@@ -49,21 +51,21 @@ const m = b(void 0), K = ({ children: t }) => {
             ...e.properties
           }
         };
-        E(r);
+        d(r);
       },
-      [E, v, s, i]
+      [d, v, s, i]
     ),
     logConversation: v
   };
-  return /* @__PURE__ */ u(m.Provider, { value: x, children: t });
-}, F = ({ children: t }) => /* @__PURE__ */ u(U, { children: /* @__PURE__ */ u(K, { children: t }) }), G = () => {
-  const t = B(m);
+  return /* @__PURE__ */ u(h.Provider, { value: x, children: t });
+}, G = ({ children: t }) => /* @__PURE__ */ u(O, { children: /* @__PURE__ */ u(L, { children: t }) }), H = () => {
+  const t = B(h);
   if (!t)
     throw new Error("useChatEvents must be used within a ChatEventsProvider");
   return t;
 };
 export {
-  K as ChatEventsProvider,
-  F as ChatEventsProviderWithBase,
-  G as useChatEvents
+  L as ChatEventsProvider,
+  G as ChatEventsProviderWithBase,
+  H as useChatEvents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.0.0-dev-20250409204034",
+  "version": "0.0.0-dev-20250410010657",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -59,9 +59,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250409204034",
-    "@inkeep/cxkit-theme": "0.0.0-dev-20250409204034",
-    "@inkeep/cxkit-types": "0.0.0-dev-20250409204034"
+    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250410010657",
+    "@inkeep/cxkit-theme": "0.0.0-dev-20250410010657",
+    "@inkeep/cxkit-types": "0.0.0-dev-20250410010657"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",