@midas-ds/components 10.1.0 → 10.2.0

package/ListBox-CDOsQChA.cjs

@@ -0,0 +1 @@
+"use strict";const P=require("./Collection-Csx3L9gh.cjs"),s=require("./utils-BNtZbAib.cjs"),m=require("./DragAndDrop-HvycSrKY.cjs"),_=require("./Separator-nPra6kD-.cjs"),te=require("./Text-B2K-BJKQ.cjs"),A=require("./filterDOMProps-BS2lrgFA.cjs"),re=require("./inertValue-BWmZ1afe.cjs"),t=require("react"),ae=require("./usePress-BFa6cT9o.cjs"),w=require("./useHover-_mv5J4_q.cjs"),de=require("./SelectionManager-C5NGBzvz.cjs"),Q=require("./useFocusRing-CbImDrwF.cjs"),ie=require("./useLabel-m_S5xkHy.cjs"),X=require("./useListState-Ca2-uZMO.cjs"),le=require("./context-DjwhtgxQ.cjs"),ne=require("./useCollator-C_ozeWLo.cjs"),se=require("./ListKeyboardDelegate-BqMETvPv.cjs"),ce=require("./FocusScope-NaPbvuuS.cjs"),q=new WeakMap;function ue(o){return typeof o=="string"?o.replace(/\s*/g,""):""+o}function Y(o,e){let d=q.get(o);if(!d)throw new Error("Unknown list");return`${d.id}-option-${ue(e)}`}function fe(o,e,d){let i=A.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(o,{labelable:!0}),l=o.selectionBehavior||"toggle",n=o.linkBehavior||(l==="replace"?"action":"override");l==="toggle"&&n==="action"&&(n="override");let{listProps:r}=_.$982254629710d113$export$b95089534ab7c1fd({...o,ref:d,selectionManager:e.selectionManager,collection:e.collection,disabledKeys:e.disabledKeys,linkBehavior:n}),{focusWithinProps:a}=Q.$9ab94262bd0047c7$export$420e68273165f4ec({onFocusWithin:o.onFocus,onBlurWithin:o.onBlur,onFocusWithinChange:o.onFocusChange}),f=s.$bdb11010cef70236$export$f680877a34711e37(o.id);q.set(e,{id:f,shouldUseVirtualFocus:o.shouldUseVirtualFocus,shouldSelectOnPressUp:o.shouldSelectOnPressUp,shouldFocusOnHover:o.shouldFocusOnHover,isVirtualized:o.isVirtualized,onAction:o.onAction,linkBehavior:n});let{labelProps:g,fieldProps:c}=ie.$d191a55c9702f145$export$8467354a121f1b9f({...o,id:f,labelElementType:"span"});return{labelProps:g,listBoxProps:s.$3ef42575df84b30b$export$9d1611c77c2fe928(i,a,e.selectionManager.selectionMode==="multiple"?{"aria-multiselectable":"true"}:{},{role:"listbox",...s.$3ef42575df84b30b$export$9d1611c77c2fe928(c,r)})}}function $e(o,e,d){var i,l;let{key:n}=o,r=q.get(e);var a;let f=(a=o.isDisabled)!==null&&a!==void 0?a:e.selectionManager.isDisabled(n);var g;let c=(g=o.isSelected)!==null&&g!==void 0?g:e.selectionManager.isSelected(n);var p;let u=(p=o.shouldSelectOnPressUp)!==null&&p!==void 0?p:r==null?void 0:r.shouldSelectOnPressUp;var $;let h=($=o.shouldFocusOnHover)!==null&&$!==void 0?$:r==null?void 0:r.shouldFocusOnHover;var x;let v=(x=o.shouldUseVirtualFocus)!==null&&x!==void 0?x:r==null?void 0:r.shouldUseVirtualFocus;var D;let y=(D=o.isVirtualized)!==null&&D!==void 0?D:r==null?void 0:r.isVirtualized,F=s.$bdb11010cef70236$export$b4cc09c592e8fdb8(),B=s.$bdb11010cef70236$export$b4cc09c592e8fdb8(),S={role:"option","aria-disabled":f||void 0,"aria-selected":e.selectionManager.selectionMode!=="none"?c:void 0};w.$c87311424ea30a05$export$9ac100e40613ea10()&&w.$c87311424ea30a05$export$78551043582a6a98()||(S["aria-label"]=o["aria-label"],S["aria-labelledby"]=F,S["aria-describedby"]=B);let b=e.collection.getItem(n);if(y){let E=Number(b==null?void 0:b.index);S["aria-posinset"]=Number.isNaN(E)?void 0:E+1,S["aria-setsize"]=_.$453cc9f0df89c0a5$export$77d5aafae4e095b2(e.collection)}let H=r!=null&&r.onAction?()=>{var E;return r==null||(E=r.onAction)===null||E===void 0?void 0:E.call(r,n)}:void 0,T=Y(e,n),{itemProps:z,isPressed:N,isFocused:M,hasAction:k,allowsSelection:C}=de.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:e.selectionManager,key:n,ref:d,shouldSelectOnPressUp:u,allowsDifferentPressOrigin:u&&h,isVirtualized:y,shouldUseVirtualFocus:v,isDisabled:f,onAction:H||!(b==null||(i=b.props)===null||i===void 0)&&i.onAction?s.$ff5963eb1fccf552$export$e08e3b67e392101e(b==null||(l=b.props)===null||l===void 0?void 0:l.onAction,H):void 0,linkBehavior:r==null?void 0:r.linkBehavior,id:T}),{hoverProps:I}=w.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:f||!h,onHoverStart(){w.$507fabe10e71c6fb$export$b9b3dfddab17db27()||(e.selectionManager.setFocused(!0),e.selectionManager.setFocusedKey(n))}}),L=A.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(b==null?void 0:b.props);delete L.id;let O=ae.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(b==null?void 0:b.props);return{optionProps:{...S,...s.$3ef42575df84b30b$export$9d1611c77c2fe928(L,z,I,O),id:T},labelProps:{id:F},descriptionProps:{id:B},isFocused:M,isFocusVisible:M&&e.selectionManager.isFocused&&w.$507fabe10e71c6fb$export$b9b3dfddab17db27(),isSelected:c,isDisabled:f,isPressed:N,allowsSelection:C,hasAction:k}}function be(o){let{heading:e,"aria-label":d}=o,i=s.$bdb11010cef70236$export$f680877a34711e37();return{itemProps:{role:"presentation"},headingProps:e?{id:i,role:"presentation"}:{},groupProps:{role:"group","aria-label":d,"aria-labelledby":e?i:void 0}}}const K=t.createContext(null),V=t.createContext(null),pe=t.forwardRef(function(e,d){[e,d]=s.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,K);let i=t.useContext(V);return i?t.createElement(Z,{state:i,props:e,listBoxRef:d}):t.createElement(P.$e1995378a142960e$export$bf788dd355e3a401,{content:t.createElement(P.$e1995378a142960e$export$fb8073518f34e6ec,e)},l=>t.createElement(ge,{props:e,listBoxRef:d,collection:l}))});function ge({props:o,listBoxRef:e,collection:d}){o={...o,collection:d,children:null,items:null};let{layoutDelegate:i}=t.useContext(P.$7135fc7d473fd974$export$4feb769f8ddf26c5),l=X.$e72dd72e1c76a225$export$2f645645f7bca764({...o,layoutDelegate:i});return t.createElement(Z,{state:l,props:o,listBoxRef:e})}function Z({state:o,props:e,listBoxRef:d}){var i;let{filter:l,collectionProps:n,collectionRef:r}=t.useContext(_.$d2f53cda644affe3$export$65d2a03b8800d6e3)||{};e=t.useMemo(()=>n?{...e,...n}:e,[e,n]);let{dragAndDropHooks:a,layout:f="stack",orientation:g="vertical"}=e;d=s.$df56164dff5785e2$export$4338b53315abf666(t.useMemo(()=>s.$5dc95899b306f630$export$c9058316764c140e(d,r!==void 0?r:null),[r,d]));let c=X.$e72dd72e1c76a225$export$ba9d38c0f1bf2b36(o,l),{collection:p,selectionManager:u}=c,$=!!(a!=null&&a.useDraggableCollectionState),h=!!(a!=null&&a.useDroppableCollectionState),{direction:x}=le.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),{disabledBehavior:v,disabledKeys:D}=u,y=ne.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),{isVirtualized:F,layoutDelegate:B,dropTargetDelegate:S,CollectionRoot:b}=t.useContext(P.$7135fc7d473fd974$export$4feb769f8ddf26c5),H=t.useMemo(()=>e.keyboardDelegate||new se.$2a25aae57d74318e$export$a05409b8bb224a5a({collection:p,collator:y,ref:d,disabledKeys:D,disabledBehavior:v,layout:f,orientation:g,direction:x,layoutDelegate:B}),[p,y,d,v,D,g,x,e.keyboardDelegate,f,B]),{listBoxProps:T}=fe({...e,shouldSelectOnPressUp:$||e.shouldSelectOnPressUp,keyboardDelegate:H,isVirtualized:F},c,d),z=t.useRef($),N=t.useRef(h);t.useEffect(()=>{process.env.NODE_ENV!=="production"&&(z.current!==$&&console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."),N.current!==h&&console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."))},[$,h]);let M,k,C,I=!1,L=null,O=t.useRef(null);if($&&a){M=a.useDraggableCollectionState({collection:p,selectionManager:u,preview:a.renderDragPreview?O:void 0}),a.useDraggableCollection({},M,d);let R=a.DragPreview;L=a.renderDragPreview?t.createElement(R,{ref:O},a.renderDragPreview):null}if(h&&a){k=a.useDroppableCollectionState({collection:p,selectionManager:u});let R=a.dropTargetDelegate||S||new a.ListDropTargetDelegate(p,d,{orientation:g,layout:f,direction:x});C=a.useDroppableCollection({keyboardDelegate:H,dropTargetDelegate:R},k,d),I=k.isDropTarget({type:"root"})}let{focusProps:E,isFocused:W,isFocusVisible:j}=Q.$f7dceffc5ad7768b$export$4e328f61c538687f(),U=c.collection.size===0||c.collection.size===1&&((i=c.collection.getItem(c.collection.getFirstKey()))===null||i===void 0?void 0:i.type)==="loader",G={isDropTarget:I,isEmpty:U,isFocused:W,isFocusVisible:j,layout:e.layout||"stack",state:c},oe=s.$64fa3d84918910a7$export$4d86445c2cf5e3({className:e.className,style:e.style,defaultClassName:"react-aria-ListBox",values:G}),J=null;return U&&e.renderEmptyState&&(J=t.createElement("div",{role:"option",style:{display:"contents"}},e.renderEmptyState(G))),t.createElement(ce.$9bf71ea28793e738$export$20e40289641fbbb6,null,t.createElement("div",{...A.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e),...s.$3ef42575df84b30b$export$9d1611c77c2fe928(T,E,C==null?void 0:C.collectionProps),...oe,ref:d,slot:e.slot||void 0,onScroll:e.onScroll,"data-drop-target":I||void 0,"data-empty":U||void 0,"data-focused":W||void 0,"data-focus-visible":j||void 0,"data-layout":e.layout||"stack","data-orientation":e.orientation||"vertical"},t.createElement(s.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[K,e],[V,c],[m.$612b8eb6cb90e02d$export$d188a835a7bc5783,{dragAndDropHooks:a,dragState:M,dropState:k}],[_.$431f98aba6844401$export$6615d83f6de245ce,{elementType:"div"}],[m.$612b8eb6cb90e02d$export$f55761759794cf55,{render:he}],[P.$7135fc7d473fd974$export$d40e14dec8b060a8,{name:"ListBoxSection",render:ee}]]},t.createElement(b,{collection:p,scrollRef:d,persistedKeys:m.$612b8eb6cb90e02d$export$d1e8e3fbb7461f6(u,a,k),renderDropIndicator:m.$612b8eb6cb90e02d$export$971707d8a129a1f7(a,k)})),J,L))}function ee(o,e,d,i="react-aria-ListBoxSection"){let l=t.useContext(V),{dragAndDropHooks:n,dropState:r}=t.useContext(m.$612b8eb6cb90e02d$export$d188a835a7bc5783),{CollectionBranch:a}=t.useContext(P.$7135fc7d473fd974$export$4feb769f8ddf26c5),[f,g]=s.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8();var c;let{headingProps:p,groupProps:u}=be({heading:g,"aria-label":(c=o["aria-label"])!==null&&c!==void 0?c:void 0}),$=s.$64fa3d84918910a7$export$4d86445c2cf5e3({defaultClassName:i,className:o.className,style:o.style,values:{}});return t.createElement("section",{...A.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(o),...u,...$,ref:e},t.createElement(_.$72a5793c14baf454$export$e0e4026c12a8bdbb.Provider,{value:{...p,ref:f}},t.createElement(a,{collection:l.collection,parent:d,renderDropIndicator:m.$612b8eb6cb90e02d$export$971707d8a129a1f7(n,r)})))}const ve=P.$e1995378a142960e$export$e953bb1cd0f19726("section",ee),xe=P.$e1995378a142960e$export$18af5c7a9e9b3664("item",function(e,d,i){let l=s.$df56164dff5785e2$export$4338b53315abf666(d),n=t.useContext(V),{dragAndDropHooks:r,dragState:a,dropState:f}=t.useContext(m.$612b8eb6cb90e02d$export$d188a835a7bc5783),{optionProps:g,labelProps:c,descriptionProps:p,...u}=$e({key:i.key,"aria-label":e==null?void 0:e["aria-label"]},n,l),{hoverProps:$,isHovered:h}=w.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:!u.allowsSelection&&!u.hasAction,onHoverStart:i.props.onHoverStart,onHoverChange:i.props.onHoverChange,onHoverEnd:i.props.onHoverEnd}),x=null;a&&r&&(x=r.useDraggableItem({key:i.key},a));let v=null;f&&r&&(v=r.useDroppableItem({target:{type:"item",key:i.key,dropPosition:"on"}},f,l));let D=a&&a.isDragging(i.key),y=s.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,children:e.children,defaultClassName:"react-aria-ListBoxItem",values:{...u,isHovered:h,selectionMode:n.selectionManager.selectionMode,selectionBehavior:n.selectionManager.selectionBehavior,allowsDragging:!!a,isDragging:D,isDropTarget:v==null?void 0:v.isDropTarget}});t.useEffect(()=>{!i.textValue&&process.env.NODE_ENV!=="production"&&console.warn("A `textValue` prop is required for <ListBoxItem> elements with non-plain text children in order to support accessibility features such as type to select.")},[i.textValue]);let F=e.href?"a":"div";return t.createElement(F,{...s.$3ef42575df84b30b$export$9d1611c77c2fe928(g,$,x==null?void 0:x.dragProps,v==null?void 0:v.dropProps),...y,ref:l,"data-allows-dragging":!!a||void 0,"data-selected":u.isSelected||void 0,"data-disabled":u.isDisabled||void 0,"data-hovered":h||void 0,"data-focused":u.isFocused||void 0,"data-focus-visible":u.isFocusVisible||void 0,"data-pressed":u.isPressed||void 0,"data-dragging":D||void 0,"data-drop-target":(v==null?void 0:v.isDropTarget)||void 0,"data-selection-mode":n.selectionManager.selectionMode==="none"?void 0:n.selectionManager.selectionMode},t.createElement(s.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[te.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{[s.$64fa3d84918910a7$export$c62b8e45d58ddad9]:c,label:c,description:p}}]]},y.children))});function he(o,e){e=s.$df56164dff5785e2$export$4338b53315abf666(e);let{dragAndDropHooks:d,dropState:i}=t.useContext(m.$612b8eb6cb90e02d$export$d188a835a7bc5783),{dropIndicatorProps:l,isHidden:n,isDropTarget:r}=d.useDropIndicator(o,i,e);return n?null:t.createElement(De,{...o,dropIndicatorProps:l,isDropTarget:r,ref:e})}function Pe(o,e){let{dropIndicatorProps:d,isDropTarget:i,...l}=o,n=s.$64fa3d84918910a7$export$4d86445c2cf5e3({...l,defaultClassName:"react-aria-DropIndicator",values:{isDropTarget:i}});return t.createElement("div",{...d,...n,role:"option",ref:e,"data-drop-target":i||void 0})}const De=t.forwardRef(Pe);P.$e1995378a142960e$export$18af5c7a9e9b3664("loader",function(e,d,i){let l=t.useContext(V),{isVirtualized:n}=t.useContext(P.$7135fc7d473fd974$export$4feb769f8ddf26c5),{isLoading:r,onLoadMore:a,scrollOffset:f,...g}=e,c=t.useRef(null),p=t.useMemo(()=>({onLoadMore:a,collection:l==null?void 0:l.collection,sentinelRef:c,scrollOffset:f}),[a,f,l==null?void 0:l.collection]);m.$a5fa973c1850dd36$export$90a12e6abf95cbe0(p,c);let u=s.$64fa3d84918910a7$export$4d86445c2cf5e3({...g,id:void 0,children:i.rendered,defaultClassName:"react-aria-ListBoxLoadingIndicator",values:null}),$={tabIndex:-1};return n&&($["aria-posinset"]=i.index+1,$["aria-setsize"]=l.collection.size),t.createElement(t.Fragment,null,t.createElement("div",{style:{position:"relative",width:0,height:0},inert:re.$cdc5a6778b766db2$export$a9d04c5684123369(!0)},t.createElement("div",{"data-testid":"loadMoreSentinel",ref:c,style:{position:"absolute",height:1,width:1}})),r&&u.children&&t.createElement("div",{...s.$3ef42575df84b30b$export$9d1611c77c2fe928(A.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e),$),...u,role:"option",ref:d},u.children))});exports.$b1f0cad8af73213b$export$3585ede4d035bf14=q;exports.$b1f0cad8af73213b$export$9145995848b05025=Y;exports.$eed445e0843c11d0$export$41f133550aa26f48=pe;exports.$eed445e0843c11d0$export$7c5906fe4f1f2af2=V;exports.$eed445e0843c11d0$export$7ff8f37d2d81a48d=K;exports.$eed445e0843c11d0$export$a11e76429ed99b4=xe;exports.$eed445e0843c11d0$export$dca12b0bb56e4fc=ve;

package/ListBox-DOi_y_Lt.js

@@ -0,0 +1,530 @@
+import { $ as ee, a as fe, b as pe, c as $e, d as z, e as be } from "./Collection-C5ONNBqd.js";
+import { c as oe, d as M, f as Y, n as ve, a as ge, e as j, b as H, k as te, o as me, m as he, i as xe } from "./utils-HNTsIwux.js";
+import { $ as N, a as Pe, b as ae, c as De, d as ye } from "./DragAndDrop-CSwmPhxC.js";
+import { $ as Se, a as ke, b as Ee, c as Fe, d as Me } from "./Separator-LYnFqh4L.js";
+import { a as we } from "./Text-B_H68Tvq.js";
+import { $ as L } from "./filterDOMProps-D6KHYVBX.js";
+import { $ as Be } from "./inertValue-B7loUihk.js";
+import s, { forwardRef as re, createContext as ie, useContext as m, useEffect as le, useMemo as C, useRef as O } from "react";
+import { d as Ie } from "./usePress-CUJ3pMOw.js";
+import { u as Ve, v as He, $ as de, j as Z } from "./useHover-qRAon4nS.js";
+import { d as Le } from "./SelectionManager-6H88Cv6B.js";
+import { a as _e, $ as Ae } from "./useFocusRing-BDGH3lpn.js";
+import { $ as Te } from "./useLabel-DDdAJ1JO.js";
+import { a as Ce, $ as Oe } from "./useListState-DFQ9d-uE.js";
+import { $ as ze } from "./context-B8cn10po.js";
+import { $ as Ne } from "./useCollator-CgZcHC8N.js";
+import { $ as Ue } from "./ListKeyboardDelegate-DNOzQ8nc.js";
+import { a as Ke } from "./FocusScope-DwIqdYpQ.js";
+const q = /* @__PURE__ */ new WeakMap();
+function Re(o) {
+  return typeof o == "string" ? o.replace(/\s*/g, "") : "" + o;
+}
+function We(o, e) {
+  let r = q.get(o);
+  if (!r) throw new Error("Unknown list");
+  return `${r.id}-option-${Re(e)}`;
+}
+function je(o, e, r) {
+  let i = L(o, {
+    labelable: !0
+  }), l = o.selectionBehavior || "toggle", d = o.linkBehavior || (l === "replace" ? "action" : "override");
+  l === "toggle" && d === "action" && (d = "override");
+  let { listProps: t } = Se({
+    ...o,
+    ref: r,
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    linkBehavior: d
+  }), { focusWithinProps: a } = _e({
+    onFocusWithin: o.onFocus,
+    onBlurWithin: o.onBlur,
+    onFocusWithinChange: o.onFocusChange
+  }), u = oe(o.id);
+  q.set(e, {
+    id: u,
+    shouldUseVirtualFocus: o.shouldUseVirtualFocus,
+    shouldSelectOnPressUp: o.shouldSelectOnPressUp,
+    shouldFocusOnHover: o.shouldFocusOnHover,
+    isVirtualized: o.isVirtualized,
+    onAction: o.onAction,
+    linkBehavior: d
+  });
+  let { labelProps: b, fieldProps: n } = Te({
+    ...o,
+    id: u,
+    // listbox is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  });
+  return {
+    labelProps: b,
+    listBoxProps: M(i, a, e.selectionManager.selectionMode === "multiple" ? {
+      "aria-multiselectable": "true"
+    } : {}, {
+      role: "listbox",
+      ...M(n, t)
+    })
+  };
+}
+function qe(o, e, r) {
+  var i, l;
+  let { key: d } = o, t = q.get(e);
+  var a;
+  let u = (a = o.isDisabled) !== null && a !== void 0 ? a : e.selectionManager.isDisabled(d);
+  var b;
+  let n = (b = o.isSelected) !== null && b !== void 0 ? b : e.selectionManager.isSelected(d);
+  var $;
+  let c = ($ = o.shouldSelectOnPressUp) !== null && $ !== void 0 ? $ : t == null ? void 0 : t.shouldSelectOnPressUp;
+  var f;
+  let h = (f = o.shouldFocusOnHover) !== null && f !== void 0 ? f : t == null ? void 0 : t.shouldFocusOnHover;
+  var g;
+  let v = (g = o.shouldUseVirtualFocus) !== null && g !== void 0 ? g : t == null ? void 0 : t.shouldUseVirtualFocus;
+  var x;
+  let P = (x = o.isVirtualized) !== null && x !== void 0 ? x : t == null ? void 0 : t.isVirtualized, k = Y(), w = Y(), D = {
+    role: "option",
+    "aria-disabled": u || void 0,
+    "aria-selected": e.selectionManager.selectionMode !== "none" ? n : void 0
+  };
+  Ve() && He() || (D["aria-label"] = o["aria-label"], D["aria-labelledby"] = k, D["aria-describedby"] = w);
+  let p = e.collection.getItem(d);
+  if (P) {
+    let S = Number(p == null ? void 0 : p.index);
+    D["aria-posinset"] = Number.isNaN(S) ? void 0 : S + 1, D["aria-setsize"] = ke(e.collection);
+  }
+  let B = t != null && t.onAction ? () => {
+    var S;
+    return t == null || (S = t.onAction) === null || S === void 0 ? void 0 : S.call(t, d);
+  } : void 0, A = We(e, d), { itemProps: U, isPressed: K, isFocused: E, hasAction: y, allowsSelection: F } = Le({
+    selectionManager: e.selectionManager,
+    key: d,
+    ref: r,
+    shouldSelectOnPressUp: c,
+    allowsDifferentPressOrigin: c && h,
+    isVirtualized: P,
+    shouldUseVirtualFocus: v,
+    isDisabled: u,
+    onAction: B || !(p == null || (i = p.props) === null || i === void 0) && i.onAction ? ve(p == null || (l = p.props) === null || l === void 0 ? void 0 : l.onAction, B) : void 0,
+    linkBehavior: t == null ? void 0 : t.linkBehavior,
+    id: A
+  }), { hoverProps: I } = de({
+    isDisabled: u || !h,
+    onHoverStart() {
+      Z() || (e.selectionManager.setFocused(!0), e.selectionManager.setFocusedKey(d));
+    }
+  }), V = L(p == null ? void 0 : p.props);
+  delete V.id;
+  let T = Ie(p == null ? void 0 : p.props);
+  return {
+    optionProps: {
+      ...D,
+      ...M(V, U, I, T),
+      id: A
+    },
+    labelProps: {
+      id: k
+    },
+    descriptionProps: {
+      id: w
+    },
+    isFocused: E,
+    isFocusVisible: E && e.selectionManager.isFocused && Z(),
+    isSelected: n,
+    isDisabled: u,
+    isPressed: K,
+    allowsSelection: F,
+    hasAction: y
+  };
+}
+function Ge(o) {
+  let { heading: e, "aria-label": r } = o, i = oe();
+  return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: e ? {
+      // Techincally, listbox cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a visual label for the nested group.
+      id: i,
+      role: "presentation"
+    } : {},
+    groupProps: {
+      role: "group",
+      "aria-label": r,
+      "aria-labelledby": e ? i : void 0
+    }
+  };
+}
+const ne = /* @__PURE__ */ ie(null), _ = /* @__PURE__ */ ie(null), mo = /* @__PURE__ */ re(function(e, r) {
+  [e, r] = ge(e, r, ne);
+  let i = m(_);
+  return i ? /* @__PURE__ */ s.createElement(se, {
+    state: i,
+    props: e,
+    listBoxRef: r
+  }) : /* @__PURE__ */ s.createElement(pe, {
+    content: /* @__PURE__ */ s.createElement($e, e)
+  }, (l) => /* @__PURE__ */ s.createElement(Je, {
+    props: e,
+    listBoxRef: r,
+    collection: l
+  }));
+});
+function Je({ props: o, listBoxRef: e, collection: r }) {
+  o = {
+    ...o,
+    collection: r,
+    children: null,
+    items: null
+  };
+  let { layoutDelegate: i } = m(z), l = Oe({
+    ...o,
+    layoutDelegate: i
+  });
+  return /* @__PURE__ */ s.createElement(se, {
+    state: l,
+    props: o,
+    listBoxRef: e
+  });
+}
+function se({ state: o, props: e, listBoxRef: r }) {
+  var i;
+  let { filter: l, collectionProps: d, collectionRef: t } = m(Ee) || {};
+  e = C(() => d ? {
+    ...e,
+    ...d
+  } : e, [
+    e,
+    d
+  ]);
+  let { dragAndDropHooks: a, layout: u = "stack", orientation: b = "vertical" } = e;
+  r = j(C(() => he(r, t !== void 0 ? t : null), [
+    t,
+    r
+  ]));
+  let n = Ce(o, l), { collection: $, selectionManager: c } = n, f = !!(a != null && a.useDraggableCollectionState), h = !!(a != null && a.useDroppableCollectionState), { direction: g } = ze(), { disabledBehavior: v, disabledKeys: x } = c, P = Ne({
+    usage: "search",
+    sensitivity: "base"
+  }), { isVirtualized: k, layoutDelegate: w, dropTargetDelegate: D, CollectionRoot: p } = m(z), B = C(() => e.keyboardDelegate || new Ue({
+    collection: $,
+    collator: P,
+    ref: r,
+    disabledKeys: x,
+    disabledBehavior: v,
+    layout: u,
+    orientation: b,
+    direction: g,
+    layoutDelegate: w
+  }), [
+    $,
+    P,
+    r,
+    v,
+    x,
+    b,
+    g,
+    e.keyboardDelegate,
+    u,
+    w
+  ]), { listBoxProps: A } = je({
+    ...e,
+    shouldSelectOnPressUp: f || e.shouldSelectOnPressUp,
+    keyboardDelegate: B,
+    isVirtualized: k
+  }, n, r), U = O(f), K = O(h);
+  le(() => {
+    process.env.NODE_ENV !== "production" && (U.current !== f && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), K.current !== h && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."));
+  }, [
+    f,
+    h
+  ]);
+  let E, y, F, I = !1, V = null, T = O(null);
+  if (f && a) {
+    E = a.useDraggableCollectionState({
+      collection: $,
+      selectionManager: c,
+      preview: a.renderDragPreview ? T : void 0
+    }), a.useDraggableCollection({}, E, r);
+    let W = a.DragPreview;
+    V = a.renderDragPreview ? /* @__PURE__ */ s.createElement(W, {
+      ref: T
+    }, a.renderDragPreview) : null;
+  }
+  if (h && a) {
+    y = a.useDroppableCollectionState({
+      collection: $,
+      selectionManager: c
+    });
+    let W = a.dropTargetDelegate || D || new a.ListDropTargetDelegate($, r, {
+      orientation: b,
+      layout: u,
+      direction: g
+    });
+    F = a.useDroppableCollection({
+      keyboardDelegate: B,
+      dropTargetDelegate: W
+    }, y, r), I = y.isDropTarget({
+      type: "root"
+    });
+  }
+  let { focusProps: S, isFocused: G, isFocusVisible: J } = Ae(), R = n.collection.size === 0 || n.collection.size === 1 && ((i = n.collection.getItem(n.collection.getFirstKey())) === null || i === void 0 ? void 0 : i.type) === "loader", Q = {
+    isDropTarget: I,
+    isEmpty: R,
+    isFocused: G,
+    isFocusVisible: J,
+    layout: e.layout || "stack",
+    state: n
+  }, ue = H({
+    className: e.className,
+    style: e.style,
+    defaultClassName: "react-aria-ListBox",
+    values: Q
+  }), X = null;
+  return R && e.renderEmptyState && (X = /* @__PURE__ */ s.createElement("div", {
+    // eslint-disable-next-line
+    role: "option",
+    style: {
+      display: "contents"
+    }
+  }, e.renderEmptyState(Q))), /* @__PURE__ */ s.createElement(Ke, null, /* @__PURE__ */ s.createElement("div", {
+    ...L(e),
+    ...M(A, S, F == null ? void 0 : F.collectionProps),
+    ...ue,
+    ref: r,
+    slot: e.slot || void 0,
+    onScroll: e.onScroll,
+    "data-drop-target": I || void 0,
+    "data-empty": R || void 0,
+    "data-focused": G || void 0,
+    "data-focus-visible": J || void 0,
+    "data-layout": e.layout || "stack",
+    "data-orientation": e.orientation || "vertical"
+  }, /* @__PURE__ */ s.createElement(te, {
+    values: [
+      [
+        ne,
+        e
+      ],
+      [
+        _,
+        n
+      ],
+      [
+        N,
+        {
+          dragAndDropHooks: a,
+          dragState: E,
+          dropState: y
+        }
+      ],
+      [
+        Fe,
+        {
+          elementType: "div"
+        }
+      ],
+      [
+        Pe,
+        {
+          render: Qe
+        }
+      ],
+      [
+        be,
+        {
+          name: "ListBoxSection",
+          render: ce
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ s.createElement(p, {
+    collection: $,
+    scrollRef: r,
+    persistedKeys: De(c, a, y),
+    renderDropIndicator: ae(a, y)
+  })), X, V));
+}
+function ce(o, e, r, i = "react-aria-ListBoxSection") {
+  let l = m(_), { dragAndDropHooks: d, dropState: t } = m(N), { CollectionBranch: a } = m(z), [u, b] = xe();
+  var n;
+  let { headingProps: $, groupProps: c } = Ge({
+    heading: b,
+    "aria-label": (n = o["aria-label"]) !== null && n !== void 0 ? n : void 0
+  }), f = H({
+    defaultClassName: i,
+    className: o.className,
+    style: o.style,
+    values: {}
+  });
+  return /* @__PURE__ */ s.createElement("section", {
+    ...L(o),
+    ...c,
+    ...f,
+    ref: e
+  }, /* @__PURE__ */ s.createElement(Me.Provider, {
+    value: {
+      ...$,
+      ref: u
+    }
+  }, /* @__PURE__ */ s.createElement(a, {
+    collection: l.collection,
+    parent: r,
+    renderDropIndicator: ae(d, t)
+  })));
+}
+const ho = /* @__PURE__ */ fe("section", ce), xo = /* @__PURE__ */ ee("item", function(e, r, i) {
+  let l = j(r), d = m(_), { dragAndDropHooks: t, dragState: a, dropState: u } = m(N), { optionProps: b, labelProps: n, descriptionProps: $, ...c } = qe({
+    key: i.key,
+    "aria-label": e == null ? void 0 : e["aria-label"]
+  }, d, l), { hoverProps: f, isHovered: h } = de({
+    isDisabled: !c.allowsSelection && !c.hasAction,
+    onHoverStart: i.props.onHoverStart,
+    onHoverChange: i.props.onHoverChange,
+    onHoverEnd: i.props.onHoverEnd
+  }), g = null;
+  a && t && (g = t.useDraggableItem({
+    key: i.key
+  }, a));
+  let v = null;
+  u && t && (v = t.useDroppableItem({
+    target: {
+      type: "item",
+      key: i.key,
+      dropPosition: "on"
+    }
+  }, u, l));
+  let x = a && a.isDragging(i.key), P = H({
+    ...e,
+    id: void 0,
+    children: e.children,
+    defaultClassName: "react-aria-ListBoxItem",
+    values: {
+      ...c,
+      isHovered: h,
+      selectionMode: d.selectionManager.selectionMode,
+      selectionBehavior: d.selectionManager.selectionBehavior,
+      allowsDragging: !!a,
+      isDragging: x,
+      isDropTarget: v == null ? void 0 : v.isDropTarget
+    }
+  });
+  le(() => {
+    !i.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <ListBoxItem> elements with non-plain text children in order to support accessibility features such as type to select.");
+  }, [
+    i.textValue
+  ]);
+  let k = e.href ? "a" : "div";
+  return /* @__PURE__ */ s.createElement(k, {
+    ...M(b, f, g == null ? void 0 : g.dragProps, v == null ? void 0 : v.dropProps),
+    ...P,
+    ref: l,
+    "data-allows-dragging": !!a || void 0,
+    "data-selected": c.isSelected || void 0,
+    "data-disabled": c.isDisabled || void 0,
+    "data-hovered": h || void 0,
+    "data-focused": c.isFocused || void 0,
+    "data-focus-visible": c.isFocusVisible || void 0,
+    "data-pressed": c.isPressed || void 0,
+    "data-dragging": x || void 0,
+    "data-drop-target": (v == null ? void 0 : v.isDropTarget) || void 0,
+    "data-selection-mode": d.selectionManager.selectionMode === "none" ? void 0 : d.selectionManager.selectionMode
+  }, /* @__PURE__ */ s.createElement(te, {
+    values: [
+      [
+        we,
+        {
+          slots: {
+            [me]: n,
+            label: n,
+            description: $
+          }
+        }
+      ]
+    ]
+  }, P.children));
+});
+function Qe(o, e) {
+  e = j(e);
+  let { dragAndDropHooks: r, dropState: i } = m(N), { dropIndicatorProps: l, isHidden: d, isDropTarget: t } = r.useDropIndicator(o, i, e);
+  return d ? null : /* @__PURE__ */ s.createElement(Ye, {
+    ...o,
+    dropIndicatorProps: l,
+    isDropTarget: t,
+    ref: e
+  });
+}
+function Xe(o, e) {
+  let { dropIndicatorProps: r, isDropTarget: i, ...l } = o, d = H({
+    ...l,
+    defaultClassName: "react-aria-DropIndicator",
+    values: {
+      isDropTarget: i
+    }
+  });
+  return /* @__PURE__ */ s.createElement("div", {
+    ...r,
+    ...d,
+    // eslint-disable-next-line
+    role: "option",
+    ref: e,
+    "data-drop-target": i || void 0
+  });
+}
+const Ye = /* @__PURE__ */ re(Xe);
+ee("loader", function(e, r, i) {
+  let l = m(_), { isVirtualized: d } = m(z), { isLoading: t, onLoadMore: a, scrollOffset: u, ...b } = e, n = O(null), $ = C(() => ({
+    onLoadMore: a,
+    collection: l == null ? void 0 : l.collection,
+    sentinelRef: n,
+    scrollOffset: u
+  }), [
+    a,
+    u,
+    l == null ? void 0 : l.collection
+  ]);
+  ye($, n);
+  let c = H({
+    ...b,
+    id: void 0,
+    children: i.rendered,
+    defaultClassName: "react-aria-ListBoxLoadingIndicator",
+    values: null
+  }), f = {
+    // For Android talkback
+    tabIndex: -1
+  };
+  return d && (f["aria-posinset"] = i.index + 1, f["aria-setsize"] = l.collection.size), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", {
+    style: {
+      position: "relative",
+      width: 0,
+      height: 0
+    },
+    inert: Be(!0)
+  }, /* @__PURE__ */ s.createElement("div", {
+    "data-testid": "loadMoreSentinel",
+    ref: n,
+    style: {
+      position: "absolute",
+      height: 1,
+      width: 1
+    }
+  })), t && c.children && /* @__PURE__ */ s.createElement("div", {
+    ...M(L(e), f),
+    ...c,
+    // aria-selected isn't needed here since this option is not selectable.
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option",
+    ref: r
+  }, c.children));
+});
+export {
+  mo as $,
+  xo as a,
+  ho as b,
+  q as c,
+  We as d,
+  ne as e,
+  _ as f
+};

package/ListBoxButton-CFeNhJhr.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),t=require("./ListBoxSection-DGCP6xpf.cjs"),u=({className:s,children:o,...e})=>i.jsx("button",{type:"button",className:n.clsx(t.styles.listBoxItem,t.styles.listBoxButton,s),...e,children:o});exports.ListBoxButton=u;

package/ListBoxButton-O6zN3P4W.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as i } from "./clsx-OuTLNxxd.js";
+import { s as t } from "./ListBoxSection-C1aLKL9p.js";
+const l = ({ className: o, children: s, ...m }) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    className: i(t.listBoxItem, t.listBoxButton, o),
+    ...m,
+    children: s
+  }
+);
+export {
+  l as L
+};