@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/overlays/CommandPalette/CommandPaletteParts.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/Portal/Portal.cjs.js"),i=require("../../feedback/Spinner/Spinner.cjs.js"),a=require("../../primitives/Button/Button.cjs.js"),o=require("../../primitives/Icon/icons.cjs.js"),s=require("../../primitives/Kbd/Kbd.cjs.js"),c=require("../../data-display/EmptyState/EmptyState.cjs.js"),l=require("./CommandPaletteContext.cjs.js"),u=require("./commandPaletteUtils.cjs.js"),d=require("./CommandPalette.module.css.cjs.js");let f=require("react"),p=require("react/jsx-runtime");var m=globalThis.process?.env?.NODE_ENV!==`production`;function h({placeholder:r,id:s,className:c,onKeyDown:u,ref:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":_,...v}){let y=e.useMessages(),b=r??y.commandPalette.placeholder,x=l.useCommandPalette(`CommandPalette.Input`),S=(0,f.useId)(),C=(0,f.useMemo)(()=>t.mergeRefs(m,x.inputRef),[m,x.inputRef]),w=x.pages.length>0,T=x.pages.map(e=>x.pageTitles[e]??e).join(`, `),E=g?void 0:h??(w?`${x.label}, ${T}`:x.label),D=[x.instructionsId,_].filter(Boolean).join(` `);return(0,p.jsxs)(`div`,{className:d.default.header,children:[w&&(0,p.jsxs)(`div`,{className:d.default.crumbs,children:[(0,p.jsx)(a.IconButton,{"aria-label":x.backLabel,variant:`ghost`,tone:`neutral`,size:`sm`,className:d.default.back,onClick:()=>{x.popPage(),x.inputRef.current?.focus()},children:(0,p.jsx)(o.ChevronLeftIcon,{})}),(0,p.jsx)(`span`,{className:d.default.trail,children:x.pages.map((e,t)=>(0,p.jsxs)(`span`,{className:d.default.crumb,children:[t>0&&(0,p.jsx)(o.ChevronRightIcon,{"aria-hidden":`true`,className:d.default.crumbSeparator}),x.pageTitles[e]??e]},`${t}-${e}`))})]}),(0,p.jsxs)(`div`,{className:d.default.field,children:[(0,p.jsx)(o.SearchIcon,{"aria-hidden":`true`,className:d.default.searchIcon}),(0,p.jsx)(`input`,{autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,spellCheck:!1,enterKeyHint:`go`,...v,ref:C,id:s??S,type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-haspopup":`listbox`,"aria-controls":x.listboxId,"aria-autocomplete":`list`,"aria-activedescendant":x.activeId??void 0,"aria-label":E,"aria-labelledby":g,"aria-describedby":D,placeholder:b,value:x.search,onChange:e=>x.setSearch(e.target.value),onKeyDown:e=>{u?.(e),e.defaultPrevented||x.onInputKeyDown(e)},className:n.cx(d.default.input,x.loading&&d.default.inputLoading,c)}),x.loading&&(0,p.jsx)(i.Spinner,{decorative:!0,size:`sm`,className:d.default.inputSpinner})]})]})}function g({label:r,id:i,className:a,children:o,ref:s,"aria-label":c,...u}){let m=e.useMessages(),h=r??m.commandPalette.list,g=l.useCommandPalette(`CommandPalette.List`),{setListboxId:_}=g;(0,f.useLayoutEffect)(()=>(_(i??null),()=>_(null)),[i,_]);let v=(0,f.useMemo)(()=>t.mergeRefs(s,g.listboxRef),[s,g.listboxRef]);return(0,p.jsxs)(`div`,{className:d.default.listArea,children:[(0,p.jsx)(`div`,{"aria-label":u[`aria-labelledby`]?void 0:c??h,...u,ref:v,id:g.listboxId,role:`listbox`,"aria-busy":g.loading||void 0,className:n.cx(d.default.list,a),children:(0,p.jsx)(f.Fragment,{children:o},g.results.ranked?`ranked`:`rendered`)}),(0,p.jsx)(`div`,{ref:g.setStatusSlot,className:d.default.status})]})}function _({heading:e,className:t,style:r,children:i,...a}){let o=l.useCommandPalette(`CommandPalette.Group`),s=(0,f.useId)(),c=(0,f.useId)(),u=o.results.groupCount.get(s)??0,m=o.results.groupOrder.get(s)??0;return(0,p.jsxs)(`div`,{role:`group`,"aria-labelledby":e?c:void 0,...a,hidden:u===0,"data-order":m,style:r,className:n.cx(d.default.group,t),children:[e&&(0,p.jsx)(`div`,{id:c,className:d.default.groupHeading,"data-command-heading":``,children:e}),(0,p.jsx)(l.GroupContext.Provider,{value:s,children:i})]})}var v={cmd:`Meta`,meta:`Meta`,ctrl:`Control`,alt:`Alt`,option:`Alt`,shift:`Shift`,enter:`Enter`,return:`Enter`,esc:`Escape`,tab:`Tab`,space:`Space`,backspace:`Backspace`,delete:`Delete`,up:`ArrowUp`,down:`ArrowDown`,left:`ArrowLeft`,right:`ArrowRight`};function y(e,t){return e.map(e=>{let n=e.toLowerCase();return n===`mod`?t===`mac`?`Meta`:`Control`:v[n]??(e.length===1?e.toUpperCase():e)}).join(`+`)}var b={x:NaN,y:NaN};function x({text:e,indexes:t}){if(t.length===0)return(0,p.jsx)(p.Fragment,{children:e});let n=new Set(t),r=[],i=``,a=n.has(0),o=e=>{i&&r.push(a?(0,p.jsx)(`mark`,{className:d.default.mark,children:i},e):i)};for(let t=0;t<e.length;t+=1){let r=n.has(t);r!==a&&(o(t),i=``,a=r),i+=e[t]}return o(e.length),(0,p.jsx)(p.Fragment,{children:r})}function S({value:e,keywords:t,children:r,icon:i,shortcut:a,onSelect:c,to:h,disabled:g=!1,id:_,className:v,style:S,onClick:C,onMouseDown:w,onPointerMove:T,"aria-keyshortcuts":E,...D}){let O=l.useCommandPalette(`CommandPalette.Item`),{register:k}=O,A=(0,f.useId)(),j=_??`${A}-option`,M=(0,f.useContext)(l.GroupContext),N=(0,f.useContext)(l.PageContext)===O.currentPage,P=s.useKbdPlatform(),F=typeof r==`string`?r:r==null?e:void 0,I=e??(typeof r==`string`?r:``);(0,f.useEffect)(()=>{m&&!I&&console.warn("[CommandPalette.Item] Pass a `value` when the label isn't plain text, so it can be searched.")},[I]);let L=(0,f.useRef)(c);L.current=c;let R=t?.join(`\0`)??``;if((0,f.useLayoutEffect)(()=>{if(N)return k({key:A,domId:j,value:I,keywords:R?R.split(`\0`):[],disabled:g,groupKey:M,to:h,onSelectRef:L})},[k,N,A,j,I,R,g,M,h]),!N||!O.results.visible.has(A))return null;let z=O.activeId===j,B=O.results.itemOrder.get(A)??0,V=O.highlightMatches?u.normalizeQuery(O.search):``,H=F&&V?u.matchText(F,V)?.indexes??[]:[],U=Array.isArray(a),W=E??(U?y(a,P):void 0),G=e=>{if(T?.(e),e.defaultPrevented||e.pointerType===`touch`)return;let t=b.x!==e.clientX||b.y!==e.clientY;b.x=e.clientX,b.y=e.clientY,t&&!z&&O.setActiveId(j)};return(0,p.jsxs)(`div`,{...D,id:j,role:`option`,"aria-selected":z,"aria-disabled":g||void 0,"aria-keyshortcuts":W,"data-active":z?``:void 0,"data-disabled":g?``:void 0,"data-order":B,style:S,className:n.cx(d.default.item,v),onMouseDown:e=>{w?.(e),e.preventDefault()},onPointerMove:G,onClick:e=>{C?.(e),!e.defaultPrevented&&O.selectById(j)},children:[i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:d.default.icon,children:i}),(0,p.jsx)(`span`,{className:d.default.label,children:F===void 0?r:(0,p.jsx)(x,{text:F,indexes:H})}),a!=null&&a!==!1&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:d.default.shortcut,children:U?(0,p.jsx)(s.KbdShortcut,{keys:a,size:`sm`}):a}),h&&(0,p.jsx)(o.ChevronRightIcon,{"aria-hidden":`true`,className:d.default.chevron})]})}function C({children:e,className:t,...i}){let a=l.useCommandPalette(`CommandPalette.Empty`);return a.results.count>0||a.loading||!a.statusSlot?null:(0,p.jsx)(r.Portal,{container:a.statusSlot,children:(0,p.jsx)(`div`,{...i,className:n.cx(d.default.empty,t),children:e??(0,p.jsx)(c.EmptyState,{kind:`no-results`,query:a.search.trim()||void 0,size:`sm`,headingLevel:3})})})}function w({children:t,className:a,...o}){let s=e.useMessages(),c=t??s.commandPalette.loading,u=l.useCommandPalette(`CommandPalette.Loading`),{registerLoading:m}=u,h=typeof c==`string`?c:s.commandPalette.loading;return(0,f.useLayoutEffect)(()=>m(h),[m,h]),u.statusSlot?(0,p.jsx)(r.Portal,{container:u.statusSlot,children:(0,p.jsxs)(`div`,{...o,className:n.cx(d.default.loading,a),children:[(0,p.jsx)(i.Spinner,{decorative:!0,size:`sm`}),(0,p.jsx)(`span`,{children:c})]})}):null}function T({className:e,...t}){let r=l.useCommandPalette(`CommandPalette.Separator`);return(0,f.useContext)(l.PageContext)===r.currentPage?(0,p.jsx)(`div`,{"aria-hidden":`true`,...t,hidden:r.search.trim()!==``,className:n.cx(d.default.separator,e)}):null}function E({name:e,title:t,children:n}){let r=l.useCommandPalette(`CommandPalette.Page`),{registerPageTitle:i}=r;return(0,f.useLayoutEffect)(()=>i(e,t),[i,e,t]),r.currentPage===e?(0,p.jsx)(l.PageContext.Provider,{value:e,children:n}):null}exports.CommandPaletteEmpty=C,exports.CommandPaletteGroup=_,exports.CommandPaletteInput=h,exports.CommandPaletteItem=S,exports.CommandPaletteList=g,exports.CommandPaletteLoading=w,exports.CommandPalettePage=E,exports.CommandPaletteSeparator=T;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("../../primitives/Kbd/Kbd.cjs.js"),a=require("../../data-display/EmptyState/EmptyState.cjs.js"),o=require("../../feedback/Spinner/Spinner.cjs.js"),s=require("../../utilities/Portal/Portal.cjs.js"),c=require("./CommandPaletteContext.cjs.js"),l=require("./commandPaletteUtils.cjs.js"),u=require("./CommandPalette.module.css.cjs.js"),d=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let f=require("react"),p=require("react/jsx-runtime");var m=globalThis.process?.env?.NODE_ENV!==`production`;function h({placeholder:i,id:a,className:s,onKeyDown:l,ref:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":_,...v}){let y=d.useMessages(),b=i??y.commandPalette.placeholder,x=c.useCommandPalette(`CommandPalette.Input`),S=(0,f.useId)(),C=(0,f.useMemo)(()=>t.mergeRefs(m,x.inputRef),[m,x.inputRef]),w=x.pages.length>0,T=x.pages.map(e=>x.pageTitles[e]??e).join(`, `),E=g?void 0:h??(w?`${x.label}, ${T}`:x.label),D=[x.instructionsId,_].filter(Boolean).join(` `);return(0,p.jsxs)(`div`,{className:u.default.header,children:[w&&(0,p.jsxs)(`div`,{className:u.default.crumbs,children:[(0,p.jsx)(n.IconButton,{"aria-label":x.backLabel,variant:`ghost`,tone:`neutral`,size:`sm`,className:u.default.back,onClick:()=>{x.popPage(),x.inputRef.current?.focus()},children:(0,p.jsx)(r.ChevronLeftIcon,{})}),(0,p.jsx)(`span`,{className:u.default.trail,children:x.pages.map((e,t)=>(0,p.jsxs)(`span`,{className:u.default.crumb,children:[t>0&&(0,p.jsx)(r.ChevronRightIcon,{"aria-hidden":`true`,className:u.default.crumbSeparator}),x.pageTitles[e]??e]},`${t}-${e}`))})]}),(0,p.jsxs)(`div`,{className:u.default.field,children:[(0,p.jsx)(r.SearchIcon,{"aria-hidden":`true`,className:u.default.searchIcon}),(0,p.jsx)(`input`,{autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,spellCheck:!1,enterKeyHint:`go`,...v,ref:C,id:a??S,type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-haspopup":`listbox`,"aria-controls":x.listboxId,"aria-autocomplete":`list`,"aria-activedescendant":x.activeId??void 0,"aria-label":E,"aria-labelledby":g,"aria-describedby":D,placeholder:b,value:x.search,onChange:e=>x.setSearch(e.target.value),onKeyDown:e=>{l?.(e),e.defaultPrevented||x.onInputKeyDown(e)},className:e.cx(u.default.input,x.loading&&u.default.inputLoading,s)}),x.loading&&(0,p.jsx)(o.Spinner,{decorative:!0,size:`sm`,className:u.default.inputSpinner})]})]})}function g({label:n,id:r,className:i,children:a,ref:o,"aria-label":s,...l}){let m=d.useMessages(),h=n??m.commandPalette.list,g=c.useCommandPalette(`CommandPalette.List`),{setListboxId:_}=g;(0,f.useLayoutEffect)(()=>(_(r??null),()=>_(null)),[r,_]);let v=(0,f.useMemo)(()=>t.mergeRefs(o,g.listboxRef),[o,g.listboxRef]);return(0,p.jsxs)(`div`,{className:u.default.listArea,children:[(0,p.jsx)(`div`,{"aria-label":l[`aria-labelledby`]?void 0:s??h,...l,ref:v,id:g.listboxId,role:`listbox`,"aria-busy":g.loading||void 0,className:e.cx(u.default.list,i),children:(0,p.jsx)(f.Fragment,{children:a},g.results.ranked?`ranked`:`rendered`)}),(0,p.jsx)(`div`,{ref:g.setStatusSlot,className:u.default.status})]})}function _({heading:t,className:n,style:r,children:i,...a}){let o=c.useCommandPalette(`CommandPalette.Group`),s=(0,f.useId)(),l=(0,f.useId)(),d=o.results.groupCount.get(s)??0,m=o.results.groupOrder.get(s)??0;return(0,p.jsxs)(`div`,{role:`group`,"aria-labelledby":t?l:void 0,...a,hidden:d===0,"data-order":m,style:r,className:e.cx(u.default.group,n),children:[t&&(0,p.jsx)(`div`,{id:l,className:u.default.groupHeading,"data-command-heading":``,children:t}),(0,p.jsx)(c.GroupContext.Provider,{value:s,children:i})]})}var v={cmd:`Meta`,meta:`Meta`,ctrl:`Control`,alt:`Alt`,option:`Alt`,shift:`Shift`,enter:`Enter`,return:`Enter`,esc:`Escape`,tab:`Tab`,space:`Space`,backspace:`Backspace`,delete:`Delete`,up:`ArrowUp`,down:`ArrowDown`,left:`ArrowLeft`,right:`ArrowRight`};function y(e,t){return e.map(e=>{let n=e.toLowerCase();return n===`mod`?t===`mac`?`Meta`:`Control`:v[n]??(e.length===1?e.toUpperCase():e)}).join(`+`)}var b={x:NaN,y:NaN};function x({text:e,indexes:t}){if(t.length===0)return(0,p.jsx)(p.Fragment,{children:e});let n=new Set(t),r=[],i=``,a=n.has(0),o=e=>{i&&r.push(a?(0,p.jsx)(`mark`,{className:u.default.mark,children:i},e):i)};for(let t=0;t<e.length;t+=1){let r=n.has(t);r!==a&&(o(t),i=``,a=r),i+=e[t]}return o(e.length),(0,p.jsx)(p.Fragment,{children:r})}function S({value:t,keywords:n,children:a,icon:o,shortcut:s,onSelect:d,to:h,disabled:g=!1,id:_,className:v,style:S,onClick:C,onMouseDown:w,onPointerMove:T,"aria-keyshortcuts":E,...D}){let O=c.useCommandPalette(`CommandPalette.Item`),{register:k}=O,A=(0,f.useId)(),j=_??`${A}-option`,M=(0,f.useContext)(c.GroupContext),N=(0,f.useContext)(c.PageContext)===O.currentPage,P=i.useKbdPlatform(),F=typeof a==`string`?a:a==null?t:void 0,I=t??(typeof a==`string`?a:``);(0,f.useEffect)(()=>{m&&!I&&console.warn("[CommandPalette.Item] Pass a `value` when the label isn't plain text, so it can be searched.")},[I]);let L=(0,f.useRef)(d);L.current=d;let R=n?.join(`\0`)??``;if((0,f.useLayoutEffect)(()=>{if(N)return k({key:A,domId:j,value:I,keywords:R?R.split(`\0`):[],disabled:g,groupKey:M,to:h,onSelectRef:L})},[k,N,A,j,I,R,g,M,h]),!N||!O.results.visible.has(A))return null;let z=O.activeId===j,B=O.results.itemOrder.get(A)??0,V=O.highlightMatches?l.normalizeQuery(O.search):``,H=F&&V?l.matchText(F,V)?.indexes??[]:[],U=Array.isArray(s),W=E??(U?y(s,P):void 0),G=e=>{if(T?.(e),e.defaultPrevented||e.pointerType===`touch`)return;let t=b.x!==e.clientX||b.y!==e.clientY;b.x=e.clientX,b.y=e.clientY,t&&!z&&O.setActiveId(j)};return(0,p.jsxs)(`div`,{...D,id:j,role:`option`,"aria-selected":z,"aria-disabled":g||void 0,"aria-keyshortcuts":W,"data-active":z?``:void 0,"data-disabled":g?``:void 0,"data-order":B,style:S,className:e.cx(u.default.item,v),onMouseDown:e=>{w?.(e),e.preventDefault()},onPointerMove:G,onClick:e=>{C?.(e),e.defaultPrevented||O.selectById(j)},children:[o&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:u.default.icon,children:o}),(0,p.jsx)(`span`,{className:u.default.label,children:F===void 0?a:(0,p.jsx)(x,{text:F,indexes:H})}),s!=null&&s!==!1&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:u.default.shortcut,children:U?(0,p.jsx)(i.KbdShortcut,{keys:s,size:`sm`}):s}),h&&(0,p.jsx)(r.ChevronRightIcon,{"aria-hidden":`true`,className:u.default.chevron})]})}function C({children:t,className:n,...r}){let i=c.useCommandPalette(`CommandPalette.Empty`);return i.results.count>0||i.loading||!i.statusSlot?null:(0,p.jsx)(s.Portal,{container:i.statusSlot,children:(0,p.jsx)(`div`,{...r,className:e.cx(u.default.empty,n),children:t??(0,p.jsx)(a.EmptyState,{kind:`no-results`,query:i.search.trim()||void 0,size:`sm`,headingLevel:3})})})}function w({children:t,className:n,...r}){let i=d.useMessages(),a=t??i.commandPalette.loading,l=c.useCommandPalette(`CommandPalette.Loading`),{registerLoading:m}=l,h=typeof a==`string`?a:i.commandPalette.loading;return(0,f.useLayoutEffect)(()=>m(h),[m,h]),l.statusSlot?(0,p.jsx)(s.Portal,{container:l.statusSlot,children:(0,p.jsxs)(`div`,{...r,className:e.cx(u.default.loading,n),children:[(0,p.jsx)(o.Spinner,{decorative:!0,size:`sm`}),(0,p.jsx)(`span`,{children:a})]})}):null}function T({className:t,...n}){let r=c.useCommandPalette(`CommandPalette.Separator`);return(0,f.useContext)(c.PageContext)===r.currentPage?(0,p.jsx)(`div`,{"aria-hidden":`true`,...n,hidden:r.search.trim()!==``,className:e.cx(u.default.separator,t)}):null}function E({name:e,title:t,children:n}){let r=c.useCommandPalette(`CommandPalette.Page`),{registerPageTitle:i}=r;return(0,f.useLayoutEffect)(()=>i(e,t),[i,e,t]),r.currentPage===e?(0,p.jsx)(c.PageContext.Provider,{value:e,children:n}):null}exports.CommandPaletteEmpty=C,exports.CommandPaletteGroup=_,exports.CommandPaletteInput=h,exports.CommandPaletteItem=S,exports.CommandPaletteList=g,exports.CommandPaletteLoading=w,exports.CommandPalettePage=E,exports.CommandPaletteSeparator=T;

package/dist/components/overlays/CommandPalette/CommandPaletteParts.mjs

@@ -1,51 +1,52 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
 import { mergeRefs as t } from "../../../utils/refs.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { Portal as r } from "../../utilities/Portal/Portal.mjs";
-import { Spinner as i } from "../../feedback/Spinner/Spinner.mjs";
-import { IconButton as a } from "../../primitives/Button/Button.mjs";
-import { ChevronLeftIcon as o, ChevronRightIcon as s, SearchIcon as c } from "../../primitives/Icon/icons.mjs";
-import { KbdShortcut as l, useKbdPlatform as u } from "../../primitives/Kbd/Kbd.mjs";
-import { EmptyState as d } from "../../data-display/EmptyState/EmptyState.mjs";
-import { GroupContext as f, PageContext as p, useCommandPalette as m } from "./CommandPaletteContext.mjs";
-import { matchText as h, normalizeQuery as g } from "./commandPaletteUtils.mjs";
-import _ from "./CommandPalette.module.css.mjs";
+import { IconButton as n } from "../../primitives/Button/Button.mjs";
+import { ChevronLeftIcon as r, ChevronRightIcon as i, SearchIcon as a } from "../../primitives/Icon/icons.mjs";
+import { KbdShortcut as o, useKbdPlatform as s } from "../../primitives/Kbd/Kbd.mjs";
+import { EmptyState as c } from "../../data-display/EmptyState/EmptyState.mjs";
+import { Spinner as l } from "../../feedback/Spinner/Spinner.mjs";
+import { Portal as u } from "../../utilities/Portal/Portal.mjs";
+import { GroupContext as d, PageContext as f, useCommandPalette as p } from "./CommandPaletteContext.mjs";
+import { matchText as m, normalizeQuery as h } from "./commandPaletteUtils.mjs";
+import g from "./CommandPalette.module.css.mjs";
+import { useMessages as _ } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { Fragment as v, useContext as y, useEffect as b, useId as x, useLayoutEffect as S, useMemo as C, useRef as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-//#region src/components/overlays/CommandPalette/CommandPaletteParts.tsx
+// src/components/overlays/CommandPalette/CommandPaletteParts.tsx
 var O = globalThis.process?.env?.NODE_ENV !== "production";
-function k({ placeholder: r, id: l, className: u, onKeyDown: d, ref: f, "aria-label": p, "aria-labelledby": h, "aria-describedby": g, ...v }) {
-	let y = e(), b = r ?? y.commandPalette.placeholder, S = m("CommandPalette.Input"), w = x(), T = C(() => t(f, S.inputRef), [f, S.inputRef]), O = S.pages.length > 0, k = S.pages.map((e) => S.pageTitles[e] ?? e).join(", "), A = h ? void 0 : p ?? (O ? `${S.label}, ${k}` : S.label), j = [S.instructionsId, g].filter(Boolean).join(" ");
+function k({ placeholder: o, id: s, className: c, onKeyDown: u, ref: d, "aria-label": f, "aria-labelledby": m, "aria-describedby": h, ...v }) {
+	let y = _(), b = o ?? y.commandPalette.placeholder, S = p("CommandPalette.Input"), w = x(), T = C(() => t(d, S.inputRef), [d, S.inputRef]), O = S.pages.length > 0, k = S.pages.map((e) => S.pageTitles[e] ?? e).join(", "), A = m ? void 0 : f ?? (O ? `${S.label}, ${k}` : S.label), j = [S.instructionsId, h].filter(Boolean).join(" ");
 	return /* @__PURE__ */ D("div", {
-		className: _.header,
+		className: g.header,
 		children: [O && /* @__PURE__ */ D("div", {
-			className: _.crumbs,
-			children: [/* @__PURE__ */ E(a, {
+			className: g.crumbs,
+			children: [/* @__PURE__ */ E(n, {
 				"aria-label": S.backLabel,
 				variant: "ghost",
 				tone: "neutral",
 				size: "sm",
-				className: _.back,
+				className: g.back,
 				onClick: () => {
 					S.popPage(), S.inputRef.current?.focus();
 				},
-				children: /* @__PURE__ */ E(o, {})
+				children: /* @__PURE__ */ E(r, {})
 			}), /* @__PURE__ */ E("span", {
-				className: _.trail,
+				className: g.trail,
 				children: S.pages.map((e, t) => /* @__PURE__ */ D("span", {
-					className: _.crumb,
-					children: [t > 0 && /* @__PURE__ */ E(s, {
+					className: g.crumb,
+					children: [t > 0 && /* @__PURE__ */ E(i, {
 						"aria-hidden": "true",
-						className: _.crumbSeparator
+						className: g.crumbSeparator
 					}), S.pageTitles[e] ?? e]
 				}, `${t}-${e}`))
 			})]
 		}), /* @__PURE__ */ D("div", {
-			className: _.field,
+			className: g.field,
 			children: [
-				/* @__PURE__ */ E(c, {
+				/* @__PURE__ */ E(a, {
 					"aria-hidden": "true",
-					className: _.searchIcon
+					className: g.searchIcon
 				}),
 				/* @__PURE__ */ E("input", {
 					autoComplete: "off",
@@ -55,7 +56,7 @@ function k({ placeholder: r, id: l, className: u, onKeyDown: d, ref: f, "aria-la
 					enterKeyHint: "go",
 					...v,
 					ref: T,
-					id: l ?? w,
+					id: s ?? w,
 					type: "text",
 					role: "combobox",
 					"aria-expanded": "true",
@@ -64,62 +65,62 @@ function k({ placeholder: r, id: l, className: u, onKeyDown: d, ref: f, "aria-la
 					"aria-autocomplete": "list",
 					"aria-activedescendant": S.activeId ?? void 0,
 					"aria-label": A,
-					"aria-labelledby": h,
+					"aria-labelledby": m,
 					"aria-describedby": j,
 					placeholder: b,
 					value: S.search,
 					onChange: (e) => S.setSearch(e.target.value),
 					onKeyDown: (e) => {
-						d?.(e), e.defaultPrevented || S.onInputKeyDown(e);
+						u?.(e), e.defaultPrevented || S.onInputKeyDown(e);
 					},
-					className: n(_.input, S.loading && _.inputLoading, u)
+					className: e(g.input, S.loading && g.inputLoading, c)
 				}),
-				S.loading && /* @__PURE__ */ E(i, {
+				S.loading && /* @__PURE__ */ E(l, {
 					decorative: !0,
 					size: "sm",
-					className: _.inputSpinner
+					className: g.inputSpinner
 				})
 			]
 		})]
 	});
 }
-function A({ label: r, id: i, className: a, children: o, ref: s, "aria-label": c, ...l }) {
-	let u = e(), d = r ?? u.commandPalette.list, f = m("CommandPalette.List"), { setListboxId: p } = f;
-	S(() => (p(i ?? null), () => p(null)), [i, p]);
-	let h = C(() => t(s, f.listboxRef), [s, f.listboxRef]);
+function A({ label: n, id: r, className: i, children: a, ref: o, "aria-label": s, ...c }) {
+	let l = _(), u = n ?? l.commandPalette.list, d = p("CommandPalette.List"), { setListboxId: f } = d;
+	S(() => (f(r ?? null), () => f(null)), [r, f]);
+	let m = C(() => t(o, d.listboxRef), [o, d.listboxRef]);
 	return /* @__PURE__ */ D("div", {
-		className: _.listArea,
+		className: g.listArea,
 		children: [/* @__PURE__ */ E("div", {
-			"aria-label": l["aria-labelledby"] ? void 0 : c ?? d,
-			...l,
-			ref: h,
-			id: f.listboxId,
+			"aria-label": c["aria-labelledby"] ? void 0 : s ?? u,
+			...c,
+			ref: m,
+			id: d.listboxId,
 			role: "listbox",
-			"aria-busy": f.loading || void 0,
-			className: n(_.list, a),
-			children: /* @__PURE__ */ E(v, { children: o }, f.results.ranked ? "ranked" : "rendered")
+			"aria-busy": d.loading || void 0,
+			className: e(g.list, i),
+			children: /* @__PURE__ */ E(v, { children: a }, d.results.ranked ? "ranked" : "rendered")
 		}), /* @__PURE__ */ E("div", {
-			ref: f.setStatusSlot,
-			className: _.status
+			ref: d.setStatusSlot,
+			className: g.status
 		})]
 	});
 }
-function j({ heading: e, className: t, style: r, children: i, ...a }) {
-	let o = m("CommandPalette.Group"), s = x(), c = x(), l = o.results.groupCount.get(s) ?? 0, u = o.results.groupOrder.get(s) ?? 0;
+function j({ heading: t, className: n, style: r, children: i, ...a }) {
+	let o = p("CommandPalette.Group"), s = x(), c = x(), l = o.results.groupCount.get(s) ?? 0, u = o.results.groupOrder.get(s) ?? 0;
 	return /* @__PURE__ */ D("div", {
 		role: "group",
-		"aria-labelledby": e ? c : void 0,
+		"aria-labelledby": t ? c : void 0,
 		...a,
 		hidden: l === 0,
 		"data-order": u,
 		style: r,
-		className: n(_.group, t),
-		children: [e && /* @__PURE__ */ E("div", {
+		className: e(g.group, n),
+		children: [t && /* @__PURE__ */ E("div", {
 			id: c,
-			className: _.groupHeading,
+			className: g.groupHeading,
 			"data-command-heading": "",
-			children: e
-		}), /* @__PURE__ */ E(f.Provider, {
+			children: t
+		}), /* @__PURE__ */ E(d.Provider, {
 			value: s,
 			children: i
 		})]
@@ -158,7 +159,7 @@ function F({ text: e, indexes: t }) {
 	if (t.length === 0) return /* @__PURE__ */ E(T, { children: e });
 	let n = new Set(t), r = [], i = "", a = n.has(0), o = (e) => {
 		i && r.push(a ? /* @__PURE__ */ E("mark", {
-			className: _.mark,
+			className: g.mark,
 			children: i
 		}, e) : i);
 	};
@@ -168,23 +169,23 @@ function F({ text: e, indexes: t }) {
 	}
 	return o(e.length), /* @__PURE__ */ E(T, { children: r });
 }
-function I({ value: e, keywords: t, children: r, icon: i, shortcut: a, onSelect: o, to: c, disabled: d = !1, id: v, className: C, style: T, onClick: k, onMouseDown: A, onPointerMove: j, "aria-keyshortcuts": M, ...I }) {
-	let L = m("CommandPalette.Item"), { register: R } = L, z = x(), B = v ?? `${z}-option`, V = y(f), H = y(p) === L.currentPage, U = u(), W = typeof r == "string" ? r : r == null ? e : void 0, G = e ?? (typeof r == "string" ? r : "");
+function I({ value: t, keywords: n, children: r, icon: a, shortcut: c, onSelect: l, to: u, disabled: _ = !1, id: v, className: C, style: T, onClick: k, onMouseDown: A, onPointerMove: j, "aria-keyshortcuts": M, ...I }) {
+	let L = p("CommandPalette.Item"), { register: R } = L, z = x(), B = v ?? `${z}-option`, V = y(d), H = y(f) === L.currentPage, U = s(), W = typeof r == "string" ? r : r == null ? t : void 0, G = t ?? (typeof r == "string" ? r : "");
 	b(() => {
 		O && !G && console.warn("[CommandPalette.Item] Pass a `value` when the label isn't plain text, so it can be searched.");
 	}, [G]);
-	let K = w(o);
-	K.current = o;
-	let q = t?.join("\0") ?? "";
+	let K = w(l);
+	K.current = l;
+	let q = n?.join("\0") ?? "";
 	if (S(() => {
 		if (H) return R({
 			key: z,
 			domId: B,
 			value: G,
 			keywords: q ? q.split("\0") : [],
-			disabled: d,
+			disabled: _,
 			groupKey: V,
-			to: c,
+			to: u,
 			onSelectRef: K
 		});
 	}, [
@@ -194,11 +195,11 @@ function I({ value: e, keywords: t, children: r, icon: i, shortcut: a, onSelect:
 		B,
 		G,
 		q,
-		d,
+		_,
 		V,
-		c
+		u
 	]), !H || !L.results.visible.has(z)) return null;
-	let J = L.activeId === B, Y = L.results.itemOrder.get(z) ?? 0, X = L.highlightMatches ? g(L.search) : "", Z = W && X ? h(W, X)?.indexes ?? [] : [], Q = Array.isArray(a), $ = M ?? (Q ? N(a, U) : void 0), ee = (e) => {
+	let J = L.activeId === B, Y = L.results.itemOrder.get(z) ?? 0, X = L.highlightMatches ? h(L.search) : "", Z = W && X ? m(W, X)?.indexes ?? [] : [], Q = Array.isArray(c), $ = M ?? (Q ? N(c, U) : void 0), ee = (e) => {
 		if (j?.(e), e.defaultPrevented || e.pointerType === "touch") return;
 		let t = P.x !== e.clientX || P.y !== e.clientY;
 		P.x = e.clientX, P.y = e.clientY, t && !J && L.setActiveId(B);
@@ -208,97 +209,96 @@ function I({ value: e, keywords: t, children: r, icon: i, shortcut: a, onSelect:
 		id: B,
 		role: "option",
 		"aria-selected": J,
-		"aria-disabled": d || void 0,
+		"aria-disabled": _ || void 0,
 		"aria-keyshortcuts": $,
 		"data-active": J ? "" : void 0,
-		"data-disabled": d ? "" : void 0,
+		"data-disabled": _ ? "" : void 0,
 		"data-order": Y,
 		style: T,
-		className: n(_.item, C),
+		className: e(g.item, C),
 		onMouseDown: (e) => {
 			A?.(e), e.preventDefault();
 		},
 		onPointerMove: ee,
 		onClick: (e) => {
-			k?.(e), !e.defaultPrevented && L.selectById(B);
+			k?.(e), e.defaultPrevented || L.selectById(B);
 		},
 		children: [
-			i && /* @__PURE__ */ E("span", {
+			a && /* @__PURE__ */ E("span", {
 				"aria-hidden": "true",
-				className: _.icon,
-				children: i
+				className: g.icon,
+				children: a
 			}),
 			/* @__PURE__ */ E("span", {
-				className: _.label,
+				className: g.label,
 				children: W === void 0 ? r : /* @__PURE__ */ E(F, {
 					text: W,
 					indexes: Z
 				})
 			}),
-			a != null && a !== !1 && /* @__PURE__ */ E("span", {
+			c != null && c !== !1 && /* @__PURE__ */ E("span", {
 				"aria-hidden": "true",
-				className: _.shortcut,
-				children: Q ? /* @__PURE__ */ E(l, {
-					keys: a,
+				className: g.shortcut,
+				children: Q ? /* @__PURE__ */ E(o, {
+					keys: c,
 					size: "sm"
-				}) : a
+				}) : c
 			}),
-			c && /* @__PURE__ */ E(s, {
+			u && /* @__PURE__ */ E(i, {
 				"aria-hidden": "true",
-				className: _.chevron
+				className: g.chevron
 			})
 		]
 	});
 }
-function L({ children: e, className: t, ...i }) {
-	let a = m("CommandPalette.Empty");
-	return a.results.count > 0 || a.loading || !a.statusSlot ? null : /* @__PURE__ */ E(r, {
-		container: a.statusSlot,
+function L({ children: t, className: n, ...r }) {
+	let i = p("CommandPalette.Empty");
+	return i.results.count > 0 || i.loading || !i.statusSlot ? null : /* @__PURE__ */ E(u, {
+		container: i.statusSlot,
 		children: /* @__PURE__ */ E("div", {
-			...i,
-			className: n(_.empty, t),
-			children: e ?? /* @__PURE__ */ E(d, {
+			...r,
+			className: e(g.empty, n),
+			children: t ?? /* @__PURE__ */ E(c, {
 				kind: "no-results",
-				query: a.search.trim() || void 0,
+				query: i.search.trim() || void 0,
 				size: "sm",
 				headingLevel: 3
 			})
 		})
 	});
 }
-function R({ children: t, className: a, ...o }) {
-	let s = e(), c = t ?? s.commandPalette.loading, l = m("CommandPalette.Loading"), { registerLoading: u } = l, d = typeof c == "string" ? c : s.commandPalette.loading;
-	return S(() => u(d), [u, d]), l.statusSlot ? /* @__PURE__ */ E(r, {
-		container: l.statusSlot,
+function R({ children: t, className: n, ...r }) {
+	let i = _(), a = t ?? i.commandPalette.loading, o = p("CommandPalette.Loading"), { registerLoading: s } = o, c = typeof a == "string" ? a : i.commandPalette.loading;
+	return S(() => s(c), [s, c]), o.statusSlot ? /* @__PURE__ */ E(u, {
+		container: o.statusSlot,
 		children: /* @__PURE__ */ D("div", {
-			...o,
-			className: n(_.loading, a),
-			children: [/* @__PURE__ */ E(i, {
+			...r,
+			className: e(g.loading, n),
+			children: [/* @__PURE__ */ E(l, {
 				decorative: !0,
 				size: "sm"
-			}), /* @__PURE__ */ E("span", { children: c })]
+			}), /* @__PURE__ */ E("span", { children: a })]
 		})
 	}) : null;
 }
-function z({ className: e, ...t }) {
-	let r = m("CommandPalette.Separator");
-	return y(p) === r.currentPage ? /* @__PURE__ */ E("div", {
+function z({ className: t, ...n }) {
+	let r = p("CommandPalette.Separator");
+	return y(f) === r.currentPage ? /* @__PURE__ */ E("div", {
 		"aria-hidden": "true",
-		...t,
+		...n,
 		hidden: r.search.trim() !== "",
-		className: n(_.separator, e)
+		className: e(g.separator, t)
 	}) : null;
 }
 function B({ name: e, title: t, children: n }) {
-	let r = m("CommandPalette.Page"), { registerPageTitle: i } = r;
+	let r = p("CommandPalette.Page"), { registerPageTitle: i } = r;
 	return S(() => i(e, t), [
 		i,
 		e,
 		t
-	]), r.currentPage === e ? /* @__PURE__ */ E(p.Provider, {
+	]), r.currentPage === e ? /* @__PURE__ */ E(f.Provider, {
 		value: e,
 		children: n
 	}) : null;
 }
-//#endregion
 export { L as CommandPaletteEmpty, j as CommandPaletteGroup, k as CommandPaletteInput, I as CommandPaletteItem, A as CommandPaletteList, R as CommandPaletteLoading, B as CommandPalettePage, z as CommandPaletteSeparator };

package/dist/components/overlays/CommandPalette/commandPaletteUtils.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/hotkeys.cjs.js");var t=/[̀-ͯ]/g;function n(e){let n=``,r=[];for(let i=0;i<e.length;i+=1){let a=e[i].normalize(`NFD`).replace(t,``).toLowerCase();for(let e=0;e<a.length;e+=1)n+=a[e],r.push(i)}return{text:n,map:r}}function r(e){return n(e.trim()).text.replace(/\s+/g,` `)}var i=/[\p{L}\p{N}]/u;function a(e,t){return t===0||!i.test(e[t-1])&&i.test(e[t])}function o(e,t){return Array.from({length:t},(t,n)=>e+n)}function s(e,t){let n=e.indexOf(t);for(;n!==-1;){if(a(e,n))return n;n=e.indexOf(t,n+1)}return-1}function c(e,t,n){let r=[],i=0;for(let o of t){let t=e.indexOf(o,i);if(t===-1)return null;if(n){let n=t;for(;n!==-1&&!a(e,n);)n=e.indexOf(o,n+1);let i=r.length>0&&t===r[r.length-1]+1;n!==-1&&!i&&(t=n)}r.push(t),i=t+1}return r}function l(e,t){if(!t)return{score:1,indexes:[]};let{text:r,map:i}=n(e),l=e=>Array.from(new Set(e.map(e=>i[e])));if(r===t)return{score:1,indexes:l(o(0,t.length))};if(r.startsWith(t))return{score:.9,indexes:l(o(0,t.length))};let u=s(r,t);if(u!==-1)return{score:.8,indexes:l(o(u,t.length))};let d=r.indexOf(t);if(d!==-1)return{score:.7,indexes:l(o(d,t.length))};let f=t.split(` `).filter(Boolean);if(f.length>1){let e=[],t=0;if(f.every(n=>{let i=s(r,n),a=i===-1?r.indexOf(n):i;return a!==-1&&(i!==-1&&(t+=1),e.push(...o(a,n.length)),!0)}))return{score:.55+.1*(t/f.length),indexes:l(e)}}let p=t.replace(/ /g,``),m=c(r,p,!0)??c(r,p,!1);if(!m)return null;let h=0,g=0;return m.forEach((e,t)=>{t>0&&(h+=e-m[t-1]-1),a(r,e)&&(g+=1)}),{score:.1+.25*(g/m.length)+.15/(1+h),indexes:l(m)}}function u(e,t,n=[]){let i=r(t);if(!i)return 1;let a=l(e,i)?.score??0;for(let e of n){let t=(l(e,i)?.score??0)*.95;t>a&&(a=t)}return a}var d=new WeakMap,f=0;function p(e){let t=d.get(e);return t===void 0&&(t=f++,d.set(e,t)),t}function m(e){return e.hasAttribute(`data-command-heading`)?-1/0:Number(e.dataset?.order??0)}function h(e,t){return m(e)-m(t)||p(e)-p(t)}function g(e){let t=Array.from(e.children);t.forEach(p),[...t].sort(h).forEach((t,n)=>{e.children[n]!==t&&e.insertBefore(t,e.children[n]??null)})}function _(e){if(e){g(e);for(let t of Array.from(e.children))t.getAttribute(`role`)===`group`&&g(t)}}function v(e){return Array.from(e.children).filter(e=>e instanceof HTMLElement&&!e.hidden)}function y(e){if(!e)return[];let t=[],n=e=>{e.forEach((t,n)=>{t.setAttribute(`aria-posinset`,String(n+1)),t.setAttribute(`aria-setsize`,String(e.length))})},r=[];for(let i of v(e)){let e=i.getAttribute(`role`);if(e===`option`)r.push(i),t.push(i);else if(e===`group`){let e=v(i).filter(e=>e.getAttribute(`role`)===`option`);n(e),t.push(...e)}}return n(r),t}exports.defaultCommandScore=u,exports.getOrderedOptions=y,exports.hotkeyToAria=e.hotkeyToAria,exports.isTypingTarget=e.isTypingTarget,exports.matchText=l,exports.matchesHotkey=e.matchesHotkey,exports.normalizeQuery=r,exports.normalizeText=n,exports.parseHotkey=e.parseHotkey,exports.syncDomOrder=_;
+const e=require("../../../utils/hotkeys.cjs.js");var t=/[̀-ͯ]/g,n=new Map,r=2e4;function i(e){let i=n.get(e);if(i)return i;let a=``,o=[];for(let n=0;n<e.length;n+=1){let r=e[n].normalize(`NFD`).replace(t,``).toLowerCase();for(let e=0;e<r.length;e+=1)a+=r[e],o.push(n)}let s={text:a,map:o};return n.size>=r&&n.clear(),n.set(e,s),s}function a(e){return i(e.trim()).text.replace(/\s+/g,` `)}var o=/[\p{L}\p{N}]/u;function s(e,t){return t===0||!o.test(e[t-1])&&o.test(e[t])}function c(e,t){return Array.from({length:t},(t,n)=>e+n)}function l(e,t){let n=e.indexOf(t);for(;n!==-1;){if(s(e,n))return n;n=e.indexOf(t,n+1)}return-1}function u(e,t,n){let r=[],i=0;for(let a of t){let t=e.indexOf(a,i);if(t===-1)return null;if(n){let n=t;for(;n!==-1&&!s(e,n);)n=e.indexOf(a,n+1);let i=r.length>0&&t===r[r.length-1]+1;n!==-1&&!i&&(t=n)}r.push(t),i=t+1}return r}function d(e,t){if(!t)return{score:1,indexes:[]};let{text:n,map:r}=i(e),a=e=>Array.from(new Set(e.map(e=>r[e])));if(n===t)return{score:1,indexes:a(c(0,t.length))};if(n.startsWith(t))return{score:.9,indexes:a(c(0,t.length))};let o=l(n,t);if(o!==-1)return{score:.8,indexes:a(c(o,t.length))};let d=n.indexOf(t);if(d!==-1)return{score:.7,indexes:a(c(d,t.length))};let f=t.split(` `).filter(Boolean);if(f.length>1){let e=[],t=0;if(f.every(r=>{let i=l(n,r),a=i===-1?n.indexOf(r):i;return a!==-1&&(i!==-1&&(t+=1),e.push(...c(a,r.length)),!0)}))return{score:.55+.1*(t/f.length),indexes:a(e)}}let p=t.replace(/ /g,``),m=u(n,p,!0)??u(n,p,!1);if(!m)return null;let h=0,g=0;return m.forEach((e,t)=>{t>0&&(h+=e-m[t-1]-1),s(n,e)&&(g+=1)}),{score:.1+.25*(g/m.length)+.15/(1+h),indexes:a(m)}}function f(e,t,n=[]){let r=a(t);if(!r)return 1;let i=d(e,r)?.score??0;for(let e of n){let t=(d(e,r)?.score??0)*.95;t>i&&(i=t)}return i}var p=new WeakMap,m=0;function h(e){let t=p.get(e);return t===void 0&&(t=m++,p.set(e,t)),t}function g(e){return e.hasAttribute(`data-command-heading`)?-1/0:Number(e.dataset?.order??0)}function _(e,t){return g(e)-g(t)||h(e)-h(t)}function v(e){let t=Array.from(e.children);t.forEach(h),[...t].sort(_).forEach((t,n)=>{e.children[n]!==t&&e.insertBefore(t,e.children[n]??null)})}function y(e){if(e){v(e);for(let t of Array.from(e.children))t.getAttribute(`role`)===`group`&&v(t)}}function b(e){return Array.from(e.children).filter(e=>e instanceof HTMLElement&&!e.hidden)}function x(e){if(!e)return[];let t=[],n=e=>{e.forEach((t,n)=>{t.setAttribute(`aria-posinset`,String(n+1)),t.setAttribute(`aria-setsize`,String(e.length))})},r=[];for(let i of b(e)){let e=i.getAttribute(`role`);if(e===`option`)r.push(i),t.push(i);else if(e===`group`){let e=b(i).filter(e=>e.getAttribute(`role`)===`option`);n(e),t.push(...e)}}return n(r),t}exports.defaultCommandScore=f,exports.getOrderedOptions=x,exports.hotkeyToAria=e.hotkeyToAria,exports.isTypingTarget=e.isTypingTarget,exports.matchText=d,exports.matchesHotkey=e.matchesHotkey,exports.normalizeQuery=a,exports.normalizeText=i,exports.parseHotkey=e.parseHotkey,exports.syncDomOrder=y;