@sps-woodland/tabs 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/lib/Tabs.examples.d.ts +2 -0
- package/lib/index.cjs.js +64 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.es.js +2320 -0
- package/lib/manifest.d.ts +2 -0
- package/lib/style.css +1 -0
- package/lib/tab/Tab.css.d.ts +11 -0
- package/lib/tab/Tab.d.ts +9 -0
- package/lib/tab-panel/TabPanel.d.ts +8 -0
- package/lib/tabs/Tabs.css.d.ts +20 -0
- package/lib/tabs/Tabs.d.ts +5 -0
- package/package.json +51 -0
- package/vite.config.js +21 -0
package/README.md
ADDED
package/lib/index.cjs.js
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),zt=require("@react-stately/collections"),R=require("@sps-woodland/core"),Ne=require("@spscommerce/utils"),Nt=t=>t&&typeof t=="object"&&"default"in t?t:{default:t};function Bt(t){if(t&&t.__esModule)return t;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const J=Nt(y),F=Bt(y);function pt(t,e,r){let[n,i]=y.useState(t||e),l=y.useRef(t!==void 0),u=l.current,d=t!==void 0,p=y.useRef(n);u!==d&&console.warn(`WARN: A component changed from ${u?"controlled":"uncontrolled"} to ${d?"controlled":"uncontrolled"}.`),l.current=d;let v=y.useCallback((h,...E)=>{let T=(b,...L)=>{r&&(Object.is(p.current,b)||r(b,...L)),d||(p.current=b)};typeof h=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),i((L,...k)=>{let M=h(d?p.current:L,...k);return T(M,...E),d?L:M})):(d||i(h),T(h,...E))},[d,r]);return d?p.current=t:t=n,[t,v]}class D extends Set{constructor(e,r,n){super(e),e instanceof D?(this.anchorKey=r||e.anchorKey,this.currentKey=n||e.currentKey):(this.anchorKey=r,this.currentKey=n)}}function Ut(t,e){if(t.size!==e.size)return!1;for(let r of t)if(!e.has(r))return!1;return!0}function Vt(t){let{selectionMode:e="none",disallowEmptySelection:r,allowDuplicateSelectionEvents:n,selectionBehavior:i="toggle",disabledBehavior:l="all"}=t,u=y.useRef(!1),[,d]=y.useState(!1),p=y.useRef(null),v=y.useRef(null),[,h]=y.useState(null),E=y.useMemo(()=>Be(t.selectedKeys),[t.selectedKeys]),T=y.useMemo(()=>Be(t.defaultSelectedKeys,new D),[t.defaultSelectedKeys]),[b,L]=pt(E,T,t.onSelectionChange),k=y.useMemo(()=>t.disabledKeys?new Set(t.disabledKeys):new Set,[t.disabledKeys]),[M,P]=y.useState(i);i==="replace"&&M==="toggle"&&typeof b=="object"&&b.size===0&&P("replace");let S=y.useRef(i);return y.useEffect(()=>{i!==S.current&&(P(i),S.current=i)},[i]),{selectionMode:e,disallowEmptySelection:r,selectionBehavior:M,setSelectionBehavior:P,get isFocused(){return u.current},setFocused(x){u.current=x,d(x)},get focusedKey(){return p.current},get childFocusStrategy(){return v.current},setFocusedKey(x,s="first"){p.current=x,v.current=s,h(x)},selectedKeys:b,setSelectedKeys(x){(n||!Ut(x,b))&&L(x)},disabledKeys:k,disabledBehavior:l}}function Be(t,e){return t?t==="all"?"all":new D(t):e}class Ht{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(e){this.state.setSelectionBehavior(e)}get isFocused(){return this.state.isFocused}setFocused(e){this.state.setFocused(e)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(e,r){this.state.setFocusedKey(e,r)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(e){return this.state.selectionMode==="none"?!1:(e=this.getKey(e),this.state.selectedKeys==="all"?this.canSelectItem(e):this.state.selectedKeys.has(e))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let e=this.getSelectAllKeys(),r=this.state.selectedKeys;return this._isSelectAll=e.every(n=>r.has(n)),this._isSelectAll}get firstSelectedKey(){let e=null;for(let r of this.state.selectedKeys){let n=this.collection.getItem(r);(!e||(n==null?void 0:n.index)<e.index)&&(e=n)}return e==null?void 0:e.key}get lastSelectedKey(){let e=null;for(let r of this.state.selectedKeys){let n=this.collection.getItem(r);(!e||(n==null?void 0:n.index)>e.index)&&(e=n)}return e==null?void 0:e.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(e);return}e=this.getKey(e);let r;if(this.state.selectedKeys==="all")r=new D([e],e,e);else{let n=this.state.selectedKeys,i=n.anchorKey||e;r=new D(n,i,e);for(let l of this.getKeyRange(i,n.currentKey||e))r.delete(l);for(let l of this.getKeyRange(e,i))this.canSelectItem(l)&&r.add(l)}this.state.setSelectedKeys(r)}getKeyRange(e,r){let n=this.collection.getItem(e),i=this.collection.getItem(r);return n&&i?n.index<=i.index?this.getKeyRangeInternal(e,r):this.getKeyRangeInternal(r,e):[]}getKeyRangeInternal(e,r){let n=[],i=e;for(;i;){let l=this.collection.getItem(i);if((l&&l.type==="item"||l.type==="cell"&&this.allowsCellSelection)&&n.push(i),i===r)return n;i=this.collection.getKeyAfter(i)}return[]}getKey(e){let r=this.collection.getItem(e);if(!r||r.type==="cell"&&this.allowsCellSelection)return e;for(;r.type!=="item"&&r.parentKey!=null;)r=this.collection.getItem(r.parentKey);return!r||r.type!=="item"?null:r.key}toggleSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(e)){this.replaceSelection(e);return}if(e=this.getKey(e),e==null)return;let r=new D(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);r.has(e)?r.delete(e):this.canSelectItem(e)&&(r.add(e),r.anchorKey=e,r.currentKey=e),!(this.disallowEmptySelection&&r.size===0)&&this.state.setSelectedKeys(r)}replaceSelection(e){if(this.selectionMode==="none"||(e=this.getKey(e),e==null))return;let r=this.canSelectItem(e)?new D([e],e,e):new D;this.state.setSelectedKeys(r)}setSelectedKeys(e){if(this.selectionMode==="none")return;let r=new D;for(let n of e)if(n=this.getKey(n),n!=null&&(r.add(n),this.selectionMode==="single"))break;this.state.setSelectedKeys(r)}getSelectAllKeys(){let e=[],r=n=>{for(;n;){if(this.canSelectItem(n)){let i=this.collection.getItem(n);i.type==="item"&&e.push(n),i.hasChildNodes&&(this.allowsCellSelection||i.type!=="item")&&r([...i.childNodes][0].key)}n=this.collection.getKeyAfter(n)}};return r(this.collection.getFirstKey()),e}selectAll(){this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new D)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(e,r){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(e)&&!this.disallowEmptySelection?this.toggleSelection(e):this.replaceSelection(e):this.selectionBehavior==="toggle"||r&&(r.pointerType==="touch"||r.pointerType==="virtual")?this.toggleSelection(e):this.replaceSelection(e))}isSelectionEqual(e){if(e===this.state.selectedKeys)return!0;let r=this.selectedKeys;if(e.size!==r.size)return!1;for(let n of e)if(!r.has(n))return!1;for(let n of r)if(!e.has(n))return!1;return!0}canSelectItem(e){if(this.state.selectionMode==="none"||this.state.disabledKeys.has(e))return!1;let r=this.collection.getItem(e);return!(!r||r.type==="cell"&&!this.allowsCellSelection)}isDisabled(e){return this.state.disabledKeys.has(e)&&this.state.disabledBehavior==="all"}constructor(e,r,n){this.collection=e,this.state=r;var i;this.allowsCellSelection=(i=n==null?void 0:n.allowsCellSelection)!==null&&i!==void 0?i:!1,this._isSelectAll=null}}var _t=Symbol.iterator;class Ue{*[_t](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(e){let r=this.keyMap.get(e);return r?r.prevKey:null}getKeyAfter(e){let r=this.keyMap.get(e);return r?r.nextKey:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(e){return this.keyMap.get(e)}at(e){const r=[...this.getKeys()];return this.getItem(r[e])}constructor(e){this.keyMap=new Map,this.iterable=e;let r=l=>{if(this.keyMap.set(l.key,l),l.childNodes&&l.type==="section")for(let u of l.childNodes)r(u)};for(let l of e)r(l);let n,i=0;for(let[l,u]of this.keyMap)n?(n.nextKey=l,u.prevKey=n.key):(this.firstKey=l,u.prevKey=void 0),u.type==="item"&&(u.index=i++),n=u,n.nextKey=void 0;this.lastKey=n==null?void 0:n.key}}function Gt(t){let{filter:e}=t,r=Vt(t),n=y.useMemo(()=>t.disabledKeys?new Set(t.disabledKeys):new Set,[t.disabledKeys]),i=d=>e?new Ue(e(d)):new Ue(d),l=y.useMemo(()=>({suppressTextValueWarning:t.suppressTextValueWarning}),[t.suppressTextValueWarning]),u=zt.useCollection(t,i,l,[e]);return y.useEffect(()=>{r.focusedKey!=null&&!u.getItem(r.focusedKey)&&r.setFocusedKey(null)},[u,r.focusedKey]),{collection:u,disabledKeys:n,selectionManager:new Ht(u,r)}}function jt(t){var e;let[r,n]=pt(t.selectedKey,(e=t.defaultSelectedKey)!==null&&e!==void 0?e:null,t.onSelectionChange),i=y.useMemo(()=>r!=null?[r]:[],[r]),{collection:l,disabledKeys:u,selectionManager:d}=Gt({...t,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:i,onSelectionChange:v=>{let h=v.values().next().value;h===r&&t.onSelectionChange&&t.onSelectionChange(h),n(h)}}),p=r!=null?l.getItem(r):null;return{collection:l,disabledKeys:u,selectionManager:d,selectedKey:r,setSelectedKey:n,selectedItem:p}}function N(){return N=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},N.apply(this,arguments)}function Wt(t){let e=jt(N({},t,{suppressTextValueWarning:!0}));return y.useEffect(()=>{let r=e.selectedKey;(e.selectionManager.isEmpty||!e.collection.getItem(r))&&(r=e.collection.getFirstKey(),e.selectionManager.replaceSelection(r)),e.selectionManager.focusedKey==null&&e.selectionManager.setFocusedKey(r)},[e.selectionManager,e.selectedKey,e.collection]),e}const xe={prefix:String(Math.round(Math.random()*1e10)),current:0},yt=J.default.createContext(xe);let Yt=Boolean(typeof window<"u"&&window.document&&window.document.createElement);function qt(t){let e=y.useContext(yt);return e===xe&&!Yt&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),y.useMemo(()=>t||`react-aria${e.prefix}-${++e.current}`,[t])}function Xt(){let e=y.useContext(yt)!==xe,[r,n]=y.useState(e);return typeof window<"u"&&e&&y.useLayoutEffect(()=>{n(!1)},[]),r}const Jt=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),Zt=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function Qt(t){if(Intl.Locale){let r=new Intl.Locale(t).maximize().script;return Jt.has(r)}let e=t.split("-")[0];return Zt.has(e)}function gt(){let t=typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([t])}catch{t="en-US"}return{locale:t,direction:Qt(t)?"rtl":"ltr"}}let he=gt(),ee=new Set;function Ve(){he=gt();for(let t of ee)t(he)}function er(){let t=Xt(),[e,r]=y.useState(he);return y.useEffect(()=>(ee.size===0&&window.addEventListener("languagechange",Ve),ee.add(r),()=>{ee.delete(r),ee.size===0&&window.removeEventListener("languagechange",Ve)}),[]),t?{locale:"en-US",direction:"ltr"}:e}const tr=J.default.createContext(null);function bt(){let t=er();return y.useContext(tr)||t}function ht(t){var e,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(r=ht(t[e]))&&(n&&(n+=" "),n+=r);else for(e in t)t[e]&&(n&&(n+=" "),n+=e);return n}function vt(){for(var t,e,r=0,n="";r<arguments.length;)(t=arguments[r++])&&(e=ht(t))&&(n&&(n+=" "),n+=e);return n}const rr=typeof window<"u"?J.default.useLayoutEffect:()=>{};let ce=new Map;function $t(t){let[e,r]=y.useState(t),n=y.useRef(null),i=qt(e),l=y.useCallback(u=>{n.current=u},[]);return ce.set(i,l),rr(()=>{let u=i;return()=>{ce.delete(u)}},[i]),y.useEffect(()=>{let u=n.current;u&&(n.current=null,r(u))}),i}function nr(t,e){if(t===e)return t;let r=ce.get(t);if(r)return r(e),e;let n=ce.get(e);return n?(n(t),t):e}function sr(...t){return(...e)=>{for(let r of t)typeof r=="function"&&r(...e)}}function mt(...t){let e={...t[0]};for(let r=1;r<t.length;r++){let n=t[r];for(let i in n){let l=e[i],u=n[i];typeof l=="function"&&typeof u=="function"&&i[0]==="o"&&i[1]==="n"&&i.charCodeAt(2)>=65&&i.charCodeAt(2)<=90?e[i]=sr(l,u):(i==="className"||i==="UNSAFE_className")&&typeof l=="string"&&typeof u=="string"?e[i]=vt(l,u):i==="id"&&l&&u?e.id=nr(l,u):e[i]=u!==void 0?u:l}}return e}let Q=new Map,He=new Set;function _e(){if(typeof window>"u")return;let t=r=>{let n=Q.get(r.target);n||(n=new Set,Q.set(r.target,n),r.target.addEventListener("transitioncancel",e)),n.add(r.propertyName)},e=r=>{let n=Q.get(r.target);if(!!n&&(n.delete(r.propertyName),n.size===0&&(r.target.removeEventListener("transitioncancel",e),Q.delete(r.target)),Q.size===0)){for(let i of He)i();He.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",e)}typeof document<"u"&&(document.readyState!=="loading"?_e():document.addEventListener("DOMContentLoaded",_e));function Tt(t,e){let{id:r,"aria-label":n,"aria-labelledby":i}=t;return r=$t(r),i&&n?i=[...new Set([...i.trim().split(/\s+/),r])].join(" "):i&&(i=i.trim().split(/\s+/).join(" ")),!n&&!i&&e&&(n=e),{id:r,"aria-label":n,"aria-labelledby":i}}const Kt=typeof window<"u"?J.default.useLayoutEffect:()=>{};let Ge=new Map;function ir(t,e){if(t===e)return t;let r=Ge.get(t);if(r)return r(e),e;let n=Ge.get(e);return n?(n(t),t):e}function ar(...t){return(...e)=>{for(let r of t)typeof r=="function"&&r(...e)}}function V(...t){let e={...t[0]};for(let r=1;r<t.length;r++){let n=t[r];for(let i in n){let l=e[i],u=n[i];typeof l=="function"&&typeof u=="function"&&i[0]==="o"&&i[1]==="n"&&i.charCodeAt(2)>=65&&i.charCodeAt(2)<=90?e[i]=ar(l,u):(i==="className"||i==="UNSAFE_className")&&typeof l=="string"&&typeof u=="string"?e[i]=vt(l,u):i==="id"&&l&&u?e.id=ir(l,u):e[i]=u!==void 0?u:l}}return e}function I(t){if(or())t.focus({preventScroll:!0});else{let e=lr(t);t.focus(),cr(e)}}let se=null;function or(){if(se==null){se=!1;try{var t=document.createElement("div");t.focus({get preventScroll(){return se=!0,!0}})}catch{}}return se}function lr(t){for(var e=t.parentNode,r=[],n=document.scrollingElement||document.documentElement;e instanceof HTMLElement&&e!==n;)(e.offsetHeight<e.scrollHeight||e.offsetWidth<e.scrollWidth)&&r.push({element:e,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}),e=e.parentNode;return n instanceof HTMLElement&&r.push({element:n,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft}),r}function cr(t){for(let{element:e,scrollTop:r,scrollLeft:n}of t)e.scrollTop=r,e.scrollLeft=n}let W=new Map,ve=new Set;function je(){if(typeof window>"u")return;let t=r=>{let n=W.get(r.target);n||(n=new Set,W.set(r.target,n),r.target.addEventListener("transitioncancel",e)),n.add(r.propertyName)},e=r=>{let n=W.get(r.target);if(!!n&&(n.delete(r.propertyName),n.size===0&&(r.target.removeEventListener("transitioncancel",e),W.delete(r.target)),W.size===0)){for(let i of ve)i();ve.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",e)}typeof document<"u"&&(document.readyState!=="loading"?je():document.addEventListener("DOMContentLoaded",je));function Me(t){requestAnimationFrame(()=>{W.size===0?t():ve.add(t)})}function Le(){let t=y.useRef(new Map),e=y.useCallback((i,l,u,d)=>{let p=d!=null&&d.once?(...v)=>{t.current.delete(u),u(...v)}:u;t.current.set(u,{type:l,eventTarget:i,fn:p,options:d}),i.addEventListener(l,u,d)},[]),r=y.useCallback((i,l,u,d)=>{var p;let v=((p=t.current.get(u))===null||p===void 0?void 0:p.fn)||u;i.removeEventListener(l,v,d),t.current.delete(u)},[]),n=y.useCallback(()=>{t.current.forEach((i,l)=>{r(i.eventTarget,i.type,l,i.options)})},[r]);return y.useEffect(()=>n,[n]),{addGlobalListener:e,removeGlobalListener:r,removeAllGlobalListeners:n}}function Pt(t,e){Kt(()=>{if(t&&t.ref&&e)return t.ref.current=e.current,()=>{t.ref.current=null}},[t,e])}let ur=0;const de=new Map;function fr(t){let[e,r]=y.useState(void 0);return Kt(()=>{if(!t)return;let n=de.get(t);if(n)r(n.element.id);else{let i=`react-aria-description-${ur++}`;r(i);let l=document.createElement("div");l.id=i,l.style.display="none",l.textContent=t,document.body.appendChild(l),n={refCount:0,element:l},de.set(t,n)}return n.refCount++,()=>{--n.refCount===0&&(n.element.remove(),de.delete(t))}},[t]),{"aria-describedby":t?e:void 0}}function dr(t){var e;return typeof window>"u"||window.navigator==null?!1:((e=window.navigator.userAgentData)===null||e===void 0?void 0:e.brands.some(r=>t.test(r.brand)))||t.test(window.navigator.userAgent)}function ke(t){var e;return typeof window<"u"&&window.navigator!=null?t.test(((e=window.navigator.userAgentData)===null||e===void 0?void 0:e.platform)||window.navigator.platform):!1}function te(){return ke(/^Mac/i)}function pr(){return ke(/^iPhone/i)}function yr(){return ke(/^iPad/i)||te()&&navigator.maxTouchPoints>1}function re(){return pr()||yr()}function gr(){return te()||re()}function br(){return dr(/Android/i)}function hr(t,e,r,n){let i=y.useRef(r);i.current=r;let l=r==null;y.useEffect(()=>{if(l)return;let u=t.current,d=p=>i.current.call(this,p);return u.addEventListener(e,d,n),()=>{u.removeEventListener(e,d,n)}},[t,e,n,l])}function We(t,e){let r=Ye(t,e,"left"),n=Ye(t,e,"top"),i=e.offsetWidth,l=e.offsetHeight,u=t.scrollLeft,d=t.scrollTop,p=u+t.offsetWidth,v=d+t.offsetHeight;r<=u?u=r:r+i>p&&(u+=r+i-p),n<=d?d=n:n+l>v&&(d+=n+l-v),t.scrollLeft=u,t.scrollTop=d}function Ye(t,e,r){const n=r==="left"?"offsetLeft":"offsetTop";let i=0;for(;e.offsetParent&&(i+=e[n],e.offsetParent!==t);){if(e.offsetParent.contains(t)){i-=t[n];break}e=e.offsetParent}return i}function $e(t){return t.mozInputSource===0&&t.isTrusted?!0:br()&&t.pointerType?t.type==="click"&&t.buttons===1:t.detail===0&&!t.pointerType}function vr(t){return t.width===0&&t.height===0||t.width===1&&t.height===1&&t.pressure===0&&t.detail===0&&t.pointerType==="mouse"}let q="default",me="",oe=new WeakMap;function qe(t){re()?(q==="default"&&(me=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),q="disabled"):(t instanceof HTMLElement||t instanceof SVGElement)&&(oe.set(t,t.style.userSelect),t.style.userSelect="none")}function ie(t){if(re()){if(q!=="disabled")return;q="restoring",setTimeout(()=>{Me(()=>{q==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=me||""),me="",q="default")})},300)}else if((t instanceof HTMLElement||t instanceof SVGElement)&&t&&oe.has(t)){let e=oe.get(t);t.style.userSelect==="none"&&(t.style.userSelect=e),t.getAttribute("style")===""&&t.removeAttribute("style"),oe.delete(t)}}const St=J.default.createContext(null);St.displayName="PressResponderContext";function $r(t){let e=y.useContext(St);if(e){let{register:r,...n}=e;t=V(n,t),r()}return Pt(e,t.ref),t}function Et(t){let{onPress:e,onPressChange:r,onPressStart:n,onPressEnd:i,onPressUp:l,isDisabled:u,isPressed:d,preventFocusOnPress:p,shouldCancelOnPointerExit:v,allowTextSelectionOnPress:h,ref:E,...T}=$r(t),b=y.useRef(null);b.current={onPress:e,onPressChange:r,onPressStart:n,onPressEnd:i,onPressUp:l,isDisabled:u,shouldCancelOnPointerExit:v};let[L,k]=y.useState(!1),M=y.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:P,removeAllGlobalListeners:S}=Le(),x=y.useMemo(()=>{let s=M.current,w=(o,f)=>{let{onPressStart:a,onPressChange:c,isDisabled:O}=b.current;O||s.didFirePressStart||(a&&a({type:"pressstart",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey}),c&&c(!0),s.didFirePressStart=!0,k(!0))},m=(o,f,a=!0)=>{let{onPressEnd:c,onPressChange:O,onPress:Z,isDisabled:fe}=b.current;!s.didFirePressStart||(s.ignoreClickAfterPress=!0,s.didFirePressStart=!1,c&&c({type:"pressend",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey}),O&&O(!1),k(!1),Z&&a&&!fe&&Z({type:"press",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey}))},g=(o,f)=>{let{onPressUp:a,isDisabled:c}=b.current;c||a&&a({type:"pressup",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey})},K=o=>{s.isPressed&&(s.isOverTarget&&m(A(s.target,o),s.pointerType,!1),s.isPressed=!1,s.isOverTarget=!1,s.activePointerId=null,s.pointerType=null,S(),h||ie(s.target))},$={onKeyDown(o){pe(o.nativeEvent,o.currentTarget)&&o.currentTarget.contains(o.target)?(Je(o.target,o.key)&&o.preventDefault(),o.stopPropagation(),!s.isPressed&&!o.repeat&&(s.target=o.currentTarget,s.isPressed=!0,w(o,"keyboard"),P(document,"keyup",C,!1))):o.key==="Enter"&&Te(o.currentTarget)&&o.stopPropagation()},onKeyUp(o){pe(o.nativeEvent,o.currentTarget)&&!o.repeat&&o.currentTarget.contains(o.target)&&g(A(s.target,o),"keyboard")},onClick(o){o&&!o.currentTarget.contains(o.target)||o&&o.button===0&&(o.stopPropagation(),u&&o.preventDefault(),!s.ignoreClickAfterPress&&!s.ignoreEmulatedMouseEvents&&(s.pointerType==="virtual"||$e(o.nativeEvent))&&(!u&&!p&&I(o.currentTarget),w(o,"virtual"),g(o,"virtual"),m(o,"virtual")),s.ignoreEmulatedMouseEvents=!1,s.ignoreClickAfterPress=!1)}},C=o=>{if(s.isPressed&&pe(o,s.target)){Je(o.target,o.key)&&o.preventDefault(),o.stopPropagation(),s.isPressed=!1;let f=o.target;m(A(s.target,o),"keyboard",s.target.contains(f)),S(),s.target instanceof HTMLElement&&s.target.contains(f)&&(Te(s.target)||s.target.getAttribute("role")==="link")&&s.target.click()}};if(typeof PointerEvent<"u"){$.onPointerDown=c=>{if(!(c.button!==0||!c.currentTarget.contains(c.target))){if(vr(c.nativeEvent)){s.pointerType="virtual";return}ye(c.currentTarget)&&c.preventDefault(),s.pointerType=c.pointerType,c.stopPropagation(),s.isPressed||(s.isPressed=!0,s.isOverTarget=!0,s.activePointerId=c.pointerId,s.target=c.currentTarget,!u&&!p&&I(c.currentTarget),h||qe(s.target),w(c,s.pointerType),P(document,"pointermove",o,!1),P(document,"pointerup",f,!1),P(document,"pointercancel",a,!1))}},$.onMouseDown=c=>{!c.currentTarget.contains(c.target)||c.button===0&&(ye(c.currentTarget)&&c.preventDefault(),c.stopPropagation())},$.onPointerUp=c=>{!c.currentTarget.contains(c.target)||s.pointerType==="virtual"||c.button===0&&H(c,c.currentTarget)&&g(c,s.pointerType||c.pointerType)};let o=c=>{c.pointerId===s.activePointerId&&(H(c,s.target)?s.isOverTarget||(s.isOverTarget=!0,w(A(s.target,c),s.pointerType)):s.isOverTarget&&(s.isOverTarget=!1,m(A(s.target,c),s.pointerType,!1),b.current.shouldCancelOnPointerExit&&K(c)))},f=c=>{c.pointerId===s.activePointerId&&s.isPressed&&c.button===0&&(H(c,s.target)?m(A(s.target,c),s.pointerType):s.isOverTarget&&m(A(s.target,c),s.pointerType,!1),s.isPressed=!1,s.isOverTarget=!1,s.activePointerId=null,s.pointerType=null,S(),h||ie(s.target))},a=c=>{K(c)};$.onDragStart=c=>{!c.currentTarget.contains(c.target)||K(c)}}else{$.onMouseDown=a=>{a.button!==0||!a.currentTarget.contains(a.target)||(ye(a.currentTarget)&&a.preventDefault(),a.stopPropagation(),!s.ignoreEmulatedMouseEvents&&(s.isPressed=!0,s.isOverTarget=!0,s.target=a.currentTarget,s.pointerType=$e(a.nativeEvent)?"virtual":"mouse",!u&&!p&&I(a.currentTarget),w(a,s.pointerType),P(document,"mouseup",o,!1)))},$.onMouseEnter=a=>{!a.currentTarget.contains(a.target)||(a.stopPropagation(),s.isPressed&&!s.ignoreEmulatedMouseEvents&&(s.isOverTarget=!0,w(a,s.pointerType)))},$.onMouseLeave=a=>{!a.currentTarget.contains(a.target)||(a.stopPropagation(),s.isPressed&&!s.ignoreEmulatedMouseEvents&&(s.isOverTarget=!1,m(a,s.pointerType,!1),b.current.shouldCancelOnPointerExit&&K(a)))},$.onMouseUp=a=>{!a.currentTarget.contains(a.target)||!s.ignoreEmulatedMouseEvents&&a.button===0&&g(a,s.pointerType)};let o=a=>{if(a.button===0){if(s.isPressed=!1,S(),s.ignoreEmulatedMouseEvents){s.ignoreEmulatedMouseEvents=!1;return}H(a,s.target)?m(A(s.target,a),s.pointerType):s.isOverTarget&&m(A(s.target,a),s.pointerType,!1),s.isOverTarget=!1}};$.onTouchStart=a=>{if(!a.currentTarget.contains(a.target))return;a.stopPropagation();let c=mr(a.nativeEvent);!c||(s.activePointerId=c.identifier,s.ignoreEmulatedMouseEvents=!0,s.isOverTarget=!0,s.isPressed=!0,s.target=a.currentTarget,s.pointerType="touch",!u&&!p&&I(a.currentTarget),h||qe(s.target),w(a,s.pointerType),P(window,"scroll",f,!0))},$.onTouchMove=a=>{if(!a.currentTarget.contains(a.target)||(a.stopPropagation(),!s.isPressed))return;let c=Xe(a.nativeEvent,s.activePointerId);c&&H(c,a.currentTarget)?s.isOverTarget||(s.isOverTarget=!0,w(a,s.pointerType)):s.isOverTarget&&(s.isOverTarget=!1,m(a,s.pointerType,!1),b.current.shouldCancelOnPointerExit&&K(a))},$.onTouchEnd=a=>{if(!a.currentTarget.contains(a.target)||(a.stopPropagation(),!s.isPressed))return;let c=Xe(a.nativeEvent,s.activePointerId);c&&H(c,a.currentTarget)?(g(a,s.pointerType),m(a,s.pointerType)):s.isOverTarget&&m(a,s.pointerType,!1),s.isPressed=!1,s.activePointerId=null,s.isOverTarget=!1,s.ignoreEmulatedMouseEvents=!0,h||ie(s.target),S()},$.onTouchCancel=a=>{!a.currentTarget.contains(a.target)||(a.stopPropagation(),s.isPressed&&K(a))};let f=a=>{s.isPressed&&a.target.contains(s.target)&&K({currentTarget:s.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};$.onDragStart=a=>{!a.currentTarget.contains(a.target)||K(a)}}return $},[P,u,p,S,h]);return y.useEffect(()=>()=>{h||ie(M.current.target)},[h]),{isPressed:d||L,pressProps:V(T,x)}}function Te(t){return t.tagName==="A"&&t.hasAttribute("href")}function pe(t,e){const{key:r,code:n}=t,i=e,l=i.getAttribute("role");return(r==="Enter"||r===" "||r==="Spacebar"||n==="Space")&&!(i instanceof HTMLInputElement&&!wt(i,r)||i instanceof HTMLTextAreaElement||i.isContentEditable)&&(!Te(i)||l==="button"&&r!=="Enter")&&!(l==="link"&&r!=="Enter")}function mr(t){const{targetTouches:e}=t;return e.length>0?e[0]:null}function Xe(t,e){const r=t.changedTouches;for(let n=0;n<r.length;n++){const i=r[n];if(i.identifier===e)return i}return null}function A(t,e){return{currentTarget:t,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,altKey:e.altKey}}function Tr(t){let e=t.width/2||t.radiusX||0,r=t.height/2||t.radiusY||0;return{top:t.clientY-r,right:t.clientX+e,bottom:t.clientY+r,left:t.clientX-e}}function Kr(t,e){return!(t.left>e.right||e.left>t.right||t.top>e.bottom||e.top>t.bottom)}function H(t,e){let r=e.getBoundingClientRect(),n=Tr(t);return Kr(r,n)}function ye(t){return!(t instanceof HTMLElement)||!t.draggable}function Je(t,e){return t instanceof HTMLInputElement?!wt(t,e):t instanceof HTMLButtonElement?t.type!=="submit":!0}const Pr=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function wt(t,e){return t.type==="checkbox"||t.type==="radio"?e===" ":Pr.has(t.type)}let ne=null,Sr=new Set,Ze=!1,B=!1,Ke=!1;function Ce(t,e){for(let r of Sr)r(t,e)}function Er(t){return!(t.metaKey||!te()&&t.altKey||t.ctrlKey||t.key==="Control"||t.key==="Shift"||t.key==="Meta")}function Qe(t){B=!0,Er(t)&&(ne="keyboard",Ce("keyboard",t))}function _(t){ne="pointer",(t.type==="mousedown"||t.type==="pointerdown")&&(B=!0,Ce("pointer",t))}function wr(t){$e(t)&&(B=!0,ne="virtual")}function xr(t){t.target===window||t.target===document||(!B&&!Ke&&(ne="virtual",Ce("virtual",t)),B=!1,Ke=!1)}function Mr(){B=!1,Ke=!0}function et(){if(typeof window>"u"||Ze)return;let t=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){B=!0,t.apply(this,arguments)},document.addEventListener("keydown",Qe,!0),document.addEventListener("keyup",Qe,!0),document.addEventListener("click",wr,!0),window.addEventListener("focus",xr,!0),window.addEventListener("blur",Mr,!1),typeof PointerEvent<"u"?(document.addEventListener("pointerdown",_,!0),document.addEventListener("pointermove",_,!0),document.addEventListener("pointerup",_,!0)):(document.addEventListener("mousedown",_,!0),document.addEventListener("mousemove",_,!0),document.addEventListener("mouseup",_,!0)),Ze=!0}typeof document<"u"&&(document.readyState!=="loading"?et():document.addEventListener("DOMContentLoaded",et));function Lr(){return ne}const kr=500;function Cr(t){let{isDisabled:e,onLongPressStart:r,onLongPressEnd:n,onLongPress:i,threshold:l=kr,accessibilityDescription:u}=t;const d=y.useRef(null);let{addGlobalListener:p,removeGlobalListener:v}=Le(),{pressProps:h}=Et({isDisabled:e,onPressStart(T){if((T.pointerType==="mouse"||T.pointerType==="touch")&&(r&&r({...T,type:"longpressstart"}),d.current=setTimeout(()=>{T.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),i&&i({...T,type:"longpress"}),d.current=null},l),T.pointerType==="touch")){let b=L=>{L.preventDefault()};p(T.target,"contextmenu",b,{once:!0}),p(window,"pointerup",()=>{setTimeout(()=>{v(T.target,"contextmenu",b)},30)},{once:!0})}},onPressEnd(T){d.current&&clearTimeout(d.current),n&&(T.pointerType==="mouse"||T.pointerType==="touch")&&n({...T,type:"longpressend"})}}),E=fr(i&&!e?u:null);return{longPressProps:V(h,E)}}function Or(t){if(!(t instanceof HTMLElement)&&!(t instanceof SVGElement))return!1;let{display:e,visibility:r}=t.style,n=e!=="none"&&r!=="hidden"&&r!=="collapse";if(n){const{getComputedStyle:i}=t.ownerDocument.defaultView;let{display:l,visibility:u}=i(t);n=l!=="none"&&u!=="hidden"&&u!=="collapse"}return n}function Ir(t,e){return!t.hasAttribute("hidden")&&(t.nodeName==="DETAILS"&&e&&e.nodeName!=="SUMMARY"?t.hasAttribute("open"):!0)}function xt(t,e){return t.nodeName!=="#comment"&&Or(t)&&Ir(t,e)&&(!t.parentElement||xt(t.parentElement,t))}const Oe=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],Dr=Oe.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Oe.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Fr=Oe.join(':not([hidden]):not([tabindex="-1"]),');function Mt(t,e){return e.some(r=>r.contains(t))}function Rr(t,e,r){let n=e!=null&&e.tabbable?Fr:Dr,i=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode(l){var u;return!(e==null||(u=e.from)===null||u===void 0)&&u.contains(l)?NodeFilter.FILTER_REJECT:l.matches(n)&&xt(l)&&(!r||Mt(l,r))&&(!(e!=null&&e.accept)||e.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return e!=null&&e.from&&(i.currentNode=e.from),i}class Ie{get size(){return this.fastMap.size}getTreeNode(e){return this.fastMap.get(e)}addTreeNode(e,r,n){let i=this.fastMap.get(r!=null?r:null),l=new tt({scopeRef:e});i.addChild(l),l.parent=i,this.fastMap.set(e,l),n&&(l.nodeToRestore=n)}removeTreeNode(e){if(e===null)return;let r=this.fastMap.get(e),n=r.parent;for(let l of this.traverse())l!==r&&r.nodeToRestore&&l.nodeToRestore&&r.scopeRef.current&&Mt(l.nodeToRestore,r.scopeRef.current)&&(l.nodeToRestore=r.nodeToRestore);let i=r.children;n.removeChild(r),i.length>0&&i.forEach(l=>n.addChild(l)),this.fastMap.delete(r.scopeRef)}*traverse(e=this.root){if(e.scopeRef!=null&&(yield e),e.children.length>0)for(let r of e.children)yield*this.traverse(r)}clone(){let e=new Ie;for(let r of this.traverse())e.addTreeNode(r.scopeRef,r.parent.scopeRef,r.nodeToRestore);return e}constructor(){this.fastMap=new Map,this.root=new tt({scopeRef:null}),this.fastMap.set(null,this.root)}}class tt{addChild(e){this.children.push(e),e.parent=this}removeChild(e){this.children.splice(this.children.indexOf(e),1),e.parent=void 0}constructor(e){this.children=[],this.contain=!1,this.scopeRef=e.scopeRef}}new Ie;function Lt(t){if(Lr()==="virtual"){let e=document.activeElement;Me(()=>{document.activeElement===e&&document.contains(t)&&I(t)})}else I(t)}function Ar(t){if(!(t instanceof HTMLElement)&&!(t instanceof SVGElement))return!1;let{display:e,visibility:r}=t.style,n=e!=="none"&&r!=="hidden"&&r!=="collapse";if(n){const{getComputedStyle:i}=t.ownerDocument.defaultView;let{display:l,visibility:u}=i(t);n=l!=="none"&&u!=="hidden"&&u!=="collapse"}return n}function zr(t,e){return!t.hasAttribute("hidden")&&(t.nodeName==="DETAILS"&&e&&e.nodeName!=="SUMMARY"?t.hasAttribute("open"):!0)}function kt(t,e){return t.nodeName!=="#comment"&&Ar(t)&&zr(t,e)&&(!t.parentElement||kt(t.parentElement,t))}const De=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],Nr=De.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";De.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Br=De.join(':not([hidden]):not([tabindex="-1"]),');function Ct(t,e){return e.some(r=>r.contains(t))}function Ur(t,e,r){let n=e!=null&&e.tabbable?Br:Nr,i=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode(l){var u;return!(e==null||(u=e.from)===null||u===void 0)&&u.contains(l)?NodeFilter.FILTER_REJECT:l.matches(n)&&kt(l)&&(!r||Ct(l,r))&&(!(e!=null&&e.accept)||e.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return e!=null&&e.from&&(i.currentNode=e.from),i}class Fe{get size(){return this.fastMap.size}getTreeNode(e){return this.fastMap.get(e)}addTreeNode(e,r,n){let i=this.fastMap.get(r!=null?r:null),l=new rt({scopeRef:e});i.addChild(l),l.parent=i,this.fastMap.set(e,l),n&&(l.nodeToRestore=n)}removeTreeNode(e){if(e===null)return;let r=this.fastMap.get(e),n=r.parent;for(let l of this.traverse())l!==r&&r.nodeToRestore&&l.nodeToRestore&&r.scopeRef.current&&Ct(l.nodeToRestore,r.scopeRef.current)&&(l.nodeToRestore=r.nodeToRestore);let i=r.children;n.removeChild(r),i.length>0&&i.forEach(l=>n.addChild(l)),this.fastMap.delete(r.scopeRef)}*traverse(e=this.root){if(e.scopeRef!=null&&(yield e),e.children.length>0)for(let r of e.children)yield*this.traverse(r)}clone(){let e=new Fe;for(let r of this.traverse())e.addTreeNode(r.scopeRef,r.parent.scopeRef,r.nodeToRestore);return e}constructor(){this.fastMap=new Map,this.root=new rt({scopeRef:null}),this.fastMap.set(null,this.root)}}class rt{addChild(e){this.children.push(e),e.parent=this}removeChild(e){this.children.splice(this.children.indexOf(e),1),e.parent=void 0}constructor(e){this.children=[],this.contain=!1,this.scopeRef=e.scopeRef}}new Fe;function Ot(t){return gr()?t.altKey:t.ctrlKey}function Y(t){return te()?t.metaKey:t.ctrlKey}function Vr(t){let{keyboardDelegate:e,selectionManager:r,onTypeSelect:n}=t,i=y.useRef({search:"",timeout:null}).current,l=u=>{let d=Hr(u.key);if(!d||u.ctrlKey||u.metaKey)return;d===" "&&i.search.trim().length>0&&(u.preventDefault(),"continuePropagation"in u||u.stopPropagation()),i.search+=d;let p=e.getKeyForSearch(i.search,r.focusedKey);p==null&&(p=e.getKeyForSearch(i.search)),p!=null&&(r.setFocusedKey(p),n&&n(p)),clearTimeout(i.timeout),i.timeout=setTimeout(()=>{i.search=""},500)};return{typeSelectProps:{onKeyDownCapture:e.getKeyForSearch?l:null}}}function Hr(t){return t.length===1||!/^[A-Z]/i.test(t)?t:""}function _r(t){let{selectionManager:e,keyboardDelegate:r,ref:n,autoFocus:i=!1,shouldFocusWrap:l=!1,disallowEmptySelection:u=!1,disallowSelectAll:d=!1,selectOnFocus:p=e.selectionBehavior==="replace",disallowTypeAhead:v=!1,shouldUseVirtualFocus:h,allowsTabNavigation:E=!1,isVirtualized:T,scrollRef:b=n}=t,{direction:L}=bt(),k=g=>{if(g.altKey&&g.key==="Tab"&&g.preventDefault(),!n.current.contains(g.target))return;const K=(a,c)=>{a!=null&&(e.setFocusedKey(a,c),g.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(a):p&&!Ot(g)&&e.replaceSelection(a))};switch(g.key){case"ArrowDown":if(r.getKeyBelow){var $,C;g.preventDefault();let a=e.focusedKey!=null?r.getKeyBelow(e.focusedKey):($=r.getFirstKey)===null||$===void 0?void 0:$.call(r);a==null&&l&&(a=(C=r.getFirstKey)===null||C===void 0?void 0:C.call(r,e.focusedKey)),K(a)}break;case"ArrowUp":if(r.getKeyAbove){var o,f;g.preventDefault();let a=e.focusedKey!=null?r.getKeyAbove(e.focusedKey):(o=r.getLastKey)===null||o===void 0?void 0:o.call(r);a==null&&l&&(a=(f=r.getLastKey)===null||f===void 0?void 0:f.call(r,e.focusedKey)),K(a)}break;case"ArrowLeft":if(r.getKeyLeftOf){g.preventDefault();let a=r.getKeyLeftOf(e.focusedKey);K(a,L==="rtl"?"first":"last")}break;case"ArrowRight":if(r.getKeyRightOf){g.preventDefault();let a=r.getKeyRightOf(e.focusedKey);K(a,L==="rtl"?"last":"first")}break;case"Home":if(r.getFirstKey){g.preventDefault();let a=r.getFirstKey(e.focusedKey,Y(g));e.setFocusedKey(a),Y(g)&&g.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(a):p&&e.replaceSelection(a)}break;case"End":if(r.getLastKey){g.preventDefault();let a=r.getLastKey(e.focusedKey,Y(g));e.setFocusedKey(a),Y(g)&&g.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(a):p&&e.replaceSelection(a)}break;case"PageDown":if(r.getKeyPageBelow){g.preventDefault();let a=r.getKeyPageBelow(e.focusedKey);K(a)}break;case"PageUp":if(r.getKeyPageAbove){g.preventDefault();let a=r.getKeyPageAbove(e.focusedKey);K(a)}break;case"a":Y(g)&&e.selectionMode==="multiple"&&d!==!0&&(g.preventDefault(),e.selectAll());break;case"Escape":g.preventDefault(),u||e.clearSelection();break;case"Tab":if(!E){if(g.shiftKey)n.current.focus();else{let a=Ur(n.current,{tabbable:!0}),c,O;do O=a.lastChild(),O&&(c=O);while(O);c&&!c.contains(document.activeElement)&&I(c)}break}}},M=y.useRef({top:0,left:0});hr(b,"scroll",T?null:()=>{M.current={top:b.current.scrollTop,left:b.current.scrollLeft}});let P=g=>{if(e.isFocused){g.currentTarget.contains(g.target)||e.setFocused(!1);return}if(!!g.currentTarget.contains(g.target)){if(e.setFocused(!0),e.focusedKey==null){let C=f=>{f!=null&&(e.setFocusedKey(f),p&&e.replaceSelection(f))},o=g.relatedTarget;var K,$;o&&g.currentTarget.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING?C((K=e.lastSelectedKey)!==null&&K!==void 0?K:r.getLastKey()):C(($=e.firstSelectedKey)!==null&&$!==void 0?$:r.getFirstKey())}else if(!T){b.current.scrollTop=M.current.top,b.current.scrollLeft=M.current.left;let C=b.current.querySelector(`[data-key="${e.focusedKey}"]`);C&&(I(C),We(b.current,C))}}},S=g=>{g.currentTarget.contains(g.relatedTarget)||e.setFocused(!1)};const x=y.useRef(i);y.useEffect(()=>{if(x.current){let g=null;i==="first"&&(g=r.getFirstKey()),i==="last"&&(g=r.getLastKey());let K=e.selectedKeys;K.size&&(g=K.values().next().value),e.setFocused(!0),e.setFocusedKey(g),g==null&&!h&&Lt(n.current)}x.current=!1},[]),y.useEffect(()=>{if(!T&&e.focusedKey&&(b==null?void 0:b.current)){let g=b.current.querySelector(`[data-key="${e.focusedKey}"]`);g&&We(b.current,g)}},[T,b,e.focusedKey]);let s={onKeyDown:k,onFocus:P,onBlur:S,onMouseDown(g){g.currentTarget.contains(g.target)&&g.preventDefault()}},{typeSelectProps:w}=Vr({keyboardDelegate:r,selectionManager:e});v||(s=V(w,s));let m;return h||(m=e.focusedKey==null?0:-1),{collectionProps:{...s,tabIndex:m}}}function Gr(t){let{selectionManager:e,key:r,ref:n,shouldSelectOnPressUp:i,isVirtualized:l,shouldUseVirtualFocus:u,focus:d,isDisabled:p,onAction:v,allowsDifferentPressOrigin:h}=t,E=f=>{if(f.pointerType==="keyboard"&&Ot(f))e.toggleSelection(r);else{if(e.selectionMode==="none")return;e.selectionMode==="single"?e.isSelected(r)&&!e.disallowEmptySelection?e.toggleSelection(r):e.replaceSelection(r):f&&f.shiftKey?e.extendSelection(r):e.selectionBehavior==="toggle"||f&&(Y(f)||f.pointerType==="touch"||f.pointerType==="virtual")?e.toggleSelection(r):e.replaceSelection(r)}};y.useEffect(()=>{r===e.focusedKey&&e.isFocused&&!u&&document.activeElement!==n.current&&(d?d():Lt(n.current))},[n,r,e.focusedKey,e.childFocusStrategy,e.isFocused,u]);let T={};u||(T={tabIndex:r===e.focusedKey?0:-1,onFocus(f){f.target===n.current&&e.setFocusedKey(r)}}),p=p||e.isDisabled(r);let b=!p&&e.canSelectItem(r),L=v&&!p,k=L&&(e.selectionBehavior==="replace"?!b:e.isEmpty),M=L&&b&&e.selectionBehavior==="replace",P=k||M,S=y.useRef(null),x=P&&b,s=y.useRef(!1),w=y.useRef(!1),m={};i?(m.onPressStart=f=>{S.current=f.pointerType,s.current=x,f.pointerType==="keyboard"&&(!P||st())&&E(f)},h?(m.onPressUp=f=>{f.pointerType!=="keyboard"&&E(f)},m.onPress=k?()=>v():null):m.onPress=f=>{if(k||M&&f.pointerType!=="mouse"){if(f.pointerType==="keyboard"&&!nt())return;v()}else f.pointerType!=="keyboard"&&E(f)}):(m.onPressStart=f=>{S.current=f.pointerType,s.current=x,w.current=k,(f.pointerType==="mouse"&&!k||f.pointerType==="keyboard"&&(!v||st()))&&E(f)},m.onPress=f=>{(f.pointerType==="touch"||f.pointerType==="pen"||f.pointerType==="virtual"||f.pointerType==="keyboard"&&P&&nt()||f.pointerType==="mouse"&&w.current)&&(P?v():E(f))}),l||(T["data-key"]=r),m.preventFocusOnPress=u;let{pressProps:g,isPressed:K}=Et(m),$=M?f=>{S.current==="mouse"&&(f.stopPropagation(),f.preventDefault(),v())}:void 0,{longPressProps:C}=Cr({isDisabled:!x,onLongPress(f){f.pointerType==="touch"&&(E(f),e.setSelectionBehavior("toggle"))}});return{itemProps:V(T,b||k?g:{},x?C:{},{onDoubleClick:$,onDragStart:f=>{S.current==="touch"&&s.current&&f.preventDefault()}}),isPressed:K,isSelected:e.isSelected(r),isDisabled:p,allowsSelection:b,hasAction:P}}function nt(){let t=window.event;return(t==null?void 0:t.key)==="Enter"}function st(){let t=window.event;return(t==null?void 0:t.key)===" "||(t==null?void 0:t.code)==="Space"}let X="default",Pe="",le=new WeakMap;function it(t){re()?(X==="default"&&(Pe=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),X="disabled"):(t instanceof HTMLElement||t instanceof SVGElement)&&(le.set(t,t.style.userSelect),t.style.userSelect="none")}function ae(t){if(re()){if(X!=="disabled")return;X="restoring",setTimeout(()=>{Me(()=>{X==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=Pe||""),Pe="",X="default")})},300)}else if((t instanceof HTMLElement||t instanceof SVGElement)&&t&&le.has(t)){let e=le.get(t);t.style.userSelect==="none"&&(t.style.userSelect=e),t.getAttribute("style")===""&&t.removeAttribute("style"),le.delete(t)}}function Se(t){return t.mozInputSource===0&&t.isTrusted?!0:t.detail===0&&!t.pointerType}const It=J.default.createContext(null);It.displayName="PressResponderContext";function jr(t){let e=y.useContext(It);if(e){let{register:r,...n}=e;t=V(n,t),r()}return Pt(e,t.ref),t}function Wr(t){let{onPress:e,onPressChange:r,onPressStart:n,onPressEnd:i,onPressUp:l,isDisabled:u,isPressed:d,preventFocusOnPress:p,shouldCancelOnPointerExit:v,allowTextSelectionOnPress:h,ref:E,...T}=jr(t),b=y.useRef(null);b.current={onPress:e,onPressChange:r,onPressStart:n,onPressEnd:i,onPressUp:l,isDisabled:u,shouldCancelOnPointerExit:v};let[L,k]=y.useState(!1),M=y.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:P,removeAllGlobalListeners:S}=Le(),x=y.useMemo(()=>{let s=M.current,w=(o,f)=>{let{onPressStart:a,onPressChange:c,isDisabled:O}=b.current;O||s.didFirePressStart||(a&&a({type:"pressstart",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey}),c&&c(!0),s.didFirePressStart=!0,k(!0))},m=(o,f,a=!0)=>{let{onPressEnd:c,onPressChange:O,onPress:Z,isDisabled:fe}=b.current;!s.didFirePressStart||(s.ignoreClickAfterPress=!0,s.didFirePressStart=!1,c&&c({type:"pressend",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey}),O&&O(!1),k(!1),Z&&a&&!fe&&Z({type:"press",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey}))},g=(o,f)=>{let{onPressUp:a,isDisabled:c}=b.current;c||a&&a({type:"pressup",pointerType:f,target:o.currentTarget,shiftKey:o.shiftKey,metaKey:o.metaKey,ctrlKey:o.ctrlKey,altKey:o.altKey})},K=o=>{s.isPressed&&(s.isOverTarget&&m(z(s.target,o),s.pointerType,!1),s.isPressed=!1,s.isOverTarget=!1,s.activePointerId=null,s.pointerType=null,S(),h||ae(s.target))},$={onKeyDown(o){ge(o.nativeEvent,o.currentTarget)&&o.currentTarget.contains(o.target)?(ot(o.target,o.key)&&o.preventDefault(),o.stopPropagation(),!s.isPressed&&!o.repeat&&(s.target=o.currentTarget,s.isPressed=!0,w(o,"keyboard"),P(document,"keyup",C,!1))):o.key==="Enter"&&Ee(o.currentTarget)&&o.stopPropagation()},onKeyUp(o){ge(o.nativeEvent,o.currentTarget)&&!o.repeat&&o.currentTarget.contains(o.target)&&g(z(s.target,o),"keyboard")},onClick(o){o&&!o.currentTarget.contains(o.target)||o&&o.button===0&&(o.stopPropagation(),u&&o.preventDefault(),!s.ignoreClickAfterPress&&!s.ignoreEmulatedMouseEvents&&(s.pointerType==="virtual"||Se(o.nativeEvent))&&(!u&&!p&&I(o.currentTarget),w(o,"virtual"),g(o,"virtual"),m(o,"virtual")),s.ignoreEmulatedMouseEvents=!1,s.ignoreClickAfterPress=!1)}},C=o=>{if(s.isPressed&&ge(o,s.target)){ot(o.target,o.key)&&o.preventDefault(),o.stopPropagation(),s.isPressed=!1;let f=o.target;m(z(s.target,o),"keyboard",s.target.contains(f)),S(),s.target instanceof HTMLElement&&s.target.contains(f)&&(Ee(s.target)||s.target.getAttribute("role")==="link")&&s.target.click()}};if(typeof PointerEvent<"u"){$.onPointerDown=c=>{if(!(c.button!==0||!c.currentTarget.contains(c.target))){if(Zr(c.nativeEvent)){s.pointerType="virtual";return}be(c.currentTarget)&&c.preventDefault(),s.pointerType=c.pointerType,c.stopPropagation(),s.isPressed||(s.isPressed=!0,s.isOverTarget=!0,s.activePointerId=c.pointerId,s.target=c.currentTarget,!u&&!p&&I(c.currentTarget),h||it(s.target),w(c,s.pointerType),P(document,"pointermove",o,!1),P(document,"pointerup",f,!1),P(document,"pointercancel",a,!1))}},$.onMouseDown=c=>{!c.currentTarget.contains(c.target)||c.button===0&&(be(c.currentTarget)&&c.preventDefault(),c.stopPropagation())},$.onPointerUp=c=>{!c.currentTarget.contains(c.target)||s.pointerType==="virtual"||c.button===0&&G(c,c.currentTarget)&&g(c,s.pointerType||c.pointerType)};let o=c=>{c.pointerId===s.activePointerId&&(G(c,s.target)?s.isOverTarget||(s.isOverTarget=!0,w(z(s.target,c),s.pointerType)):s.isOverTarget&&(s.isOverTarget=!1,m(z(s.target,c),s.pointerType,!1),b.current.shouldCancelOnPointerExit&&K(c)))},f=c=>{c.pointerId===s.activePointerId&&s.isPressed&&c.button===0&&(G(c,s.target)?m(z(s.target,c),s.pointerType):s.isOverTarget&&m(z(s.target,c),s.pointerType,!1),s.isPressed=!1,s.isOverTarget=!1,s.activePointerId=null,s.pointerType=null,S(),h||ae(s.target))},a=c=>{K(c)};$.onDragStart=c=>{!c.currentTarget.contains(c.target)||K(c)}}else{$.onMouseDown=a=>{a.button!==0||!a.currentTarget.contains(a.target)||(be(a.currentTarget)&&a.preventDefault(),a.stopPropagation(),!s.ignoreEmulatedMouseEvents&&(s.isPressed=!0,s.isOverTarget=!0,s.target=a.currentTarget,s.pointerType=Se(a.nativeEvent)?"virtual":"mouse",!u&&!p&&I(a.currentTarget),w(a,s.pointerType),P(document,"mouseup",o,!1)))},$.onMouseEnter=a=>{!a.currentTarget.contains(a.target)||(a.stopPropagation(),s.isPressed&&!s.ignoreEmulatedMouseEvents&&(s.isOverTarget=!0,w(a,s.pointerType)))},$.onMouseLeave=a=>{!a.currentTarget.contains(a.target)||(a.stopPropagation(),s.isPressed&&!s.ignoreEmulatedMouseEvents&&(s.isOverTarget=!1,m(a,s.pointerType,!1),b.current.shouldCancelOnPointerExit&&K(a)))},$.onMouseUp=a=>{!a.currentTarget.contains(a.target)||!s.ignoreEmulatedMouseEvents&&a.button===0&&g(a,s.pointerType)};let o=a=>{if(a.button===0){if(s.isPressed=!1,S(),s.ignoreEmulatedMouseEvents){s.ignoreEmulatedMouseEvents=!1;return}G(a,s.target)?m(z(s.target,a),s.pointerType):s.isOverTarget&&m(z(s.target,a),s.pointerType,!1),s.isOverTarget=!1}};$.onTouchStart=a=>{if(!a.currentTarget.contains(a.target))return;a.stopPropagation();let c=Yr(a.nativeEvent);!c||(s.activePointerId=c.identifier,s.ignoreEmulatedMouseEvents=!0,s.isOverTarget=!0,s.isPressed=!0,s.target=a.currentTarget,s.pointerType="touch",!u&&!p&&I(a.currentTarget),h||it(s.target),w(a,s.pointerType),P(window,"scroll",f,!0))},$.onTouchMove=a=>{if(!a.currentTarget.contains(a.target)||(a.stopPropagation(),!s.isPressed))return;let c=at(a.nativeEvent,s.activePointerId);c&&G(c,a.currentTarget)?s.isOverTarget||(s.isOverTarget=!0,w(a,s.pointerType)):s.isOverTarget&&(s.isOverTarget=!1,m(a,s.pointerType,!1),b.current.shouldCancelOnPointerExit&&K(a))},$.onTouchEnd=a=>{if(!a.currentTarget.contains(a.target)||(a.stopPropagation(),!s.isPressed))return;let c=at(a.nativeEvent,s.activePointerId);c&&G(c,a.currentTarget)?(g(a,s.pointerType),m(a,s.pointerType)):s.isOverTarget&&m(a,s.pointerType,!1),s.isPressed=!1,s.activePointerId=null,s.isOverTarget=!1,s.ignoreEmulatedMouseEvents=!0,h||ae(s.target),S()},$.onTouchCancel=a=>{!a.currentTarget.contains(a.target)||(a.stopPropagation(),s.isPressed&&K(a))};let f=a=>{s.isPressed&&a.target.contains(s.target)&&K({currentTarget:s.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};$.onDragStart=a=>{!a.currentTarget.contains(a.target)||K(a)}}return $},[P,u,p,S,h]);return y.useEffect(()=>()=>{h||ae(M.current.target)},[h]),{isPressed:d||L,pressProps:V(T,x)}}function Ee(t){return t.tagName==="A"&&t.hasAttribute("href")}function ge(t,e){const{key:r,code:n}=t,i=e,l=i.getAttribute("role");return(r==="Enter"||r===" "||r==="Spacebar"||n==="Space")&&!(i instanceof HTMLInputElement&&!Dt(i,r)||i instanceof HTMLTextAreaElement||i.isContentEditable)&&(!Ee(i)||l==="button"&&r!=="Enter")&&!(l==="link"&&r!=="Enter")}function Yr(t){const{targetTouches:e}=t;return e.length>0?e[0]:null}function at(t,e){const r=t.changedTouches;for(let n=0;n<r.length;n++){const i=r[n];if(i.identifier===e)return i}return null}function z(t,e){return{currentTarget:t,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,altKey:e.altKey}}function qr(t){let e=t.width/2||t.radiusX||0,r=t.height/2||t.radiusY||0;return{top:t.clientY-r,right:t.clientX+e,bottom:t.clientY+r,left:t.clientX-e}}function Xr(t,e){return!(t.left>e.right||e.left>t.right||t.top>e.bottom||e.top>t.bottom)}function G(t,e){let r=e.getBoundingClientRect(),n=qr(t);return Xr(r,n)}function be(t){return!(t instanceof HTMLElement)||!t.draggable}function ot(t,e){return t instanceof HTMLInputElement?!Dt(t,e):t instanceof HTMLButtonElement?t.type!=="submit":!0}const Jr=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Dt(t,e){return t.type==="checkbox"||t.type==="radio"?e===" ":Jr.has(t.type)}function Zr(t){return t.width===0&&t.height===0||t.width===1&&t.height===1&&t.pressure===0&&t.detail===0&&t.pointerType==="mouse"}let Qr=new Set,lt=!1,U=!1,we=!1;function Re(t,e){for(let r of Qr)r(t,e)}function en(t){return!(t.metaKey||!te()&&t.altKey||t.ctrlKey||t.key==="Control"||t.key==="Shift"||t.key==="Meta")}function ct(t){U=!0,en(t)&&Re("keyboard",t)}function j(t){(t.type==="mousedown"||t.type==="pointerdown")&&(U=!0,Re("pointer",t))}function tn(t){Se(t)&&(U=!0)}function rn(t){t.target===window||t.target===document||(!U&&!we&&Re("virtual",t),U=!1,we=!1)}function nn(){U=!1,we=!0}function ut(){if(typeof window>"u"||lt)return;let t=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){U=!0,t.apply(this,arguments)},document.addEventListener("keydown",ct,!0),document.addEventListener("keyup",ct,!0),document.addEventListener("click",tn,!0),window.addEventListener("focus",rn,!0),window.addEventListener("blur",nn,!1),typeof PointerEvent<"u"?(document.addEventListener("pointerdown",j,!0),document.addEventListener("pointermove",j,!0),document.addEventListener("pointerup",j,!0)):(document.addEventListener("mousedown",j,!0),document.addEventListener("mousemove",j,!0),document.addEventListener("mouseup",j,!0)),lt=!0}typeof document<"u"&&(document.readyState!=="loading"?ut():document.addEventListener("DOMContentLoaded",ut));const Ft=new WeakMap;function ue(t,e,r){return typeof e=="string"&&(e=e.replace(/\s+/g,"")),Ft.get(t)+"-"+r+"-"+e}function sn(t,e,r){let{key:n,isDisabled:i}=t,{selectionManager:l,selectedKey:u}=e,d=n===u,{itemProps:p}=Gr({selectionManager:l,key:n,ref:r}),v=i||e.disabledKeys.has(n),{pressProps:h}=Wr(N({},p,{isDisabled:v})),E=ue(e,n,"tab"),T=ue(e,n,"tabpanel"),{tabIndex:b}=h;return{tabProps:N({},h,{id:E,"aria-selected":d,"aria-disabled":v||void 0,"aria-controls":d?T:void 0,tabIndex:v?void 0:b,role:"tab"})}}function an(t,e,r){let[n,i]=y.useState(0);y.useLayoutEffect(()=>{if(r!=null&&r.current){let d=()=>{let v=Rr(r.current,{tabbable:!0});i(v.nextNode()?void 0:0)};d();let p=new MutationObserver(d);return p.observe(r.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{p.disconnect()}}},[r]);const l=ue(e,e==null?void 0:e.selectedKey,"tabpanel"),u=Tt(N({},t,{id:l,"aria-labelledby":ue(e,e==null?void 0:e.selectedKey,"tab")}));return{tabPanelProps:mt(u,{tabIndex:n,role:"tabpanel","aria-describedby":t["aria-describedby"],"aria-details":t["aria-details"]})}}class on{constructor(e,r,n,i){i===void 0&&(i=new Set),this.collection=void 0,this.flipDirection=void 0,this.disabledKeys=void 0,this.orientation=void 0,this.collection=e,this.flipDirection=r==="rtl"&&n==="horizontal",this.orientation=n,this.disabledKeys=i}getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.orientation==="horizontal"?this.getPreviousKey(e):null}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.orientation==="horizontal"?this.getNextKey(e):null}getKeyAbove(e){return this.orientation==="vertical"?this.getPreviousKey(e):null}getKeyBelow(e){return this.orientation==="vertical"?this.getNextKey(e):null}getFirstKey(){let e=this.collection.getFirstKey();return this.disabledKeys.has(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return this.disabledKeys.has(e)&&(e=this.getPreviousKey(e)),e}getNextKey(e){do e=this.collection.getKeyAfter(e),e==null&&(e=this.collection.getFirstKey());while(this.disabledKeys.has(e));return e}getPreviousKey(e){do e=this.collection.getKeyBefore(e),e==null&&(e=this.collection.getLastKey());while(this.disabledKeys.has(e));return e}}function ln(t,e,r){let{orientation:n="horizontal",keyboardActivation:i="automatic"}=t,{collection:l,selectionManager:u,disabledKeys:d}=e,{direction:p}=bt(),v=y.useMemo(()=>new on(l,p,n,d),[l,d,n,p]),{collectionProps:h}=_r({ref:r,selectionManager:u,keyboardDelegate:v,selectOnFocus:i==="automatic",disallowEmptySelection:!0,scrollRef:r}),E=$t();Ft.set(e,E);let T=Tt(N({},t,{id:E}));return{tabListProps:N({},mt(h,T),{role:"tablist","aria-orientation":n,tabIndex:void 0})}}function cn(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function ft(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function dt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?ft(Object(r),!0).forEach(function(n){cn(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ft(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}var un=(t,e,r)=>{for(var n of Object.keys(t)){var i;if(t[n]!==((i=e[n])!==null&&i!==void 0?i:r[n]))return!1}return!0},Ae=t=>e=>{var r=t.defaultClassName,n=dt(dt({},t.defaultVariants),e);for(var i in n){var l,u=(l=n[i])!==null&&l!==void 0?l:t.defaultVariants[i];if(u!=null){var d=u;typeof d=="boolean"&&(d=d===!0?"true":"false");var p=t.variantClassNames[i][d];p&&(r+=" "+p)}}for(var[v,h]of t.compoundVariants)un(v,n,t.defaultVariants)&&(r+=" "+h);return r},fn=Ae({defaultClassName:"kz6kzz0",variantClassNames:{context:{container:"kz6kzz1",navigation:"kz6kzz2"},active:{true:"kz6kzz3",false:"kz6kzz4"},disabled:{true:"kz6kzz5",false:"kz6kzz6"}},defaultVariants:{},compoundVariants:[[{context:"container",active:!0},"kz6kzz7"],[{context:"container",active:!1},"kz6kzz8"],[{context:"container",active:!1,disabled:!1},"kz6kzz9"],[{context:"navigation",active:!0},"kz6kzza"],[{context:"navigation",active:!1},"kz6kzzb"],[{context:"navigation",active:!1,disabled:!1},"kz6kzzc"],[{context:"navigation",active:!1,disabled:!0},"kz6kzzd"]]}),dn=Ae({defaultClassName:"",variantClassNames:{active:{true:"kz6kzze",false:"kz6kzzf"},disabled:{true:"kz6kzzg",false:"kz6kzzh"},context:{navigation:"kz6kzzi",container:"kz6kzzj"}},defaultVariants:{},compoundVariants:[[{context:"navigation",active:!0},"kz6kzzk"]]});function Rt({context:t,item:e,state:r,...n}){const{key:i}=e,l=F.useRef(null),{tabProps:u}=sn({key:i},r,l),d=r.selectedKey===i,p=r.disabledKeys.has(i),v=R.modChildren(e.rendered,h=>h.type.displayName==="SpsTag"||R.Metadata.isWoodlandComponent(h.type)&&R.Metadata.get(h.type).name==="Tag"?[{className:R.cl(h.props.className,dn({active:d,disabled:p,context:t}))}]:[{}]);return F.createElement("div",{...u,ref:l,className:fn({active:d,disabled:p,context:t}),...n},v)}R.Metadata.set(Rt,{name:"Tab"});function At({context:t,"data-testid":e,state:r,...n}){const i=F.useRef(null),{tabPanelProps:l}=an(n,r,i),u=t==="container"?R.Content:"div";return F.createElement(u,{...l,ref:i,"data-testid":e},r.selectedItem?r.selectedItem.props.children:null)}R.Metadata.set(At,{name:"TabPanel"});var pn=Ae({defaultClassName:"fy26er0",variantClassNames:{context:{container:"fy26er1",navigation:"fy26er2"}},defaultVariants:{},compoundVariants:[]});function ze({className:t,context:e="navigation","data-testid":r,...n}){const i=Wt(n),l=F.useRef(null),{tabListProps:u}=ln(n,i,l),d=R.useChildTestIdAttrBuilder({"data-testid":r});return F.createElement(F.Fragment,null,F.createElement("div",{...u,ref:l,className:R.cl(pn({context:e}),t),"data-testid":r},[...i.collection].map(p=>F.createElement(Rt,{key:p.key,item:p,state:i,context:e,...d(`tab-${String(p.key)}`)}))),F.createElement(At,{key:i.selectedItem?i.selectedItem.key:null,state:i,context:e,...d("tab-panel")}))}R.Metadata.set(ze,{name:"Tabs"});const yn={components:[ze],examples:{basic:{label:"Basic Navigation Tabs",description:Ne.code`
|
|
2
|
+
<p>Navigation tabs</p>
|
|
3
|
+
`,examples:{basic:{react:Ne.code`
|
|
4
|
+
import { Item } from "@react-stately/collections";
|
|
5
|
+
import { Box, Icon } from "@sps-woodland/core";
|
|
6
|
+
import { Tabs } from "@sps-woodland/tabs";
|
|
7
|
+
import { Tag } from "@sps-woodland/tags";
|
|
8
|
+
|
|
9
|
+
function Component() {
|
|
10
|
+
/* If you have no need to know or control which tab is selected, you
|
|
11
|
+
* can omit this state and the change handler; the tabs will work
|
|
12
|
+
* on their own. */
|
|
13
|
+
const [selectedTab, setSelectedTab] = React.useState("trust");
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<Tabs
|
|
17
|
+
selectedKey={selectedTab}
|
|
18
|
+
onSelectionChange={setSelectedTab}
|
|
19
|
+
disabledKeys={["bold"]}
|
|
20
|
+
>
|
|
21
|
+
<Item key="trust" title="Trust">
|
|
22
|
+
<p>
|
|
23
|
+
So, what is it? What is it exactly that's going to revolutionize
|
|
24
|
+
the way we do business?
|
|
25
|
+
</p>
|
|
26
|
+
</Item>
|
|
27
|
+
<Item
|
|
28
|
+
key="reliability"
|
|
29
|
+
title={
|
|
30
|
+
<>
|
|
31
|
+
<Box mr="xs">Reliability</Box>
|
|
32
|
+
<Tag kind="error">00</Tag>
|
|
33
|
+
</>
|
|
34
|
+
}
|
|
35
|
+
>
|
|
36
|
+
<p>Reliability tab content</p>
|
|
37
|
+
</Item>
|
|
38
|
+
<Item
|
|
39
|
+
key="future"
|
|
40
|
+
title={
|
|
41
|
+
<>
|
|
42
|
+
<Icon icon="heart"/>
|
|
43
|
+
<Box ml="xs">The Future</Box>
|
|
44
|
+
</>
|
|
45
|
+
}
|
|
46
|
+
>
|
|
47
|
+
<p>The Future tab content</p>
|
|
48
|
+
</Item>
|
|
49
|
+
<Item
|
|
50
|
+
key="bold"
|
|
51
|
+
title={
|
|
52
|
+
<>
|
|
53
|
+
<Icon icon="heart"/>
|
|
54
|
+
<Box mx="xs">Bold</Box>
|
|
55
|
+
<Tag kind="key">00</Tag>
|
|
56
|
+
</>
|
|
57
|
+
}
|
|
58
|
+
>
|
|
59
|
+
<p>Bold tab content</p>
|
|
60
|
+
</Item>
|
|
61
|
+
</Tabs>
|
|
62
|
+
)
|
|
63
|
+
}
|
|
64
|
+
`}}}}},gn={"Tabbed Navigation":yn};exports.MANIFEST=gn;exports.Tabs=ze;
|
package/lib/index.d.ts
ADDED