@inkeep/cxkit-primitives 0.5.33 → 0.5.35

package/dist/atoms/cmdk/index.cjs

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

package/dist/atoms/cmdk/index.js

@@ -2,13 +2,13 @@ import { jsxs as Y, jsx as h } from "react/jsx-runtime";
 import * as G from "@radix-ui/react-dialog";
 import * as c from "react";
 import { commandScore as be } from "./command-score.js";
-import { Primitive as I } from "@radix-ui/react-primitive";
+import { Primitive as R } from "@radix-ui/react-primitive";
 import { useId as T } from "@radix-ui/react-id";
 import { s as Se } 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 { ASK_AI_TRIGGER_VALUE as Ee } from "../../components/embedded-search.js";
 import { useShadow as Ce } from "../shadow/context.js";
-const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', ie = `${le}:not([aria-disabled="true"])`, X = "cmdk-item-select", _ = "data-value", Re = (r, n, t) => be(r, n, t ?? []), ue = c.createContext(void 0), O = () => c.useContext(ue), ae = c.createContext(void 0), Z = () => c.useContext(ae), de = c.createContext(void 0), fe = c.forwardRef((r, n) => {
-  const t = L(() => ({
+const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', ie = `${le}:not([aria-disabled="true"])`, X = "cmdk-item-select", L = "data-value", ye = (r, n, t) => be(r, n, t ?? []), ue = c.createContext(void 0), O = () => c.useContext(ue), ae = c.createContext(void 0), Z = () => c.useContext(ae), de = c.createContext(void 0), fe = c.forwardRef((r, n) => {
+  const t = M(() => ({
     /** Value of the search query. */
     search: "",
     /** Currently selected item value. */
@@ -23,25 +23,25 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
       /** Set of groups with at least one visible item. */
       groups: /* @__PURE__ */ new Set()
     }
-  })), a = L(() => /* @__PURE__ */ new Set()), s = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), m = me(r), {
+  })), a = M(() => /* @__PURE__ */ new Set()), s = M(() => /* @__PURE__ */ new Map()), d = M(() => /* @__PURE__ */ new Map()), f = M(() => /* @__PURE__ */ new Set()), m = me(r), {
     label: u,
-    children: y,
-    value: p,
+    children: I,
+    value: b,
     onValueChange: C,
-    filter: w,
+    filter: x,
     shouldFilter: E,
-    loop: A,
+    loop: _,
     disablePointerSelection: he = !1,
     vimBindings: B = !0,
     ...N
-  } = r, ee = T(), U = T(), b = T(), P = c.useRef(null), R = De();
-  k(() => {
-    if (p !== void 0) {
-      const e = p.trim();
+  } = r, ee = T(), U = T(), p = T(), w = c.useRef(null), y = De();
+  A(() => {
+    if (b !== void 0) {
+      const e = b.trim();
       t.current.value = e, S.emit();
     }
-  }, [p]), k(() => {
-    R(6, re);
+  }, [b]), A(() => {
+    y(6, re);
   }, []);
   const ge = Ce(), S = c.useMemo(() => ({
     subscribe: (e) => (f.current.add(e), () => f.current.delete(e)),
@@ -49,12 +49,12 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
     setState: (e, i, o) => {
       if (!Object.is(t.current[e], i)) {
         if (t.current[e] = i, e === "search")
-          z(), j(), R(1, q);
-        else if (e === "value" && (ge?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input") || R(1, () => {
-          x()?.focus();
-        }), R(7, () => {
-          t.current.selectedItemId = x()?.id, S.emit();
-        }), o || R(5, re), m.current?.value !== void 0)) {
+          z(), j(), y(1, q);
+        else if (e === "value" && (ge?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input") || y(1, () => {
+          k()?.focus();
+        }), y(7, () => {
+          t.current.selectedItemId = k()?.id, S.emit();
+        }), o || y(5, re), m.current?.value !== void 0)) {
           const g = i ?? "";
           m.current.onValueChange?.(g);
           return;
@@ -69,17 +69,17 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
     () => ({
       // Keep id → {value, keywords} mapping up-to-date
       value: (e, i, o) => {
-        i !== d.current.get(e)?.value && (d.current.set(e, { value: i, keywords: o }), t.current.filtered.items.set(e, te(i, o)), R(2, () => {
+        i !== d.current.get(e)?.value && (d.current.set(e, { value: i, keywords: o }), t.current.filtered.items.set(e, te(i, o)), y(2, () => {
           j(), S.emit();
         }));
       },
       // Track item lifecycle (mount, unmount)
-      item: (e, i) => (a.current.add(e), i && (s.current.has(i) ? s.current?.get(i)?.add(e) : s.current.set(i, /* @__PURE__ */ new Set([e]))), R(3, () => {
+      item: (e, i) => (a.current.add(e), i && (s.current.has(i) ? s.current?.get(i)?.add(e) : s.current.set(i, /* @__PURE__ */ new Set([e]))), y(3, () => {
         z(), j(), t.current.value || q(), S.emit();
       }), () => {
         d.current.delete(e), a.current.delete(e), t.current.filtered.items.delete(e);
-        const o = x();
-        R(4, () => {
+        const o = k();
+        y(4, () => {
           z(), o?.getAttribute("id") === e && q(), S.emit();
         });
       }),
@@ -91,14 +91,14 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
       label: u || r["aria-label"] || "",
       getDisablePointerSelection: () => !!m.current.disablePointerSelection,
       listId: ee,
-      inputId: b,
+      inputId: p,
       labelId: U,
-      listInnerRef: P
+      listInnerRef: w
     }),
     []
   );
   function te(e, i) {
-    const o = m.current?.filter ?? Re;
+    const o = m.current?.filter ?? ye;
     return e ? o?.(e, t.current.search, i) : 0;
   }
   function j() {
@@ -114,7 +114,7 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
         g = Math.max(pe, g);
       }), i.push([l, g]);
     });
-    const o = P.current;
+    const o = w.current;
     V().sort((l, v) => {
       const g = l.getAttribute("id"), J = v.getAttribute("id");
       return (e.get(J) ?? 0) - (e.get(g) ?? 0);
@@ -128,8 +128,8 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
         g && o?.appendChild(g);
       }
     }), i.sort((l, v) => v[1] - l[1]).forEach((l) => {
-      const v = P.current?.querySelector(
-        `${D}[${_}="${encodeURIComponent(l[0])}"]`
+      const v = w.current?.querySelector(
+        `${D}[${L}="${encodeURIComponent(l[0])}"]`
       );
       v?.parentElement?.appendChild(v);
     });
@@ -137,7 +137,7 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
   function q() {
     const i = V().find(
       (o) => o.getAttribute("aria-disabled") !== "true" && o.getAttribute("data-value") !== Ee
-    )?.getAttribute(_);
+    )?.getAttribute(L);
     S.setState("value", i || void 0);
   }
   function z() {
@@ -163,29 +163,29 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
     t.current.filtered.count = e;
   }
   function re() {
-    const e = x();
+    const e = k();
     e && (e.parentElement?.firstChild === e && e.closest(D)?.querySelector(we)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
   }
-  function x() {
-    return P.current?.querySelector(`${le}[aria-selected="true"]`);
+  function k() {
+    return w.current?.querySelector(`${le}[aria-selected="true"]`);
   }
   function V() {
-    return Array.from(P.current?.querySelectorAll(ie) || []);
+    return Array.from(w.current?.querySelectorAll(ie) || []);
   }
   function H(e) {
     const o = V()[e];
-    o && S.setState("value", o.getAttribute(_));
+    o && S.setState("value", o.getAttribute(L));
   }
   function W(e) {
-    const i = x(), o = V(), l = o.findIndex((g) => g === i);
+    const i = k(), o = V(), l = o.findIndex((g) => g === i);
     let v = o[l + e];
-    m.current?.loop && (v = l + e < 0 ? o[o.length - 1] : l + e === o.length ? o[0] : o[l + e]), v && S.setState("value", v.getAttribute(_));
+    m.current?.loop && (v = l + e < 0 ? o[o.length - 1] : l + e === o.length ? o[0] : o[l + e]), v && S.setState("value", v.getAttribute(L));
   }
   function ne(e) {
-    let o = x()?.closest(D), l;
+    let o = k()?.closest(D), l;
     for (; o && !l; )
       o = e > 0 ? Pe(o, D) : Ve(o, D), l = o?.querySelector(ie);
-    l ? S.setState("value", l.getAttribute(_)) : W(e);
+    l ? S.setState("value", l.getAttribute(L)) : W(e);
   }
   const oe = () => H(V().length - 1), ce = (e) => {
     e.preventDefault(), e.metaKey ? oe() : e.altKey ? ne(1) : W(1);
@@ -193,7 +193,7 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
     e.preventDefault(), e.metaKey ? H(0) : e.altKey ? ne(-1) : W(-1);
   };
   return /* @__PURE__ */ Y(
-    I.div,
+    R.div,
     {
       ref: n,
       tabIndex: -1,
@@ -231,7 +231,7 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
             case "Enter":
               if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
                 e.preventDefault();
-                const i = x();
+                const i = k();
                 if (i) {
                   const o = new Event(X);
                   i.dispatchEvent(o);
@@ -254,54 +254,55 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
       ]
     }
   );
-}), Ie = c.forwardRef((r, n) => {
+}), Re = c.forwardRef((r, n) => {
   const { id: t } = r, a = c.useRef(null), s = c.useContext(de), d = O(), f = me(r), m = f.current?.forceMount ?? s?.forceMount;
-  k(() => {
+  A(() => {
     if (!m)
       return d.item(t, s?.id);
   }, [m]);
-  const u = ve(t, a, [r.value, r.children, a], r.keywords), y = Z(), p = M((b) => b.value && b.value === u.current), C = M(
-    (b) => m || d.filter() === !1 ? !0 : b.search ? b.filtered.items.get(t) > 0 : !0
+  const u = ve(t, a, [r.value, r.children, a], r.keywords), I = Z(), b = P((p) => p.value && p.value === u.current), C = P(
+    (p) => m || d.filter() === !1 ? !0 : p.search ? p.filtered.items.get(t) > 0 : !0
   );
   c.useEffect(() => {
-    const b = a.current;
-    if (!(!b || r.disabled))
-      return b.addEventListener(X, w), () => b.removeEventListener(X, w);
+    const p = a.current;
+    if (!p || r.disabled) return;
+    const w = () => x("keyboard");
+    return p.addEventListener(X, w), () => p.removeEventListener(X, w);
   }, [C, r.onSelect, r.disabled]);
-  function w() {
-    E(), f.current.onSelect?.(u.current);
+  function x(p = "click") {
+    E(), f.current.onSelect?.({ value: u.current, trigger: p });
   }
   function E() {
-    y.setState("value", u.current, !0);
+    I.setState("value", u.current, !0);
   }
   if (!C) return null;
-  const { disabled: A, value: he, onSelect: B, forceMount: N, keywords: ee, ...U } = r;
+  const { disabled: _, value: he, onSelect: B, forceMount: N, keywords: ee, ...U } = r;
   return /* @__PURE__ */ h(
-    I.div,
+    R.div,
     {
       ref: F([a, n]),
       ...U,
       id: t,
       "cmdk-item": "",
       role: "option",
-      "aria-disabled": !!A,
-      "aria-selected": !!p,
-      "data-disabled": !!A,
-      "data-selected": !!p,
-      onPointerMove: A || d.getDisablePointerSelection() ? void 0 : E,
-      onClick: A ? void 0 : w,
-      onFocus: A ? void 0 : E,
+      "aria-disabled": !!_,
+      "aria-selected": !!b,
+      "data-disabled": !!_,
+      "data-selected": !!b,
+      onPointerMove: _ || d.getDisablePointerSelection() ? void 0 : E,
+      onClick: _ ? void 0 : () => x(),
+      onFocus: _ ? void 0 : E,
       children: r.children
     }
   );
-}), ye = c.forwardRef((r, n) => {
-  const { heading: t, children: a, forceMount: s, ...d } = r, f = T(), m = c.useRef(null), u = c.useRef(null), y = T(), p = O(), C = M(
-    (E) => s || p.filter() === !1 ? !0 : E.search ? E.filtered.groups.has(f) : !0
+}), Ie = c.forwardRef((r, n) => {
+  const { heading: t, children: a, forceMount: s, ...d } = r, f = T(), m = c.useRef(null), u = c.useRef(null), I = T(), b = O(), C = P(
+    (E) => s || b.filter() === !1 ? !0 : E.search ? E.filtered.groups.has(f) : !0
   );
-  k(() => p.group(f), []), ve(f, m, [r.value, r.heading, u]);
-  const w = c.useMemo(() => ({ id: f, forceMount: s }), [s]);
+  A(() => b.group(f), []), ve(f, m, [r.value, r.heading, u]);
+  const x = c.useMemo(() => ({ id: f, forceMount: s }), [s]);
   return /* @__PURE__ */ Y(
-    I.div,
+    R.div,
     {
       ref: F([m, n]),
       ...d,
@@ -309,18 +310,18 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
       role: "presentation",
       hidden: C ? void 0 : !0,
       children: [
-        t && /* @__PURE__ */ h("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: y, children: t }),
+        t && /* @__PURE__ */ h("div", { ref: u, "cmdk-group-heading": "", "aria-hidden": !0, id: I, children: t }),
         K(r, (E) => (
           // biome-ignore lint/a11y/useSemanticElements: <explanation>
-          /* @__PURE__ */ h("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? y : void 0, children: /* @__PURE__ */ h(de.Provider, { value: w, children: E }) })
+          /* @__PURE__ */ h("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? I : void 0, children: /* @__PURE__ */ h(de.Provider, { value: x, children: E }) })
         ))
       ]
     }
   );
 }), xe = c.forwardRef((r, n) => {
-  const { alwaysRender: t, ...a } = r, s = c.useRef(null), d = M((f) => !f.search);
+  const { alwaysRender: t, ...a } = r, s = c.useRef(null), d = P((f) => !f.search);
   return !t && !d ? null : /* @__PURE__ */ h(
-    I.div,
+    R.div,
     {
       ref: F([s, n]),
       ...a,
@@ -329,11 +330,11 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
     }
   );
 }), ke = c.forwardRef((r, n) => {
-  const { onValueChange: t, ...a } = r, s = r.value != null, d = Z(), f = M((u) => u.search), m = O();
+  const { onValueChange: t, ...a } = r, s = r.value != null, d = Z(), f = P((u) => u.search), m = O();
   return c.useEffect(() => {
     r.value != null && d.setState("search", r.value);
   }, [r.value]), /* @__PURE__ */ h(
-    I.input,
+    R.input,
     {
       ref: n,
       ...a,
@@ -358,20 +359,20 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
   const { children: t, label: a = "Suggestions", ...s } = r, d = c.useRef(null), f = c.useRef(null), m = O();
   return c.useEffect(() => {
     if (f.current && d.current) {
-      const u = f.current, y = d.current;
-      let p;
+      const u = f.current, I = d.current;
+      let b;
       const C = new ResizeObserver(() => {
-        p = requestAnimationFrame(() => {
-          const w = u.offsetHeight;
-          y.style.setProperty("--cmdk-list-height", w.toFixed(1) + "px");
+        b = requestAnimationFrame(() => {
+          const x = u.offsetHeight;
+          I.style.setProperty("--cmdk-list-height", x.toFixed(1) + "px");
         });
       });
       return C.observe(u), () => {
-        cancelAnimationFrame(p), C.unobserve(u);
+        cancelAnimationFrame(b), C.unobserve(u);
       };
     }
   }, []), /* @__PURE__ */ h(
-    I.div,
+    R.div,
     {
       ref: F([d, n]),
       ...s,
@@ -388,10 +389,10 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
     /* @__PURE__ */ h(G.Overlay, { "cmdk-overlay": "", className: s }),
     /* @__PURE__ */ h(G.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d, children: /* @__PURE__ */ h(fe, { ref: n, ...m }) })
   ] }) });
-}), Le = c.forwardRef((r, n) => M((a) => a.filtered.count === 0) ? /* @__PURE__ */ h(I.div, { ref: n, ...r, "cmdk-empty": "", role: "presentation" }) : null), Me = c.forwardRef((r, n) => {
+}), Le = c.forwardRef((r, n) => P((a) => a.filtered.count === 0) ? /* @__PURE__ */ h(R.div, { ref: n, ...r, "cmdk-empty": "", role: "presentation" }) : null), Me = c.forwardRef((r, n) => {
   const { progress: t, children: a, label: s = "Loading...", ...d } = r;
   return /* @__PURE__ */ h(
-    I.div,
+    R.div,
     {
       ref: n,
       ...d,
@@ -406,9 +407,9 @@ const D = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', we = '[cmdk-group-head
   );
 }), je = Object.assign(fe, {
   List: Ae,
-  Item: Ie,
+  Item: Re,
   Input: ke,
-  Group: ye,
+  Group: Ie,
   Separator: xe,
   Dialog: _e,
   Empty: Le,
@@ -430,12 +431,12 @@ function Ve(r, n) {
 }
 function me(r) {
   const n = c.useRef(r);
-  return k(() => {
+  return A(() => {
     n.current = r;
   }), n;
 }
-const k = typeof window > "u" ? c.useEffect : c.useLayoutEffect;
-function L(r) {
+const A = typeof window > "u" ? c.useEffect : c.useLayoutEffect;
+function M(r) {
   const n = c.useRef(void 0);
   return n.current === void 0 && (n.current = r()), n;
 }
@@ -446,13 +447,13 @@ function F(r) {
     });
   };
 }
-function M(r) {
+function P(r) {
   const n = Z(), t = () => r(n.snapshot());
   return Se.useSyncExternalStore(n.subscribe, t, t);
 }
 function ve(r, n, t, a = []) {
   const s = c.useRef(void 0), d = O();
-  return k(() => {
+  return A(() => {
     const f = (() => {
       for (const u of t) {
         if (typeof u == "string")
@@ -461,12 +462,12 @@ function ve(r, n, t, a = []) {
           return u.current ? u.current.textContent?.trim() : s.current;
       }
     })(), m = a.map((u) => u.trim());
-    d.value(r, f, m), n.current?.setAttribute(_, f), s.current = f;
+    d.value(r, f, m), n.current?.setAttribute(L, f), s.current = f;
   }), s;
 }
 const De = () => {
-  const [r, n] = c.useState(), t = L(() => /* @__PURE__ */ new Map());
-  return k(() => {
+  const [r, n] = c.useState(), t = M(() => /* @__PURE__ */ new Map());
+  return A(() => {
     t.current.forEach((a) => a()), t.current = /* @__PURE__ */ new Map();
   }, [r]), (a, s) => {
     t.current.set(a, s), n({});
@@ -500,11 +501,11 @@ export {
   _e as CommandDialog,
   Le as CommandEmpty,
   ke as CommandInput,
-  Ie as CommandItem,
+  Re as CommandItem,
   Ae as CommandList,
   Me as CommandLoading,
   fe as CommandRoot,
   xe as CommandSeparator,
-  Re as defaultFilter,
-  M as useCommandState
+  ye as defaultFilter,
+  P as useCommandState
 };

package/dist/components/embedded-search/transform-results.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),S=require("../../providers/config-provider.cjs"),T=require("../../utils/transform-source/index.cjs"),v=(e,o)=>{const{baseSettings:{transformSource:r,organizationDisplayName:s},searchSettings:{tabs:u,searchQueryParamKey:i,shouldOpenLinksInNewTab:g}}=S.useInkeepConfig();return w.useMemo(()=>{const R=u.length>0?u:["All"],n={},y=new Set,d=R.map(t=>typeof t=="string"?t:t[0]);for(const t of d)n[t]=[];for(const t of e){const c=t.url||"";if(y.has(c))continue;y.add(c);const l=i?I(c,o,i):c,a=T.transformInkeepSource({title:t.title,url:l,description:k(t),type:O(t.rootRecord.__typename),tag:D(t),breadcrumbs:t.rootRecord.pathBreadcrumbs??[],contentType:t.rootRecord.contentType},"searchResultItem",{organizationDisplayName:s,tabs:u,transformSource:r}),f={...a,id:t.id,isExternal:a.shouldOpenInNewTab!==void 0?a.shouldOpenInNewTab:g},m=f.tabs||[];for(const b of m){const p=typeof b=="string"?b:b[0];if(!d.includes(p)){console.warn(`Tab "${p}" found in item but not configured in tabs`);continue}n[p].push(f)}d.includes("All")&&n.All.push(f)}for(const t of Object.keys(n)){const c=R.find(a=>typeof a=="string"?a===t:a[0]===t),l=typeof c=="object"?c[1]?.isAlwaysVisible===!0:!1;n[t].length===0&&!l&&delete n[t]}return n},[e,r,s,u,o,i,g])};function I(e,o,r){try{const s=new URL(e);return s.searchParams.set(r,o),s.toString()}catch{return e}}const k=e=>{switch(e.rootRecord.__typename){case"DocumentationRecord":{const o=h(e.pathHeadings?.at(-1)?.content||""),r=h(e.content?.content||"");return e.preview||r||o}case"GitHubIssueRecord":case"StackOverflowRecord":case"DiscourseRecord":return e.rootRecord.body;default:return e.preview}},D=e=>{switch(e.rootRecord.__typename){case"StackOverflowRecord":return e.rootRecord.markedAsCorrectAnswer?"Resolved":void 0;case"GitHubIssueRecord":return e.rootRecord.state==="CLOSED"?"Closed":void 0}},h=e=>{const o=/(https?:\/\/\S+)/g;return e.replace(o,r=>{const s=r.split("/");return s.length>3?`...${s.slice(-2).join("/")}`:r})},O=e=>{switch(e){case"DocumentationRecord":return"documentation";case"GitHubIssueRecord":return"github_issue";case"DiscourseRecord":return"discourse";case"DiscordRecord":return"discord";case"StackOverflowRecord":return"stackoverflow";case"SlackEntry":return"slack_message";default:return"site"}};exports.useTransformResults=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),S=require("../../providers/config-provider.cjs"),T=require("../../utils/transform-source/index.cjs"),v=(e,s)=>{const{baseSettings:{transformSource:r,organizationDisplayName:o},searchSettings:{tabs:u,searchQueryParamKey:i,shouldOpenLinksInNewTab:g}}=S.useInkeepConfig();return w.useMemo(()=>{const R=u.length>0?u:["All"],n={},y=new Set,d=R.map(t=>typeof t=="string"?t:t[0]);for(const t of d)n[t]=[];for(const t of e){const c=t.url||"";if(y.has(c))continue;y.add(c);const l=i?I(c,s,i):c,a=T.transformInkeepSource({title:t.title,url:l,description:k(t),type:O(t.rootRecord.__typename),tag:D(t),breadcrumbs:t.rootRecord.pathBreadcrumbs??[],contentType:t.rootRecord.contentType},"searchResultItem",{organizationDisplayName:o,tabs:u,transformSource:r}),f={...a,id:t.id,isExternal:a.shouldOpenInNewTab!==void 0?a.shouldOpenInNewTab:g},m=f.tabs||[];for(const b of m){const p=typeof b=="string"?b:b[0];if(!d.includes(p)){console.warn(`Tab "${p}" found in item but not configured in tabs`);continue}n[p].push(f)}d.includes("All")&&n.All.push(f)}for(const t of Object.keys(n)){const c=R.find(a=>typeof a=="string"?a===t:a[0]===t),l=typeof c=="object"?c[1]?.isAlwaysVisible===!0:!1;n[t].length===0&&!l&&delete n[t]}return n},[e,r,o,u,i,g])};function I(e,s,r){try{const o=new URL(e);return o.searchParams.set(r,s),o.toString()}catch{return e}}const k=e=>{switch(e.rootRecord.__typename){case"DocumentationRecord":{const s=h(e.pathHeadings?.at(-1)?.content||""),r=h(e.content?.content||"");return e.preview||r||s}case"GitHubIssueRecord":case"StackOverflowRecord":case"DiscourseRecord":return e.rootRecord.body;default:return e.preview}},D=e=>{switch(e.rootRecord.__typename){case"StackOverflowRecord":return e.rootRecord.markedAsCorrectAnswer?"Resolved":void 0;case"GitHubIssueRecord":return e.rootRecord.state==="CLOSED"?"Closed":void 0}},h=e=>{const s=/(https?:\/\/\S+)/g;return e.replace(s,r=>{const o=r.split("/");return o.length>3?`...${o.slice(-2).join("/")}`:r})},O=e=>{switch(e){case"DocumentationRecord":return"documentation";case"GitHubIssueRecord":return"github_issue";case"DiscourseRecord":return"discourse";case"DiscordRecord":return"discord";case"StackOverflowRecord":return"stackoverflow";case"SlackEntry":return"slack_message";default:return"site"}};exports.useTransformResults=v;

package/dist/components/embedded-search/transform-results.js

@@ -2,9 +2,9 @@
 import { useMemo as w } from "react";
 import { useInkeepConfig as S } from "../../providers/config-provider.js";
 import { transformInkeepSource as I } from "../../utils/transform-source/index.js";
-const N = (e, r) => {
+const N = (e, s) => {
   const {
-    baseSettings: { transformSource: o, organizationDisplayName: s },
+    baseSettings: { transformSource: o, organizationDisplayName: r },
     searchSettings: { tabs: u, searchQueryParamKey: i, shouldOpenLinksInNewTab: g }
   } = S();
   return w(() => {
@@ -15,7 +15,7 @@ const N = (e, r) => {
       const c = t.url || "";
       if (R.has(c)) continue;
       R.add(c);
-      const l = i ? T(c, r, i) : c, a = I(
+      const l = i ? T(c, s, i) : c, a = I(
         {
           title: t.title,
           url: l,
@@ -26,7 +26,7 @@ const N = (e, r) => {
           contentType: t.rootRecord.contentType
         },
         "searchResultItem",
-        { organizationDisplayName: s, tabs: u, transformSource: o }
+        { organizationDisplayName: r, tabs: u, transformSource: o }
       ), f = {
         ...a,
         id: t.id,
@@ -50,17 +50,16 @@ const N = (e, r) => {
   }, [
     e,
     o,
-    s,
-    u,
     r,
+    u,
     i,
     g
   ]);
 };
-function T(e, r, o) {
+function T(e, s, o) {
   try {
-    const s = new URL(e);
-    return s.searchParams.set(o, r), s.toString();
+    const r = new URL(e);
+    return r.searchParams.set(o, s), r.toString();
   } catch {
     return e;
   }
@@ -68,8 +67,8 @@ function T(e, r, o) {
 const k = (e) => {
   switch (e.rootRecord.__typename) {
     case "DocumentationRecord": {
-      const r = h(e.pathHeadings?.at(-1)?.content || ""), o = h(e.content?.content || "");
-      return e.preview || o || r;
+      const s = h(e.pathHeadings?.at(-1)?.content || ""), o = h(e.content?.content || "");
+      return e.preview || o || s;
     }
     case "GitHubIssueRecord":
     case "StackOverflowRecord":
@@ -86,10 +85,10 @@ const k = (e) => {
       return e.rootRecord.state === "CLOSED" ? "Closed" : void 0;
   }
 }, h = (e) => {
-  const r = /(https?:\/\/\S+)/g;
-  return e.replace(r, (o) => {
-    const s = o.split("/");
-    return s.length > 3 ? `...${s.slice(-2).join("/")}` : o;
+  const s = /(https?:\/\/\S+)/g;
+  return e.replace(s, (o) => {
+    const r = o.split("/");
+    return r.length > 3 ? `...${r.slice(-2).join("/")}` : o;
   });
 }, D = (e) => {
   switch (e) {

package/dist/components/embedded-search/use-inkeep-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),te=require("../../providers/config-provider.cjs"),se=require("../../hooks/use-media-query.cjs"),re=require("./search-query.graphql.cjs"),ne=require("./transform-results.cjs"),ce=require("../../providers/search-events-provider.cjs"),ae=require("../../hooks/use-instant-update.cjs"),ue=require("../../utils/graphql-client.cjs"),oe=()=>{const{baseSettings:B,searchSettings:H}=te.useInkeepConfig(),{apiKey:T,aiApiBaseUrl:$,userAuthToken:i,filters:Q}=B,{maxResults:w,placeholder:q,defaultQuery:z,debounceTimeMs:C,onQueryChange:D,searchFunctionsRef:K,tabs:h,filters:k}=H,{logEvent:v}=ce.useSearchEvents(),[n,E]=t.useState(z),M=t.useRef(null),[I,f]=t.useState(!1),[W,d]=t.useState(null),[G,u]=t.useState("NONE"),J=t.useCallback(e=>{u(e)},[]),[y,b]=t.useState([]),s=ne.useTransformResults(y,n),A=typeof h?.[0]=="string"?h[0]:h[0][0],[m,P]=t.useState(A),{disableTransition:U,disabled:V}=ae.useInstantUpdate(),X=t.useCallback(e=>{U(),P(e);const r=s[e][0].id;u(r)},[s,U]);t.useEffect(()=>{let e=m in s?m:Object.keys(s)[0];if(!s[e]?.length){const a=Object.keys(s).find(l=>s[l]?.length);a?e=a:e=A}if(!e)return;P(e);const r=s[e]?.[0];r&&u(r.id)},[s]);const g=se.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),S=t.useRef(null),p=t.useRef(null);t.useImperativeHandle(K,()=>({updateQuery(e){E(e)},focusInput:()=>{M.current?.focus()}}));const _=`${$}/graphql`,j=t.useMemo(()=>({Authorization:`Bearer ${T}`,"Content-Type":"application/json",...i?{"User-Token":i}:{}}),[T,i]),F=t.useCallback(async e=>{const r=new AbortController;S.current=r;try{d(null);const l=(await ue.graphqlRequest(_,re.default,{searchInput:e},j,r.signal))?.search.searchHits;o.current[e.searchQuery]=l,b(l)}catch(a){if(a.name==="AbortError")return;d("Failed to fetch search results. Please try again.")}finally{f(!1)}},[_,j]),L=t.useCallback(e=>{const r=o.current[e.searchQuery];v({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),N=()=>{S.current&&(S.current.abort(),f(!1))},O=t.useCallback(e=>{if(p.current&&window.clearTimeout(p.current),!e.searchQuery){N(),b([]),d(null);return}p.current=window.setTimeout(()=>{N(),v({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(b(o.current[e.searchQuery]),L(e)):(f(!0),F(e).then(()=>{L(e)}))},C)},[C,F]),R=t.useMemo(()=>({searchQuery:n,filters:{...Q,...k,limit:w}}),[n,w,Q,k]);t.useEffect(()=>{D?.(R.searchQuery),O(R)},[O,R]);const c=t.useRef(null),[Y,x]=t.useState(!1);t.useEffect(()=>(c.current!==null&&window.clearTimeout(c.current),n?c.current=window.setTimeout(()=>{x(!0)},400):x(!1),()=>{c.current!==null&&window.clearTimeout(c.current)}),[n]);const Z=t.useCallback(e=>E(e.target.value),[]),ee=t.useMemo(()=>q||(g?"Search...":"Search for anything..."),[q,g]);return{results:s,resultsList:y,hasContent:Y&&(y.length>0||I),loading:I,error:W,query:n,onInput:Z,placeholder:ee,tab:m,onTabChange:X,selectedItem:G,setSelectedItem:u,onSelectedItemChange:J,transitionsDisabled:V,inputRef:M,isMobile:g}};exports.useInkeepSearch=oe;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),te=require("../../providers/config-provider.cjs"),se=require("../../hooks/use-media-query.cjs"),re=require("./search-query.graphql.cjs"),ne=require("./transform-results.cjs"),ce=require("../../providers/search-events-provider.cjs"),ue=require("../../hooks/use-instant-update.cjs"),ae=require("../../utils/graphql-client.cjs"),oe=()=>{const{baseSettings:B,searchSettings:H}=te.useInkeepConfig(),{apiKey:Q,aiApiBaseUrl:$,userAuthToken:h,filters:T}=B,{maxResults:q,placeholder:w,defaultQuery:z,debounceTimeMs:C,onQueryChange:D,searchFunctionsRef:K,tabs:a,filters:k}=H,{logEvent:v}=ce.useSearchEvents(),[n,E]=t.useState(z),M=t.useRef(null),[I,f]=t.useState(!1),[W,d]=t.useState(null),[G,o]=t.useState("NONE"),J=t.useCallback(e=>{o(e)},[]),[y,b]=t.useState([]),s=ne.useTransformResults(y,n),A=a?.length?typeof a[0]=="string"?a[0]:a[0][0]:"All",[m,P]=t.useState(A),{disableTransition:U,disabled:V}=ue.useInstantUpdate(),X=t.useCallback(e=>{U(),P(e);const r=s[e][0]?s[e][0]?.id:void 0;o(r)},[s,U]);t.useEffect(()=>{let e=m in s?m:Object.keys(s)[0];if(!s[e]?.length){const u=Object.keys(s).find(i=>s[i]?.length);u?e=u:e=A}if(!e)return;P(e);const r=s[e]?.[0];r&&o(r.id)},[s]);const g=se.useMediaQuery("(max-width: 768px)"),l=t.useRef({}),S=t.useRef(null),p=t.useRef(null);t.useImperativeHandle(K,()=>({updateQuery(e){E(e)},focusInput:()=>{M.current?.focus()}}));const _=`${$}/graphql`,j=t.useMemo(()=>({Authorization:`Bearer ${Q}`,"Content-Type":"application/json",...h?{"User-Token":h}:{}}),[Q,h]),F=t.useCallback(async e=>{const r=new AbortController;S.current=r;try{d(null);const i=(await ae.graphqlRequest(_,re.default,{searchInput:e},j,r.signal))?.search.searchHits;l.current[e.searchQuery]=i,b(i)}catch(u){if(u.name==="AbortError")return;d("Failed to fetch search results. Please try again.")}finally{f(!1)}},[_,j]),L=t.useCallback(e=>{const r=l.current[e.searchQuery];v({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),N=()=>{S.current&&(S.current.abort(),f(!1))},O=t.useCallback(e=>{if(p.current&&window.clearTimeout(p.current),!e.searchQuery){N(),b([]),d(null);return}p.current=window.setTimeout(()=>{N(),v({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),l.current[e.searchQuery]?(b(l.current[e.searchQuery]),L(e)):(f(!0),F(e).then(()=>{L(e)}))},C)},[C,F]),R=t.useMemo(()=>({searchQuery:n,filters:{...T,...k,limit:q}}),[n,q,T,k]);t.useEffect(()=>{D?.(R.searchQuery),O(R)},[O,R]);const c=t.useRef(null),[Y,x]=t.useState(!1);t.useEffect(()=>(c.current!==null&&window.clearTimeout(c.current),n?c.current=window.setTimeout(()=>{x(!0)},400):x(!1),()=>{c.current!==null&&window.clearTimeout(c.current)}),[n]);const Z=t.useCallback(e=>E(e.target.value),[]),ee=t.useMemo(()=>w||(g?"Search...":"Search for anything..."),[w,g]);return{results:s,resultsList:y,hasContent:Y&&(y.length>0||I),loading:I,error:W,query:n,onInput:Z,placeholder:ee,tab:m,onTabChange:X,selectedItem:G,setSelectedItem:o,onSelectedItemChange:J,transitionsDisabled:V,inputRef:M,isMobile:g}};exports.useInkeepSearch=oe;