@owodesign/owoui 0.1.7-beta2 → 0.1.8
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 +29 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +330 -36
- package/dist/index.min.js +2523 -857
- package/dist/storybook/catalog.js +63 -7
- package/dist/storybook/catalog.json +63 -7
- package/dist/storybook/index.css +1 -1
- package/dist/storybook/index.min.js +7823 -4579
- package/dist/storybook-static/assets/index-C4vMyVN0.css +1 -0
- package/dist/storybook-static/assets/index-CBlwgC7b.js +178 -0
- package/dist/storybook-static/index.html +2 -2
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/storybook-static/assets/index-BqGLqINX.css +0 -1
- package/dist/storybook-static/assets/index-DIFPlPRj.js +0 -178
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
var e=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var t=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.consumer`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.for(`react.activity`),p=Symbol.iterator;function m(e){return typeof e!=`object`||!e?null:(e=p&&e[p]||e[`@@iterator`],typeof e==`function`?e:null)}var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g=Object.assign,_={};function v(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}v.prototype.isReactComponent={},v.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},v.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function y(){}y.prototype=v.prototype;function b(e,t,n){this.props=e,this.context=t,this.refs=_,this.updater=n||h}var x=b.prototype=new y;x.constructor=b,g(x,v.prototype),x.isPureReactComponent=!0;var S=Array.isArray;function C(){}var w={H:null,A:null,T:null,S:null},T=Object.prototype.hasOwnProperty;function ee(e,n,r){var i=r.ref;return{$$typeof:t,type:e,key:n,ref:i===void 0?null:i,props:r}}function E(e,t){return ee(e.type,t,e.props)}function D(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function O(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var k=/\/+/g;function A(e,t){return typeof e==`object`&&e&&e.key!=null?O(``+e.key):t.toString(36)}function te(e){switch(e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason;default:switch(typeof e.status==`string`?e.then(C,C):(e.status=`pending`,e.then(function(t){e.status===`pending`&&(e.status=`fulfilled`,e.value=t)},function(t){e.status===`pending`&&(e.status=`rejected`,e.reason=t)})),e.status){case`fulfilled`:return e.value;case`rejected`:throw e.reason}}throw e}function ne(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`bigint`:case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0;break;case d:return c=e._init,ne(c(e._payload),r,i,a,o)}}if(c)return o=o(e),c=a===``?`.`+A(e,0):a,S(o)?(i=``,c!=null&&(i=c.replace(k,`$&/`)+`/`),ne(o,r,i,``,function(e){return e})):o!=null&&(D(o)&&(o=E(o,i+(o.key==null||e&&e.key===o.key?``:(``+o.key).replace(k,`$&/`)+`/`)+c)),r.push(o)),1;c=0;var l=a===``?`.`:a+`:`;if(S(e))for(var u=0;u<e.length;u++)a=e[u],s=l+A(a,u),c+=ne(a,r,i,s,o);else if(u=m(e),typeof u==`function`)for(e=u.call(e),u=0;!(a=e.next()).done;)a=a.value,s=l+A(a,u++),c+=ne(a,r,i,s,o);else if(s===`object`){if(typeof e.then==`function`)return ne(te(e),r,i,a,o);throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`)}return c}function re(e,t,n){if(e==null)return e;var r=[],i=0;return ne(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function ie(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var j=typeof reportError==`function`?reportError:function(e){if(typeof window==`object`&&typeof window.ErrorEvent==`function`){var t=new window.ErrorEvent(`error`,{bubbles:!0,cancelable:!0,message:typeof e==`object`&&e&&typeof e.message==`string`?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process==`object`&&typeof process.emit==`function`){process.emit(`uncaughtException`,e);return}console.error(e)},M={map:re,forEach:function(e,t,n){re(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return re(e,function(){t++}),t},toArray:function(e){return re(e,function(e){return e})||[]},only:function(e){if(!D(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}};e.Activity=f,e.Children=M,e.Component=v,e.Fragment=r,e.Profiler=a,e.PureComponent=b,e.StrictMode=i,e.Suspense=l,e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=w,e.__COMPILER_RUNTIME={__proto__:null,c:function(e){return w.H.useMemoCache(e)}},e.cache=function(e){return function(){return e.apply(null,arguments)}},e.cacheSignal=function(){return null},e.cloneElement=function(e,t,n){if(e==null)throw Error(`The argument must be a React element, but you passed `+e+`.`);var r=g({},e.props),i=e.key;if(t!=null)for(a in t.key!==void 0&&(i=``+t.key),t)!T.call(t,a)||a===`key`||a===`__self`||a===`__source`||a===`ref`&&t.ref===void 0||(r[a]=t[a]);var a=arguments.length-2;if(a===1)r.children=n;else if(1<a){for(var o=Array(a),s=0;s<a;s++)o[s]=arguments[s+2];r.children=o}return ee(e.type,i,r)},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:o,_context:e},e},e.createElement=function(e,t,n){var r,i={},a=null;if(t!=null)for(r in t.key!==void 0&&(a=``+t.key),t)T.call(t,r)&&r!==`key`&&r!==`__self`&&r!==`__source`&&(i[r]=t[r]);var o=arguments.length-2;if(o===1)i.children=n;else if(1<o){for(var s=Array(o),c=0;c<o;c++)s[c]=arguments[c+2];i.children=s}if(e&&e.defaultProps)for(r in o=e.defaultProps,o)i[r]===void 0&&(i[r]=o[r]);return ee(e,a,i)},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=D,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:ie}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=w.T,n={};w.T=n;try{var r=e(),i=w.S;i!==null&&i(n,r),typeof r==`object`&&r&&typeof r.then==`function`&&r.then(C,j)}catch(e){j(e)}finally{t!==null&&n.types!==null&&(t.types=n.types),w.T=t}},e.unstable_useCacheRefresh=function(){return w.H.useCacheRefresh()},e.use=function(e){return w.H.use(e)},e.useActionState=function(e,t,n){return w.H.useActionState(e,t,n)},e.useCallback=function(e,t){return w.H.useCallback(e,t)},e.useContext=function(e){return w.H.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e,t){return w.H.useDeferredValue(e,t)},e.useEffect=function(e,t){return w.H.useEffect(e,t)},e.useEffectEvent=function(e){return w.H.useEffectEvent(e)},e.useId=function(){return w.H.useId()},e.useImperativeHandle=function(e,t,n){return w.H.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return w.H.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return w.H.useLayoutEffect(e,t)},e.useMemo=function(e,t){return w.H.useMemo(e,t)},e.useOptimistic=function(e,t){return w.H.useOptimistic(e,t)},e.useReducer=function(e,t,n){return w.H.useReducer(e,t,n)},e.useRef=function(e){return w.H.useRef(e)},e.useState=function(e){return w.H.useState(e)},e.useSyncExternalStore=function(e,t,n){return w.H.useSyncExternalStore(e,t,n)},e.useTransition=function(){return w.H.useTransition()},e.version=`19.2.4`})),n=e(((e,n)=>{n.exports=t()})),r=e((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0<n;){var r=n-1>>>1,a=e[r];if(0<i(a,t))e[r]=t,e[n]=a,n=r;else break a}}function n(e){return e.length===0?null:e[0]}function r(e){if(e.length===0)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;a:for(var r=0,a=e.length,o=a>>>1;r<o;){var s=2*(r+1)-1,c=e[s],l=s+1,u=e[l];if(0>i(c,n))l<a&&0>i(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(l<a&&0>i(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(e.unstable_now=void 0,typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=!1,_=typeof setTimeout==`function`?setTimeout:null,v=typeof clearTimeout==`function`?clearTimeout:null,y=typeof setImmediate<`u`?setImmediate:null;function b(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function x(e){if(h=!1,b(e),!m)if(n(c)!==null)m=!0,S||(S=!0,D());else{var t=n(l);t!==null&&A(x,t.startTime-e)}}var S=!1,C=-1,w=5,T=-1;function ee(){return g?!0:!(e.unstable_now()-T<w)}function E(){if(g=!1,S){var t=e.unstable_now();T=t;var i=!0;try{a:{m=!1,h&&(h=!1,v(C),C=-1),p=!0;var a=f;try{b:{for(b(t),d=n(c);d!==null&&!(d.expirationTime>t&&ee());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=t);if(t=e.unstable_now(),typeof s==`function`){d.callback=s,b(t),i=!0;break b}d===n(c)&&r(c),b(t)}else r(c);d=n(c)}if(d!==null)i=!0;else{var u=n(l);u!==null&&A(x,u.startTime-t),i=!1}}break a}finally{d=null,f=a,p=!1}i=void 0}}finally{i?D():S=!1}}}var D;if(typeof y==`function`)D=function(){y(E)};else if(typeof MessageChannel<`u`){var O=new MessageChannel,k=O.port2;O.port1.onmessage=E,D=function(){k.postMessage(null)}}else D=function(){_(E,0)};function A(t,n){C=_(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_forceFrameRate=function(e){0>e||125<e?console.error(`forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported`):w=0<e?Math.floor(1e3/e):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},e.unstable_requestPaint=function(){g=!0},e.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},e.unstable_scheduleCallback=function(r,i,a){var o=e.unstable_now();switch(typeof a==`object`&&a?(a=a.delay,a=typeof a==`number`&&0<a?o+a:o):a=o,r){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return s=a+s,r={id:u++,callback:i,priorityLevel:r,startTime:a,expirationTime:s,sortIndex:-1},a>o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(v(C),C=-1):h=!0,A(x,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,S||(S=!0,D()))),r},e.unstable_shouldYield=ee,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),i=e(((e,t)=>{t.exports=r()})),a=e((e=>{var t=n();function r(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function i(){}var a={d:{f:i,r:function(){throw Error(r(522))},D:i,C:i,L:i,m:i,X:i,S:i,M:i},p:0,findDOMNode:null},o=Symbol.for(`react.portal`);function s(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:o,key:r==null?null:``+r,children:e,containerInfo:t,implementation:n}}var c=t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function l(e,t){if(e===`font`)return``;if(typeof t==`string`)return t===`use-credentials`?t:``}e.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=a,e.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)throw Error(r(299));return s(e,t,null,n)},e.flushSync=function(e){var t=c.T,n=a.p;try{if(c.T=null,a.p=2,e)return e()}finally{c.T=t,a.p=n,a.d.f()}},e.preconnect=function(e,t){typeof e==`string`&&(t?(t=t.crossOrigin,t=typeof t==`string`?t===`use-credentials`?t:``:void 0):t=null,a.d.C(e,t))},e.prefetchDNS=function(e){typeof e==`string`&&a.d.D(e)},e.preinit=function(e,t){if(typeof e==`string`&&t&&typeof t.as==`string`){var n=t.as,r=l(n,t.crossOrigin),i=typeof t.integrity==`string`?t.integrity:void 0,o=typeof t.fetchPriority==`string`?t.fetchPriority:void 0;n===`style`?a.d.S(e,typeof t.precedence==`string`?t.precedence:void 0,{crossOrigin:r,integrity:i,fetchPriority:o}):n===`script`&&a.d.X(e,{crossOrigin:r,integrity:i,fetchPriority:o,nonce:typeof t.nonce==`string`?t.nonce:void 0})}},e.preinitModule=function(e,t){if(typeof e==`string`)if(typeof t==`object`&&t){if(t.as==null||t.as===`script`){var n=l(t.as,t.crossOrigin);a.d.M(e,{crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0})}}else t??a.d.M(e)},e.preload=function(e,t){if(typeof e==`string`&&typeof t==`object`&&t&&typeof t.as==`string`){var n=t.as,r=l(n,t.crossOrigin);a.d.L(e,n,{crossOrigin:r,integrity:typeof t.integrity==`string`?t.integrity:void 0,nonce:typeof t.nonce==`string`?t.nonce:void 0,type:typeof t.type==`string`?t.type:void 0,fetchPriority:typeof t.fetchPriority==`string`?t.fetchPriority:void 0,referrerPolicy:typeof t.referrerPolicy==`string`?t.referrerPolicy:void 0,imageSrcSet:typeof t.imageSrcSet==`string`?t.imageSrcSet:void 0,imageSizes:typeof t.imageSizes==`string`?t.imageSizes:void 0,media:typeof t.media==`string`?t.media:void 0})}},e.preloadModule=function(e,t){if(typeof e==`string`)if(t){var n=l(t.as,t.crossOrigin);a.d.m(e,{as:typeof t.as==`string`&&t.as!==`script`?t.as:void 0,crossOrigin:n,integrity:typeof t.integrity==`string`?t.integrity:void 0})}else a.d.m(e)},e.requestFormReset=function(e){a.d.r(e)},e.unstable_batchedUpdates=function(e,t){return e(t)},e.useFormState=function(e,t,n){return c.H.useFormState(e,t,n)},e.useFormStatus=function(){return c.H.useHostTransitionStatus()},e.version=`19.2.4`})),o=e(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=a()})),s=e((e=>{var t=i(),r=n(),a=o();function s(e){var t=`https://react.dev/errors/`+e;if(1<arguments.length){t+=`?args[]=`+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n])}return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}function c(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function l(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function u(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function d(e){if(e.tag===31){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function f(e){if(l(e)!==e)throw Error(s(188))}function p(e){var t=e.alternate;if(!t){if(t=l(e),t===null)throw Error(s(188));return t===e?e:null}for(var n=e,r=t;;){var i=n.return;if(i===null)break;var a=i.alternate;if(a===null){if(r=i.return,r!==null){n=r;continue}break}if(i.child===a.child){for(a=i.child;a;){if(a===n)return f(i),e;if(a===r)return f(i),t;a=a.sibling}throw Error(s(188))}if(n.return!==r.return)n=i,r=a;else{for(var o=!1,c=i.child;c;){if(c===n){o=!0,n=i,r=a;break}if(c===r){o=!0,r=i,n=a;break}c=c.sibling}if(!o){for(c=a.child;c;){if(c===n){o=!0,n=a,r=i;break}if(c===r){o=!0,r=a,n=i;break}c=c.sibling}if(!o)throw Error(s(189))}}if(n.alternate!==r)throw Error(s(190))}if(n.tag!==3)throw Error(s(188));return n.stateNode.current===n?e:t}function m(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e;for(e=e.child;e!==null;){if(t=m(e),t!==null)return t;e=e.sibling}return null}var h=Object.assign,g=Symbol.for(`react.element`),_=Symbol.for(`react.transitional.element`),v=Symbol.for(`react.portal`),y=Symbol.for(`react.fragment`),b=Symbol.for(`react.strict_mode`),x=Symbol.for(`react.profiler`),S=Symbol.for(`react.consumer`),C=Symbol.for(`react.context`),w=Symbol.for(`react.forward_ref`),T=Symbol.for(`react.suspense`),ee=Symbol.for(`react.suspense_list`),E=Symbol.for(`react.memo`),D=Symbol.for(`react.lazy`),O=Symbol.for(`react.activity`),k=Symbol.for(`react.memo_cache_sentinel`),A=Symbol.iterator;function te(e){return typeof e!=`object`||!e?null:(e=A&&e[A]||e[`@@iterator`],typeof e==`function`?e:null)}var ne=Symbol.for(`react.client.reference`);function re(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case y:return`Fragment`;case x:return`Profiler`;case b:return`StrictMode`;case T:return`Suspense`;case ee:return`SuspenseList`;case O:return`Activity`}if(typeof e==`object`)switch(e.$$typeof){case v:return`Portal`;case C:return e.displayName||`Context`;case S:return(e._context.displayName||`Context`)+`.Consumer`;case w:var t=e.render;return e=e.displayName,e||=(e=t.displayName||t.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case E:return t=e.displayName||null,t===null?re(e.type)||`Memo`:t;case D:t=e._payload,e=e._init;try{return re(e(t))}catch{}}return null}var ie=Array.isArray,j=r.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=a.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ae={pending:!1,data:null,method:null,action:null},oe=[],se=-1;function ce(e){return{current:e}}function N(e){0>se||(e.current=oe[se],oe[se]=null,se--)}function P(e,t){se++,oe[se]=e.current,e.current=t}var le=ce(null),ue=ce(null),de=ce(null),fe=ce(null);function pe(e,t){switch(P(de,t),P(ue,e),P(le,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Vd(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Vd(t),e=Hd(t,e);else switch(e){case`svg`:e=1;break;case`math`:e=2;break;default:e=0}}N(le),P(le,e)}function me(){N(le),N(ue),N(de)}function he(e){e.memoizedState!==null&&P(fe,e);var t=le.current,n=Hd(t,e.type);t!==n&&(P(ue,e),P(le,n))}function ge(e){ue.current===e&&(N(le),N(ue)),fe.current===e&&(N(fe),Qf._currentValue=ae)}var _e,ve;function ye(e){if(_e===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);_e=t&&t[1]||``,ve=-1<e.stack.indexOf(`
|
|
2
|
+
at`)?` (<anonymous>)`:-1<e.stack.indexOf(`@`)?`@unknown:0:0`:``}return`
|
|
3
|
+
`+_e+e+ve}var be=!1;function xe(e,t){if(!e||be)return``;be=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var r={DetermineComponentFrameRoot:function(){try{if(t){var n=function(){throw Error()};if(Object.defineProperty(n.prototype,`props`,{set:function(){throw Error()}}),typeof Reflect==`object`&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}}else{try{throw Error()}catch(e){r=e}(n=e())&&typeof n.catch==`function`&&n.catch(function(){})}}catch(e){if(e&&r&&typeof e.stack==`string`)return[e.stack,r.stack]}return[null,null]}};r.DetermineComponentFrameRoot.displayName=`DetermineComponentFrameRoot`;var i=Object.getOwnPropertyDescriptor(r.DetermineComponentFrameRoot,`name`);i&&i.configurable&&Object.defineProperty(r.DetermineComponentFrameRoot,`name`,{value:`DetermineComponentFrameRoot`});var a=r.DetermineComponentFrameRoot(),o=a[0],s=a[1];if(o&&s){var c=o.split(`
|
|
4
|
+
`),l=s.split(`
|
|
5
|
+
`);for(i=r=0;r<c.length&&!c[r].includes(`DetermineComponentFrameRoot`);)r++;for(;i<l.length&&!l[i].includes(`DetermineComponentFrameRoot`);)i++;if(r===c.length||i===l.length)for(r=c.length-1,i=l.length-1;1<=r&&0<=i&&c[r]!==l[i];)i--;for(;1<=r&&0<=i;r--,i--)if(c[r]!==l[i]){if(r!==1||i!==1)do if(r--,i--,0>i||c[r]!==l[i]){var u=`
|
|
6
|
+
`+c[r].replace(` at new `,` at `);return e.displayName&&u.includes(`<anonymous>`)&&(u=u.replace(`<anonymous>`,e.displayName)),u}while(1<=r&&0<=i);break}}}finally{be=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:``)?ye(n):``}function Se(e,t){switch(e.tag){case 26:case 27:case 5:return ye(e.type);case 16:return ye(`Lazy`);case 13:return e.child!==t&&t!==null?ye(`Suspense Fallback`):ye(`Suspense`);case 19:return ye(`SuspenseList`);case 0:case 15:return xe(e.type,!1);case 11:return xe(e.type.render,!1);case 1:return xe(e.type,!0);case 31:return ye(`Activity`);default:return``}}function Ce(e){try{var t=``,n=null;do t+=Se(e,n),n=e,e=e.return;while(e);return t}catch(e){return`
|
|
7
|
+
Error generating stack: `+e.message+`
|
|
8
|
+
`+e.stack}}var we=Object.prototype.hasOwnProperty,Te=t.unstable_scheduleCallback,Ee=t.unstable_cancelCallback,De=t.unstable_shouldYield,Oe=t.unstable_requestPaint,ke=t.unstable_now,Ae=t.unstable_getCurrentPriorityLevel,je=t.unstable_ImmediatePriority,Me=t.unstable_UserBlockingPriority,Ne=t.unstable_NormalPriority,Pe=t.unstable_LowPriority,Fe=t.unstable_IdlePriority,Ie=t.log,Le=t.unstable_setDisableYieldValue,Re=null,ze=null;function Be(e){if(typeof Ie==`function`&&Le(e),ze&&typeof ze.setStrictMode==`function`)try{ze.setStrictMode(Re,e)}catch{}}var Ve=Math.clz32?Math.clz32:F,He=Math.log,Ue=Math.LN2;function F(e){return e>>>=0,e===0?32:31-(He(e)/Ue|0)|0}var We=256,Ge=262144,I=4194304;function Ke(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function qe(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var i=0,a=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var s=r&134217727;return s===0?(s=r&~a,s===0?o===0?n||(n=r&~e,n!==0&&(i=Ke(n))):i=Ke(o):i=Ke(s)):(r=s&~a,r===0?(o&=s,o===0?n||(n=s&~e,n!==0&&(i=Ke(n))):i=Ke(o)):i=Ke(r)),i===0?0:t!==0&&t!==i&&(t&a)===0&&(a=i&-i,n=t&-t,a>=n||a===32&&n&4194048)?t:i}function Je(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function Ye(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Xe(){var e=I;return I<<=1,!(I&62914560)&&(I=4194304),e}function Ze(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Qe(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function $e(e,t,n,r,i,a){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var s=e.entanglements,c=e.expirationTimes,l=e.hiddenUpdates;for(n=o&~n;0<n;){var u=31-Ve(n),d=1<<u;s[u]=0,c[u]=-1;var f=l[u];if(f!==null)for(l[u]=null,u=0;u<f.length;u++){var p=f[u];p!==null&&(p.lane&=-536870913)}n&=~d}r!==0&&et(e,r,0),a!==0&&i===0&&e.tag!==0&&(e.suspendedLanes|=a&~(o&~t))}function et(e,t,n){e.pendingLanes|=t,e.suspendedLanes&=~t;var r=31-Ve(t);e.entangledLanes|=t,e.entanglements[r]=e.entanglements[r]|1073741824|n&261930}function tt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-Ve(n),i=1<<r;i&t|e[r]&t&&(e[r]|=t),n&=~i}}function nt(e,t){var n=t&-t;return n=n&42?1:rt(n),(n&(e.suspendedLanes|t))===0?n:0}function rt(e){switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=128;break;case 268435456:e=134217728;break;default:e=0}return e}function it(e){return e&=-e,2<e?8<e?e&134217727?32:268435456:8:2}function at(){var e=M.p;return e===0?(e=window.event,e===void 0?32:mp(e.type)):e}function L(e,t){var n=M.p;try{return M.p=e,t()}finally{M.p=n}}var ot=Math.random().toString(36).slice(2),st=`__reactFiber$`+ot,R=`__reactProps$`+ot,ct=`__reactContainer$`+ot,lt=`__reactEvents$`+ot,ut=`__reactListeners$`+ot,dt=`__reactHandles$`+ot,z=`__reactResources$`+ot,ft=`__reactMarker$`+ot;function pt(e){delete e[st],delete e[R],delete e[lt],delete e[ut],delete e[dt]}function mt(e){var t=e[st];if(t)return t;for(var n=e.parentNode;n;){if(t=n[ct]||n[st]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=df(e);e!==null;){if(n=e[st])return n;e=df(e)}return t}e=n,n=e.parentNode}return null}function ht(e){if(e=e[st]||e[ct]){var t=e.tag;if(t===5||t===6||t===13||t===31||t===26||t===27||t===3)return e}return null}function gt(e){var t=e.tag;if(t===5||t===26||t===27||t===6)return e.stateNode;throw Error(s(33))}function _t(e){var t=e[z];return t||=e[z]={hoistableStyles:new Map,hoistableScripts:new Map},t}function vt(e){e[ft]=!0}var yt=new Set,bt={};function xt(e,t){St(e,t),St(e+`Capture`,t)}function St(e,t){for(bt[e]=t,e=0;e<t.length;e++)yt.add(t[e])}var Ct=RegExp(`^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$`),wt={},Tt={};function Et(e){return we.call(Tt,e)?!0:we.call(wt,e)?!1:Ct.test(e)?Tt[e]=!0:(wt[e]=!0,!1)}function Dt(e,t,n){if(Et(t))if(n===null)e.removeAttribute(t);else{switch(typeof n){case`undefined`:case`function`:case`symbol`:e.removeAttribute(t);return;case`boolean`:var r=t.toLowerCase().slice(0,5);if(r!==`data-`&&r!==`aria-`){e.removeAttribute(t);return}}e.setAttribute(t,``+n)}}function Ot(e,t,n){if(n===null)e.removeAttribute(t);else{switch(typeof n){case`undefined`:case`function`:case`symbol`:case`boolean`:e.removeAttribute(t);return}e.setAttribute(t,``+n)}}function kt(e,t,n,r){if(r===null)e.removeAttribute(n);else{switch(typeof r){case`undefined`:case`function`:case`symbol`:case`boolean`:e.removeAttribute(n);return}e.setAttributeNS(t,n,``+r)}}function At(e){switch(typeof e){case`bigint`:case`boolean`:case`number`:case`string`:case`undefined`:return e;case`object`:return e;default:return``}}function jt(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()===`input`&&(t===`checkbox`||t===`radio`)}function Mt(e,t,n){var r=Object.getOwnPropertyDescriptor(e.constructor.prototype,t);if(!e.hasOwnProperty(t)&&r!==void 0&&typeof r.get==`function`&&typeof r.set==`function`){var i=r.get,a=r.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(e){n=``+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:r.enumerable}),{getValue:function(){return n},setValue:function(e){n=``+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Nt(e){if(!e._valueTracker){var t=jt(e)?`checked`:`value`;e._valueTracker=Mt(e,t,``+e[t])}}function Pt(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r=``;return e&&(r=jt(e)?e.checked?`true`:`false`:e.value),e=r,e===n?!1:(t.setValue(e),!0)}function Ft(e){if(e||=typeof document<`u`?document:void 0,e===void 0)return null;try{return e.activeElement||e.body}catch{return e.body}}var It=/[\n"\\]/g;function Lt(e){return e.replace(It,function(e){return`\\`+e.charCodeAt(0).toString(16)+` `})}function Rt(e,t,n,r,i,a,o,s){e.name=``,o!=null&&typeof o!=`function`&&typeof o!=`symbol`&&typeof o!=`boolean`?e.type=o:e.removeAttribute(`type`),t==null?o!==`submit`&&o!==`reset`||e.removeAttribute(`value`):o===`number`?(t===0&&e.value===``||e.value!=t)&&(e.value=``+At(t)):e.value!==``+At(t)&&(e.value=``+At(t)),t==null?n==null?r!=null&&e.removeAttribute(`value`):Bt(e,o,At(n)):Bt(e,o,At(t)),i==null&&a!=null&&(e.defaultChecked=!!a),i!=null&&(e.checked=i&&typeof i!=`function`&&typeof i!=`symbol`),s!=null&&typeof s!=`function`&&typeof s!=`symbol`&&typeof s!=`boolean`?e.name=``+At(s):e.removeAttribute(`name`)}function zt(e,t,n,r,i,a,o,s){if(a!=null&&typeof a!=`function`&&typeof a!=`symbol`&&typeof a!=`boolean`&&(e.type=a),t!=null||n!=null){if(!(a!==`submit`&&a!==`reset`||t!=null)){Nt(e);return}n=n==null?``:``+At(n),t=t==null?n:``+At(t),s||t===e.value||(e.value=t),e.defaultValue=t}r??=i,r=typeof r!=`function`&&typeof r!=`symbol`&&!!r,e.checked=s?e.checked:!!r,e.defaultChecked=!!r,o!=null&&typeof o!=`function`&&typeof o!=`symbol`&&typeof o!=`boolean`&&(e.name=o),Nt(e)}function Bt(e,t,n){t===`number`&&Ft(e.ownerDocument)===e||e.defaultValue===``+n||(e.defaultValue=``+n)}function Vt(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t[`$`+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty(`$`+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&r&&(e[n].defaultSelected=!0)}else{for(n=``+At(n),t=null,i=0;i<e.length;i++){if(e[i].value===n){e[i].selected=!0,r&&(e[i].defaultSelected=!0);return}t!==null||e[i].disabled||(t=e[i])}t!==null&&(t.selected=!0)}}function Ht(e,t,n){if(t!=null&&(t=``+At(t),t!==e.value&&(e.value=t),n==null)){e.defaultValue!==t&&(e.defaultValue=t);return}e.defaultValue=n==null?``:``+At(n)}function Ut(e,t,n,r){if(t==null){if(r!=null){if(n!=null)throw Error(s(92));if(ie(r)){if(1<r.length)throw Error(s(93));r=r[0]}n=r}n??=``,t=n}n=At(t),e.defaultValue=n,r=e.textContent,r===n&&r!==``&&r!==null&&(e.value=r),Nt(e)}function Wt(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Gt=new Set(`animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp`.split(` `));function Kt(e,t,n){var r=t.indexOf(`--`)===0;n==null||typeof n==`boolean`||n===``?r?e.setProperty(t,``):t===`float`?e.cssFloat=``:e[t]=``:r?e.setProperty(t,n):typeof n!=`number`||n===0||Gt.has(t)?t===`float`?e.cssFloat=n:e[t]=(``+n).trim():e[t]=n+`px`}function qt(e,t,n){if(t!=null&&typeof t!=`object`)throw Error(s(62));if(e=e.style,n!=null){for(var r in n)!n.hasOwnProperty(r)||t!=null&&t.hasOwnProperty(r)||(r.indexOf(`--`)===0?e.setProperty(r,``):r===`float`?e.cssFloat=``:e[r]=``);for(var i in t)r=t[i],t.hasOwnProperty(i)&&n[i]!==r&&Kt(e,i,r)}else for(var a in t)t.hasOwnProperty(a)&&Kt(e,a,t[a])}function Jt(e){if(e.indexOf(`-`)===-1)return!1;switch(e){case`annotation-xml`:case`color-profile`:case`font-face`:case`font-face-src`:case`font-face-uri`:case`font-face-format`:case`font-face-name`:case`missing-glyph`:return!1;default:return!0}}var Yt=new Map([[`acceptCharset`,`accept-charset`],[`htmlFor`,`for`],[`httpEquiv`,`http-equiv`],[`crossOrigin`,`crossorigin`],[`accentHeight`,`accent-height`],[`alignmentBaseline`,`alignment-baseline`],[`arabicForm`,`arabic-form`],[`baselineShift`,`baseline-shift`],[`capHeight`,`cap-height`],[`clipPath`,`clip-path`],[`clipRule`,`clip-rule`],[`colorInterpolation`,`color-interpolation`],[`colorInterpolationFilters`,`color-interpolation-filters`],[`colorProfile`,`color-profile`],[`colorRendering`,`color-rendering`],[`dominantBaseline`,`dominant-baseline`],[`enableBackground`,`enable-background`],[`fillOpacity`,`fill-opacity`],[`fillRule`,`fill-rule`],[`floodColor`,`flood-color`],[`floodOpacity`,`flood-opacity`],[`fontFamily`,`font-family`],[`fontSize`,`font-size`],[`fontSizeAdjust`,`font-size-adjust`],[`fontStretch`,`font-stretch`],[`fontStyle`,`font-style`],[`fontVariant`,`font-variant`],[`fontWeight`,`font-weight`],[`glyphName`,`glyph-name`],[`glyphOrientationHorizontal`,`glyph-orientation-horizontal`],[`glyphOrientationVertical`,`glyph-orientation-vertical`],[`horizAdvX`,`horiz-adv-x`],[`horizOriginX`,`horiz-origin-x`],[`imageRendering`,`image-rendering`],[`letterSpacing`,`letter-spacing`],[`lightingColor`,`lighting-color`],[`markerEnd`,`marker-end`],[`markerMid`,`marker-mid`],[`markerStart`,`marker-start`],[`overlinePosition`,`overline-position`],[`overlineThickness`,`overline-thickness`],[`paintOrder`,`paint-order`],[`panose-1`,`panose-1`],[`pointerEvents`,`pointer-events`],[`renderingIntent`,`rendering-intent`],[`shapeRendering`,`shape-rendering`],[`stopColor`,`stop-color`],[`stopOpacity`,`stop-opacity`],[`strikethroughPosition`,`strikethrough-position`],[`strikethroughThickness`,`strikethrough-thickness`],[`strokeDasharray`,`stroke-dasharray`],[`strokeDashoffset`,`stroke-dashoffset`],[`strokeLinecap`,`stroke-linecap`],[`strokeLinejoin`,`stroke-linejoin`],[`strokeMiterlimit`,`stroke-miterlimit`],[`strokeOpacity`,`stroke-opacity`],[`strokeWidth`,`stroke-width`],[`textAnchor`,`text-anchor`],[`textDecoration`,`text-decoration`],[`textRendering`,`text-rendering`],[`transformOrigin`,`transform-origin`],[`underlinePosition`,`underline-position`],[`underlineThickness`,`underline-thickness`],[`unicodeBidi`,`unicode-bidi`],[`unicodeRange`,`unicode-range`],[`unitsPerEm`,`units-per-em`],[`vAlphabetic`,`v-alphabetic`],[`vHanging`,`v-hanging`],[`vIdeographic`,`v-ideographic`],[`vMathematical`,`v-mathematical`],[`vectorEffect`,`vector-effect`],[`vertAdvY`,`vert-adv-y`],[`vertOriginX`,`vert-origin-x`],[`vertOriginY`,`vert-origin-y`],[`wordSpacing`,`word-spacing`],[`writingMode`,`writing-mode`],[`xmlnsXlink`,`xmlns:xlink`],[`xHeight`,`x-height`]]),Xt=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Zt(e){return Xt.test(``+e)?`javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')`:e}function Qt(){}var $t=null;function en(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var tn=null,nn=null;function rn(e){var t=ht(e);if(t&&(e=t.stateNode)){var n=e[R]||null;a:switch(e=t.stateNode,t.type){case`input`:if(Rt(e,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),t=n.name,n.type===`radio`&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll(`input[name="`+Lt(``+t)+`"][type="radio"]`),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var i=r[R]||null;if(!i)throw Error(s(90));Rt(r,i.value,i.defaultValue,i.defaultValue,i.checked,i.defaultChecked,i.type,i.name)}}for(t=0;t<n.length;t++)r=n[t],r.form===e.form&&Pt(r)}break a;case`textarea`:Ht(e,n.value,n.defaultValue);break a;case`select`:t=n.value,t!=null&&Vt(e,!!n.multiple,t,!1)}}}var an=!1;function on(e,t,n){if(an)return e(t,n);an=!0;try{return e(t)}finally{if(an=!1,(tn!==null||nn!==null)&&(vu(),tn&&(t=tn,e=nn,nn=tn=null,rn(t),e)))for(t=0;t<e.length;t++)rn(e[t])}}function sn(e,t){var n=e.stateNode;if(n===null)return null;var r=n[R]||null;if(r===null)return null;n=r[t];a:switch(t){case`onClick`:case`onClickCapture`:case`onDoubleClick`:case`onDoubleClickCapture`:case`onMouseDown`:case`onMouseDownCapture`:case`onMouseMove`:case`onMouseMoveCapture`:case`onMouseUp`:case`onMouseUpCapture`:case`onMouseEnter`:(r=!r.disabled)||(e=e.type,r=!(e===`button`||e===`input`||e===`select`||e===`textarea`)),e=!r;break a;default:e=!1}if(e)return null;if(n&&typeof n!=`function`)throw Error(s(231,t,typeof n));return n}var cn=!(typeof window>`u`||window.document===void 0||window.document.createElement===void 0),ln=!1;if(cn)try{var un={};Object.defineProperty(un,`passive`,{get:function(){ln=!0}}),window.addEventListener(`test`,un,un),window.removeEventListener(`test`,un,un)}catch{ln=!1}var dn=null,fn=null,pn=null;function mn(){if(pn)return pn;var e,t=fn,n=t.length,r,i=`value`in dn?dn.value:dn.textContent,a=i.length;for(e=0;e<n&&t[e]===i[e];e++);var o=n-e;for(r=1;r<=o&&t[n-r]===i[a-r];r++);return pn=i.slice(e,1<r?1-r:void 0)}function hn(e){var t=e.keyCode;return`charCode`in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function gn(){return!0}function _n(){return!1}function vn(e){function t(t,n,r,i,a){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=i,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(i):i[o]);return this.isDefaultPrevented=(i.defaultPrevented==null?!1===i.returnValue:i.defaultPrevented)?gn:_n,this.isPropagationStopped=_n,this}return h(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():typeof e.returnValue!=`unknown`&&(e.returnValue=!1),this.isDefaultPrevented=gn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():typeof e.cancelBubble!=`unknown`&&(e.cancelBubble=!0),this.isPropagationStopped=gn)},persist:function(){},isPersistent:gn}),t}var yn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},bn=vn(yn),xn=h({},yn,{view:0,detail:0}),Sn=vn(xn),Cn,wn,Tn,En=h({},xn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Ln,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return`movementX`in e?e.movementX:(e!==Tn&&(Tn&&e.type===`mousemove`?(Cn=e.screenX-Tn.screenX,wn=e.screenY-Tn.screenY):wn=Cn=0,Tn=e),Cn)},movementY:function(e){return`movementY`in e?e.movementY:wn}}),Dn=vn(En),On=vn(h({},En,{dataTransfer:0})),kn=vn(h({},xn,{relatedTarget:0})),An=vn(h({},yn,{animationName:0,elapsedTime:0,pseudoElement:0})),jn=vn(h({},yn,{clipboardData:function(e){return`clipboardData`in e?e.clipboardData:window.clipboardData}})),Mn=vn(h({},yn,{data:0})),Nn={Esc:`Escape`,Spacebar:` `,Left:`ArrowLeft`,Up:`ArrowUp`,Right:`ArrowRight`,Down:`ArrowDown`,Del:`Delete`,Win:`OS`,Menu:`ContextMenu`,Apps:`ContextMenu`,Scroll:`ScrollLock`,MozPrintableKey:`Unidentified`},Pn={8:`Backspace`,9:`Tab`,12:`Clear`,13:`Enter`,16:`Shift`,17:`Control`,18:`Alt`,19:`Pause`,20:`CapsLock`,27:`Escape`,32:` `,33:`PageUp`,34:`PageDown`,35:`End`,36:`Home`,37:`ArrowLeft`,38:`ArrowUp`,39:`ArrowRight`,40:`ArrowDown`,45:`Insert`,46:`Delete`,112:`F1`,113:`F2`,114:`F3`,115:`F4`,116:`F5`,117:`F6`,118:`F7`,119:`F8`,120:`F9`,121:`F10`,122:`F11`,123:`F12`,144:`NumLock`,145:`ScrollLock`,224:`Meta`},Fn={Alt:`altKey`,Control:`ctrlKey`,Meta:`metaKey`,Shift:`shiftKey`};function In(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Fn[e])?!!t[e]:!1}function Ln(){return In}var Rn=vn(h({},xn,{key:function(e){if(e.key){var t=Nn[e.key]||e.key;if(t!==`Unidentified`)return t}return e.type===`keypress`?(e=hn(e),e===13?`Enter`:String.fromCharCode(e)):e.type===`keydown`||e.type===`keyup`?Pn[e.keyCode]||`Unidentified`:``},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Ln,charCode:function(e){return e.type===`keypress`?hn(e):0},keyCode:function(e){return e.type===`keydown`||e.type===`keyup`?e.keyCode:0},which:function(e){return e.type===`keypress`?hn(e):e.type===`keydown`||e.type===`keyup`?e.keyCode:0}})),zn=vn(h({},En,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Bn=vn(h({},xn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Ln})),Vn=vn(h({},yn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Hn=vn(h({},En,{deltaX:function(e){return`deltaX`in e?e.deltaX:`wheelDeltaX`in e?-e.wheelDeltaX:0},deltaY:function(e){return`deltaY`in e?e.deltaY:`wheelDeltaY`in e?-e.wheelDeltaY:`wheelDelta`in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0})),Un=vn(h({},yn,{newState:0,oldState:0})),Wn=[9,13,27,32],Gn=cn&&`CompositionEvent`in window,Kn=null;cn&&`documentMode`in document&&(Kn=document.documentMode);var qn=cn&&`TextEvent`in window&&!Kn,Jn=cn&&(!Gn||Kn&&8<Kn&&11>=Kn),Yn=` `,Xn=!1;function Zn(e,t){switch(e){case`keyup`:return Wn.indexOf(t.keyCode)!==-1;case`keydown`:return t.keyCode!==229;case`keypress`:case`mousedown`:case`focusout`:return!0;default:return!1}}function Qn(e){return e=e.detail,typeof e==`object`&&`data`in e?e.data:null}var $n=!1;function er(e,t){switch(e){case`compositionend`:return Qn(t);case`keypress`:return t.which===32?(Xn=!0,Yn):null;case`textInput`:return e=t.data,e===Yn&&Xn?null:e;default:return null}}function tr(e,t){if($n)return e===`compositionend`||!Gn&&Zn(e,t)?(e=mn(),pn=fn=dn=null,$n=!1,e):null;switch(e){case`paste`:return null;case`keypress`:if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case`compositionend`:return Jn&&t.locale!==`ko`?null:t.data;default:return null}}var nr={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function rr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t===`input`?!!nr[e.type]:t===`textarea`}function ir(e,t,n,r){tn?nn?nn.push(r):nn=[r]:tn=r,t=Td(t,`onChange`),0<t.length&&(n=new bn(`onChange`,`change`,null,n,r),e.push({event:n,listeners:t}))}var ar=null,or=null;function sr(e){vd(e,0)}function cr(e){if(Pt(gt(e)))return e}function lr(e,t){if(e===`change`)return t}var ur=!1;if(cn){var dr;if(cn){var fr=`oninput`in document;if(!fr){var pr=document.createElement(`div`);pr.setAttribute(`oninput`,`return;`),fr=typeof pr.oninput==`function`}dr=fr}else dr=!1;ur=dr&&(!document.documentMode||9<document.documentMode)}function mr(){ar&&(ar.detachEvent(`onpropertychange`,hr),or=ar=null)}function hr(e){if(e.propertyName===`value`&&cr(or)){var t=[];ir(t,or,e,en(e)),on(sr,t)}}function gr(e,t,n){e===`focusin`?(mr(),ar=t,or=n,ar.attachEvent(`onpropertychange`,hr)):e===`focusout`&&mr()}function _r(e){if(e===`selectionchange`||e===`keyup`||e===`keydown`)return cr(or)}function vr(e,t){if(e===`click`)return cr(t)}function yr(e,t){if(e===`input`||e===`change`)return cr(t)}function br(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}var xr=typeof Object.is==`function`?Object.is:br;function Sr(e,t){if(xr(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var i=n[r];if(!we.call(t,i)||!xr(e[i],t[i]))return!1}return!0}function Cr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function wr(e,t){var n=Cr(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}a:{for(;n;){if(n.nextSibling){n=n.nextSibling;break a}n=n.parentNode}n=void 0}n=Cr(n)}}function Tr(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Tr(e,t.parentNode):`contains`in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Er(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Ft(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href==`string`}catch{n=!1}if(n)e=t.contentWindow;else break;t=Ft(e.document)}return t}function B(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t===`input`&&(e.type===`text`||e.type===`search`||e.type===`tel`||e.type===`url`||e.type===`password`)||t===`textarea`||e.contentEditable===`true`)}var Dr=cn&&`documentMode`in document&&11>=document.documentMode,Or=null,kr=null,Ar=null,jr=!1;function Mr(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;jr||Or==null||Or!==Ft(r)||(r=Or,`selectionStart`in r&&B(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Ar&&Sr(Ar,r)||(Ar=r,r=Td(kr,`onSelect`),0<r.length&&(t=new bn(`onSelect`,`select`,null,t,n),e.push({event:t,listeners:r}),t.target=Or)))}function Nr(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n[`Webkit`+e]=`webkit`+t,n[`Moz`+e]=`moz`+t,n}var Pr={animationend:Nr(`Animation`,`AnimationEnd`),animationiteration:Nr(`Animation`,`AnimationIteration`),animationstart:Nr(`Animation`,`AnimationStart`),transitionrun:Nr(`Transition`,`TransitionRun`),transitionstart:Nr(`Transition`,`TransitionStart`),transitioncancel:Nr(`Transition`,`TransitionCancel`),transitionend:Nr(`Transition`,`TransitionEnd`)},Fr={},Ir={};cn&&(Ir=document.createElement(`div`).style,`AnimationEvent`in window||(delete Pr.animationend.animation,delete Pr.animationiteration.animation,delete Pr.animationstart.animation),`TransitionEvent`in window||delete Pr.transitionend.transition);function Lr(e){if(Fr[e])return Fr[e];if(!Pr[e])return e;var t=Pr[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Ir)return Fr[e]=t[n];return e}var Rr=Lr(`animationend`),zr=Lr(`animationiteration`),Br=Lr(`animationstart`),Vr=Lr(`transitionrun`),Hr=Lr(`transitionstart`),Ur=Lr(`transitioncancel`),Wr=Lr(`transitionend`),Gr=new Map,Kr=`abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel`.split(` `);Kr.push(`scrollEnd`);function qr(e,t){Gr.set(e,t),xt(t,[e])}var Jr=typeof reportError==`function`?reportError:function(e){if(typeof window==`object`&&typeof window.ErrorEvent==`function`){var t=new window.ErrorEvent(`error`,{bubbles:!0,cancelable:!0,message:typeof e==`object`&&e&&typeof e.message==`string`?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process==`object`&&typeof process.emit==`function`){process.emit(`uncaughtException`,e);return}console.error(e)},Yr=[],Xr=0,Zr=0;function Qr(){for(var e=Xr,t=Zr=Xr=0;t<e;){var n=Yr[t];Yr[t++]=null;var r=Yr[t];Yr[t++]=null;var i=Yr[t];Yr[t++]=null;var a=Yr[t];if(Yr[t++]=null,r!==null&&i!==null){var o=r.pending;o===null?i.next=i:(i.next=o.next,o.next=i),r.pending=i}a!==0&&ni(n,i,a)}}function $r(e,t,n,r){Yr[Xr++]=e,Yr[Xr++]=t,Yr[Xr++]=n,Yr[Xr++]=r,Zr|=r,e.lanes|=r,e=e.alternate,e!==null&&(e.lanes|=r)}function ei(e,t,n,r){return $r(e,t,n,r),ri(e)}function ti(e,t){return $r(e,null,null,t),ri(e)}function ni(e,t,n){e.lanes|=n;var r=e.alternate;r!==null&&(r.lanes|=n);for(var i=!1,a=e.return;a!==null;)a.childLanes|=n,r=a.alternate,r!==null&&(r.childLanes|=n),a.tag===22&&(e=a.stateNode,e===null||e._visibility&1||(i=!0)),e=a,a=a.return;return e.tag===3?(a=e.stateNode,i&&t!==null&&(i=31-Ve(n),e=a.hiddenUpdates,r=e[i],r===null?e[i]=[t]:r.push(t),t.lane=n|536870912),a):null}function ri(e){if(50<lu)throw lu=0,uu=null,Error(s(185));for(var t=e.return;t!==null;)e=t,t=e.return;return e.tag===3?e.stateNode:null}var ii={};function ai(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function oi(e,t,n,r){return new ai(e,t,n,r)}function si(e){return e=e.prototype,!(!e||!e.isReactComponent)}function ci(e,t){var n=e.alternate;return n===null?(n=oi(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&65011712,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n.refCleanup=e.refCleanup,n}function li(e,t){e.flags&=65011714;var n=e.alternate;return n===null?(e.childLanes=0,e.lanes=t,e.child=null,e.subtreeFlags=0,e.memoizedProps=null,e.memoizedState=null,e.updateQueue=null,e.dependencies=null,e.stateNode=null):(e.childLanes=n.childLanes,e.lanes=n.lanes,e.child=n.child,e.subtreeFlags=0,e.deletions=null,e.memoizedProps=n.memoizedProps,e.memoizedState=n.memoizedState,e.updateQueue=n.updateQueue,e.type=n.type,t=n.dependencies,e.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext}),e}function ui(e,t,n,r,i,a){var o=0;if(r=e,typeof e==`function`)si(e)&&(o=1);else if(typeof e==`string`)o=Uf(e,n,le.current)?26:e===`html`||e===`head`||e===`body`?27:5;else a:switch(e){case O:return e=oi(31,n,t,i),e.elementType=O,e.lanes=a,e;case y:return di(n.children,i,a,t);case b:o=8,i|=24;break;case x:return e=oi(12,n,t,i|2),e.elementType=x,e.lanes=a,e;case T:return e=oi(13,n,t,i),e.elementType=T,e.lanes=a,e;case ee:return e=oi(19,n,t,i),e.elementType=ee,e.lanes=a,e;default:if(typeof e==`object`&&e)switch(e.$$typeof){case C:o=10;break a;case S:o=9;break a;case w:o=11;break a;case E:o=14;break a;case D:o=16,r=null;break a}o=29,n=Error(s(130,e===null?`null`:typeof e,``)),r=null}return t=oi(o,n,t,i),t.elementType=e,t.type=r,t.lanes=a,t}function di(e,t,n,r){return e=oi(7,e,r,t),e.lanes=n,e}function fi(e,t,n){return e=oi(6,e,null,t),e.lanes=n,e}function pi(e){var t=oi(18,null,null,0);return t.stateNode=e,t}function mi(e,t,n){return t=oi(4,e.children===null?[]:e.children,e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}var hi=new WeakMap;function V(e,t){if(typeof e==`object`&&e){var n=hi.get(e);return n===void 0?(t={value:e,source:t,stack:Ce(t)},hi.set(e,t),t):n}return{value:e,source:t,stack:Ce(t)}}var gi=[],_i=0,vi=null,yi=0,bi=[],xi=0,Si=null,Ci=1,wi=``;function Ti(e,t){gi[_i++]=yi,gi[_i++]=vi,vi=e,yi=t}function Ei(e,t,n){bi[xi++]=Ci,bi[xi++]=wi,bi[xi++]=Si,Si=e;var r=Ci;e=wi;var i=32-Ve(r)-1;r&=~(1<<i),n+=1;var a=32-Ve(t)+i;if(30<a){var o=i-i%5;a=(r&(1<<o)-1).toString(32),r>>=o,i-=o,Ci=1<<32-Ve(t)+i|n<<i|r,wi=a+e}else Ci=1<<a|n<<i|r,wi=e}function Di(e){e.return!==null&&(Ti(e,1),Ei(e,1,0))}function Oi(e){for(;e===vi;)vi=gi[--_i],gi[_i]=null,yi=gi[--_i],gi[_i]=null;for(;e===Si;)Si=bi[--xi],bi[xi]=null,wi=bi[--xi],bi[xi]=null,Ci=bi[--xi],bi[xi]=null}function ki(e,t){bi[xi++]=Ci,bi[xi++]=wi,bi[xi++]=Si,Ci=t.id,wi=t.overflow,Si=e}var Ai=null,H=null,U=!1,ji=null,Mi=!1,Ni=Error(s(519));function Pi(e){throw Bi(V(Error(s(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?`text`:`HTML`,``)),e)),Ni}function Fi(e){var t=e.stateNode,n=e.type,r=e.memoizedProps;switch(t[st]=e,t[R]=r,n){case`dialog`:$(`cancel`,t),$(`close`,t);break;case`iframe`:case`object`:case`embed`:$(`load`,t);break;case`video`:case`audio`:for(n=0;n<gd.length;n++)$(gd[n],t);break;case`source`:$(`error`,t);break;case`img`:case`image`:case`link`:$(`error`,t),$(`load`,t);break;case`details`:$(`toggle`,t);break;case`input`:$(`invalid`,t),zt(t,r.value,r.defaultValue,r.checked,r.defaultChecked,r.type,r.name,!0);break;case`select`:$(`invalid`,t);break;case`textarea`:$(`invalid`,t),Ut(t,r.value,r.defaultValue,r.children)}n=r.children,typeof n!=`string`&&typeof n!=`number`&&typeof n!=`bigint`||t.textContent===``+n||!0===r.suppressHydrationWarning||jd(t.textContent,n)?(r.popover!=null&&($(`beforetoggle`,t),$(`toggle`,t)),r.onScroll!=null&&$(`scroll`,t),r.onScrollEnd!=null&&$(`scrollend`,t),r.onClick!=null&&(t.onclick=Qt),t=!0):t=!1,t||Pi(e,!0)}function Ii(e){for(Ai=e.return;Ai;)switch(Ai.tag){case 5:case 31:case 13:Mi=!1;return;case 27:case 3:Mi=!0;return;default:Ai=Ai.return}}function Li(e){if(e!==Ai)return!1;if(!U)return Ii(e),U=!0,!1;var t=e.tag,n;if((n=t!==3&&t!==27)&&((n=t===5)&&(n=e.type,n=!(n!==`form`&&n!==`button`)||Ud(e.type,e.memoizedProps)),n=!n),n&&H&&Pi(e),Ii(e),t===13){if(e=e.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(s(317));H=uf(e)}else if(t===31){if(e=e.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(s(317));H=uf(e)}else t===27?(t=H,Zd(e.type)?(e=lf,lf=null,H=e):H=t):H=Ai?cf(e.stateNode.nextSibling):null;return!0}function Ri(){H=Ai=null,U=!1}function zi(){var e=ji;return e!==null&&(Yl===null?Yl=e:Yl.push.apply(Yl,e),ji=null),e}function Bi(e){ji===null?ji=[e]:ji.push(e)}var Vi=ce(null),Hi=null,Ui=null;function W(e,t,n){P(Vi,t._currentValue),t._currentValue=n}function Wi(e){e._currentValue=Vi.current,N(Vi)}function Gi(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)===t?r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t):(e.childLanes|=t,r!==null&&(r.childLanes|=t)),e===n)break;e=e.return}}function Ki(e,t,n,r){var i=e.child;for(i!==null&&(i.return=e);i!==null;){var a=i.dependencies;if(a!==null){var o=i.child;a=a.firstContext;a:for(;a!==null;){var c=a;a=i;for(var l=0;l<t.length;l++)if(c.context===t[l]){a.lanes|=n,c=a.alternate,c!==null&&(c.lanes|=n),Gi(a.return,n,e),r||(o=null);break a}a=c.next}}else if(i.tag===18){if(o=i.return,o===null)throw Error(s(341));o.lanes|=n,a=o.alternate,a!==null&&(a.lanes|=n),Gi(o,n,e),o=null}else o=i.child;if(o!==null)o.return=i;else for(o=i;o!==null;){if(o===e){o=null;break}if(i=o.sibling,i!==null){i.return=o.return,o=i;break}o=o.return}i=o}}function qi(e,t,n,r){e=null;for(var i=t,a=!1;i!==null;){if(!a){if(i.flags&524288)a=!0;else if(i.flags&262144)break}if(i.tag===10){var o=i.alternate;if(o===null)throw Error(s(387));if(o=o.memoizedProps,o!==null){var c=i.type;xr(i.pendingProps.value,o.value)||(e===null?e=[c]:e.push(c))}}else if(i===fe.current){if(o=i.alternate,o===null)throw Error(s(387));o.memoizedState.memoizedState!==i.memoizedState.memoizedState&&(e===null?e=[Qf]:e.push(Qf))}i=i.return}e!==null&&Ki(t,e,n,r),t.flags|=262144}function Ji(e){for(e=e.firstContext;e!==null;){if(!xr(e.context._currentValue,e.memoizedValue))return!0;e=e.next}return!1}function Yi(e){Hi=e,Ui=null,e=e.dependencies,e!==null&&(e.firstContext=null)}function Xi(e){return Qi(Hi,e)}function Zi(e,t){return Hi===null&&Yi(e),Qi(e,t)}function Qi(e,t){var n=t._currentValue;if(t={context:t,memoizedValue:n,next:null},Ui===null){if(e===null)throw Error(s(308));Ui=t,e.dependencies={lanes:0,firstContext:t},e.flags|=524288}else Ui=Ui.next=t;return n}var $i=typeof AbortController<`u`?AbortController:function(){var e=[],t=this.signal={aborted:!1,addEventListener:function(t,n){e.push(n)}};this.abort=function(){t.aborted=!0,e.forEach(function(e){return e()})}},ea=t.unstable_scheduleCallback,ta=t.unstable_NormalPriority,na={$$typeof:C,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function ra(){return{controller:new $i,data:new Map,refCount:0}}function ia(e){e.refCount--,e.refCount===0&&ea(ta,function(){e.controller.abort()})}var aa=null,oa=0,sa=0,ca=null;function la(e,t){if(aa===null){var n=aa=[];oa=0,sa=ud(),ca={status:`pending`,value:void 0,then:function(e){n.push(e)}}}return oa++,t.then(ua,ua),t}function ua(){if(--oa===0&&aa!==null){ca!==null&&(ca.status=`fulfilled`);var e=aa;aa=null,sa=0,ca=null;for(var t=0;t<e.length;t++)(0,e[t])()}}function da(e,t){var n=[],r={status:`pending`,value:null,reason:null,then:function(e){n.push(e)}};return e.then(function(){r.status=`fulfilled`,r.value=t;for(var e=0;e<n.length;e++)(0,n[e])(t)},function(e){for(r.status=`rejected`,r.reason=e,e=0;e<n.length;e++)(0,n[e])(void 0)}),r}var fa=j.S;j.S=function(e,t){Ql=ke(),typeof t==`object`&&t&&typeof t.then==`function`&&la(e,t),fa!==null&&fa(e,t)};var pa=ce(null);function ma(){var e=pa.current;return e===null?Fl.pooledCache:e}function ha(e,t){t===null?P(pa,pa.current):P(pa,t.pool)}function ga(){var e=ma();return e===null?null:{parent:na._currentValue,pool:e}}var _a=Error(s(460)),va=Error(s(474)),ya=Error(s(542)),ba={then:function(){}};function xa(e){return e=e.status,e===`fulfilled`||e===`rejected`}function Sa(e,t,n){switch(n=e[n],n===void 0?e.push(t):n!==t&&(t.then(Qt,Qt),t=n),t.status){case`fulfilled`:return t.value;case`rejected`:throw e=t.reason,Ea(e),e;default:if(typeof t.status==`string`)t.then(Qt,Qt);else{if(e=Fl,e!==null&&100<e.shellSuspendCounter)throw Error(s(482));e=t,e.status=`pending`,e.then(function(e){if(t.status===`pending`){var n=t;n.status=`fulfilled`,n.value=e}},function(e){if(t.status===`pending`){var n=t;n.status=`rejected`,n.reason=e}})}switch(t.status){case`fulfilled`:return t.value;case`rejected`:throw e=t.reason,Ea(e),e}throw wa=t,_a}}function Ca(e){try{var t=e._init;return t(e._payload)}catch(e){throw typeof e==`object`&&e&&typeof e.then==`function`?(wa=e,_a):e}}var wa=null;function Ta(){if(wa===null)throw Error(s(459));var e=wa;return wa=null,e}function Ea(e){if(e===_a||e===ya)throw Error(s(483))}var Da=null,Oa=0;function ka(e){var t=Oa;return Oa+=1,Da===null&&(Da=[]),Sa(Da,e,t)}function Aa(e,t){t=t.props.ref,e.ref=t===void 0?null:t}function ja(e,t){throw t.$$typeof===g?Error(s(525)):(e=Object.prototype.toString.call(t),Error(s(31,e===`[object Object]`?`object with keys {`+Object.keys(t).join(`, `)+`}`:e)))}function Ma(e){function t(t,n){if(e){var r=t.deletions;r===null?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;r!==null;)t(n,r),r=r.sibling;return null}function r(e){for(var t=new Map;e!==null;)e.key===null?t.set(e.index,e):t.set(e.key,e),e=e.sibling;return t}function i(e,t){return e=ci(e,t),e.index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?(r=t.alternate,r===null?(t.flags|=67108866,n):(r=r.index,r<n?(t.flags|=67108866,n):r)):(t.flags|=1048576,n)}function o(t){return e&&t.alternate===null&&(t.flags|=67108866),t}function c(e,t,n,r){return t===null||t.tag!==6?(t=fi(n,e.mode,r),t.return=e,t):(t=i(t,n),t.return=e,t)}function l(e,t,n,r){var a=n.type;return a===y?d(e,t,n.props.children,r,n.key):t!==null&&(t.elementType===a||typeof a==`object`&&a&&a.$$typeof===D&&Ca(a)===t.type)?(t=i(t,n.props),Aa(t,n),t.return=e,t):(t=ui(n.type,n.key,n.props,null,e.mode,r),Aa(t,n),t.return=e,t)}function u(e,t,n,r){return t===null||t.tag!==4||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?(t=mi(n,e.mode,r),t.return=e,t):(t=i(t,n.children||[]),t.return=e,t)}function d(e,t,n,r,a){return t===null||t.tag!==7?(t=di(n,e.mode,r,a),t.return=e,t):(t=i(t,n),t.return=e,t)}function f(e,t,n){if(typeof t==`string`&&t!==``||typeof t==`number`||typeof t==`bigint`)return t=fi(``+t,e.mode,n),t.return=e,t;if(typeof t==`object`&&t){switch(t.$$typeof){case _:return n=ui(t.type,t.key,t.props,null,e.mode,n),Aa(n,t),n.return=e,n;case v:return t=mi(t,e.mode,n),t.return=e,t;case D:return t=Ca(t),f(e,t,n)}if(ie(t)||te(t))return t=di(t,e.mode,n,null),t.return=e,t;if(typeof t.then==`function`)return f(e,ka(t),n);if(t.$$typeof===C)return f(e,Zi(e,t),n);ja(e,t)}return null}function p(e,t,n,r){var i=t===null?null:t.key;if(typeof n==`string`&&n!==``||typeof n==`number`||typeof n==`bigint`)return i===null?c(e,t,``+n,r):null;if(typeof n==`object`&&n){switch(n.$$typeof){case _:return n.key===i?l(e,t,n,r):null;case v:return n.key===i?u(e,t,n,r):null;case D:return n=Ca(n),p(e,t,n,r)}if(ie(n)||te(n))return i===null?d(e,t,n,r,null):null;if(typeof n.then==`function`)return p(e,t,ka(n),r);if(n.$$typeof===C)return p(e,t,Zi(e,n),r);ja(e,n)}return null}function m(e,t,n,r,i){if(typeof r==`string`&&r!==``||typeof r==`number`||typeof r==`bigint`)return e=e.get(n)||null,c(t,e,``+r,i);if(typeof r==`object`&&r){switch(r.$$typeof){case _:return e=e.get(r.key===null?n:r.key)||null,l(t,e,r,i);case v:return e=e.get(r.key===null?n:r.key)||null,u(t,e,r,i);case D:return r=Ca(r),m(e,t,n,r,i)}if(ie(r)||te(r))return e=e.get(n)||null,d(t,e,r,i,null);if(typeof r.then==`function`)return m(e,t,n,ka(r),i);if(r.$$typeof===C)return m(e,t,n,Zi(t,r),i);ja(t,r)}return null}function h(i,o,s,c){for(var l=null,u=null,d=o,h=o=0,g=null;d!==null&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var _=p(i,d,s[h],c);if(_===null){d===null&&(d=g);break}e&&d&&_.alternate===null&&t(i,d),o=a(_,o,h),u===null?l=_:u.sibling=_,u=_,d=g}if(h===s.length)return n(i,d),U&&Ti(i,h),l;if(d===null){for(;h<s.length;h++)d=f(i,s[h],c),d!==null&&(o=a(d,o,h),u===null?l=d:u.sibling=d,u=d);return U&&Ti(i,h),l}for(d=r(d);h<s.length;h++)g=m(d,i,h,s[h],c),g!==null&&(e&&g.alternate!==null&&d.delete(g.key===null?h:g.key),o=a(g,o,h),u===null?l=g:u.sibling=g,u=g);return e&&d.forEach(function(e){return t(i,e)}),U&&Ti(i,h),l}function g(i,o,c,l){if(c==null)throw Error(s(151));for(var u=null,d=null,h=o,g=o=0,_=null,v=c.next();h!==null&&!v.done;g++,v=c.next()){h.index>g?(_=h,h=null):_=h.sibling;var y=p(i,h,v.value,l);if(y===null){h===null&&(h=_);break}e&&h&&y.alternate===null&&t(i,h),o=a(y,o,g),d===null?u=y:d.sibling=y,d=y,h=_}if(v.done)return n(i,h),U&&Ti(i,g),u;if(h===null){for(;!v.done;g++,v=c.next())v=f(i,v.value,l),v!==null&&(o=a(v,o,g),d===null?u=v:d.sibling=v,d=v);return U&&Ti(i,g),u}for(h=r(h);!v.done;g++,v=c.next())v=m(h,i,g,v.value,l),v!==null&&(e&&v.alternate!==null&&h.delete(v.key===null?g:v.key),o=a(v,o,g),d===null?u=v:d.sibling=v,d=v);return e&&h.forEach(function(e){return t(i,e)}),U&&Ti(i,g),u}function b(e,r,a,c){if(typeof a==`object`&&a&&a.type===y&&a.key===null&&(a=a.props.children),typeof a==`object`&&a){switch(a.$$typeof){case _:a:{for(var l=a.key;r!==null;){if(r.key===l){if(l=a.type,l===y){if(r.tag===7){n(e,r.sibling),c=i(r,a.props.children),c.return=e,e=c;break a}}else if(r.elementType===l||typeof l==`object`&&l&&l.$$typeof===D&&Ca(l)===r.type){n(e,r.sibling),c=i(r,a.props),Aa(c,a),c.return=e,e=c;break a}n(e,r);break}else t(e,r);r=r.sibling}a.type===y?(c=di(a.props.children,e.mode,c,a.key),c.return=e,e=c):(c=ui(a.type,a.key,a.props,null,e.mode,c),Aa(c,a),c.return=e,e=c)}return o(e);case v:a:{for(l=a.key;r!==null;){if(r.key===l)if(r.tag===4&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),c=i(r,a.children||[]),c.return=e,e=c;break a}else{n(e,r);break}else t(e,r);r=r.sibling}c=mi(a,e.mode,c),c.return=e,e=c}return o(e);case D:return a=Ca(a),b(e,r,a,c)}if(ie(a))return h(e,r,a,c);if(te(a)){if(l=te(a),typeof l!=`function`)throw Error(s(150));return a=l.call(a),g(e,r,a,c)}if(typeof a.then==`function`)return b(e,r,ka(a),c);if(a.$$typeof===C)return b(e,r,Zi(e,a),c);ja(e,a)}return typeof a==`string`&&a!==``||typeof a==`number`||typeof a==`bigint`?(a=``+a,r!==null&&r.tag===6?(n(e,r.sibling),c=i(r,a),c.return=e,e=c):(n(e,r),c=fi(a,e.mode,c),c.return=e,e=c),o(e)):n(e,r)}return function(e,t,n,r){try{Oa=0;var i=b(e,t,n,r);return Da=null,i}catch(t){if(t===_a||t===ya)throw t;var a=oi(29,t,null,e.mode);return a.lanes=r,a.return=e,a}}}var Na=Ma(!0),Pa=Ma(!1),Fa=!1;function Ia(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function La(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function Ra(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function za(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,Pl&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,t=ri(e),ni(e,null,n),t}return $r(e,r,t,n),ri(e)}function Ba(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,n&4194048)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,tt(e,n)}}function Va(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var o={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};a===null?i=a=o:a=a.next=o,n=n.next}while(n!==null);a===null?i=a=t:a=a.next=t}else i=a=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:a,shared:r.shared,callbacks:r.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var Ha=!1;function Ua(){if(Ha){var e=ca;if(e!==null)throw e}}function Wa(e,t,n,r){Ha=!1;var i=e.updateQueue;Fa=!1;var a=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var c=s,l=c.next;c.next=null,o===null?a=l:o.next=l,o=c;var u=e.alternate;u!==null&&(u=u.updateQueue,s=u.lastBaseUpdate,s!==o&&(s===null?u.firstBaseUpdate=l:s.next=l,u.lastBaseUpdate=c))}if(a!==null){var d=i.baseState;o=0,u=l=c=null,s=a;do{var f=s.lane&-536870913,p=f!==s.lane;if(p?(Q&f)===f:(r&f)===f){f!==0&&f===sa&&(Ha=!0),u!==null&&(u=u.next={lane:0,tag:s.tag,payload:s.payload,callback:null,next:null});a:{var m=e,g=s;f=t;var _=n;switch(g.tag){case 1:if(m=g.payload,typeof m==`function`){d=m.call(_,d,f);break a}d=m;break a;case 3:m.flags=m.flags&-65537|128;case 0:if(m=g.payload,f=typeof m==`function`?m.call(_,d,f):m,f==null)break a;d=h({},d,f);break a;case 2:Fa=!0}}f=s.callback,f!==null&&(e.flags|=64,p&&(e.flags|=8192),p=i.callbacks,p===null?i.callbacks=[f]:p.push(f))}else p={lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},u===null?(l=u=p,c=d):u=u.next=p,o|=f;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;p=s,s=p.next,p.next=null,i.lastBaseUpdate=p,i.shared.pending=null}}while(1);u===null&&(c=d),i.baseState=c,i.firstBaseUpdate=l,i.lastBaseUpdate=u,a===null&&(i.shared.lanes=0),Ul|=o,e.lanes=o,e.memoizedState=d}}function Ga(e,t){if(typeof e!=`function`)throw Error(s(191,e));e.call(t)}function Ka(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;e<n.length;e++)Ga(n[e],t)}var qa=ce(null),Ja=ce(0);function Ya(e,t){e=Vl,P(Ja,e),P(qa,t),Vl=e|t.baseLanes}function G(){P(Ja,Vl),P(qa,qa.current)}function Xa(){Vl=Ja.current,N(qa),N(Ja)}var Za=ce(null),Qa=null;function $a(e){var t=e.alternate;P(ro,ro.current&1),P(Za,e),Qa===null&&(t===null||qa.current!==null||t.memoizedState!==null)&&(Qa=e)}function K(e){P(ro,ro.current),P(Za,e),Qa===null&&(Qa=e)}function eo(e){e.tag===22?(P(ro,ro.current),P(Za,e),Qa===null&&(Qa=e)):to(e)}function to(){P(ro,ro.current),P(Za,Za.current)}function no(e){N(Za),Qa===e&&(Qa=null),N(ro)}var ro=ce(0);function io(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||af(n)||of(n)))return t}else if(t.tag===19&&(t.memoizedProps.revealOrder===`forwards`||t.memoizedProps.revealOrder===`backwards`||t.memoizedProps.revealOrder===`unstable_legacy-backwards`||t.memoizedProps.revealOrder===`together`)){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ao=0,q=null,oo=null,so=null,co=!1,lo=!1,uo=!1,fo=0,po=0,mo=null,ho=0;function go(){throw Error(s(321))}function _o(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!xr(e[n],t[n]))return!1;return!0}function vo(e,t,n,r,i,a){return ao=a,q=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,j.H=e===null||e.memoizedState===null?Ms:Ns,uo=!1,a=n(r,i),uo=!1,lo&&(a=bo(t,n,r,i)),yo(e),a}function yo(e){j.H=js;var t=oo!==null&&oo.next!==null;if(ao=0,so=oo=q=null,co=!1,po=0,mo=null,t)throw Error(s(300));e===null||Xs||(e=e.dependencies,e!==null&&Ji(e)&&(Xs=!0))}function bo(e,t,n,r){q=e;var i=0;do{if(lo&&(mo=null),po=0,lo=!1,25<=i)throw Error(s(301));if(i+=1,so=oo=null,e.updateQueue!=null){var a=e.updateQueue;a.lastEffect=null,a.events=null,a.stores=null,a.memoCache!=null&&(a.memoCache.index=0)}j.H=Ps,a=t(n,r)}while(lo);return a}function xo(){var e=j.H,t=e.useState()[0];return t=typeof t.then==`function`?Do(t):t,e=e.useState()[0],(oo===null?null:oo.memoizedState)!==e&&(q.flags|=1024),t}function J(){var e=fo!==0;return fo=0,e}function So(e,t,n){t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~n}function Co(e){if(co){for(e=e.memoizedState;e!==null;){var t=e.queue;t!==null&&(t.pending=null),e=e.next}co=!1}ao=0,so=oo=q=null,lo=!1,po=fo=0,mo=null}function wo(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return so===null?q.memoizedState=so=e:so=so.next=e,so}function To(){if(oo===null){var e=q.alternate;e=e===null?null:e.memoizedState}else e=oo.next;var t=so===null?q.memoizedState:so.next;if(t!==null)so=t,oo=e;else{if(e===null)throw q.alternate===null?Error(s(467)):Error(s(310));oo=e,e={memoizedState:oo.memoizedState,baseState:oo.baseState,baseQueue:oo.baseQueue,queue:oo.queue,next:null},so===null?q.memoizedState=so=e:so=so.next=e}return so}function Eo(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function Do(e){var t=po;return po+=1,mo===null&&(mo=[]),e=Sa(mo,e,t),t=q,(so===null?t.memoizedState:so.next)===null&&(t=t.alternate,j.H=t===null||t.memoizedState===null?Ms:Ns),e}function Oo(e){if(typeof e==`object`&&e){if(typeof e.then==`function`)return Do(e);if(e.$$typeof===C)return Xi(e)}throw Error(s(438,String(e)))}function ko(e){var t=null,n=q.updateQueue;if(n!==null&&(t=n.memoCache),t==null){var r=q.alternate;r!==null&&(r=r.updateQueue,r!==null&&(r=r.memoCache,r!=null&&(t={data:r.data.map(function(e){return e.slice()}),index:0})))}if(t??={data:[],index:0},n===null&&(n=Eo(),q.updateQueue=n),n.memoCache=t,n=t.data[t.index],n===void 0)for(n=t.data[t.index]=Array(e),r=0;r<e;r++)n[r]=k;return t.index++,n}function Ao(e,t){return typeof t==`function`?t(e):t}function jo(e){return Mo(To(),oo,e)}function Mo(e,t,n){var r=e.queue;if(r===null)throw Error(s(311));r.lastRenderedReducer=n;var i=e.baseQueue,a=r.pending;if(a!==null){if(i!==null){var o=i.next;i.next=a.next,a.next=o}t.baseQueue=i=a,r.pending=null}if(a=e.baseState,i===null)e.memoizedState=a;else{t=i.next;var c=o=null,l=null,u=t,d=!1;do{var f=u.lane&-536870913;if(f===u.lane?(ao&f)===f:(Q&f)===f){var p=u.revertLane;if(p===0)l!==null&&(l=l.next={lane:0,revertLane:0,gesture:null,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),f===sa&&(d=!0);else if((ao&p)===p){u=u.next,p===sa&&(d=!0);continue}else f={lane:0,revertLane:u.revertLane,gesture:null,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null},l===null?(c=l=f,o=a):l=l.next=f,q.lanes|=p,Ul|=p;f=u.action,uo&&n(a,f),a=u.hasEagerState?u.eagerState:n(a,f)}else p={lane:f,revertLane:u.revertLane,gesture:u.gesture,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null},l===null?(c=l=p,o=a):l=l.next=p,q.lanes|=f,Ul|=f;u=u.next}while(u!==null&&u!==t);if(l===null?o=a:l.next=c,!xr(a,e.memoizedState)&&(Xs=!0,d&&(n=ca,n!==null)))throw n;e.memoizedState=a,e.baseState=o,e.baseQueue=l,r.lastRenderedState=a}return i===null&&(r.lanes=0),[e.memoizedState,r.dispatch]}function No(e){var t=To(),n=t.queue;if(n===null)throw Error(s(311));n.lastRenderedReducer=e;var r=n.dispatch,i=n.pending,a=t.memoizedState;if(i!==null){n.pending=null;var o=i=i.next;do a=e(a,o.action),o=o.next;while(o!==i);xr(a,t.memoizedState)||(Xs=!0),t.memoizedState=a,t.baseQueue===null&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function Po(e,t,n){var r=q,i=To(),a=U;if(a){if(n===void 0)throw Error(s(407));n=n()}else n=t();var o=!xr((oo||i).memoizedState,n);if(o&&(i.memoizedState=n,Xs=!0),i=i.queue,as(Lo.bind(null,r,i,e),[e]),i.getSnapshot!==t||o||so!==null&&so.memoizedState.tag&1){if(r.flags|=2048,es(9,{destroy:void 0},Io.bind(null,r,i,n,t),null),Fl===null)throw Error(s(349));a||ao&127||Fo(r,t,n)}return n}function Fo(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=q.updateQueue,t===null?(t=Eo(),q.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function Io(e,t,n,r){t.value=n,t.getSnapshot=r,Ro(t)&&zo(e)}function Lo(e,t,n){return n(function(){Ro(t)&&zo(e)})}function Ro(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!xr(e,n)}catch{return!0}}function zo(e){var t=ti(e,2);t!==null&&pu(t,e,2)}function Bo(e){var t=wo();if(typeof e==`function`){var n=e;if(e=n(),uo){Be(!0);try{n()}finally{Be(!1)}}}return t.memoizedState=t.baseState=e,t.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Ao,lastRenderedState:e},t}function Vo(e,t,n,r){return e.baseState=n,Mo(e,oo,typeof r==`function`?r:Ao)}function Ho(e,t,n,r,i){if(Os(e))throw Error(s(485));if(e=t.action,e!==null){var a={payload:i,action:e,next:null,isTransition:!0,status:`pending`,value:null,reason:null,listeners:[],then:function(e){a.listeners.push(e)}};j.T===null?a.isTransition=!1:n(!0),r(a),n=t.pending,n===null?(a.next=t.pending=a,Uo(t,a)):(a.next=n.next,t.pending=n.next=a)}}function Uo(e,t){var n=t.action,r=t.payload,i=e.state;if(t.isTransition){var a=j.T,o={};j.T=o;try{var s=n(i,r),c=j.S;c!==null&&c(o,s),Wo(e,t,s)}catch(n){Ko(e,t,n)}finally{a!==null&&o.types!==null&&(a.types=o.types),j.T=a}}else try{a=n(i,r),Wo(e,t,a)}catch(n){Ko(e,t,n)}}function Wo(e,t,n){typeof n==`object`&&n&&typeof n.then==`function`?n.then(function(n){Go(e,t,n)},function(n){return Ko(e,t,n)}):Go(e,t,n)}function Go(e,t,n){t.status=`fulfilled`,t.value=n,qo(t),e.state=n,t=e.pending,t!==null&&(n=t.next,n===t?e.pending=null:(n=n.next,t.next=n,Uo(e,n)))}function Ko(e,t,n){var r=e.pending;if(e.pending=null,r!==null){r=r.next;do t.status=`rejected`,t.reason=n,qo(t),t=t.next;while(t!==r)}e.action=null}function qo(e){e=e.listeners;for(var t=0;t<e.length;t++)(0,e[t])()}function Jo(e,t){return t}function Yo(e,t){if(U){var n=Fl.formState;if(n!==null){a:{var r=q;if(U){if(H){b:{for(var i=H,a=Mi;i.nodeType!==8;){if(!a){i=null;break b}if(i=cf(i.nextSibling),i===null){i=null;break b}}a=i.data,i=a===`F!`||a===`F`?i:null}if(i){H=cf(i.nextSibling),r=i.data===`F!`;break a}}Pi(r)}r=!1}r&&(t=n[0])}}return n=wo(),n.memoizedState=n.baseState=t,r={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Jo,lastRenderedState:t},n.queue=r,n=Ts.bind(null,q,r),r.dispatch=n,r=Bo(!1),a=Ds.bind(null,q,!1,r.queue),r=wo(),i={state:t,dispatch:null,action:e,pending:null},r.queue=i,n=Ho.bind(null,q,i,a,n),i.dispatch=n,r.memoizedState=e,[t,n,!1]}function Xo(e){return Zo(To(),oo,e)}function Zo(e,t,n){if(t=Mo(e,t,Jo)[0],e=jo(Ao)[0],typeof t==`object`&&t&&typeof t.then==`function`)try{var r=Do(t)}catch(e){throw e===_a?ya:e}else r=t;t=To();var i=t.queue,a=i.dispatch;return n!==t.memoizedState&&(q.flags|=2048,es(9,{destroy:void 0},Qo.bind(null,i,n),null)),[r,a,e]}function Qo(e,t){e.action=t}function $o(e){var t=To(),n=oo;if(n!==null)return Zo(t,n,e);To(),t=t.memoizedState,n=To();var r=n.queue.dispatch;return n.memoizedState=e,[t,r,!1]}function es(e,t,n,r){return e={tag:e,create:n,deps:r,inst:t,next:null},t=q.updateQueue,t===null&&(t=Eo(),q.updateQueue=t),n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function ts(){return To().memoizedState}function ns(e,t,n,r){var i=wo();q.flags|=e,i.memoizedState=es(1|t,{destroy:void 0},n,r===void 0?null:r)}function rs(e,t,n,r){var i=To();r=r===void 0?null:r;var a=i.memoizedState.inst;oo!==null&&r!==null&&_o(r,oo.memoizedState.deps)?i.memoizedState=es(t,a,n,r):(q.flags|=e,i.memoizedState=es(1|t,a,n,r))}function is(e,t){ns(8390656,8,e,t)}function as(e,t){rs(2048,8,e,t)}function os(e){q.flags|=4;var t=q.updateQueue;if(t===null)t=Eo(),q.updateQueue=t,t.events=[e];else{var n=t.events;n===null?t.events=[e]:n.push(e)}}function ss(e){var t=To().memoizedState;return os({ref:t,nextImpl:e}),function(){if(Pl&2)throw Error(s(440));return t.impl.apply(void 0,arguments)}}function cs(e,t){return rs(4,2,e,t)}function ls(e,t){return rs(4,4,e,t)}function us(e,t){if(typeof t==`function`){e=e();var n=t(e);return function(){typeof n==`function`?n():t(null)}}if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function ds(e,t,n){n=n==null?null:n.concat([e]),rs(4,4,us.bind(null,t,e),n)}function fs(){}function ps(e,t){var n=To();t=t===void 0?null:t;var r=n.memoizedState;return t!==null&&_o(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function ms(e,t){var n=To();t=t===void 0?null:t;var r=n.memoizedState;if(t!==null&&_o(t,r[1]))return r[0];if(r=e(),uo){Be(!0);try{e()}finally{Be(!1)}}return n.memoizedState=[r,t],r}function hs(e,t,n){return n===void 0||ao&1073741824&&!(Q&261930)?e.memoizedState=t:(e.memoizedState=n,e=fu(),q.lanes|=e,Ul|=e,n)}function gs(e,t,n,r){return xr(n,t)?n:qa.current===null?!(ao&42)||ao&1073741824&&!(Q&261930)?(Xs=!0,e.memoizedState=n):(e=fu(),q.lanes|=e,Ul|=e,t):(e=hs(e,n,r),xr(e,t)||(Xs=!0),e)}function _s(e,t,n,r,i){var a=M.p;M.p=a!==0&&8>a?a:8;var o=j.T,s={};j.T=s,Ds(e,!1,t,n);try{var c=i(),l=j.S;l!==null&&l(s,c),typeof c==`object`&&c&&typeof c.then==`function`?Es(e,t,da(c,r),du(e)):Es(e,t,r,du(e))}catch(n){Es(e,t,{then:function(){},status:`rejected`,reason:n},du())}finally{M.p=a,o!==null&&s.types!==null&&(o.types=s.types),j.T=o}}function Y(){}function vs(e,t,n,r){if(e.tag!==5)throw Error(s(476));var i=ys(e).queue;_s(e,i,t,ae,n===null?Y:function(){return bs(e),n(r)})}function ys(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:ae,baseState:ae,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Ao,lastRenderedState:ae},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Ao,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function bs(e){var t=ys(e);t.next===null&&(t=e.alternate.memoizedState),Es(e,t.next.queue,{},du())}function xs(){return Xi(Qf)}function Ss(){return To().memoizedState}function Cs(){return To().memoizedState}function X(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=du();e=Ra(n);var r=za(t,e,n);r!==null&&(pu(r,t,n),Ba(r,t,n)),t={cache:ra()},e.payload=t;return}t=t.return}}function ws(e,t,n){var r=du();n={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},Os(e)?ks(t,n):(n=ei(e,t,n,r),n!==null&&(pu(n,e,r),As(n,t,r)))}function Ts(e,t,n){Es(e,t,n,du())}function Es(e,t,n,r){var i={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(Os(e))ks(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,s=a(o,n);if(i.hasEagerState=!0,i.eagerState=s,xr(s,o))return $r(e,t,i,0),Fl===null&&Qr(),!1}catch{}if(n=ei(e,t,i,r),n!==null)return pu(n,e,r),As(n,t,r),!0}return!1}function Ds(e,t,n,r){if(r={lane:2,revertLane:ud(),gesture:null,action:r,hasEagerState:!1,eagerState:null,next:null},Os(e)){if(t)throw Error(s(479))}else t=ei(e,n,r,2),t!==null&&pu(t,e,2)}function Os(e){var t=e.alternate;return e===q||t!==null&&t===q}function ks(e,t){lo=co=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function As(e,t,n){if(n&4194048){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,tt(e,n)}}var js={readContext:Xi,use:Oo,useCallback:go,useContext:go,useEffect:go,useImperativeHandle:go,useLayoutEffect:go,useInsertionEffect:go,useMemo:go,useReducer:go,useRef:go,useState:go,useDebugValue:go,useDeferredValue:go,useTransition:go,useSyncExternalStore:go,useId:go,useHostTransitionStatus:go,useFormState:go,useActionState:go,useOptimistic:go,useMemoCache:go,useCacheRefresh:go};js.useEffectEvent=go;var Ms={readContext:Xi,use:Oo,useCallback:function(e,t){return wo().memoizedState=[e,t===void 0?null:t],e},useContext:Xi,useEffect:is,useImperativeHandle:function(e,t,n){n=n==null?null:n.concat([e]),ns(4194308,4,us.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ns(4194308,4,e,t)},useInsertionEffect:function(e,t){ns(4,2,e,t)},useMemo:function(e,t){var n=wo();t=t===void 0?null:t;var r=e();if(uo){Be(!0);try{e()}finally{Be(!1)}}return n.memoizedState=[r,t],r},useReducer:function(e,t,n){var r=wo();if(n!==void 0){var i=n(t);if(uo){Be(!0);try{n(t)}finally{Be(!1)}}}else i=t;return r.memoizedState=r.baseState=i,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:i},r.queue=e,e=e.dispatch=ws.bind(null,q,e),[r.memoizedState,e]},useRef:function(e){var t=wo();return e={current:e},t.memoizedState=e},useState:function(e){e=Bo(e);var t=e.queue,n=Ts.bind(null,q,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:fs,useDeferredValue:function(e,t){return hs(wo(),e,t)},useTransition:function(){var e=Bo(!1);return e=_s.bind(null,q,e.queue,!0,!1),wo().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var r=q,i=wo();if(U){if(n===void 0)throw Error(s(407));n=n()}else{if(n=t(),Fl===null)throw Error(s(349));Q&127||Fo(r,t,n)}i.memoizedState=n;var a={value:n,getSnapshot:t};return i.queue=a,is(Lo.bind(null,r,a,e),[e]),r.flags|=2048,es(9,{destroy:void 0},Io.bind(null,r,a,n,t),null),n},useId:function(){var e=wo(),t=Fl.identifierPrefix;if(U){var n=wi,r=Ci;n=(r&~(1<<32-Ve(r)-1)).toString(32)+n,t=`_`+t+`R_`+n,n=fo++,0<n&&(t+=`H`+n.toString(32)),t+=`_`}else n=ho++,t=`_`+t+`r_`+n.toString(32)+`_`;return e.memoizedState=t},useHostTransitionStatus:xs,useFormState:Yo,useActionState:Yo,useOptimistic:function(e){var t=wo();t.memoizedState=t.baseState=e;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return t.queue=n,t=Ds.bind(null,q,!0,n),n.dispatch=t,[e,t]},useMemoCache:ko,useCacheRefresh:function(){return wo().memoizedState=X.bind(null,q)},useEffectEvent:function(e){var t=wo(),n={impl:e};return t.memoizedState=n,function(){if(Pl&2)throw Error(s(440));return n.impl.apply(void 0,arguments)}}},Ns={readContext:Xi,use:Oo,useCallback:ps,useContext:Xi,useEffect:as,useImperativeHandle:ds,useInsertionEffect:cs,useLayoutEffect:ls,useMemo:ms,useReducer:jo,useRef:ts,useState:function(){return jo(Ao)},useDebugValue:fs,useDeferredValue:function(e,t){return gs(To(),oo.memoizedState,e,t)},useTransition:function(){var e=jo(Ao)[0],t=To().memoizedState;return[typeof e==`boolean`?e:Do(e),t]},useSyncExternalStore:Po,useId:Ss,useHostTransitionStatus:xs,useFormState:Xo,useActionState:Xo,useOptimistic:function(e,t){return Vo(To(),oo,e,t)},useMemoCache:ko,useCacheRefresh:Cs};Ns.useEffectEvent=ss;var Ps={readContext:Xi,use:Oo,useCallback:ps,useContext:Xi,useEffect:as,useImperativeHandle:ds,useInsertionEffect:cs,useLayoutEffect:ls,useMemo:ms,useReducer:No,useRef:ts,useState:function(){return No(Ao)},useDebugValue:fs,useDeferredValue:function(e,t){var n=To();return oo===null?hs(n,e,t):gs(n,oo.memoizedState,e,t)},useTransition:function(){var e=No(Ao)[0],t=To().memoizedState;return[typeof e==`boolean`?e:Do(e),t]},useSyncExternalStore:Po,useId:Ss,useHostTransitionStatus:xs,useFormState:$o,useActionState:$o,useOptimistic:function(e,t){var n=To();return oo===null?(n.baseState=e,[e,n.queue.dispatch]):Vo(n,oo,e,t)},useMemoCache:ko,useCacheRefresh:Cs};Ps.useEffectEvent=ss;function Fs(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:h({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var Is={enqueueSetState:function(e,t,n){e=e._reactInternals;var r=du(),i=Ra(r);i.payload=t,n!=null&&(i.callback=n),t=za(e,i,r),t!==null&&(pu(t,e,r),Ba(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=du(),i=Ra(r);i.tag=1,i.payload=t,n!=null&&(i.callback=n),t=za(e,i,r),t!==null&&(pu(t,e,r),Ba(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=du(),r=Ra(n);r.tag=2,t!=null&&(r.callback=t),t=za(e,r,n),t!==null&&(pu(t,e,n),Ba(t,e,n))}};function Ls(e,t,n,r,i,a,o){return e=e.stateNode,typeof e.shouldComponentUpdate==`function`?e.shouldComponentUpdate(r,a,o):t.prototype&&t.prototype.isPureReactComponent?!Sr(n,r)||!Sr(i,a):!0}function Rs(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps==`function`&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps==`function`&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Is.enqueueReplaceState(t,t.state,null)}function zs(e,t){var n=t;if(`ref`in t)for(var r in n={},t)r!==`ref`&&(n[r]=t[r]);if(e=e.defaultProps)for(var i in n===t&&(n=h({},n)),e)n[i]===void 0&&(n[i]=e[i]);return n}function Bs(e){Jr(e)}function Vs(e){console.error(e)}function Hs(e){Jr(e)}function Us(e,t){try{var n=e.onUncaughtError;n(t.value,{componentStack:t.stack})}catch(e){setTimeout(function(){throw e})}}function Ws(e,t,n){try{var r=e.onCaughtError;r(n.value,{componentStack:n.stack,errorBoundary:t.tag===1?t.stateNode:null})}catch(e){setTimeout(function(){throw e})}}function Gs(e,t,n){return n=Ra(n),n.tag=3,n.payload={element:null},n.callback=function(){Us(e,t)},n}function Ks(e){return e=Ra(e),e.tag=3,e}function qs(e,t,n,r){var i=n.type.getDerivedStateFromError;if(typeof i==`function`){var a=r.value;e.payload=function(){return i(a)},e.callback=function(){Ws(t,n,r)}}var o=n.stateNode;o!==null&&typeof o.componentDidCatch==`function`&&(e.callback=function(){Ws(t,n,r),typeof i!=`function`&&(tu===null?tu=new Set([this]):tu.add(this));var e=r.stack;this.componentDidCatch(r.value,{componentStack:e===null?``:e})})}function Js(e,t,n,r,i){if(n.flags|=32768,typeof r==`object`&&r&&typeof r.then==`function`){if(t=n.alternate,t!==null&&qi(t,n,i,!0),n=Za.current,n!==null){switch(n.tag){case 31:case 13:return Qa===null?Tu():n.alternate===null&&Hl===0&&(Hl=3),n.flags&=-257,n.flags|=65536,n.lanes=i,r===ba?n.flags|=16384:(t=n.updateQueue,t===null?n.updateQueue=new Set([r]):t.add(r),Wu(e,r,i)),!1;case 22:return n.flags|=65536,r===ba?n.flags|=16384:(t=n.updateQueue,t===null?(t={transitions:null,markerInstances:null,retryQueue:new Set([r])},n.updateQueue=t):(n=t.retryQueue,n===null?t.retryQueue=new Set([r]):n.add(r)),Wu(e,r,i)),!1}throw Error(s(435,n.tag))}return Wu(e,r,i),Tu(),!1}if(U)return t=Za.current,t===null?(r!==Ni&&(t=Error(s(423),{cause:r}),Bi(V(t,n))),e=e.current.alternate,e.flags|=65536,i&=-i,e.lanes|=i,r=V(r,n),i=Gs(e.stateNode,r,i),Va(e,i),Hl!==4&&(Hl=2)):(!(t.flags&65536)&&(t.flags|=256),t.flags|=65536,t.lanes=i,r!==Ni&&(e=Error(s(422),{cause:r}),Bi(V(e,n)))),!1;var a=Error(s(520),{cause:r});if(a=V(a,n),Jl===null?Jl=[a]:Jl.push(a),Hl!==4&&(Hl=2),t===null)return!0;r=V(r,n),n=t;do{switch(n.tag){case 3:return n.flags|=65536,e=i&-i,n.lanes|=e,e=Gs(n.stateNode,r,e),Va(n,e),!1;case 1:if(t=n.type,a=n.stateNode,!(n.flags&128)&&(typeof t.getDerivedStateFromError==`function`||a!==null&&typeof a.componentDidCatch==`function`&&(tu===null||!tu.has(a))))return n.flags|=65536,i&=-i,n.lanes|=i,i=Ks(i),qs(i,e,n,r),Va(n,i),!1}n=n.return}while(n!==null);return!1}var Ys=Error(s(461)),Xs=!1;function Zs(e,t,n,r){t.child=e===null?Pa(t,null,n,r):Na(t,e.child,n,r)}function Qs(e,t,n,r,i){n=n.render;var a=t.ref;if(`ref`in r){var o={};for(var s in r)s!==`ref`&&(o[s]=r[s])}else o=r;return Yi(t),r=vo(e,t,n,o,a,i),s=J(),e!==null&&!Xs?(So(e,t,i),Sc(e,t,i)):(U&&s&&Di(t),t.flags|=1,Zs(e,t,r,i),t.child)}function $s(e,t,n,r,i){if(e===null){var a=n.type;return typeof a==`function`&&!si(a)&&a.defaultProps===void 0&&n.compare===null?(t.tag=15,t.type=a,ec(e,t,a,r,i)):(e=ui(n.type,null,r,t,t.mode,i),e.ref=t.ref,e.return=t,t.child=e)}if(a=e.child,!Cc(e,i)){var o=a.memoizedProps;if(n=n.compare,n=n===null?Sr:n,n(o,r)&&e.ref===t.ref)return Sc(e,t,i)}return t.flags|=1,e=ci(a,r),e.ref=t.ref,e.return=t,t.child=e}function ec(e,t,n,r,i){if(e!==null){var a=e.memoizedProps;if(Sr(a,r)&&e.ref===t.ref)if(Xs=!1,t.pendingProps=r=a,Cc(e,i))e.flags&131072&&(Xs=!0);else return t.lanes=e.lanes,Sc(e,t,i)}return cc(e,t,n,r,i)}function tc(e,t,n,r){var i=r.children,a=e===null?null:e.memoizedState;if(e===null&&t.stateNode===null&&(t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),r.mode===`hidden`){if(t.flags&128){if(a=a===null?n:a.baseLanes|n,e!==null){for(r=t.child=e.child,i=0;r!==null;)i=i|r.lanes|r.childLanes,r=r.sibling;r=i&~a}else r=0,t.child=null;return rc(e,t,a,n,r)}if(n&536870912)t.memoizedState={baseLanes:0,cachePool:null},e!==null&&ha(t,a===null?null:a.cachePool),a===null?G():Ya(t,a),eo(t);else return r=t.lanes=536870912,rc(e,t,a===null?n:a.baseLanes|n,n,r)}else a===null?(e!==null&&ha(t,null),G(),to(t)):(ha(t,a.cachePool),Ya(t,a),to(t),t.memoizedState=null);return Zs(e,t,i,n),t.child}function nc(e,t){return e!==null&&e.tag===22||t.stateNode!==null||(t.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),t.sibling}function rc(e,t,n,r,i){var a=ma();return a=a===null?null:{parent:na._currentValue,pool:a},t.memoizedState={baseLanes:n,cachePool:a},e!==null&&ha(t,null),G(),eo(t),e!==null&&qi(e,t,r,!0),t.childLanes=i,null}function ic(e,t){return t=_c({mode:t.mode,children:t.children},e.mode),t.ref=e.ref,e.child=t,t.return=e,t}function ac(e,t,n){return Na(t,e.child,null,n),e=ic(t,t.pendingProps),e.flags|=2,no(t),t.memoizedState=null,e}function oc(e,t,n){var r=t.pendingProps,i=(t.flags&128)!=0;if(t.flags&=-129,e===null){if(U){if(r.mode===`hidden`)return e=ic(t,r),t.lanes=536870912,nc(null,e);if(K(t),(e=H)?(e=rf(e,Mi),e=e!==null&&e.data===`&`?e:null,e!==null&&(t.memoizedState={dehydrated:e,treeContext:Si===null?null:{id:Ci,overflow:wi},retryLane:536870912,hydrationErrors:null},n=pi(e),n.return=t,t.child=n,Ai=t,H=null)):e=null,e===null)throw Pi(t);return t.lanes=536870912,null}return ic(t,r)}var a=e.memoizedState;if(a!==null){var o=a.dehydrated;if(K(t),i)if(t.flags&256)t.flags&=-257,t=ac(e,t,n);else if(t.memoizedState!==null)t.child=e.child,t.flags|=128,t=null;else throw Error(s(558));else if(Xs||qi(e,t,n,!1),i=(n&e.childLanes)!==0,Xs||i){if(r=Fl,r!==null&&(o=nt(r,n),o!==0&&o!==a.retryLane))throw a.retryLane=o,ti(e,o),pu(r,e,o),Ys;Tu(),t=ac(e,t,n)}else e=a.treeContext,H=cf(o.nextSibling),Ai=t,U=!0,ji=null,Mi=!1,e!==null&&ki(t,e),t=ic(t,r),t.flags|=4096;return t}return e=ci(e.child,{mode:r.mode,children:r.children}),e.ref=t.ref,t.child=e,e.return=t,e}function sc(e,t){var n=t.ref;if(n===null)e!==null&&e.ref!==null&&(t.flags|=4194816);else{if(typeof n!=`function`&&typeof n!=`object`)throw Error(s(284));(e===null||e.ref!==n)&&(t.flags|=4194816)}}function cc(e,t,n,r,i){return Yi(t),n=vo(e,t,n,r,void 0,i),r=J(),e!==null&&!Xs?(So(e,t,i),Sc(e,t,i)):(U&&r&&Di(t),t.flags|=1,Zs(e,t,n,i),t.child)}function lc(e,t,n,r,i,a){return Yi(t),t.updateQueue=null,n=bo(t,r,n,i),yo(e),r=J(),e!==null&&!Xs?(So(e,t,a),Sc(e,t,a)):(U&&r&&Di(t),t.flags|=1,Zs(e,t,n,a),t.child)}function uc(e,t,n,r,i){if(Yi(t),t.stateNode===null){var a=ii,o=n.contextType;typeof o==`object`&&o&&(a=Xi(o)),a=new n(r,a),t.memoizedState=a.state!==null&&a.state!==void 0?a.state:null,a.updater=Is,t.stateNode=a,a._reactInternals=t,a=t.stateNode,a.props=r,a.state=t.memoizedState,a.refs={},Ia(t),o=n.contextType,a.context=typeof o==`object`&&o?Xi(o):ii,a.state=t.memoizedState,o=n.getDerivedStateFromProps,typeof o==`function`&&(Fs(t,n,o,r),a.state=t.memoizedState),typeof n.getDerivedStateFromProps==`function`||typeof a.getSnapshotBeforeUpdate==`function`||typeof a.UNSAFE_componentWillMount!=`function`&&typeof a.componentWillMount!=`function`||(o=a.state,typeof a.componentWillMount==`function`&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount==`function`&&a.UNSAFE_componentWillMount(),o!==a.state&&Is.enqueueReplaceState(a,a.state,null),Wa(t,r,a,i),Ua(),a.state=t.memoizedState),typeof a.componentDidMount==`function`&&(t.flags|=4194308),r=!0}else if(e===null){a=t.stateNode;var s=t.memoizedProps,c=zs(n,s);a.props=c;var l=a.context,u=n.contextType;o=ii,typeof u==`object`&&u&&(o=Xi(u));var d=n.getDerivedStateFromProps;u=typeof d==`function`||typeof a.getSnapshotBeforeUpdate==`function`,s=t.pendingProps!==s,u||typeof a.UNSAFE_componentWillReceiveProps!=`function`&&typeof a.componentWillReceiveProps!=`function`||(s||l!==o)&&Rs(t,a,r,o),Fa=!1;var f=t.memoizedState;a.state=f,Wa(t,r,a,i),Ua(),l=t.memoizedState,s||f!==l||Fa?(typeof d==`function`&&(Fs(t,n,d,r),l=t.memoizedState),(c=Fa||Ls(t,n,c,r,f,l,o))?(u||typeof a.UNSAFE_componentWillMount!=`function`&&typeof a.componentWillMount!=`function`||(typeof a.componentWillMount==`function`&&a.componentWillMount(),typeof a.UNSAFE_componentWillMount==`function`&&a.UNSAFE_componentWillMount()),typeof a.componentDidMount==`function`&&(t.flags|=4194308)):(typeof a.componentDidMount==`function`&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=l),a.props=r,a.state=l,a.context=o,r=c):(typeof a.componentDidMount==`function`&&(t.flags|=4194308),r=!1)}else{a=t.stateNode,La(e,t),o=t.memoizedProps,u=zs(n,o),a.props=u,d=t.pendingProps,f=a.context,l=n.contextType,c=ii,typeof l==`object`&&l&&(c=Xi(l)),s=n.getDerivedStateFromProps,(l=typeof s==`function`||typeof a.getSnapshotBeforeUpdate==`function`)||typeof a.UNSAFE_componentWillReceiveProps!=`function`&&typeof a.componentWillReceiveProps!=`function`||(o!==d||f!==c)&&Rs(t,a,r,c),Fa=!1,f=t.memoizedState,a.state=f,Wa(t,r,a,i),Ua();var p=t.memoizedState;o!==d||f!==p||Fa||e!==null&&e.dependencies!==null&&Ji(e.dependencies)?(typeof s==`function`&&(Fs(t,n,s,r),p=t.memoizedState),(u=Fa||Ls(t,n,u,r,f,p,c)||e!==null&&e.dependencies!==null&&Ji(e.dependencies))?(l||typeof a.UNSAFE_componentWillUpdate!=`function`&&typeof a.componentWillUpdate!=`function`||(typeof a.componentWillUpdate==`function`&&a.componentWillUpdate(r,p,c),typeof a.UNSAFE_componentWillUpdate==`function`&&a.UNSAFE_componentWillUpdate(r,p,c)),typeof a.componentDidUpdate==`function`&&(t.flags|=4),typeof a.getSnapshotBeforeUpdate==`function`&&(t.flags|=1024)):(typeof a.componentDidUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=p),a.props=r,a.state=p,a.context=c,r=u):(typeof a.componentDidUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof a.getSnapshotBeforeUpdate!=`function`||o===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return a=r,sc(e,t),r=(t.flags&128)!=0,a||r?(a=t.stateNode,n=r&&typeof n.getDerivedStateFromError!=`function`?null:a.render(),t.flags|=1,e!==null&&r?(t.child=Na(t,e.child,null,i),t.child=Na(t,null,n,i)):Zs(e,t,n,i),t.memoizedState=a.state,e=t.child):e=Sc(e,t,i),e}function dc(e,t,n,r){return Ri(),t.flags|=256,Zs(e,t,n,r),t.child}var fc={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function pc(e){return{baseLanes:e,cachePool:ga()}}function mc(e,t,n){return e=e===null?0:e.childLanes&~n,t&&(e|=Kl),e}function hc(e,t,n){var r=t.pendingProps,i=!1,a=(t.flags&128)!=0,o;if((o=a)||(o=e!==null&&e.memoizedState===null?!1:(ro.current&2)!=0),o&&(i=!0,t.flags&=-129),o=(t.flags&32)!=0,t.flags&=-33,e===null){if(U){if(i?$a(t):to(t),(e=H)?(e=rf(e,Mi),e=e!==null&&e.data!==`&`?e:null,e!==null&&(t.memoizedState={dehydrated:e,treeContext:Si===null?null:{id:Ci,overflow:wi},retryLane:536870912,hydrationErrors:null},n=pi(e),n.return=t,t.child=n,Ai=t,H=null)):e=null,e===null)throw Pi(t);return of(e)?t.lanes=32:t.lanes=536870912,null}var c=r.children;return r=r.fallback,i?(to(t),i=t.mode,c=_c({mode:`hidden`,children:c},i),r=di(r,i,n,null),c.return=t,r.return=t,c.sibling=r,t.child=c,r=t.child,r.memoizedState=pc(n),r.childLanes=mc(e,o,n),t.memoizedState=fc,nc(null,r)):($a(t),gc(t,c))}var l=e.memoizedState;if(l!==null&&(c=l.dehydrated,c!==null)){if(a)t.flags&256?($a(t),t.flags&=-257,t=vc(e,t,n)):t.memoizedState===null?(to(t),c=r.fallback,i=t.mode,r=_c({mode:`visible`,children:r.children},i),c=di(c,i,n,null),c.flags|=2,r.return=t,c.return=t,r.sibling=c,t.child=r,Na(t,e.child,null,n),r=t.child,r.memoizedState=pc(n),r.childLanes=mc(e,o,n),t.memoizedState=fc,t=nc(null,r)):(to(t),t.child=e.child,t.flags|=128,t=null);else if($a(t),of(c)){if(o=c.nextSibling&&c.nextSibling.dataset,o)var u=o.dgst;o=u,r=Error(s(419)),r.stack=``,r.digest=o,Bi({value:r,source:null,stack:null}),t=vc(e,t,n)}else if(Xs||qi(e,t,n,!1),o=(n&e.childLanes)!==0,Xs||o){if(o=Fl,o!==null&&(r=nt(o,n),r!==0&&r!==l.retryLane))throw l.retryLane=r,ti(e,r),pu(o,e,r),Ys;af(c)||Tu(),t=vc(e,t,n)}else af(c)?(t.flags|=192,t.child=e.child,t=null):(e=l.treeContext,H=cf(c.nextSibling),Ai=t,U=!0,ji=null,Mi=!1,e!==null&&ki(t,e),t=gc(t,r.children),t.flags|=4096);return t}return i?(to(t),c=r.fallback,i=t.mode,l=e.child,u=l.sibling,r=ci(l,{mode:`hidden`,children:r.children}),r.subtreeFlags=l.subtreeFlags&65011712,u===null?(c=di(c,i,n,null),c.flags|=2):c=ci(u,c),c.return=t,r.return=t,r.sibling=c,t.child=r,nc(null,r),r=t.child,c=e.child.memoizedState,c===null?c=pc(n):(i=c.cachePool,i===null?i=ga():(l=na._currentValue,i=i.parent===l?i:{parent:l,pool:l}),c={baseLanes:c.baseLanes|n,cachePool:i}),r.memoizedState=c,r.childLanes=mc(e,o,n),t.memoizedState=fc,nc(e.child,r)):($a(t),n=e.child,e=n.sibling,n=ci(n,{mode:`visible`,children:r.children}),n.return=t,n.sibling=null,e!==null&&(o=t.deletions,o===null?(t.deletions=[e],t.flags|=16):o.push(e)),t.child=n,t.memoizedState=null,n)}function gc(e,t){return t=_c({mode:`visible`,children:t},e.mode),t.return=e,e.child=t}function _c(e,t){return e=oi(22,e,null,t),e.lanes=0,e}function vc(e,t,n){return Na(t,e.child,null,n),e=gc(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function yc(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Gi(e.return,t,n)}function bc(e,t,n,r,i,a){var o=e.memoizedState;o===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:i,treeForkCount:a}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailMode=i,o.treeForkCount=a)}function xc(e,t,n){var r=t.pendingProps,i=r.revealOrder,a=r.tail;r=r.children;var o=ro.current,s=(o&2)!=0;if(s?(o=o&1|2,t.flags|=128):o&=1,P(ro,o),Zs(e,t,r,n),r=U?yi:0,!s&&e!==null&&e.flags&128)a:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&yc(e,n,t);else if(e.tag===19)yc(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break a;for(;e.sibling===null;){if(e.return===null||e.return===t)break a;e=e.return}e.sibling.return=e.return,e=e.sibling}switch(i){case`forwards`:for(n=t.child,i=null;n!==null;)e=n.alternate,e!==null&&io(e)===null&&(i=n),n=n.sibling;n=i,n===null?(i=t.child,t.child=null):(i=n.sibling,n.sibling=null),bc(t,!1,i,n,a,r);break;case`backwards`:case`unstable_legacy-backwards`:for(n=null,i=t.child,t.child=null;i!==null;){if(e=i.alternate,e!==null&&io(e)===null){t.child=i;break}e=i.sibling,i.sibling=n,n=i,i=e}bc(t,!0,n,null,a,r);break;case`together`:bc(t,!1,null,null,void 0,r);break;default:t.memoizedState=null}return t.child}function Sc(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Ul|=t.lanes,(n&t.childLanes)===0)if(e!==null){if(qi(e,t,n,!1),(n&t.childLanes)===0)return null}else return null;if(e!==null&&t.child!==e.child)throw Error(s(153));if(t.child!==null){for(e=t.child,n=ci(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=ci(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Cc(e,t){return(e.lanes&t)===0?(e=e.dependencies,!!(e!==null&&Ji(e))):!0}function wc(e,t,n){switch(t.tag){case 3:pe(t,t.stateNode.containerInfo),W(t,na,e.memoizedState.cache),Ri();break;case 27:case 5:he(t);break;case 4:pe(t,t.stateNode.containerInfo);break;case 10:W(t,t.type,t.memoizedProps.value);break;case 31:if(t.memoizedState!==null)return t.flags|=128,K(t),null;break;case 13:var r=t.memoizedState;if(r!==null)return r.dehydrated===null?(n&t.child.childLanes)===0?($a(t),e=Sc(e,t,n),e===null?null:e.sibling):hc(e,t,n):($a(t),t.flags|=128,null);$a(t);break;case 19:var i=(e.flags&128)!=0;if(r=(n&t.childLanes)!==0,r||=(qi(e,t,n,!1),(n&t.childLanes)!==0),i){if(r)return xc(e,t,n);t.flags|=128}if(i=t.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),P(ro,ro.current),r)break;return null;case 22:return t.lanes=0,tc(e,t,n,t.pendingProps);case 24:W(t,na,e.memoizedState.cache)}return Sc(e,t,n)}function Tc(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps)Xs=!0;else{if(!Cc(e,n)&&!(t.flags&128))return Xs=!1,wc(e,t,n);Xs=!!(e.flags&131072)}else Xs=!1,U&&t.flags&1048576&&Ei(t,yi,t.index);switch(t.lanes=0,t.tag){case 16:a:{var r=t.pendingProps;if(e=Ca(t.elementType),t.type=e,typeof e==`function`)si(e)?(r=zs(e,r),t.tag=1,t=uc(null,t,e,r,n)):(t.tag=0,t=cc(null,t,e,r,n));else{if(e!=null){var i=e.$$typeof;if(i===w){t.tag=11,t=Qs(null,t,e,r,n);break a}else if(i===E){t.tag=14,t=$s(null,t,e,r,n);break a}}throw t=re(e)||e,Error(s(306,t,``))}}return t;case 0:return cc(e,t,t.type,t.pendingProps,n);case 1:return r=t.type,i=zs(r,t.pendingProps),uc(e,t,r,i,n);case 3:a:{if(pe(t,t.stateNode.containerInfo),e===null)throw Error(s(387));r=t.pendingProps;var a=t.memoizedState;i=a.element,La(e,t),Wa(t,r,null,n);var o=t.memoizedState;if(r=o.cache,W(t,na,r),r!==a.cache&&Ki(t,[na],n,!0),Ua(),r=o.element,a.isDehydrated)if(a={element:r,isDehydrated:!1,cache:o.cache},t.updateQueue.baseState=a,t.memoizedState=a,t.flags&256){t=dc(e,t,r,n);break a}else if(r!==i){i=V(Error(s(424)),t),Bi(i),t=dc(e,t,r,n);break a}else{switch(e=t.stateNode.containerInfo,e.nodeType){case 9:e=e.body;break;default:e=e.nodeName===`HTML`?e.ownerDocument.body:e}for(H=cf(e.firstChild),Ai=t,U=!0,ji=null,Mi=!0,n=Pa(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling}else{if(Ri(),r===i){t=Sc(e,t,n);break a}Zs(e,t,r,n)}t=t.child}return t;case 26:return sc(e,t),e===null?(n=kf(t.type,null,t.pendingProps,null))?t.memoizedState=n:U||(n=t.type,e=t.pendingProps,r=Bd(de.current).createElement(n),r[st]=t,r[R]=e,Pd(r,n,e),vt(r),t.stateNode=r):t.memoizedState=kf(t.type,e.memoizedProps,t.pendingProps,e.memoizedState),null;case 27:return he(t),e===null&&U&&(r=t.stateNode=ff(t.type,t.pendingProps,de.current),Ai=t,Mi=!0,i=H,Zd(t.type)?(lf=i,H=cf(r.firstChild)):H=i),Zs(e,t,t.pendingProps.children,n),sc(e,t),e===null&&(t.flags|=4194304),t.child;case 5:return e===null&&U&&((i=r=H)&&(r=tf(r,t.type,t.pendingProps,Mi),r===null?i=!1:(t.stateNode=r,Ai=t,H=cf(r.firstChild),Mi=!1,i=!0)),i||Pi(t)),he(t),i=t.type,a=t.pendingProps,o=e===null?null:e.memoizedProps,r=a.children,Ud(i,a)?r=null:o!==null&&Ud(i,o)&&(t.flags|=32),t.memoizedState!==null&&(i=vo(e,t,xo,null,null,n),Qf._currentValue=i),sc(e,t),Zs(e,t,r,n),t.child;case 6:return e===null&&U&&((e=n=H)&&(n=nf(n,t.pendingProps,Mi),n===null?e=!1:(t.stateNode=n,Ai=t,H=null,e=!0)),e||Pi(t)),null;case 13:return hc(e,t,n);case 4:return pe(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=Na(t,null,r,n):Zs(e,t,r,n),t.child;case 11:return Qs(e,t,t.type,t.pendingProps,n);case 7:return Zs(e,t,t.pendingProps,n),t.child;case 8:return Zs(e,t,t.pendingProps.children,n),t.child;case 12:return Zs(e,t,t.pendingProps.children,n),t.child;case 10:return r=t.pendingProps,W(t,t.type,r.value),Zs(e,t,r.children,n),t.child;case 9:return i=t.type._context,r=t.pendingProps.children,Yi(t),i=Xi(i),r=r(i),t.flags|=1,Zs(e,t,r,n),t.child;case 14:return $s(e,t,t.type,t.pendingProps,n);case 15:return ec(e,t,t.type,t.pendingProps,n);case 19:return xc(e,t,n);case 31:return oc(e,t,n);case 22:return tc(e,t,n,t.pendingProps);case 24:return Yi(t),r=Xi(na),e===null?(i=ma(),i===null&&(i=Fl,a=ra(),i.pooledCache=a,a.refCount++,a!==null&&(i.pooledCacheLanes|=n),i=a),t.memoizedState={parent:r,cache:i},Ia(t),W(t,na,i)):((e.lanes&n)!==0&&(La(e,t),Wa(t,null,null,n),Ua()),i=e.memoizedState,a=t.memoizedState,i.parent===r?(r=a.cache,W(t,na,r),r!==i.cache&&Ki(t,[na],n,!0)):(i={parent:r,cache:r},t.memoizedState=i,t.lanes===0&&(t.memoizedState=t.updateQueue.baseState=i),W(t,na,r))),Zs(e,t,t.pendingProps.children,n),t.child;case 29:throw t.pendingProps}throw Error(s(156,t.tag))}function Ec(e){e.flags|=4}function Dc(e,t,n,r,i){if((t=(e.mode&32)!=0)&&(t=!1),t){if(e.flags|=16777216,(i&335544128)===i)if(e.stateNode.complete)e.flags|=8192;else if(Su())e.flags|=8192;else throw wa=ba,va}else e.flags&=-16777217}function Oc(e,t){if(t.type!==`stylesheet`||t.state.loading&4)e.flags&=-16777217;else if(e.flags|=16777216,!Wf(t))if(Su())e.flags|=8192;else throw wa=ba,va}function kc(e,t){t!==null&&(e.flags|=4),e.flags&16384&&(t=e.tag===22?536870912:Xe(),e.lanes|=t,ql|=t)}function Ac(e,t){if(!U)switch(e.tailMode){case`hidden`:t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case`collapsed`:n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function jc(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags&65011712,r|=i.flags&65011712,i.return=e,i=i.sibling;else for(i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags,r|=i.flags,i.return=e,i=i.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function Mc(e,t,n){var r=t.pendingProps;switch(Oi(t),t.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return jc(t),null;case 1:return jc(t),null;case 3:return n=t.stateNode,r=null,e!==null&&(r=e.memoizedState.cache),t.memoizedState.cache!==r&&(t.flags|=2048),Wi(na),me(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(e===null||e.child===null)&&(Li(t)?Ec(t):e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,zi())),jc(t),null;case 26:var i=t.type,a=t.memoizedState;return e===null?(Ec(t),a===null?(jc(t),Dc(t,i,null,r,n)):(jc(t),Oc(t,a))):a?a===e.memoizedState?(jc(t),t.flags&=-16777217):(Ec(t),jc(t),Oc(t,a)):(e=e.memoizedProps,e!==r&&Ec(t),jc(t),Dc(t,i,e,r,n)),null;case 27:if(ge(t),n=de.current,i=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==r&&Ec(t);else{if(!r){if(t.stateNode===null)throw Error(s(166));return jc(t),null}e=le.current,Li(t)?Fi(t,e):(e=ff(i,r,n),t.stateNode=e,Ec(t))}return jc(t),null;case 5:if(ge(t),i=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==r&&Ec(t);else{if(!r){if(t.stateNode===null)throw Error(s(166));return jc(t),null}if(a=le.current,Li(t))Fi(t,a);else{var o=Bd(de.current);switch(a){case 1:a=o.createElementNS(`http://www.w3.org/2000/svg`,i);break;case 2:a=o.createElementNS(`http://www.w3.org/1998/Math/MathML`,i);break;default:switch(i){case`svg`:a=o.createElementNS(`http://www.w3.org/2000/svg`,i);break;case`math`:a=o.createElementNS(`http://www.w3.org/1998/Math/MathML`,i);break;case`script`:a=o.createElement(`div`),a.innerHTML=`<script><\/script>`,a=a.removeChild(a.firstChild);break;case`select`:a=typeof r.is==`string`?o.createElement(`select`,{is:r.is}):o.createElement(`select`),r.multiple?a.multiple=!0:r.size&&(a.size=r.size);break;default:a=typeof r.is==`string`?o.createElement(i,{is:r.is}):o.createElement(i)}}a[st]=t,a[R]=r;a:for(o=t.child;o!==null;){if(o.tag===5||o.tag===6)a.appendChild(o.stateNode);else if(o.tag!==4&&o.tag!==27&&o.child!==null){o.child.return=o,o=o.child;continue}if(o===t)break a;for(;o.sibling===null;){if(o.return===null||o.return===t)break a;o=o.return}o.sibling.return=o.return,o=o.sibling}t.stateNode=a;a:switch(Pd(a,i,r),i){case`button`:case`input`:case`select`:case`textarea`:r=!!r.autoFocus;break a;case`img`:r=!0;break a;default:r=!1}r&&Ec(t)}}return jc(t),Dc(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,n),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==r&&Ec(t);else{if(typeof r!=`string`&&t.stateNode===null)throw Error(s(166));if(e=de.current,Li(t)){if(e=t.stateNode,n=t.memoizedProps,r=null,i=Ai,i!==null)switch(i.tag){case 27:case 5:r=i.memoizedProps}e[st]=t,e=!!(e.nodeValue===n||r!==null&&!0===r.suppressHydrationWarning||jd(e.nodeValue,n)),e||Pi(t,!0)}else e=Bd(e).createTextNode(r),e[st]=t,t.stateNode=e}return jc(t),null;case 31:if(n=t.memoizedState,e===null||e.memoizedState!==null){if(r=Li(t),n!==null){if(e===null){if(!r)throw Error(s(318));if(e=t.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(s(557));e[st]=t}else Ri(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;jc(t),e=!1}else n=zi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),e=!0;if(!e)return t.flags&256?(no(t),t):(no(t),null);if(t.flags&128)throw Error(s(558))}return jc(t),null;case 13:if(r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(i=Li(t),r!==null&&r.dehydrated!==null){if(e===null){if(!i)throw Error(s(318));if(i=t.memoizedState,i=i===null?null:i.dehydrated,!i)throw Error(s(317));i[st]=t}else Ri(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;jc(t),i=!1}else i=zi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=i),i=!0;if(!i)return t.flags&256?(no(t),t):(no(t),null)}return no(t),t.flags&128?(t.lanes=n,t):(n=r!==null,e=e!==null&&e.memoizedState!==null,n&&(r=t.child,i=null,r.alternate!==null&&r.alternate.memoizedState!==null&&r.alternate.memoizedState.cachePool!==null&&(i=r.alternate.memoizedState.cachePool.pool),a=null,r.memoizedState!==null&&r.memoizedState.cachePool!==null&&(a=r.memoizedState.cachePool.pool),a!==i&&(r.flags|=2048)),n!==e&&n&&(t.child.flags|=8192),kc(t,t.updateQueue),jc(t),null);case 4:return me(),e===null&&xd(t.stateNode.containerInfo),jc(t),null;case 10:return Wi(t.type),jc(t),null;case 19:if(N(ro),r=t.memoizedState,r===null)return jc(t),null;if(i=(t.flags&128)!=0,a=r.rendering,a===null)if(i)Ac(r,!1);else{if(Hl!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(a=io(e),a!==null){for(t.flags|=128,Ac(r,!1),e=a.updateQueue,t.updateQueue=e,kc(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)li(n,e),n=n.sibling;return P(ro,ro.current&1|2),U&&Ti(t,r.treeForkCount),t.child}e=e.sibling}r.tail!==null&&ke()>$l&&(t.flags|=128,i=!0,Ac(r,!1),t.lanes=4194304)}else{if(!i)if(e=io(a),e!==null){if(t.flags|=128,i=!0,e=e.updateQueue,t.updateQueue=e,kc(t,e),Ac(r,!0),r.tail===null&&r.tailMode===`hidden`&&!a.alternate&&!U)return jc(t),null}else 2*ke()-r.renderingStartTime>$l&&n!==536870912&&(t.flags|=128,i=!0,Ac(r,!1),t.lanes=4194304);r.isBackwards?(a.sibling=t.child,t.child=a):(e=r.last,e===null?t.child=a:e.sibling=a,r.last=a)}return r.tail===null?(jc(t),null):(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=ke(),e.sibling=null,n=ro.current,P(ro,i?n&1|2:n&1),U&&Ti(t,r.treeForkCount),e);case 22:case 23:return no(t),Xa(),r=t.memoizedState!==null,e===null?r&&(t.flags|=8192):e.memoizedState!==null!==r&&(t.flags|=8192),r?n&536870912&&!(t.flags&128)&&(jc(t),t.subtreeFlags&6&&(t.flags|=8192)):jc(t),n=t.updateQueue,n!==null&&kc(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),r=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),r!==n&&(t.flags|=2048),e!==null&&N(pa),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),Wi(na),jc(t),null;case 25:return null;case 30:return null}throw Error(s(156,t.tag))}function Nc(e,t){switch(Oi(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Wi(na),me(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return ge(t),null;case 31:if(t.memoizedState!==null){if(no(t),t.alternate===null)throw Error(s(340));Ri()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(no(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(s(340));Ri()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return N(ro),null;case 4:return me(),null;case 10:return Wi(t.type),null;case 22:case 23:return no(t),Xa(),e!==null&&N(pa),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Wi(na),null;case 25:return null;default:return null}}function Pc(e,t){switch(Oi(t),t.tag){case 3:Wi(na),me();break;case 26:case 27:case 5:ge(t);break;case 4:me();break;case 31:t.memoizedState!==null&&no(t);break;case 13:no(t);break;case 19:N(ro);break;case 10:Wi(t.type);break;case 22:case 23:no(t),Xa(),e!==null&&N(pa);break;case 24:Wi(na)}}function Fc(e,t){try{var n=t.updateQueue,r=n===null?null:n.lastEffect;if(r!==null){var i=r.next;n=i;do{if((n.tag&e)===e){r=void 0;var a=n.create,o=n.inst;r=a(),o.destroy=r}n=n.next}while(n!==i)}}catch(e){Uu(t,t.return,e)}}function Ic(e,t,n){try{var r=t.updateQueue,i=r===null?null:r.lastEffect;if(i!==null){var a=i.next;r=a;do{if((r.tag&e)===e){var o=r.inst,s=o.destroy;if(s!==void 0){o.destroy=void 0,i=t;var c=n,l=s;try{l()}catch(e){Uu(i,c,e)}}}r=r.next}while(r!==a)}}catch(e){Uu(t,t.return,e)}}function Lc(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{Ka(t,n)}catch(t){Uu(e,e.return,t)}}}function Rc(e,t,n){n.props=zs(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(n){Uu(e,t,n)}}function zc(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var r=e.stateNode;break;case 30:r=e.stateNode;break;default:r=e.stateNode}typeof n==`function`?e.refCleanup=n(r):n.current=r}}catch(n){Uu(e,t,n)}}function Bc(e,t){var n=e.ref,r=e.refCleanup;if(n!==null)if(typeof r==`function`)try{r()}catch(n){Uu(e,t,n)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n==`function`)try{n(null)}catch(n){Uu(e,t,n)}else n.current=null}function Vc(e){var t=e.type,n=e.memoizedProps,r=e.stateNode;try{a:switch(t){case`button`:case`input`:case`select`:case`textarea`:n.autoFocus&&r.focus();break a;case`img`:n.src?r.src=n.src:n.srcSet&&(r.srcset=n.srcSet)}}catch(t){Uu(e,e.return,t)}}function Hc(e,t,n){try{var r=e.stateNode;Fd(r,e.type,n,t),r[R]=t}catch(t){Uu(e,e.return,t)}}function Uc(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&Zd(e.type)||e.tag===4}function Wc(e){a:for(;;){for(;e.sibling===null;){if(e.return===null||Uc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&Zd(e.type)||e.flags&2||e.child===null||e.tag===4)continue a;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Gc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Qt));else if(r!==4&&(r===27&&Zd(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(Gc(e,t,n),e=e.sibling;e!==null;)Gc(e,t,n),e=e.sibling}function Kc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(r===27&&Zd(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(Kc(e,t,n),e=e.sibling;e!==null;)Kc(e,t,n),e=e.sibling}function qc(e){var t=e.stateNode,n=e.memoizedProps;try{for(var r=e.type,i=t.attributes;i.length;)t.removeAttributeNode(i[0]);Pd(t,r,n),t[st]=e,t[R]=n}catch(t){Uu(e,e.return,t)}}var Jc=!1,Yc=!1,Xc=!1,Zc=typeof WeakSet==`function`?WeakSet:Set,Qc=null;function $c(e,t){if(e=e.containerInfo,Rd=sp,e=Er(e),B(e)){if(`selectionStart`in e)var n={start:e.selectionStart,end:e.selectionEnd};else a:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var i=r.anchorOffset,a=r.focusNode;r=r.focusOffset;try{n.nodeType,a.nodeType}catch{n=null;break a}var o=0,c=-1,l=-1,u=0,d=0,f=e,p=null;b:for(;;){for(var m;f!==n||i!==0&&f.nodeType!==3||(c=o+i),f!==a||r!==0&&f.nodeType!==3||(l=o+r),f.nodeType===3&&(o+=f.nodeValue.length),(m=f.firstChild)!==null;)p=f,f=m;for(;;){if(f===e)break b;if(p===n&&++u===i&&(c=o),p===a&&++d===r&&(l=o),(m=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=m}n=c===-1||l===-1?null:{start:c,end:l}}else n=null}n||={start:0,end:0}}else n=null;for(zd={focusedElem:e,selectionRange:n},sp=!1,Qc=t;Qc!==null;)if(t=Qc,e=t.child,t.subtreeFlags&1028&&e!==null)e.return=t,Qc=e;else for(;Qc!==null;){switch(t=Qc,a=t.alternate,e=t.flags,t.tag){case 0:if(e&4&&(e=t.updateQueue,e=e===null?null:e.events,e!==null))for(n=0;n<e.length;n++)i=e[n],i.ref.impl=i.nextImpl;break;case 11:case 15:break;case 1:if(e&1024&&a!==null){e=void 0,n=t,i=a.memoizedProps,a=a.memoizedState,r=n.stateNode;try{var h=zs(n.type,i);e=r.getSnapshotBeforeUpdate(h,a),r.__reactInternalSnapshotBeforeUpdate=e}catch(e){Uu(n,n.return,e)}}break;case 3:if(e&1024){if(e=t.stateNode.containerInfo,n=e.nodeType,n===9)ef(e);else if(n===1)switch(e.nodeName){case`HEAD`:case`HTML`:case`BODY`:ef(e);break;default:e.textContent=``}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(e&1024)throw Error(s(163))}if(e=t.sibling,e!==null){e.return=t.return,Qc=e;break}Qc=t.return}}function el(e,t,n){var r=n.flags;switch(n.tag){case 0:case 11:case 15:hl(e,n),r&4&&Fc(5,n);break;case 1:if(hl(e,n),r&4)if(e=n.stateNode,t===null)try{e.componentDidMount()}catch(e){Uu(n,n.return,e)}else{var i=zs(n.type,t.memoizedProps);t=t.memoizedState;try{e.componentDidUpdate(i,t,e.__reactInternalSnapshotBeforeUpdate)}catch(e){Uu(n,n.return,e)}}r&64&&Lc(n),r&512&&zc(n,n.return);break;case 3:if(hl(e,n),r&64&&(e=n.updateQueue,e!==null)){if(t=null,n.child!==null)switch(n.child.tag){case 27:case 5:t=n.child.stateNode;break;case 1:t=n.child.stateNode}try{Ka(e,t)}catch(e){Uu(n,n.return,e)}}break;case 27:t===null&&r&4&&qc(n);case 26:case 5:hl(e,n),t===null&&r&4&&Vc(n),r&512&&zc(n,n.return);break;case 12:hl(e,n);break;case 31:hl(e,n),r&4&&ol(e,n);break;case 13:hl(e,n),r&4&&sl(e,n),r&64&&(e=n.memoizedState,e!==null&&(e=e.dehydrated,e!==null&&(n=qu.bind(null,n),sf(e,n))));break;case 22:if(r=n.memoizedState!==null||Jc,!r){t=t!==null&&t.memoizedState!==null||Yc,i=Jc;var a=Yc;Jc=r,(Yc=t)&&!a?_l(e,n,(n.subtreeFlags&8772)!=0):hl(e,n),Jc=i,Yc=a}break;case 30:break;default:hl(e,n)}}function tl(e){var t=e.alternate;t!==null&&(e.alternate=null,tl(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&pt(t)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}var nl=null,rl=!1;function il(e,t,n){for(n=n.child;n!==null;)al(e,t,n),n=n.sibling}function al(e,t,n){if(ze&&typeof ze.onCommitFiberUnmount==`function`)try{ze.onCommitFiberUnmount(Re,n)}catch{}switch(n.tag){case 26:Yc||Bc(n,t),il(e,t,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:Yc||Bc(n,t);var r=nl,i=rl;Zd(n.type)&&(nl=n.stateNode,rl=!1),il(e,t,n),pf(n.stateNode),nl=r,rl=i;break;case 5:Yc||Bc(n,t);case 6:if(r=nl,i=rl,nl=null,il(e,t,n),nl=r,rl=i,nl!==null)if(rl)try{(nl.nodeType===9?nl.body:nl.nodeName===`HTML`?nl.ownerDocument.body:nl).removeChild(n.stateNode)}catch(e){Uu(n,t,e)}else try{nl.removeChild(n.stateNode)}catch(e){Uu(n,t,e)}break;case 18:nl!==null&&(rl?(e=nl,Qd(e.nodeType===9?e.body:e.nodeName===`HTML`?e.ownerDocument.body:e,n.stateNode),Np(e)):Qd(nl,n.stateNode));break;case 4:r=nl,i=rl,nl=n.stateNode.containerInfo,rl=!0,il(e,t,n),nl=r,rl=i;break;case 0:case 11:case 14:case 15:Ic(2,n,t),Yc||Ic(4,n,t),il(e,t,n);break;case 1:Yc||(Bc(n,t),r=n.stateNode,typeof r.componentWillUnmount==`function`&&Rc(n,t,r)),il(e,t,n);break;case 21:il(e,t,n);break;case 22:Yc=(r=Yc)||n.memoizedState!==null,il(e,t,n),Yc=r;break;default:il(e,t,n)}}function ol(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null))){e=e.dehydrated;try{Np(e)}catch(e){Uu(t,t.return,e)}}}function sl(e,t){if(t.memoizedState===null&&(e=t.alternate,e!==null&&(e=e.memoizedState,e!==null&&(e=e.dehydrated,e!==null))))try{Np(e)}catch(e){Uu(t,t.return,e)}}function cl(e){switch(e.tag){case 31:case 13:case 19:var t=e.stateNode;return t===null&&(t=e.stateNode=new Zc),t;case 22:return e=e.stateNode,t=e._retryCache,t===null&&(t=e._retryCache=new Zc),t;default:throw Error(s(435,e.tag))}}function ll(e,t){var n=cl(e);t.forEach(function(t){if(!n.has(t)){n.add(t);var r=Ju.bind(null,e,t);t.then(r,r)}})}function ul(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var i=n[r],a=e,o=t,c=o;a:for(;c!==null;){switch(c.tag){case 27:if(Zd(c.type)){nl=c.stateNode,rl=!1;break a}break;case 5:nl=c.stateNode,rl=!1;break a;case 3:case 4:nl=c.stateNode.containerInfo,rl=!0;break a}c=c.return}if(nl===null)throw Error(s(160));al(a,o,i),nl=null,rl=!1,a=i.alternate,a!==null&&(a.return=null),i.return=null}if(t.subtreeFlags&13886)for(t=t.child;t!==null;)fl(t,e),t=t.sibling}var dl=null;function fl(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:ul(t,e),pl(e),r&4&&(Ic(3,e,e.return),Fc(3,e),Ic(5,e,e.return));break;case 1:ul(t,e),pl(e),r&512&&(Yc||n===null||Bc(n,n.return)),r&64&&Jc&&(e=e.updateQueue,e!==null&&(r=e.callbacks,r!==null&&(n=e.shared.hiddenCallbacks,e.shared.hiddenCallbacks=n===null?r:n.concat(r))));break;case 26:var i=dl;if(ul(t,e),pl(e),r&512&&(Yc||n===null||Bc(n,n.return)),r&4){var a=n===null?null:n.memoizedState;if(r=e.memoizedState,n===null)if(r===null)if(e.stateNode===null){a:{r=e.type,n=e.memoizedProps,i=i.ownerDocument||i;b:switch(r){case`title`:a=i.getElementsByTagName(`title`)[0],(!a||a[ft]||a[st]||a.namespaceURI===`http://www.w3.org/2000/svg`||a.hasAttribute(`itemprop`))&&(a=i.createElement(r),i.head.insertBefore(a,i.querySelector(`head > title`))),Pd(a,r,n),a[st]=e,vt(a),r=a;break a;case`link`:var o=Vf(`link`,`href`,i).get(r+(n.href||``));if(o){for(var c=0;c<o.length;c++)if(a=o[c],a.getAttribute(`href`)===(n.href==null||n.href===``?null:n.href)&&a.getAttribute(`rel`)===(n.rel==null?null:n.rel)&&a.getAttribute(`title`)===(n.title==null?null:n.title)&&a.getAttribute(`crossorigin`)===(n.crossOrigin==null?null:n.crossOrigin)){o.splice(c,1);break b}}a=i.createElement(r),Pd(a,r,n),i.head.appendChild(a);break;case`meta`:if(o=Vf(`meta`,`content`,i).get(r+(n.content||``))){for(c=0;c<o.length;c++)if(a=o[c],a.getAttribute(`content`)===(n.content==null?null:``+n.content)&&a.getAttribute(`name`)===(n.name==null?null:n.name)&&a.getAttribute(`property`)===(n.property==null?null:n.property)&&a.getAttribute(`http-equiv`)===(n.httpEquiv==null?null:n.httpEquiv)&&a.getAttribute(`charset`)===(n.charSet==null?null:n.charSet)){o.splice(c,1);break b}}a=i.createElement(r),Pd(a,r,n),i.head.appendChild(a);break;default:throw Error(s(468,r))}a[st]=e,vt(a),r=a}e.stateNode=r}else Hf(i,e.type,e.stateNode);else e.stateNode=If(i,r,e.memoizedProps);else a===r?r===null&&e.stateNode!==null&&Hc(e,e.memoizedProps,n.memoizedProps):(a===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):a.count--,r===null?Hf(i,e.type,e.stateNode):If(i,r,e.memoizedProps))}break;case 27:ul(t,e),pl(e),r&512&&(Yc||n===null||Bc(n,n.return)),n!==null&&r&4&&Hc(e,e.memoizedProps,n.memoizedProps);break;case 5:if(ul(t,e),pl(e),r&512&&(Yc||n===null||Bc(n,n.return)),e.flags&32){i=e.stateNode;try{Wt(i,``)}catch(t){Uu(e,e.return,t)}}r&4&&e.stateNode!=null&&(i=e.memoizedProps,Hc(e,i,n===null?i:n.memoizedProps)),r&1024&&(Xc=!0);break;case 6:if(ul(t,e),pl(e),r&4){if(e.stateNode===null)throw Error(s(162));r=e.memoizedProps,n=e.stateNode;try{n.nodeValue=r}catch(t){Uu(e,e.return,t)}}break;case 3:if(Bf=null,i=dl,dl=gf(t.containerInfo),ul(t,e),dl=i,pl(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{Np(t.containerInfo)}catch(t){Uu(e,e.return,t)}Xc&&(Xc=!1,ml(e));break;case 4:r=dl,dl=gf(e.stateNode.containerInfo),ul(t,e),pl(e),dl=r;break;case 12:ul(t,e),pl(e);break;case 31:ul(t,e),pl(e),r&4&&(r=e.updateQueue,r!==null&&(e.updateQueue=null,ll(e,r)));break;case 13:ul(t,e),pl(e),e.child.flags&8192&&e.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(Zl=ke()),r&4&&(r=e.updateQueue,r!==null&&(e.updateQueue=null,ll(e,r)));break;case 22:i=e.memoizedState!==null;var l=n!==null&&n.memoizedState!==null,u=Jc,d=Yc;if(Jc=u||i,Yc=d||l,ul(t,e),Yc=d,Jc=u,pl(e),r&8192)a:for(t=e.stateNode,t._visibility=i?t._visibility&-2:t._visibility|1,i&&(n===null||l||Jc||Yc||gl(e)),n=null,t=e;;){if(t.tag===5||t.tag===26){if(n===null){l=n=t;try{if(a=l.stateNode,i)o=a.style,typeof o.setProperty==`function`?o.setProperty(`display`,`none`,`important`):o.display=`none`;else{c=l.stateNode;var f=l.memoizedProps.style,p=f!=null&&f.hasOwnProperty(`display`)?f.display:null;c.style.display=p==null||typeof p==`boolean`?``:(``+p).trim()}}catch(e){Uu(l,l.return,e)}}}else if(t.tag===6){if(n===null){l=t;try{l.stateNode.nodeValue=i?``:l.memoizedProps}catch(e){Uu(l,l.return,e)}}}else if(t.tag===18){if(n===null){l=t;try{var m=l.stateNode;i?$d(m,!0):$d(l.stateNode,!1)}catch(e){Uu(l,l.return,e)}}}else if((t.tag!==22&&t.tag!==23||t.memoizedState===null||t===e)&&t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break a;for(;t.sibling===null;){if(t.return===null||t.return===e)break a;n===t&&(n=null),t=t.return}n===t&&(n=null),t.sibling.return=t.return,t=t.sibling}r&4&&(r=e.updateQueue,r!==null&&(n=r.retryQueue,n!==null&&(r.retryQueue=null,ll(e,n))));break;case 19:ul(t,e),pl(e),r&4&&(r=e.updateQueue,r!==null&&(e.updateQueue=null,ll(e,r)));break;case 30:break;case 21:break;default:ul(t,e),pl(e)}}function pl(e){var t=e.flags;if(t&2){try{for(var n,r=e.return;r!==null;){if(Uc(r)){n=r;break}r=r.return}if(n==null)throw Error(s(160));switch(n.tag){case 27:var i=n.stateNode;Kc(e,Wc(e),i);break;case 5:var a=n.stateNode;n.flags&32&&(Wt(a,``),n.flags&=-33),Kc(e,Wc(e),a);break;case 3:case 4:var o=n.stateNode.containerInfo;Gc(e,Wc(e),o);break;default:throw Error(s(161))}}catch(t){Uu(e,e.return,t)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function ml(e){if(e.subtreeFlags&1024)for(e=e.child;e!==null;){var t=e;ml(t),t.tag===5&&t.flags&1024&&t.stateNode.reset(),e=e.sibling}}function hl(e,t){if(t.subtreeFlags&8772)for(t=t.child;t!==null;)el(e,t.alternate,t),t=t.sibling}function gl(e){for(e=e.child;e!==null;){var t=e;switch(t.tag){case 0:case 11:case 14:case 15:Ic(4,t,t.return),gl(t);break;case 1:Bc(t,t.return);var n=t.stateNode;typeof n.componentWillUnmount==`function`&&Rc(t,t.return,n),gl(t);break;case 27:pf(t.stateNode);case 26:case 5:Bc(t,t.return),gl(t);break;case 22:t.memoizedState===null&&gl(t);break;case 30:gl(t);break;default:gl(t)}e=e.sibling}}function _l(e,t,n){for(n&&=(t.subtreeFlags&8772)!=0,t=t.child;t!==null;){var r=t.alternate,i=e,a=t,o=a.flags;switch(a.tag){case 0:case 11:case 15:_l(i,a,n),Fc(4,a);break;case 1:if(_l(i,a,n),r=a,i=r.stateNode,typeof i.componentDidMount==`function`)try{i.componentDidMount()}catch(e){Uu(r,r.return,e)}if(r=a,i=r.updateQueue,i!==null){var s=r.stateNode;try{var c=i.shared.hiddenCallbacks;if(c!==null)for(i.shared.hiddenCallbacks=null,i=0;i<c.length;i++)Ga(c[i],s)}catch(e){Uu(r,r.return,e)}}n&&o&64&&Lc(a),zc(a,a.return);break;case 27:qc(a);case 26:case 5:_l(i,a,n),n&&r===null&&o&4&&Vc(a),zc(a,a.return);break;case 12:_l(i,a,n);break;case 31:_l(i,a,n),n&&o&4&&ol(i,a);break;case 13:_l(i,a,n),n&&o&4&&sl(i,a);break;case 22:a.memoizedState===null&&_l(i,a,n),zc(a,a.return);break;case 30:break;default:_l(i,a,n)}t=t.sibling}}function vl(e,t){var n=null;e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),e=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(e=t.memoizedState.cachePool.pool),e!==n&&(e!=null&&e.refCount++,n!=null&&ia(n))}function yl(e,t){e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&ia(e))}function bl(e,t,n,r){if(t.subtreeFlags&10256)for(t=t.child;t!==null;)xl(e,t,n,r),t=t.sibling}function xl(e,t,n,r){var i=t.flags;switch(t.tag){case 0:case 11:case 15:bl(e,t,n,r),i&2048&&Fc(9,t);break;case 1:bl(e,t,n,r);break;case 3:bl(e,t,n,r),i&2048&&(e=null,t.alternate!==null&&(e=t.alternate.memoizedState.cache),t=t.memoizedState.cache,t!==e&&(t.refCount++,e!=null&&ia(e)));break;case 12:if(i&2048){bl(e,t,n,r),e=t.stateNode;try{var a=t.memoizedProps,o=a.id,s=a.onPostCommit;typeof s==`function`&&s(o,t.alternate===null?`mount`:`update`,e.passiveEffectDuration,-0)}catch(e){Uu(t,t.return,e)}}else bl(e,t,n,r);break;case 31:bl(e,t,n,r);break;case 13:bl(e,t,n,r);break;case 23:break;case 22:a=t.stateNode,o=t.alternate,t.memoizedState===null?a._visibility&2?bl(e,t,n,r):(a._visibility|=2,Sl(e,t,n,r,(t.subtreeFlags&10256)!=0||!1)):a._visibility&2?bl(e,t,n,r):Cl(e,t),i&2048&&vl(o,t);break;case 24:bl(e,t,n,r),i&2048&&yl(t.alternate,t);break;default:bl(e,t,n,r)}}function Sl(e,t,n,r,i){for(i&&=(t.subtreeFlags&10256)!=0||!1,t=t.child;t!==null;){var a=e,o=t,s=n,c=r,l=o.flags;switch(o.tag){case 0:case 11:case 15:Sl(a,o,s,c,i),Fc(8,o);break;case 23:break;case 22:var u=o.stateNode;o.memoizedState===null?(u._visibility|=2,Sl(a,o,s,c,i)):u._visibility&2?Sl(a,o,s,c,i):Cl(a,o),i&&l&2048&&vl(o.alternate,o);break;case 24:Sl(a,o,s,c,i),i&&l&2048&&yl(o.alternate,o);break;default:Sl(a,o,s,c,i)}t=t.sibling}}function Cl(e,t){if(t.subtreeFlags&10256)for(t=t.child;t!==null;){var n=e,r=t,i=r.flags;switch(r.tag){case 22:Cl(n,r),i&2048&&vl(r.alternate,r);break;case 24:Cl(n,r),i&2048&&yl(r.alternate,r);break;default:Cl(n,r)}t=t.sibling}}var wl=8192;function Tl(e,t,n){if(e.subtreeFlags&wl)for(e=e.child;e!==null;)El(e,t,n),e=e.sibling}function El(e,t,n){switch(e.tag){case 26:Tl(e,t,n),e.flags&wl&&e.memoizedState!==null&&Gf(n,dl,e.memoizedState,e.memoizedProps);break;case 5:Tl(e,t,n);break;case 3:case 4:var r=dl;dl=gf(e.stateNode.containerInfo),Tl(e,t,n),dl=r;break;case 22:e.memoizedState===null&&(r=e.alternate,r!==null&&r.memoizedState!==null?(r=wl,wl=16777216,Tl(e,t,n),wl=r):Tl(e,t,n));break;default:Tl(e,t,n)}}function Dl(e){var t=e.alternate;if(t!==null&&(e=t.child,e!==null)){t.child=null;do t=e.sibling,e.sibling=null,e=t;while(e!==null)}}function Ol(e){var t=e.deletions;if(e.flags&16){if(t!==null)for(var n=0;n<t.length;n++){var r=t[n];Qc=r,jl(r,e)}Dl(e)}if(e.subtreeFlags&10256)for(e=e.child;e!==null;)kl(e),e=e.sibling}function kl(e){switch(e.tag){case 0:case 11:case 15:Ol(e),e.flags&2048&&Ic(9,e,e.return);break;case 3:Ol(e);break;case 12:Ol(e);break;case 22:var t=e.stateNode;e.memoizedState!==null&&t._visibility&2&&(e.return===null||e.return.tag!==13)?(t._visibility&=-3,Al(e)):Ol(e);break;default:Ol(e)}}function Al(e){var t=e.deletions;if(e.flags&16){if(t!==null)for(var n=0;n<t.length;n++){var r=t[n];Qc=r,jl(r,e)}Dl(e)}for(e=e.child;e!==null;){switch(t=e,t.tag){case 0:case 11:case 15:Ic(8,t,t.return),Al(t);break;case 22:n=t.stateNode,n._visibility&2&&(n._visibility&=-3,Al(t));break;default:Al(t)}e=e.sibling}}function jl(e,t){for(;Qc!==null;){var n=Qc;switch(n.tag){case 0:case 11:case 15:Ic(8,n,t);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var r=n.memoizedState.cachePool.pool;r!=null&&r.refCount++}break;case 24:ia(n.memoizedState.cache)}if(r=n.child,r!==null)r.return=n,Qc=r;else a:for(n=e;Qc!==null;){r=Qc;var i=r.sibling,a=r.return;if(tl(r),r===n){Qc=null;break a}if(i!==null){i.return=a,Qc=i;break a}Qc=a}}}var Ml={getCacheForType:function(e){var t=Xi(na),n=t.data.get(e);return n===void 0&&(n=e(),t.data.set(e,n)),n},cacheSignal:function(){return Xi(na).controller.signal}},Nl=typeof WeakMap==`function`?WeakMap:Map,Pl=0,Fl=null,Z=null,Q=0,Il=0,Ll=null,Rl=!1,zl=!1,Bl=!1,Vl=0,Hl=0,Ul=0,Wl=0,Gl=0,Kl=0,ql=0,Jl=null,Yl=null,Xl=!1,Zl=0,Ql=0,$l=1/0,eu=null,tu=null,nu=0,ru=null,iu=null,au=0,ou=0,su=null,cu=null,lu=0,uu=null;function du(){return Pl&2&&Q!==0?Q&-Q:j.T===null?at():ud()}function fu(){if(Kl===0)if(!(Q&536870912)||U){var e=Ge;Ge<<=1,!(Ge&3932160)&&(Ge=262144),Kl=e}else Kl=536870912;return e=Za.current,e!==null&&(e.flags|=32),Kl}function pu(e,t,n){(e===Fl&&(Il===2||Il===9)||e.cancelPendingCommit!==null)&&(bu(e,0),_u(e,Q,Kl,!1)),Qe(e,n),(!(Pl&2)||e!==Fl)&&(e===Fl&&(!(Pl&2)&&(Wl|=n),Hl===4&&_u(e,Q,Kl,!1)),nd(e))}function mu(e,t,n){if(Pl&6)throw Error(s(327));var r=!n&&(t&127)==0&&(t&e.expiredLanes)===0||Je(e,t),i=r?Ou(e,t):Eu(e,t,!0),a=r;do{if(i===0){zl&&!r&&_u(e,t,0,!1);break}else{if(n=e.current.alternate,a&&!gu(n)){i=Eu(e,t,!1),a=!1;continue}if(i===2){if(a=t,e.errorRecoveryDisabledLanes&a)var o=0;else o=e.pendingLanes&-536870913,o=o===0?o&536870912?536870912:0:o;if(o!==0){t=o;a:{var c=e;i=Jl;var l=c.current.memoizedState.isDehydrated;if(l&&(bu(c,o).flags|=256),o=Eu(c,o,!1),o!==2){if(Bl&&!l){c.errorRecoveryDisabledLanes|=a,Wl|=a,i=4;break a}a=Yl,Yl=i,a!==null&&(Yl===null?Yl=a:Yl.push.apply(Yl,a))}i=o}if(a=!1,i!==2)continue}}if(i===1){bu(e,0),_u(e,t,0,!0);break}a:{switch(r=e,a=i,a){case 0:case 1:throw Error(s(345));case 4:if((t&4194048)!==t)break;case 6:_u(r,t,Kl,!Rl);break a;case 2:Yl=null;break;case 3:case 5:break;default:throw Error(s(329))}if((t&62914560)===t&&(i=Zl+300-ke(),10<i)){if(_u(r,t,Kl,!Rl),qe(r,0,!0)!==0)break a;au=t,r.timeoutHandle=Kd(hu.bind(null,r,n,Yl,eu,Xl,t,Kl,Wl,ql,Rl,a,`Throttled`,-0,0),i);break a}hu(r,n,Yl,eu,Xl,t,Kl,Wl,ql,Rl,a,null,-0,0)}}break}while(1);nd(e)}function hu(e,t,n,r,i,a,o,s,c,l,u,d,f,p){if(e.timeoutHandle=-1,d=t.subtreeFlags,d&8192||(d&16785408)==16785408){d={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:Qt},El(t,a,d);var m=(a&62914560)===a?Zl-ke():(a&4194048)===a?Ql-ke():0;if(m=qf(d,m),m!==null){au=a,e.cancelPendingCommit=m(Fu.bind(null,e,t,a,n,r,i,o,s,c,u,d,null,f,p)),_u(e,a,o,!l);return}}Fu(e,t,a,n,r,i,o,s,c)}function gu(e){for(var t=e;;){var n=t.tag;if((n===0||n===11||n===15)&&t.flags&16384&&(n=t.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var r=0;r<n.length;r++){var i=n[r],a=i.getSnapshot;i=i.value;try{if(!xr(a(),i))return!1}catch{return!1}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function _u(e,t,n,r){t&=~Gl,t&=~Wl,e.suspendedLanes|=t,e.pingedLanes&=~t,r&&(e.warmLanes|=t),r=e.expirationTimes;for(var i=t;0<i;){var a=31-Ve(i),o=1<<a;r[a]=-1,i&=~o}n!==0&&et(e,n,t)}function vu(){return Pl&6?!0:(rd(0,!1),!1)}function yu(){if(Z!==null){if(Il===0)var e=Z.return;else e=Z,Ui=Hi=null,Co(e),Da=null,Oa=0,e=Z;for(;e!==null;)Pc(e.alternate,e),e=e.return;Z=null}}function bu(e,t){var n=e.timeoutHandle;n!==-1&&(e.timeoutHandle=-1,qd(n)),n=e.cancelPendingCommit,n!==null&&(e.cancelPendingCommit=null,n()),au=0,yu(),Fl=e,Z=n=ci(e.current,null),Q=t,Il=0,Ll=null,Rl=!1,zl=Je(e,t),Bl=!1,ql=Kl=Gl=Wl=Ul=Hl=0,Yl=Jl=null,Xl=!1,t&8&&(t|=t&32);var r=e.entangledLanes;if(r!==0)for(e=e.entanglements,r&=t;0<r;){var i=31-Ve(r),a=1<<i;t|=e[i],r&=~a}return Vl=t,Qr(),n}function xu(e,t){q=null,j.H=js,t===_a||t===ya?(t=Ta(),Il=3):t===va?(t=Ta(),Il=4):Il=t===Ys?8:typeof t==`object`&&t&&typeof t.then==`function`?6:1,Ll=t,Z===null&&(Hl=1,Us(e,V(t,e.current)))}function Su(){var e=Za.current;return e===null?!0:(Q&4194048)===Q?Qa===null:(Q&62914560)===Q||Q&536870912?e===Qa:!1}function Cu(){var e=j.H;return j.H=js,e===null?js:e}function wu(){var e=j.A;return j.A=Ml,e}function Tu(){Hl=4,Rl||(Q&4194048)!==Q&&Za.current!==null||(zl=!0),!(Ul&134217727)&&!(Wl&134217727)||Fl===null||_u(Fl,Q,Kl,!1)}function Eu(e,t,n){var r=Pl;Pl|=2;var i=Cu(),a=wu();(Fl!==e||Q!==t)&&(eu=null,bu(e,t)),t=!1;var o=Hl;a:do try{if(Il!==0&&Z!==null){var s=Z,c=Ll;switch(Il){case 8:yu(),o=6;break a;case 3:case 2:case 9:case 6:Za.current===null&&(t=!0);var l=Il;if(Il=0,Ll=null,Mu(e,s,c,l),n&&zl){o=0;break a}break;default:l=Il,Il=0,Ll=null,Mu(e,s,c,l)}}Du(),o=Hl;break}catch(t){xu(e,t)}while(1);return t&&e.shellSuspendCounter++,Ui=Hi=null,Pl=r,j.H=i,j.A=a,Z===null&&(Fl=null,Q=0,Qr()),o}function Du(){for(;Z!==null;)Au(Z)}function Ou(e,t){var n=Pl;Pl|=2;var r=Cu(),i=wu();Fl!==e||Q!==t?(eu=null,$l=ke()+500,bu(e,t)):zl=Je(e,t);a:do try{if(Il!==0&&Z!==null){t=Z;var a=Ll;b:switch(Il){case 1:Il=0,Ll=null,Mu(e,t,a,1);break;case 2:case 9:if(xa(a)){Il=0,Ll=null,ju(t);break}t=function(){Il!==2&&Il!==9||Fl!==e||(Il=7),nd(e)},a.then(t,t);break a;case 3:Il=7;break a;case 4:Il=5;break a;case 7:xa(a)?(Il=0,Ll=null,ju(t)):(Il=0,Ll=null,Mu(e,t,a,7));break;case 5:var o=null;switch(Z.tag){case 26:o=Z.memoizedState;case 5:case 27:var c=Z;if(o?Wf(o):c.stateNode.complete){Il=0,Ll=null;var l=c.sibling;if(l!==null)Z=l;else{var u=c.return;u===null?Z=null:(Z=u,Nu(u))}break b}}Il=0,Ll=null,Mu(e,t,a,5);break;case 6:Il=0,Ll=null,Mu(e,t,a,6);break;case 8:yu(),Hl=6;break a;default:throw Error(s(462))}}ku();break}catch(t){xu(e,t)}while(1);return Ui=Hi=null,j.H=r,j.A=i,Pl=n,Z===null?(Fl=null,Q=0,Qr(),Hl):0}function ku(){for(;Z!==null&&!De();)Au(Z)}function Au(e){var t=Tc(e.alternate,e,Vl);e.memoizedProps=e.pendingProps,t===null?Nu(e):Z=t}function ju(e){var t=e,n=t.alternate;switch(t.tag){case 15:case 0:t=lc(n,t,t.pendingProps,t.type,void 0,Q);break;case 11:t=lc(n,t,t.pendingProps,t.type.render,t.ref,Q);break;case 5:Co(t);default:Pc(n,t),t=Z=li(t,Vl),t=Tc(n,t,Vl)}e.memoizedProps=e.pendingProps,t===null?Nu(e):Z=t}function Mu(e,t,n,r){Ui=Hi=null,Co(t),Da=null,Oa=0;var i=t.return;try{if(Js(e,i,t,n,Q)){Hl=1,Us(e,V(n,e.current)),Z=null;return}}catch(t){if(i!==null)throw Z=i,t;Hl=1,Us(e,V(n,e.current)),Z=null;return}t.flags&32768?(U||r===1?e=!0:zl||Q&536870912?e=!1:(Rl=e=!0,(r===2||r===9||r===3||r===6)&&(r=Za.current,r!==null&&r.tag===13&&(r.flags|=16384))),Pu(t,e)):Nu(t)}function Nu(e){var t=e;do{if(t.flags&32768){Pu(t,Rl);return}e=t.return;var n=Mc(t.alternate,t,Vl);if(n!==null){Z=n;return}if(t=t.sibling,t!==null){Z=t;return}Z=t=e}while(t!==null);Hl===0&&(Hl=5)}function Pu(e,t){do{var n=Nc(e.alternate,e);if(n!==null){n.flags&=32767,Z=n;return}if(n=e.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!t&&(e=e.sibling,e!==null)){Z=e;return}Z=e=n}while(e!==null);Hl=6,Z=null}function Fu(e,t,n,r,i,a,o,c,l){e.cancelPendingCommit=null;do Bu();while(nu!==0);if(Pl&6)throw Error(s(327));if(t!==null){if(t===e.current)throw Error(s(177));if(a=t.lanes|t.childLanes,a|=Zr,$e(e,n,a,o,c,l),e===Fl&&(Z=Fl=null,Q=0),iu=t,ru=e,au=n,ou=a,su=i,cu=r,t.subtreeFlags&10256||t.flags&10256?(e.callbackNode=null,e.callbackPriority=0,Yu(Ne,function(){return Vu(),null})):(e.callbackNode=null,e.callbackPriority=0),r=(t.flags&13878)!=0,t.subtreeFlags&13878||r){r=j.T,j.T=null,i=M.p,M.p=2,o=Pl,Pl|=4;try{$c(e,t,n)}finally{Pl=o,M.p=i,j.T=r}}nu=1,Iu(),Lu(),Ru()}}function Iu(){if(nu===1){nu=0;var e=ru,t=iu,n=(t.flags&13878)!=0;if(t.subtreeFlags&13878||n){n=j.T,j.T=null;var r=M.p;M.p=2;var i=Pl;Pl|=4;try{fl(t,e);var a=zd,o=Er(e.containerInfo),s=a.focusedElem,c=a.selectionRange;if(o!==s&&s&&s.ownerDocument&&Tr(s.ownerDocument.documentElement,s)){if(c!==null&&B(s)){var l=c.start,u=c.end;if(u===void 0&&(u=l),`selectionStart`in s)s.selectionStart=l,s.selectionEnd=Math.min(u,s.value.length);else{var d=s.ownerDocument||document,f=d&&d.defaultView||window;if(f.getSelection){var p=f.getSelection(),m=s.textContent.length,h=Math.min(c.start,m),g=c.end===void 0?h:Math.min(c.end,m);!p.extend&&h>g&&(o=g,g=h,h=o);var _=wr(s,h),v=wr(s,g);if(_&&v&&(p.rangeCount!==1||p.anchorNode!==_.node||p.anchorOffset!==_.offset||p.focusNode!==v.node||p.focusOffset!==v.offset)){var y=d.createRange();y.setStart(_.node,_.offset),p.removeAllRanges(),h>g?(p.addRange(y),p.extend(v.node,v.offset)):(y.setEnd(v.node,v.offset),p.addRange(y))}}}}for(d=[],p=s;p=p.parentNode;)p.nodeType===1&&d.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof s.focus==`function`&&s.focus(),s=0;s<d.length;s++){var b=d[s];b.element.scrollLeft=b.left,b.element.scrollTop=b.top}}sp=!!Rd,zd=Rd=null}finally{Pl=i,M.p=r,j.T=n}}e.current=t,nu=2}}function Lu(){if(nu===2){nu=0;var e=ru,t=iu,n=(t.flags&8772)!=0;if(t.subtreeFlags&8772||n){n=j.T,j.T=null;var r=M.p;M.p=2;var i=Pl;Pl|=4;try{el(e,t.alternate,t)}finally{Pl=i,M.p=r,j.T=n}}nu=3}}function Ru(){if(nu===4||nu===3){nu=0,Oe();var e=ru,t=iu,n=au,r=cu;t.subtreeFlags&10256||t.flags&10256?nu=5:(nu=0,iu=ru=null,zu(e,e.pendingLanes));var i=e.pendingLanes;if(i===0&&(tu=null),it(n),t=t.stateNode,ze&&typeof ze.onCommitFiberRoot==`function`)try{ze.onCommitFiberRoot(Re,t,void 0,(t.current.flags&128)==128)}catch{}if(r!==null){t=j.T,i=M.p,M.p=2,j.T=null;try{for(var a=e.onRecoverableError,o=0;o<r.length;o++){var s=r[o];a(s.value,{componentStack:s.stack})}}finally{j.T=t,M.p=i}}au&3&&Bu(),nd(e),i=e.pendingLanes,n&261930&&i&42?e===uu?lu++:(lu=0,uu=e):lu=0,rd(0,!1)}}function zu(e,t){(e.pooledCacheLanes&=t)===0&&(t=e.pooledCache,t!=null&&(e.pooledCache=null,ia(t)))}function Bu(){return Iu(),Lu(),Ru(),Vu()}function Vu(){if(nu!==5)return!1;var e=ru,t=ou;ou=0;var n=it(au),r=j.T,i=M.p;try{M.p=32>n?32:n,j.T=null,n=su,su=null;var a=ru,o=au;if(nu=0,iu=ru=null,au=0,Pl&6)throw Error(s(331));var c=Pl;if(Pl|=4,kl(a.current),xl(a,a.current,o,n),Pl=c,rd(0,!1),ze&&typeof ze.onPostCommitFiberRoot==`function`)try{ze.onPostCommitFiberRoot(Re,a)}catch{}return!0}finally{M.p=i,j.T=r,zu(e,t)}}function Hu(e,t,n){t=V(n,t),t=Gs(e.stateNode,t,2),e=za(e,t,2),e!==null&&(Qe(e,2),nd(e))}function Uu(e,t,n){if(e.tag===3)Hu(e,e,n);else for(;t!==null;){if(t.tag===3){Hu(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError==`function`||typeof r.componentDidCatch==`function`&&(tu===null||!tu.has(r))){e=V(n,e),n=Ks(2),r=za(t,n,2),r!==null&&(qs(n,r,t,e),Qe(r,2),nd(r));break}}t=t.return}}function Wu(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Nl;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(Bl=!0,i.add(n),e=Gu.bind(null,e,t,n),t.then(e,e))}function Gu(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,Fl===e&&(Q&n)===n&&(Hl===4||Hl===3&&(Q&62914560)===Q&&300>ke()-Zl?!(Pl&2)&&bu(e,0):Gl|=n,ql===Q&&(ql=0)),nd(e)}function Ku(e,t){t===0&&(t=Xe()),e=ti(e,t),e!==null&&(Qe(e,t),nd(e))}function qu(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Ku(e,n)}function Ju(e,t){var n=0;switch(e.tag){case 31:case 13:var r=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:r=e.stateNode;break;case 22:r=e.stateNode._retryCache;break;default:throw Error(s(314))}r!==null&&r.delete(t),Ku(e,n)}function Yu(e,t){return Te(e,t)}var Xu=null,Zu=null,Qu=!1,$u=!1,ed=!1,td=0;function nd(e){e!==Zu&&e.next===null&&(Zu===null?Xu=Zu=e:Zu=Zu.next=e),$u=!0,Qu||(Qu=!0,ld())}function rd(e,t){if(!ed&&$u){ed=!0;do for(var n=!1,r=Xu;r!==null;){if(!t)if(e!==0){var i=r.pendingLanes;if(i===0)var a=0;else{var o=r.suspendedLanes,s=r.pingedLanes;a=(1<<31-Ve(42|e)+1)-1,a&=i&~(o&~s),a=a&201326741?a&201326741|1:a?a|2:0}a!==0&&(n=!0,cd(r,a))}else a=Q,a=qe(r,r===Fl?a:0,r.cancelPendingCommit!==null||r.timeoutHandle!==-1),!(a&3)||Je(r,a)||(n=!0,cd(r,a));r=r.next}while(n);ed=!1}}function id(){ad()}function ad(){$u=Qu=!1;var e=0;td!==0&&Gd()&&(e=td);for(var t=ke(),n=null,r=Xu;r!==null;){var i=r.next,a=od(r,t);a===0?(r.next=null,n===null?Xu=i:n.next=i,i===null&&(Zu=n)):(n=r,(e!==0||a&3)&&($u=!0)),r=i}nu!==0&&nu!==5||rd(e,!1),td!==0&&(td=0)}function od(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes&-62914561;0<a;){var o=31-Ve(a),s=1<<o,c=i[o];c===-1?((s&n)===0||(s&r)!==0)&&(i[o]=Ye(s,t)):c<=t&&(e.expiredLanes|=s),a&=~s}if(t=Fl,n=Q,n=qe(e,e===t?n:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),r=e.callbackNode,n===0||e===t&&(Il===2||Il===9)||e.cancelPendingCommit!==null)return r!==null&&r!==null&&Ee(r),e.callbackNode=null,e.callbackPriority=0;if(!(n&3)||Je(e,n)){if(t=n&-n,t===e.callbackPriority)return t;switch(r!==null&&Ee(r),it(n)){case 2:case 8:n=Me;break;case 32:n=Ne;break;case 268435456:n=Fe;break;default:n=Ne}return r=sd.bind(null,e),n=Te(n,r),e.callbackPriority=t,e.callbackNode=n,t}return r!==null&&r!==null&&Ee(r),e.callbackPriority=2,e.callbackNode=null,2}function sd(e,t){if(nu!==0&&nu!==5)return e.callbackNode=null,e.callbackPriority=0,null;var n=e.callbackNode;if(Bu()&&e.callbackNode!==n)return null;var r=Q;return r=qe(e,e===Fl?r:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),r===0?null:(mu(e,r,t),od(e,ke()),e.callbackNode!=null&&e.callbackNode===n?sd.bind(null,e):null)}function cd(e,t){if(Bu())return null;mu(e,t,!0)}function ld(){Yd(function(){Pl&6?Te(je,id):ad()})}function ud(){if(td===0){var e=sa;e===0&&(e=We,We<<=1,!(We&261888)&&(We=256)),td=e}return td}function dd(e){return e==null||typeof e==`symbol`||typeof e==`boolean`?null:typeof e==`function`?e:Zt(``+e)}function fd(e,t){var n=t.ownerDocument.createElement(`input`);return n.name=t.name,n.value=t.value,e.id&&n.setAttribute(`form`,e.id),t.parentNode.insertBefore(n,t),e=new FormData(e),n.parentNode.removeChild(n),e}function pd(e,t,n,r,i){if(t===`submit`&&n&&n.stateNode===i){var a=dd((i[R]||null).action),o=r.submitter;o&&(t=(t=o[R]||null)?dd(t.formAction):o.getAttribute(`formAction`),t!==null&&(a=t,o=null));var s=new bn(`action`,`action`,null,r,i);e.push({event:s,listeners:[{instance:null,listener:function(){if(r.defaultPrevented){if(td!==0){var e=o?fd(i,o):new FormData(i);vs(n,{pending:!0,data:e,method:i.method,action:a},null,e)}}else typeof a==`function`&&(s.preventDefault(),e=o?fd(i,o):new FormData(i),vs(n,{pending:!0,data:e,method:i.method,action:a},a,e))},currentTarget:i}]})}}for(var md=0;md<Kr.length;md++){var hd=Kr[md];qr(hd.toLowerCase(),`on`+(hd[0].toUpperCase()+hd.slice(1)))}qr(Rr,`onAnimationEnd`),qr(zr,`onAnimationIteration`),qr(Br,`onAnimationStart`),qr(`dblclick`,`onDoubleClick`),qr(`focusin`,`onFocus`),qr(`focusout`,`onBlur`),qr(Vr,`onTransitionRun`),qr(Hr,`onTransitionStart`),qr(Ur,`onTransitionCancel`),qr(Wr,`onTransitionEnd`),St(`onMouseEnter`,[`mouseout`,`mouseover`]),St(`onMouseLeave`,[`mouseout`,`mouseover`]),St(`onPointerEnter`,[`pointerout`,`pointerover`]),St(`onPointerLeave`,[`pointerout`,`pointerover`]),xt(`onChange`,`change click focusin focusout input keydown keyup selectionchange`.split(` `)),xt(`onSelect`,`focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange`.split(` `)),xt(`onBeforeInput`,[`compositionend`,`keypress`,`textInput`,`paste`]),xt(`onCompositionEnd`,`compositionend focusout keydown keypress keyup mousedown`.split(` `)),xt(`onCompositionStart`,`compositionstart focusout keydown keypress keyup mousedown`.split(` `)),xt(`onCompositionUpdate`,`compositionupdate focusout keydown keypress keyup mousedown`.split(` `));var gd=`abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting`.split(` `),_d=new Set(`beforetoggle cancel close invalid load scroll scrollend toggle`.split(` `).concat(gd));function vd(e,t){t=(t&4)!=0;for(var n=0;n<e.length;n++){var r=e[n],i=r.event;r=r.listeners;a:{var a=void 0;if(t)for(var o=r.length-1;0<=o;o--){var s=r[o],c=s.instance,l=s.currentTarget;if(s=s.listener,c!==a&&i.isPropagationStopped())break a;a=s,i.currentTarget=l;try{a(i)}catch(e){Jr(e)}i.currentTarget=null,a=c}else for(o=0;o<r.length;o++){if(s=r[o],c=s.instance,l=s.currentTarget,s=s.listener,c!==a&&i.isPropagationStopped())break a;a=s,i.currentTarget=l;try{a(i)}catch(e){Jr(e)}i.currentTarget=null,a=c}}}}function $(e,t){var n=t[lt];n===void 0&&(n=t[lt]=new Set);var r=e+`__bubble`;n.has(r)||(Sd(t,e,2,!1),n.add(r))}function yd(e,t,n){var r=0;t&&(r|=4),Sd(n,e,r,t)}var bd=`_reactListening`+Math.random().toString(36).slice(2);function xd(e){if(!e[bd]){e[bd]=!0,yt.forEach(function(t){t!==`selectionchange`&&(_d.has(t)||yd(t,!1,e),yd(t,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[bd]||(t[bd]=!0,yd(`selectionchange`,!1,t))}}function Sd(e,t,n,r){switch(mp(t)){case 2:var i=cp;break;case 8:i=lp;break;default:i=up}n=i.bind(null,t,n,e),i=void 0,!ln||t!==`touchstart`&&t!==`touchmove`&&t!==`wheel`||(i=!0),r?i===void 0?e.addEventListener(t,n,!0):e.addEventListener(t,n,{capture:!0,passive:i}):i===void 0?e.addEventListener(t,n,!1):e.addEventListener(t,n,{passive:i})}function Cd(e,t,n,r,i){var a=r;if(!(t&1)&&!(t&2)&&r!==null)a:for(;;){if(r===null)return;var o=r.tag;if(o===3||o===4){var s=r.stateNode.containerInfo;if(s===i)break;if(o===4)for(o=r.return;o!==null;){var c=o.tag;if((c===3||c===4)&&o.stateNode.containerInfo===i)return;o=o.return}for(;s!==null;){if(o=mt(s),o===null)return;if(c=o.tag,c===5||c===6||c===26||c===27){r=a=o;continue a}s=s.parentNode}}r=r.return}on(function(){var r=a,i=en(n),o=[];a:{var s=Gr.get(e);if(s!==void 0){var c=bn,u=e;switch(e){case`keypress`:if(hn(n)===0)break a;case`keydown`:case`keyup`:c=Rn;break;case`focusin`:u=`focus`,c=kn;break;case`focusout`:u=`blur`,c=kn;break;case`beforeblur`:case`afterblur`:c=kn;break;case`click`:if(n.button===2)break a;case`auxclick`:case`dblclick`:case`mousedown`:case`mousemove`:case`mouseup`:case`mouseout`:case`mouseover`:case`contextmenu`:c=Dn;break;case`drag`:case`dragend`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`dragstart`:case`drop`:c=On;break;case`touchcancel`:case`touchend`:case`touchmove`:case`touchstart`:c=Bn;break;case Rr:case zr:case Br:c=An;break;case Wr:c=Vn;break;case`scroll`:case`scrollend`:c=Sn;break;case`wheel`:c=Hn;break;case`copy`:case`cut`:case`paste`:c=jn;break;case`gotpointercapture`:case`lostpointercapture`:case`pointercancel`:case`pointerdown`:case`pointermove`:case`pointerout`:case`pointerover`:case`pointerup`:c=zn;break;case`toggle`:case`beforetoggle`:c=Un}var d=(t&4)!=0,f=!d&&(e===`scroll`||e===`scrollend`),p=d?s===null?null:s+`Capture`:s;d=[];for(var m=r,h;m!==null;){var g=m;if(h=g.stateNode,g=g.tag,g!==5&&g!==26&&g!==27||h===null||p===null||(g=sn(m,p),g!=null&&d.push(wd(m,g,h))),f)break;m=m.return}0<d.length&&(s=new c(s,u,null,n,i),o.push({event:s,listeners:d}))}}if(!(t&7)){a:{if(s=e===`mouseover`||e===`pointerover`,c=e===`mouseout`||e===`pointerout`,s&&n!==$t&&(u=n.relatedTarget||n.fromElement)&&(mt(u)||u[ct]))break a;if((c||s)&&(s=i.window===i?i:(s=i.ownerDocument)?s.defaultView||s.parentWindow:window,c?(u=n.relatedTarget||n.toElement,c=r,u=u?mt(u):null,u!==null&&(f=l(u),d=u.tag,u!==f||d!==5&&d!==27&&d!==6)&&(u=null)):(c=null,u=r),c!==u)){if(d=Dn,g=`onMouseLeave`,p=`onMouseEnter`,m=`mouse`,(e===`pointerout`||e===`pointerover`)&&(d=zn,g=`onPointerLeave`,p=`onPointerEnter`,m=`pointer`),f=c==null?s:gt(c),h=u==null?s:gt(u),s=new d(g,m+`leave`,c,n,i),s.target=f,s.relatedTarget=h,g=null,mt(i)===r&&(d=new d(p,m+`enter`,u,n,i),d.target=h,d.relatedTarget=f,g=d),f=g,c&&u)b:{for(d=Ed,p=c,m=u,h=0,g=p;g;g=d(g))h++;g=0;for(var _=m;_;_=d(_))g++;for(;0<h-g;)p=d(p),h--;for(;0<g-h;)m=d(m),g--;for(;h--;){if(p===m||m!==null&&p===m.alternate){d=p;break b}p=d(p),m=d(m)}d=null}else d=null;c!==null&&Dd(o,s,c,d,!1),u!==null&&f!==null&&Dd(o,f,u,d,!0)}}a:{if(s=r?gt(r):window,c=s.nodeName&&s.nodeName.toLowerCase(),c===`select`||c===`input`&&s.type===`file`)var v=lr;else if(rr(s))if(ur)v=yr;else{v=_r;var y=gr}else c=s.nodeName,!c||c.toLowerCase()!==`input`||s.type!==`checkbox`&&s.type!==`radio`?r&&Jt(r.elementType)&&(v=lr):v=vr;if(v&&=v(e,r)){ir(o,v,n,i);break a}y&&y(e,s,r),e===`focusout`&&r&&s.type===`number`&&r.memoizedProps.value!=null&&Bt(s,`number`,s.value)}switch(y=r?gt(r):window,e){case`focusin`:(rr(y)||y.contentEditable===`true`)&&(Or=y,kr=r,Ar=null);break;case`focusout`:Ar=kr=Or=null;break;case`mousedown`:jr=!0;break;case`contextmenu`:case`mouseup`:case`dragend`:jr=!1,Mr(o,n,i);break;case`selectionchange`:if(Dr)break;case`keydown`:case`keyup`:Mr(o,n,i)}var b;if(Gn)b:{switch(e){case`compositionstart`:var x=`onCompositionStart`;break b;case`compositionend`:x=`onCompositionEnd`;break b;case`compositionupdate`:x=`onCompositionUpdate`;break b}x=void 0}else $n?Zn(e,n)&&(x=`onCompositionEnd`):e===`keydown`&&n.keyCode===229&&(x=`onCompositionStart`);x&&(Jn&&n.locale!==`ko`&&($n||x!==`onCompositionStart`?x===`onCompositionEnd`&&$n&&(b=mn()):(dn=i,fn=`value`in dn?dn.value:dn.textContent,$n=!0)),y=Td(r,x),0<y.length&&(x=new Mn(x,e,null,n,i),o.push({event:x,listeners:y}),b?x.data=b:(b=Qn(n),b!==null&&(x.data=b)))),(b=qn?er(e,n):tr(e,n))&&(x=Td(r,`onBeforeInput`),0<x.length&&(y=new Mn(`onBeforeInput`,`beforeinput`,null,n,i),o.push({event:y,listeners:x}),y.data=b)),pd(o,e,r,n,i)}vd(o,t)})}function wd(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Td(e,t){for(var n=t+`Capture`,r=[];e!==null;){var i=e,a=i.stateNode;if(i=i.tag,i!==5&&i!==26&&i!==27||a===null||(i=sn(e,n),i!=null&&r.unshift(wd(e,i,a)),i=sn(e,t),i!=null&&r.push(wd(e,i,a))),e.tag===3)return r;e=e.return}return[]}function Ed(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5&&e.tag!==27);return e||null}function Dd(e,t,n,r,i){for(var a=t._reactName,o=[];n!==null&&n!==r;){var s=n,c=s.alternate,l=s.stateNode;if(s=s.tag,c!==null&&c===r)break;s!==5&&s!==26&&s!==27||l===null||(c=l,i?(l=sn(n,a),l!=null&&o.unshift(wd(n,l,c))):i||(l=sn(n,a),l!=null&&o.push(wd(n,l,c)))),n=n.return}o.length!==0&&e.push({event:t,listeners:o})}var Od=/\r\n?/g,kd=/\u0000|\uFFFD/g;function Ad(e){return(typeof e==`string`?e:``+e).replace(Od,`
|
|
9
|
+
`).replace(kd,``)}function jd(e,t){return t=Ad(t),Ad(e)===t}function Md(e,t,n,r,i,a){switch(n){case`children`:typeof r==`string`?t===`body`||t===`textarea`&&r===``||Wt(e,r):(typeof r==`number`||typeof r==`bigint`)&&t!==`body`&&Wt(e,``+r);break;case`className`:Ot(e,`class`,r);break;case`tabIndex`:Ot(e,`tabindex`,r);break;case`dir`:case`role`:case`viewBox`:case`width`:case`height`:Ot(e,n,r);break;case`style`:qt(e,r,a);break;case`data`:if(t!==`object`){Ot(e,`data`,r);break}case`src`:case`href`:if(r===``&&(t!==`a`||n!==`href`)){e.removeAttribute(n);break}if(r==null||typeof r==`function`||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=Zt(``+r),e.setAttribute(n,r);break;case`action`:case`formAction`:if(typeof r==`function`){e.setAttribute(n,`javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')`);break}else typeof a==`function`&&(n===`formAction`?(t!==`input`&&Md(e,t,`name`,i.name,i,null),Md(e,t,`formEncType`,i.formEncType,i,null),Md(e,t,`formMethod`,i.formMethod,i,null),Md(e,t,`formTarget`,i.formTarget,i,null)):(Md(e,t,`encType`,i.encType,i,null),Md(e,t,`method`,i.method,i,null),Md(e,t,`target`,i.target,i,null)));if(r==null||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=Zt(``+r),e.setAttribute(n,r);break;case`onClick`:r!=null&&(e.onclick=Qt);break;case`onScroll`:r!=null&&$(`scroll`,e);break;case`onScrollEnd`:r!=null&&$(`scrollend`,e);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(s(61));if(n=r.__html,n!=null){if(i.children!=null)throw Error(s(60));e.innerHTML=n}}break;case`multiple`:e.multiple=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`muted`:e.muted=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`defaultValue`:case`defaultChecked`:case`innerHTML`:case`ref`:break;case`autoFocus`:break;case`xlinkHref`:if(r==null||typeof r==`function`||typeof r==`boolean`||typeof r==`symbol`){e.removeAttribute(`xlink:href`);break}n=Zt(``+r),e.setAttributeNS(`http://www.w3.org/1999/xlink`,`xlink:href`,n);break;case`contentEditable`:case`spellCheck`:case`draggable`:case`value`:case`autoReverse`:case`externalResourcesRequired`:case`focusable`:case`preserveAlpha`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``+r):e.removeAttribute(n);break;case`inert`:case`allowFullScreen`:case`async`:case`autoPlay`:case`controls`:case`default`:case`defer`:case`disabled`:case`disablePictureInPicture`:case`disableRemotePlayback`:case`formNoValidate`:case`hidden`:case`loop`:case`noModule`:case`noValidate`:case`open`:case`playsInline`:case`readOnly`:case`required`:case`reversed`:case`scoped`:case`seamless`:case`itemScope`:r&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``):e.removeAttribute(n);break;case`capture`:case`download`:!0===r?e.setAttribute(n,``):!1!==r&&r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,r):e.removeAttribute(n);break;case`cols`:case`rows`:case`size`:case`span`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`&&!isNaN(r)&&1<=r?e.setAttribute(n,r):e.removeAttribute(n);break;case`rowSpan`:case`start`:r==null||typeof r==`function`||typeof r==`symbol`||isNaN(r)?e.removeAttribute(n):e.setAttribute(n,r);break;case`popover`:$(`beforetoggle`,e),$(`toggle`,e),Dt(e,`popover`,r);break;case`xlinkActuate`:kt(e,`http://www.w3.org/1999/xlink`,`xlink:actuate`,r);break;case`xlinkArcrole`:kt(e,`http://www.w3.org/1999/xlink`,`xlink:arcrole`,r);break;case`xlinkRole`:kt(e,`http://www.w3.org/1999/xlink`,`xlink:role`,r);break;case`xlinkShow`:kt(e,`http://www.w3.org/1999/xlink`,`xlink:show`,r);break;case`xlinkTitle`:kt(e,`http://www.w3.org/1999/xlink`,`xlink:title`,r);break;case`xlinkType`:kt(e,`http://www.w3.org/1999/xlink`,`xlink:type`,r);break;case`xmlBase`:kt(e,`http://www.w3.org/XML/1998/namespace`,`xml:base`,r);break;case`xmlLang`:kt(e,`http://www.w3.org/XML/1998/namespace`,`xml:lang`,r);break;case`xmlSpace`:kt(e,`http://www.w3.org/XML/1998/namespace`,`xml:space`,r);break;case`is`:Dt(e,`is`,r);break;case`innerText`:case`textContent`:break;default:(!(2<n.length)||n[0]!==`o`&&n[0]!==`O`||n[1]!==`n`&&n[1]!==`N`)&&(n=Yt.get(n)||n,Dt(e,n,r))}}function Nd(e,t,n,r,i,a){switch(n){case`style`:qt(e,r,a);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(s(61));if(n=r.__html,n!=null){if(i.children!=null)throw Error(s(60));e.innerHTML=n}}break;case`children`:typeof r==`string`?Wt(e,r):(typeof r==`number`||typeof r==`bigint`)&&Wt(e,``+r);break;case`onScroll`:r!=null&&$(`scroll`,e);break;case`onScrollEnd`:r!=null&&$(`scrollend`,e);break;case`onClick`:r!=null&&(e.onclick=Qt);break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`innerHTML`:case`ref`:break;case`innerText`:case`textContent`:break;default:if(!bt.hasOwnProperty(n))a:{if(n[0]===`o`&&n[1]===`n`&&(i=n.endsWith(`Capture`),t=n.slice(2,i?n.length-7:void 0),a=e[R]||null,a=a==null?null:a[n],typeof a==`function`&&e.removeEventListener(t,a,i),typeof r==`function`)){typeof a!=`function`&&a!==null&&(n in e?e[n]=null:e.hasAttribute(n)&&e.removeAttribute(n)),e.addEventListener(t,r,i);break a}n in e?e[n]=r:!0===r?e.setAttribute(n,``):Dt(e,n,r)}}}function Pd(e,t,n){switch(t){case`div`:case`span`:case`svg`:case`path`:case`a`:case`g`:case`p`:case`li`:break;case`img`:$(`error`,e),$(`load`,e);var r=!1,i=!1,a;for(a in n)if(n.hasOwnProperty(a)){var o=n[a];if(o!=null)switch(a){case`src`:r=!0;break;case`srcSet`:i=!0;break;case`children`:case`dangerouslySetInnerHTML`:throw Error(s(137,t));default:Md(e,t,a,o,n,null)}}i&&Md(e,t,`srcSet`,n.srcSet,n,null),r&&Md(e,t,`src`,n.src,n,null);return;case`input`:$(`invalid`,e);var c=a=o=i=null,l=null,u=null;for(r in n)if(n.hasOwnProperty(r)){var d=n[r];if(d!=null)switch(r){case`name`:i=d;break;case`type`:o=d;break;case`checked`:l=d;break;case`defaultChecked`:u=d;break;case`value`:a=d;break;case`defaultValue`:c=d;break;case`children`:case`dangerouslySetInnerHTML`:if(d!=null)throw Error(s(137,t));break;default:Md(e,t,r,d,n,null)}}zt(e,a,c,l,u,o,i,!1);return;case`select`:for(i in $(`invalid`,e),r=o=a=null,n)if(n.hasOwnProperty(i)&&(c=n[i],c!=null))switch(i){case`value`:a=c;break;case`defaultValue`:o=c;break;case`multiple`:r=c;default:Md(e,t,i,c,n,null)}t=a,n=o,e.multiple=!!r,t==null?n!=null&&Vt(e,!!r,n,!0):Vt(e,!!r,t,!1);return;case`textarea`:for(o in $(`invalid`,e),a=i=r=null,n)if(n.hasOwnProperty(o)&&(c=n[o],c!=null))switch(o){case`value`:r=c;break;case`defaultValue`:i=c;break;case`children`:a=c;break;case`dangerouslySetInnerHTML`:if(c!=null)throw Error(s(91));break;default:Md(e,t,o,c,n,null)}Ut(e,r,i,a);return;case`option`:for(l in n)if(n.hasOwnProperty(l)&&(r=n[l],r!=null))switch(l){case`selected`:e.selected=r&&typeof r!=`function`&&typeof r!=`symbol`;break;default:Md(e,t,l,r,n,null)}return;case`dialog`:$(`beforetoggle`,e),$(`toggle`,e),$(`cancel`,e),$(`close`,e);break;case`iframe`:case`object`:$(`load`,e);break;case`video`:case`audio`:for(r=0;r<gd.length;r++)$(gd[r],e);break;case`image`:$(`error`,e),$(`load`,e);break;case`details`:$(`toggle`,e);break;case`embed`:case`source`:case`link`:$(`error`,e),$(`load`,e);case`area`:case`base`:case`br`:case`col`:case`hr`:case`keygen`:case`meta`:case`param`:case`track`:case`wbr`:case`menuitem`:for(u in n)if(n.hasOwnProperty(u)&&(r=n[u],r!=null))switch(u){case`children`:case`dangerouslySetInnerHTML`:throw Error(s(137,t));default:Md(e,t,u,r,n,null)}return;default:if(Jt(t)){for(d in n)n.hasOwnProperty(d)&&(r=n[d],r!==void 0&&Nd(e,t,d,r,n,void 0));return}}for(c in n)n.hasOwnProperty(c)&&(r=n[c],r!=null&&Md(e,t,c,r,n,null))}function Fd(e,t,n,r){switch(t){case`div`:case`span`:case`svg`:case`path`:case`a`:case`g`:case`p`:case`li`:break;case`input`:var i=null,a=null,o=null,c=null,l=null,u=null,d=null;for(m in n){var f=n[m];if(n.hasOwnProperty(m)&&f!=null)switch(m){case`checked`:break;case`value`:break;case`defaultValue`:l=f;default:r.hasOwnProperty(m)||Md(e,t,m,null,r,f)}}for(var p in r){var m=r[p];if(f=n[p],r.hasOwnProperty(p)&&(m!=null||f!=null))switch(p){case`type`:a=m;break;case`name`:i=m;break;case`checked`:u=m;break;case`defaultChecked`:d=m;break;case`value`:o=m;break;case`defaultValue`:c=m;break;case`children`:case`dangerouslySetInnerHTML`:if(m!=null)throw Error(s(137,t));break;default:m!==f&&Md(e,t,p,m,r,f)}}Rt(e,o,c,l,u,d,a,i);return;case`select`:for(a in m=o=c=p=null,n)if(l=n[a],n.hasOwnProperty(a)&&l!=null)switch(a){case`value`:break;case`multiple`:m=l;default:r.hasOwnProperty(a)||Md(e,t,a,null,r,l)}for(i in r)if(a=r[i],l=n[i],r.hasOwnProperty(i)&&(a!=null||l!=null))switch(i){case`value`:p=a;break;case`defaultValue`:c=a;break;case`multiple`:o=a;default:a!==l&&Md(e,t,i,a,r,l)}t=c,n=o,r=m,p==null?!!r!=!!n&&(t==null?Vt(e,!!n,n?[]:``,!1):Vt(e,!!n,t,!0)):Vt(e,!!n,p,!1);return;case`textarea`:for(c in m=p=null,n)if(i=n[c],n.hasOwnProperty(c)&&i!=null&&!r.hasOwnProperty(c))switch(c){case`value`:break;case`children`:break;default:Md(e,t,c,null,r,i)}for(o in r)if(i=r[o],a=n[o],r.hasOwnProperty(o)&&(i!=null||a!=null))switch(o){case`value`:p=i;break;case`defaultValue`:m=i;break;case`children`:break;case`dangerouslySetInnerHTML`:if(i!=null)throw Error(s(91));break;default:i!==a&&Md(e,t,o,i,r,a)}Ht(e,p,m);return;case`option`:for(var h in n)if(p=n[h],n.hasOwnProperty(h)&&p!=null&&!r.hasOwnProperty(h))switch(h){case`selected`:e.selected=!1;break;default:Md(e,t,h,null,r,p)}for(l in r)if(p=r[l],m=n[l],r.hasOwnProperty(l)&&p!==m&&(p!=null||m!=null))switch(l){case`selected`:e.selected=p&&typeof p!=`function`&&typeof p!=`symbol`;break;default:Md(e,t,l,p,r,m)}return;case`img`:case`link`:case`area`:case`base`:case`br`:case`col`:case`embed`:case`hr`:case`keygen`:case`meta`:case`param`:case`source`:case`track`:case`wbr`:case`menuitem`:for(var g in n)p=n[g],n.hasOwnProperty(g)&&p!=null&&!r.hasOwnProperty(g)&&Md(e,t,g,null,r,p);for(u in r)if(p=r[u],m=n[u],r.hasOwnProperty(u)&&p!==m&&(p!=null||m!=null))switch(u){case`children`:case`dangerouslySetInnerHTML`:if(p!=null)throw Error(s(137,t));break;default:Md(e,t,u,p,r,m)}return;default:if(Jt(t)){for(var _ in n)p=n[_],n.hasOwnProperty(_)&&p!==void 0&&!r.hasOwnProperty(_)&&Nd(e,t,_,void 0,r,p);for(d in r)p=r[d],m=n[d],!r.hasOwnProperty(d)||p===m||p===void 0&&m===void 0||Nd(e,t,d,p,r,m);return}}for(var v in n)p=n[v],n.hasOwnProperty(v)&&p!=null&&!r.hasOwnProperty(v)&&Md(e,t,v,null,r,p);for(f in r)p=r[f],m=n[f],!r.hasOwnProperty(f)||p===m||p==null&&m==null||Md(e,t,f,p,r,m)}function Id(e){switch(e){case`css`:case`script`:case`font`:case`img`:case`image`:case`input`:case`link`:return!0;default:return!1}}function Ld(){if(typeof performance.getEntriesByType==`function`){for(var e=0,t=0,n=performance.getEntriesByType(`resource`),r=0;r<n.length;r++){var i=n[r],a=i.transferSize,o=i.initiatorType,s=i.duration;if(a&&s&&Id(o)){for(o=0,s=i.responseEnd,r+=1;r<n.length;r++){var c=n[r],l=c.startTime;if(l>s)break;var u=c.transferSize,d=c.initiatorType;u&&Id(d)&&(c=c.responseEnd,o+=u*(c<s?1:(s-l)/(c-l)))}if(--r,t+=8*(a+o)/(i.duration/1e3),e++,10<e)break}}if(0<e)return t/e/1e6}return navigator.connection&&(e=navigator.connection.downlink,typeof e==`number`)?e:5}var Rd=null,zd=null;function Bd(e){return e.nodeType===9?e:e.ownerDocument}function Vd(e){switch(e){case`http://www.w3.org/2000/svg`:return 1;case`http://www.w3.org/1998/Math/MathML`:return 2;default:return 0}}function Hd(e,t){if(e===0)switch(t){case`svg`:return 1;case`math`:return 2;default:return 0}return e===1&&t===`foreignObject`?0:e}function Ud(e,t){return e===`textarea`||e===`noscript`||typeof t.children==`string`||typeof t.children==`number`||typeof t.children==`bigint`||typeof t.dangerouslySetInnerHTML==`object`&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Wd=null;function Gd(){var e=window.event;return e&&e.type===`popstate`?e===Wd?!1:(Wd=e,!0):(Wd=null,!1)}var Kd=typeof setTimeout==`function`?setTimeout:void 0,qd=typeof clearTimeout==`function`?clearTimeout:void 0,Jd=typeof Promise==`function`?Promise:void 0,Yd=typeof queueMicrotask==`function`?queueMicrotask:Jd===void 0?Kd:function(e){return Jd.resolve(null).then(e).catch(Xd)};function Xd(e){setTimeout(function(){throw e})}function Zd(e){return e===`head`}function Qd(e,t){var n=t,r=0;do{var i=n.nextSibling;if(e.removeChild(n),i&&i.nodeType===8)if(n=i.data,n===`/$`||n===`/&`){if(r===0){e.removeChild(i),Np(t);return}r--}else if(n===`$`||n===`$?`||n===`$~`||n===`$!`||n===`&`)r++;else if(n===`html`)pf(e.ownerDocument.documentElement);else if(n===`head`){n=e.ownerDocument.head,pf(n);for(var a=n.firstChild;a;){var o=a.nextSibling,s=a.nodeName;a[ft]||s===`SCRIPT`||s===`STYLE`||s===`LINK`&&a.rel.toLowerCase()===`stylesheet`||n.removeChild(a),a=o}}else n===`body`&&pf(e.ownerDocument.body);n=i}while(n);Np(t)}function $d(e,t){var n=e;e=0;do{var r=n.nextSibling;if(n.nodeType===1?t?(n._stashedDisplay=n.style.display,n.style.display=`none`):(n.style.display=n._stashedDisplay||``,n.getAttribute(`style`)===``&&n.removeAttribute(`style`)):n.nodeType===3&&(t?(n._stashedText=n.nodeValue,n.nodeValue=``):n.nodeValue=n._stashedText||``),r&&r.nodeType===8)if(n=r.data,n===`/$`){if(e===0)break;e--}else n!==`$`&&n!==`$?`&&n!==`$~`&&n!==`$!`||e++;n=r}while(n)}function ef(e){var t=e.firstChild;for(t&&t.nodeType===10&&(t=t.nextSibling);t;){var n=t;switch(t=t.nextSibling,n.nodeName){case`HTML`:case`HEAD`:case`BODY`:ef(n),pt(n);continue;case`SCRIPT`:case`STYLE`:continue;case`LINK`:if(n.rel.toLowerCase()===`stylesheet`)continue}e.removeChild(n)}}function tf(e,t,n,r){for(;e.nodeType===1;){var i=n;if(e.nodeName.toLowerCase()!==t.toLowerCase()){if(!r&&(e.nodeName!==`INPUT`||e.type!==`hidden`))break}else if(!r)if(t===`input`&&e.type===`hidden`){var a=i.name==null?null:``+i.name;if(i.type===`hidden`&&e.getAttribute(`name`)===a)return e}else return e;else if(!e[ft])switch(t){case`meta`:if(!e.hasAttribute(`itemprop`))break;return e;case`link`:if(a=e.getAttribute(`rel`),a===`stylesheet`&&e.hasAttribute(`data-precedence`)||a!==i.rel||e.getAttribute(`href`)!==(i.href==null||i.href===``?null:i.href)||e.getAttribute(`crossorigin`)!==(i.crossOrigin==null?null:i.crossOrigin)||e.getAttribute(`title`)!==(i.title==null?null:i.title))break;return e;case`style`:if(e.hasAttribute(`data-precedence`))break;return e;case`script`:if(a=e.getAttribute(`src`),(a!==(i.src==null?null:i.src)||e.getAttribute(`type`)!==(i.type==null?null:i.type)||e.getAttribute(`crossorigin`)!==(i.crossOrigin==null?null:i.crossOrigin))&&a&&e.hasAttribute(`async`)&&!e.hasAttribute(`itemprop`))break;return e;default:return e}if(e=cf(e.nextSibling),e===null)break}return null}function nf(e,t,n){if(t===``)return null;for(;e.nodeType!==3;)if((e.nodeType!==1||e.nodeName!==`INPUT`||e.type!==`hidden`)&&!n||(e=cf(e.nextSibling),e===null))return null;return e}function rf(e,t){for(;e.nodeType!==8;)if((e.nodeType!==1||e.nodeName!==`INPUT`||e.type!==`hidden`)&&!t||(e=cf(e.nextSibling),e===null))return null;return e}function af(e){return e.data===`$?`||e.data===`$~`}function of(e){return e.data===`$!`||e.data===`$?`&&e.ownerDocument.readyState!==`loading`}function sf(e,t){var n=e.ownerDocument;if(e.data===`$~`)e._reactRetry=t;else if(e.data!==`$?`||n.readyState!==`loading`)t();else{var r=function(){t(),n.removeEventListener(`DOMContentLoaded`,r)};n.addEventListener(`DOMContentLoaded`,r),e._reactRetry=r}}function cf(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t===`$`||t===`$!`||t===`$?`||t===`$~`||t===`&`||t===`F!`||t===`F`)break;if(t===`/$`||t===`/&`)return null}}return e}var lf=null;function uf(e){e=e.nextSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`/$`||n===`/&`){if(t===0)return cf(e.nextSibling);t--}else n!==`$`&&n!==`$!`&&n!==`$?`&&n!==`$~`&&n!==`&`||t++}e=e.nextSibling}return null}function df(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`$`||n===`$!`||n===`$?`||n===`$~`||n===`&`){if(t===0)return e;t--}else n!==`/$`&&n!==`/&`||t++}e=e.previousSibling}return null}function ff(e,t,n){switch(t=Bd(n),e){case`html`:if(e=t.documentElement,!e)throw Error(s(452));return e;case`head`:if(e=t.head,!e)throw Error(s(453));return e;case`body`:if(e=t.body,!e)throw Error(s(454));return e;default:throw Error(s(451))}}function pf(e){for(var t=e.attributes;t.length;)e.removeAttributeNode(t[0]);pt(e)}var mf=new Map,hf=new Set;function gf(e){return typeof e.getRootNode==`function`?e.getRootNode():e.nodeType===9?e:e.ownerDocument}var _f=M.d;M.d={f:vf,r:yf,D:Sf,C:Cf,L:wf,m:Tf,X:Df,S:Ef,M:Of};function vf(){var e=_f.f(),t=vu();return e||t}function yf(e){var t=ht(e);t!==null&&t.tag===5&&t.type===`form`?bs(t):_f.r(e)}var bf=typeof document>`u`?null:document;function xf(e,t,n){var r=bf;if(r&&typeof t==`string`&&t){var i=Lt(t);i=`link[rel="`+e+`"][href="`+i+`"]`,typeof n==`string`&&(i+=`[crossorigin="`+n+`"]`),hf.has(i)||(hf.add(i),e={rel:e,crossOrigin:n,href:t},r.querySelector(i)===null&&(t=r.createElement(`link`),Pd(t,`link`,e),vt(t),r.head.appendChild(t)))}}function Sf(e){_f.D(e),xf(`dns-prefetch`,e,null)}function Cf(e,t){_f.C(e,t),xf(`preconnect`,e,t)}function wf(e,t,n){_f.L(e,t,n);var r=bf;if(r&&e&&t){var i=`link[rel="preload"][as="`+Lt(t)+`"]`;t===`image`&&n&&n.imageSrcSet?(i+=`[imagesrcset="`+Lt(n.imageSrcSet)+`"]`,typeof n.imageSizes==`string`&&(i+=`[imagesizes="`+Lt(n.imageSizes)+`"]`)):i+=`[href="`+Lt(e)+`"]`;var a=i;switch(t){case`style`:a=Af(e);break;case`script`:a=Pf(e)}mf.has(a)||(e=h({rel:`preload`,href:t===`image`&&n&&n.imageSrcSet?void 0:e,as:t},n),mf.set(a,e),r.querySelector(i)!==null||t===`style`&&r.querySelector(jf(a))||t===`script`&&r.querySelector(Ff(a))||(t=r.createElement(`link`),Pd(t,`link`,e),vt(t),r.head.appendChild(t)))}}function Tf(e,t){_f.m(e,t);var n=bf;if(n&&e){var r=t&&typeof t.as==`string`?t.as:`script`,i=`link[rel="modulepreload"][as="`+Lt(r)+`"][href="`+Lt(e)+`"]`,a=i;switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:a=Pf(e)}if(!mf.has(a)&&(e=h({rel:`modulepreload`,href:e},t),mf.set(a,e),n.querySelector(i)===null)){switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:if(n.querySelector(Ff(a)))return}r=n.createElement(`link`),Pd(r,`link`,e),vt(r),n.head.appendChild(r)}}}function Ef(e,t,n){_f.S(e,t,n);var r=bf;if(r&&e){var i=_t(r).hoistableStyles,a=Af(e);t||=`default`;var o=i.get(a);if(!o){var s={loading:0,preload:null};if(o=r.querySelector(jf(a)))s.loading=5;else{e=h({rel:`stylesheet`,href:e,"data-precedence":t},n),(n=mf.get(a))&&Rf(e,n);var c=o=r.createElement(`link`);vt(c),Pd(c,`link`,e),c._p=new Promise(function(e,t){c.onload=e,c.onerror=t}),c.addEventListener(`load`,function(){s.loading|=1}),c.addEventListener(`error`,function(){s.loading|=2}),s.loading|=4,Lf(o,t,r)}o={type:`stylesheet`,instance:o,count:1,state:s},i.set(a,o)}}}function Df(e,t){_f.X(e,t);var n=bf;if(n&&e){var r=_t(n).hoistableScripts,i=Pf(e),a=r.get(i);a||(a=n.querySelector(Ff(i)),a||(e=h({src:e,async:!0},t),(t=mf.get(i))&&zf(e,t),a=n.createElement(`script`),vt(a),Pd(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function Of(e,t){_f.M(e,t);var n=bf;if(n&&e){var r=_t(n).hoistableScripts,i=Pf(e),a=r.get(i);a||(a=n.querySelector(Ff(i)),a||(e=h({src:e,async:!0,type:`module`},t),(t=mf.get(i))&&zf(e,t),a=n.createElement(`script`),vt(a),Pd(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function kf(e,t,n,r){var i=(i=de.current)?gf(i):null;if(!i)throw Error(s(446));switch(e){case`meta`:case`title`:return null;case`style`:return typeof n.precedence==`string`&&typeof n.href==`string`?(t=Af(n.href),n=_t(i).hoistableStyles,r=n.get(t),r||(r={type:`style`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};case`link`:if(n.rel===`stylesheet`&&typeof n.href==`string`&&typeof n.precedence==`string`){e=Af(n.href);var a=_t(i).hoistableStyles,o=a.get(e);if(o||(i=i.ownerDocument||i,o={type:`stylesheet`,instance:null,count:0,state:{loading:0,preload:null}},a.set(e,o),(a=i.querySelector(jf(e)))&&!a._p&&(o.instance=a,o.state.loading=5),mf.has(e)||(n={rel:`preload`,as:`style`,href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},mf.set(e,n),a||Nf(i,e,n,o.state))),t&&r===null)throw Error(s(528,``));return o}if(t&&r!==null)throw Error(s(529,``));return null;case`script`:return t=n.async,n=n.src,typeof n==`string`&&t&&typeof t!=`function`&&typeof t!=`symbol`?(t=Pf(n),n=_t(i).hoistableScripts,r=n.get(t),r||(r={type:`script`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};default:throw Error(s(444,e))}}function Af(e){return`href="`+Lt(e)+`"`}function jf(e){return`link[rel="stylesheet"][`+e+`]`}function Mf(e){return h({},e,{"data-precedence":e.precedence,precedence:null})}function Nf(e,t,n,r){e.querySelector(`link[rel="preload"][as="style"][`+t+`]`)?r.loading=1:(t=e.createElement(`link`),r.preload=t,t.addEventListener(`load`,function(){return r.loading|=1}),t.addEventListener(`error`,function(){return r.loading|=2}),Pd(t,`link`,n),vt(t),e.head.appendChild(t))}function Pf(e){return`[src="`+Lt(e)+`"]`}function Ff(e){return`script[async]`+e}function If(e,t,n){if(t.count++,t.instance===null)switch(t.type){case`style`:var r=e.querySelector(`style[data-href~="`+Lt(n.href)+`"]`);if(r)return t.instance=r,vt(r),r;var i=h({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement(`style`),vt(r),Pd(r,`style`,i),Lf(r,n.precedence,e),t.instance=r;case`stylesheet`:i=Af(n.href);var a=e.querySelector(jf(i));if(a)return t.state.loading|=4,t.instance=a,vt(a),a;r=Mf(n),(i=mf.get(i))&&Rf(r,i),a=(e.ownerDocument||e).createElement(`link`),vt(a);var o=a;return o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Pd(a,`link`,r),t.state.loading|=4,Lf(a,n.precedence,e),t.instance=a;case`script`:return a=Pf(n.src),(i=e.querySelector(Ff(a)))?(t.instance=i,vt(i),i):(r=n,(i=mf.get(a))&&(r=h({},n),zf(r,i)),e=e.ownerDocument||e,i=e.createElement(`script`),vt(i),Pd(i,`link`,r),e.head.appendChild(i),t.instance=i);case`void`:return null;default:throw Error(s(443,t.type))}else t.type===`stylesheet`&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,Lf(r,n.precedence,e));return t.instance}function Lf(e,t,n){for(var r=n.querySelectorAll(`link[rel="stylesheet"][data-precedence],style[data-precedence]`),i=r.length?r[r.length-1]:null,a=i,o=0;o<r.length;o++){var s=r[o];if(s.dataset.precedence===t)a=s;else if(a!==i)break}a?a.parentNode.insertBefore(e,a.nextSibling):(t=n.nodeType===9?n.head:n,t.insertBefore(e,t.firstChild))}function Rf(e,t){e.crossOrigin??=t.crossOrigin,e.referrerPolicy??=t.referrerPolicy,e.title??=t.title}function zf(e,t){e.crossOrigin??=t.crossOrigin,e.referrerPolicy??=t.referrerPolicy,e.integrity??=t.integrity}var Bf=null;function Vf(e,t,n){if(Bf===null){var r=new Map,i=Bf=new Map;i.set(n,r)}else i=Bf,r=i.get(n),r||(r=new Map,i.set(n,r));if(r.has(e))return r;for(r.set(e,null),n=n.getElementsByTagName(e),i=0;i<n.length;i++){var a=n[i];if(!(a[ft]||a[st]||e===`link`&&a.getAttribute(`rel`)===`stylesheet`)&&a.namespaceURI!==`http://www.w3.org/2000/svg`){var o=a.getAttribute(t)||``;o=e+o;var s=r.get(o);s?s.push(a):r.set(o,[a])}}return r}function Hf(e,t,n){e=e.ownerDocument||e,e.head.insertBefore(n,t===`title`?e.querySelector(`head > title`):null)}function Uf(e,t,n){if(n===1||t.itemProp!=null)return!1;switch(e){case`meta`:case`title`:return!0;case`style`:if(typeof t.precedence!=`string`||typeof t.href!=`string`||t.href===``)break;return!0;case`link`:if(typeof t.rel!=`string`||typeof t.href!=`string`||t.href===``||t.onLoad||t.onError)break;switch(t.rel){case`stylesheet`:return e=t.disabled,typeof t.precedence==`string`&&e==null;default:return!0}case`script`:if(t.async&&typeof t.async!=`function`&&typeof t.async!=`symbol`&&!t.onLoad&&!t.onError&&t.src&&typeof t.src==`string`)return!0}return!1}function Wf(e){return!(e.type===`stylesheet`&&!(e.state.loading&3))}function Gf(e,t,n,r){if(n.type===`stylesheet`&&(typeof r.media!=`string`||!1!==matchMedia(r.media).matches)&&!(n.state.loading&4)){if(n.instance===null){var i=Af(r.href),a=t.querySelector(jf(i));if(a){t=a._p,typeof t==`object`&&t&&typeof t.then==`function`&&(e.count++,e=Jf.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=a,vt(a);return}a=t.ownerDocument||t,r=Mf(r),(i=mf.get(i))&&Rf(r,i),a=a.createElement(`link`),vt(a);var o=a;o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Pd(a,`link`,r),n.instance=a}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Jf.bind(e),t.addEventListener(`load`,n),t.addEventListener(`error`,n))}}var Kf=0;function qf(e,t){return e.stylesheets&&e.count===0&&Xf(e,e.stylesheets),0<e.count||0<e.imgCount?function(n){var r=setTimeout(function(){if(e.stylesheets&&Xf(e,e.stylesheets),e.unsuspend){var t=e.unsuspend;e.unsuspend=null,t()}},6e4+t);0<e.imgBytes&&Kf===0&&(Kf=62500*Ld());var i=setTimeout(function(){if(e.waitingForImages=!1,e.count===0&&(e.stylesheets&&Xf(e,e.stylesheets),e.unsuspend)){var t=e.unsuspend;e.unsuspend=null,t()}},(e.imgBytes>Kf?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(i)}}:null}function Jf(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Xf(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Yf=null;function Xf(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Yf=new Map,t.forEach(Zf,e),Yf=null,Jf.call(e))}function Zf(e,t){if(!(t.state.loading&4)){var n=Yf.get(e);if(n)var r=n.get(null);else{n=new Map,Yf.set(e,n);for(var i=e.querySelectorAll(`link[data-precedence],style[data-precedence]`),a=0;a<i.length;a++){var o=i[a];(o.nodeName===`LINK`||o.getAttribute(`media`)!==`not all`)&&(n.set(o.dataset.precedence,o),r=o)}r&&n.set(null,r)}i=t.instance,o=i.getAttribute(`data-precedence`),a=n.get(o)||r,a===r&&n.set(null,i),n.set(o,i),this.count++,r=Jf.bind(this),i.addEventListener(`load`,r),i.addEventListener(`error`,r),a?a.parentNode.insertBefore(i,a.nextSibling):(e=e.nodeType===9?e.head:e,e.insertBefore(i,e.firstChild)),t.state.loading|=4}}var Qf={$$typeof:C,Provider:null,Consumer:null,_currentValue:ae,_currentValue2:ae,_threadCount:0};function $f(e,t,n,r,i,a,o,s,c){this.tag=1,this.containerInfo=e,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=Ze(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ze(0),this.hiddenUpdates=Ze(null),this.identifierPrefix=r,this.onUncaughtError=i,this.onCaughtError=a,this.onRecoverableError=o,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=c,this.incompleteTransitions=new Map}function ep(e,t,n,r,i,a,o,s,c,l,u,d){return e=new $f(e,t,n,o,c,l,u,d,s),t=1,!0===a&&(t|=24),a=oi(3,null,null,t),e.current=a,a.stateNode=e,t=ra(),t.refCount++,e.pooledCache=t,t.refCount++,a.memoizedState={element:r,isDehydrated:n,cache:t},Ia(a),e}function tp(e){return e?(e=ii,e):ii}function np(e,t,n,r,i,a){i=tp(i),r.context===null?r.context=i:r.pendingContext=i,r=Ra(t),r.payload={element:n},a=a===void 0?null:a,a!==null&&(r.callback=a),n=za(e,r,t),n!==null&&(pu(n,e,t),Ba(n,e,t))}function rp(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function ip(e,t){rp(e,t),(e=e.alternate)&&rp(e,t)}function ap(e){if(e.tag===13||e.tag===31){var t=ti(e,67108864);t!==null&&pu(t,e,67108864),ip(e,67108864)}}function op(e){if(e.tag===13||e.tag===31){var t=du();t=rt(t);var n=ti(e,t);n!==null&&pu(n,e,t),ip(e,t)}}var sp=!0;function cp(e,t,n,r){var i=j.T;j.T=null;var a=M.p;try{M.p=2,up(e,t,n,r)}finally{M.p=a,j.T=i}}function lp(e,t,n,r){var i=j.T;j.T=null;var a=M.p;try{M.p=8,up(e,t,n,r)}finally{M.p=a,j.T=i}}function up(e,t,n,r){if(sp){var i=dp(r);if(i===null)Cd(e,t,r,fp,n),Cp(e,r);else if(Tp(i,e,t,n,r))r.stopPropagation();else if(Cp(e,r),t&4&&-1<Sp.indexOf(e)){for(;i!==null;){var a=ht(i);if(a!==null)switch(a.tag){case 3:if(a=a.stateNode,a.current.memoizedState.isDehydrated){var o=Ke(a.pendingLanes);if(o!==0){var s=a;for(s.pendingLanes|=2,s.entangledLanes|=2;o;){var c=1<<31-Ve(o);s.entanglements[1]|=c,o&=~c}nd(a),!(Pl&6)&&($l=ke()+500,rd(0,!1))}}break;case 31:case 13:s=ti(a,2),s!==null&&pu(s,a,2),vu(),ip(a,2)}if(a=dp(r),a===null&&Cd(e,t,r,fp,n),a===i)break;i=a}i!==null&&r.stopPropagation()}else Cd(e,t,r,null,n)}}function dp(e){return e=en(e),pp(e)}var fp=null;function pp(e){if(fp=null,e=mt(e),e!==null){var t=l(e);if(t===null)e=null;else{var n=t.tag;if(n===13){if(e=u(t),e!==null)return e;e=null}else if(n===31){if(e=d(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null)}}return fp=e,null}function mp(e){switch(e){case`beforetoggle`:case`cancel`:case`click`:case`close`:case`contextmenu`:case`copy`:case`cut`:case`auxclick`:case`dblclick`:case`dragend`:case`dragstart`:case`drop`:case`focusin`:case`focusout`:case`input`:case`invalid`:case`keydown`:case`keypress`:case`keyup`:case`mousedown`:case`mouseup`:case`paste`:case`pause`:case`play`:case`pointercancel`:case`pointerdown`:case`pointerup`:case`ratechange`:case`reset`:case`resize`:case`seeked`:case`submit`:case`toggle`:case`touchcancel`:case`touchend`:case`touchstart`:case`volumechange`:case`change`:case`selectionchange`:case`textInput`:case`compositionstart`:case`compositionend`:case`compositionupdate`:case`beforeblur`:case`afterblur`:case`beforeinput`:case`blur`:case`fullscreenchange`:case`focus`:case`hashchange`:case`popstate`:case`select`:case`selectstart`:return 2;case`drag`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`mousemove`:case`mouseout`:case`mouseover`:case`pointermove`:case`pointerout`:case`pointerover`:case`scroll`:case`touchmove`:case`wheel`:case`mouseenter`:case`mouseleave`:case`pointerenter`:case`pointerleave`:return 8;case`message`:switch(Ae()){case je:return 2;case Me:return 8;case Ne:case Pe:return 32;case Fe:return 268435456;default:return 32}default:return 32}}var hp=!1,gp=null,_p=null,vp=null,yp=new Map,bp=new Map,xp=[],Sp=`mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset`.split(` `);function Cp(e,t){switch(e){case`focusin`:case`focusout`:gp=null;break;case`dragenter`:case`dragleave`:_p=null;break;case`mouseover`:case`mouseout`:vp=null;break;case`pointerover`:case`pointerout`:yp.delete(t.pointerId);break;case`gotpointercapture`:case`lostpointercapture`:bp.delete(t.pointerId)}}function wp(e,t,n,r,i,a){return e===null||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[i]},t!==null&&(t=ht(t),t!==null&&ap(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,i!==null&&t.indexOf(i)===-1&&t.push(i),e)}function Tp(e,t,n,r,i){switch(t){case`focusin`:return gp=wp(gp,e,t,n,r,i),!0;case`dragenter`:return _p=wp(_p,e,t,n,r,i),!0;case`mouseover`:return vp=wp(vp,e,t,n,r,i),!0;case`pointerover`:var a=i.pointerId;return yp.set(a,wp(yp.get(a)||null,e,t,n,r,i)),!0;case`gotpointercapture`:return a=i.pointerId,bp.set(a,wp(bp.get(a)||null,e,t,n,r,i)),!0}return!1}function Ep(e){var t=mt(e.target);if(t!==null){var n=l(t);if(n!==null){if(t=n.tag,t===13){if(t=u(n),t!==null){e.blockedOn=t,L(e.priority,function(){op(n)});return}}else if(t===31){if(t=d(n),t!==null){e.blockedOn=t,L(e.priority,function(){op(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Dp(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=dp(e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);$t=r,n.target.dispatchEvent(r),$t=null}else return t=ht(n),t!==null&&ap(t),e.blockedOn=n,!1;t.shift()}return!0}function Op(e,t,n){Dp(e)&&n.delete(t)}function kp(){hp=!1,gp!==null&&Dp(gp)&&(gp=null),_p!==null&&Dp(_p)&&(_p=null),vp!==null&&Dp(vp)&&(vp=null),yp.forEach(Op),bp.forEach(Op)}function Ap(e,n){e.blockedOn===n&&(e.blockedOn=null,hp||(hp=!0,t.unstable_scheduleCallback(t.unstable_NormalPriority,kp)))}var jp=null;function Mp(e){jp!==e&&(jp=e,t.unstable_scheduleCallback(t.unstable_NormalPriority,function(){jp===e&&(jp=null);for(var t=0;t<e.length;t+=3){var n=e[t],r=e[t+1],i=e[t+2];if(typeof r!=`function`){if(pp(r||n)===null)continue;break}var a=ht(n);a!==null&&(e.splice(t,3),t-=3,vs(a,{pending:!0,data:i,method:n.method,action:r},r,i))}}))}function Np(e){function t(t){return Ap(t,e)}gp!==null&&Ap(gp,e),_p!==null&&Ap(_p,e),vp!==null&&Ap(vp,e),yp.forEach(t),bp.forEach(t);for(var n=0;n<xp.length;n++){var r=xp[n];r.blockedOn===e&&(r.blockedOn=null)}for(;0<xp.length&&(n=xp[0],n.blockedOn===null);)Ep(n),n.blockedOn===null&&xp.shift();if(n=(e.ownerDocument||e).$$reactFormReplay,n!=null)for(r=0;r<n.length;r+=3){var i=n[r],a=n[r+1],o=i[R]||null;if(typeof a==`function`)o||Mp(n);else if(o){var s=null;if(a&&a.hasAttribute(`formAction`)){if(i=a,o=a[R]||null)s=o.formAction;else if(pp(i)!==null)continue}else s=o.action;typeof s==`function`?n[r+1]=s:(n.splice(r,3),r-=3),Mp(n)}}}function Pp(){function e(e){e.canIntercept&&e.info===`react-transition`&&e.intercept({handler:function(){return new Promise(function(e){return i=e})},focusReset:`manual`,scroll:`manual`})}function t(){i!==null&&(i(),i=null),r||setTimeout(n,20)}function n(){if(!r&&!navigation.transition){var e=navigation.currentEntry;e&&e.url!=null&&navigation.navigate(e.url,{state:e.getState(),info:`react-transition`,history:`replace`})}}if(typeof navigation==`object`){var r=!1,i=null;return navigation.addEventListener(`navigate`,e),navigation.addEventListener(`navigatesuccess`,t),navigation.addEventListener(`navigateerror`,t),setTimeout(n,100),function(){r=!0,navigation.removeEventListener(`navigate`,e),navigation.removeEventListener(`navigatesuccess`,t),navigation.removeEventListener(`navigateerror`,t),i!==null&&(i(),i=null)}}}function Fp(e){this._internalRoot=e}Ip.prototype.render=Fp.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(s(409));var n=t.current;np(n,du(),e,t,null,null)},Ip.prototype.unmount=Fp.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;np(e.current,2,null,e,null,null),vu(),t[ct]=null}};function Ip(e){this._internalRoot=e}Ip.prototype.unstable_scheduleHydration=function(e){if(e){var t=at();e={blockedOn:null,target:e,priority:t};for(var n=0;n<xp.length&&t!==0&&t<xp[n].priority;n++);xp.splice(n,0,e),n===0&&Ep(e)}};var Lp=r.version;if(Lp!==`19.2.4`)throw Error(s(527,Lp,`19.2.4`));M.findDOMNode=function(e){var t=e._reactInternals;if(t===void 0)throw typeof e.render==`function`?Error(s(188)):(e=Object.keys(e).join(`,`),Error(s(268,e)));return e=p(t),e=e===null?null:m(e),e=e===null?null:e.stateNode,e};var Rp={bundleType:0,version:`19.2.4`,rendererPackageName:`react-dom`,currentDispatcherRef:j,reconcilerVersion:`19.2.4`};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`){var zp=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!zp.isDisabled&&zp.supportsFiber)try{Re=zp.inject(Rp),ze=zp}catch{}}e.createRoot=function(e,t){if(!c(e))throw Error(s(299));var n=!1,r=``,i=Bs,a=Vs,o=Hs;return t!=null&&(!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onUncaughtError!==void 0&&(i=t.onUncaughtError),t.onCaughtError!==void 0&&(a=t.onCaughtError),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=ep(e,1,!1,null,null,n,r,null,i,a,o,Pp),e[ct]=t.current,xd(e),new Fp(t)}})),c=e(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=s()})),l=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),u=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),d=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),f=e=>{let t=d(e);return t.charAt(0).toUpperCase()+t.slice(1)},p={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},m=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},h=n(),g=(0,h.forwardRef)(({color:e=`currentColor`,size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:i=``,children:a,iconNode:o,...s},c)=>(0,h.createElement)(`svg`,{ref:c,...p,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:l(`lucide`,i),...!a&&!m(s)&&{"aria-hidden":`true`},...s},[...o.map(([e,t])=>(0,h.createElement)(e,t)),...Array.isArray(a)?a:[a]])),_=(e,t)=>{let n=(0,h.forwardRef)(({className:n,...r},i)=>(0,h.createElement)(g,{ref:i,iconNode:t,className:l(`lucide-${u(f(e))}`,`lucide-${e}`,n),...r}));return n.displayName=f(e),n},v=_(`app-window`,[[`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`,key:`izxlao`}],[`path`,{d:`M10 4v4`,key:`pp8u80`}],[`path`,{d:`M2 8h20`,key:`d11cs7`}],[`path`,{d:`M6 4v4`,key:`1svtjw`}]]),y=_(`arrow-right`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`m12 5 7 7-7 7`,key:`xquz4c`}]]),b=_(`bell`,[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}]]),x=_(`bookmark`,[[`path`,{d:`M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z`,key:`oz39mx`}]]),S=_(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]),C=_(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),w=_(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),T=_(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),ee=_(`chevrons-up-down`,[[`path`,{d:`m7 15 5 5 5-5`,key:`1hf1tw`}],[`path`,{d:`m7 9 5-5 5 5`,key:`sgt6xg`}]]),E=_(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]),D=_(`circle-check`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]),O=_(`circle-question-mark`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`,key:`1u773s`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),k=_(`circle-user-round`,[[`path`,{d:`M18 20a6 6 0 0 0-12 0`,key:`1qehca`}],[`circle`,{cx:`12`,cy:`10`,r:`4`,key:`1h16sb`}],[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]),A=_(`clipboard`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}]]),te=_(`clock`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6l4 2`,key:`mmk7yg`}]]),ne=_(`code-xml`,[[`path`,{d:`m18 16 4-4-4-4`,key:`1inbqp`}],[`path`,{d:`m6 8-4 4 4 4`,key:`15zrgr`}],[`path`,{d:`m14.5 4-5 16`,key:`e7oirm`}]]),re=_(`columns-2`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M12 3v18`,key:`108xh3`}]]),ie=_(`credit-card`,[[`rect`,{width:`20`,height:`14`,x:`2`,y:`5`,rx:`2`,key:`ynyp8z`}],[`line`,{x1:`2`,x2:`22`,y1:`10`,y2:`10`,key:`1b3vmo`}]]),j=_(`ellipsis`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`19`,cy:`12`,r:`1`,key:`1wjl8i`}],[`circle`,{cx:`5`,cy:`12`,r:`1`,key:`1pcz8c`}]]),M=_(`external-link`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`M10 14 21 3`,key:`gplh6r`}],[`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`,key:`a6xqqp`}]]),ae=_(`fold-vertical`,[[`path`,{d:`M12 22v-6`,key:`6o8u61`}],[`path`,{d:`M12 8V2`,key:`1wkif3`}],[`path`,{d:`M4 12H2`,key:`rhcxmi`}],[`path`,{d:`M10 12H8`,key:`s88cx1`}],[`path`,{d:`M16 12h-2`,key:`10asgb`}],[`path`,{d:`M22 12h-2`,key:`14jgyd`}],[`path`,{d:`m15 19-3-3-3 3`,key:`e37ymu`}],[`path`,{d:`m15 5-3 3-3-3`,key:`19d6lf`}]]),oe=_(`folder-kanban`,[[`path`,{d:`M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z`,key:`1fr9dc`}],[`path`,{d:`M8 10v4`,key:`tgpxqk`}],[`path`,{d:`M12 10v2`,key:`hh53o1`}],[`path`,{d:`M16 10v6`,key:`1d6xys`}]]),se=_(`gallery-horizontal-end`,[[`path`,{d:`M2 7v10`,key:`a2pl2d`}],[`path`,{d:`M6 5v14`,key:`1kq3d7`}],[`rect`,{width:`12`,height:`18`,x:`10`,y:`3`,rx:`2`,key:`13i7bc`}]]),ce=_(`gauge`,[[`path`,{d:`m12 14 4-4`,key:`9kzdfg`}],[`path`,{d:`M3.34 19a10 10 0 1 1 17.32 0`,key:`19p75a`}]]),N=_(`git-compare-arrows`,[[`circle`,{cx:`5`,cy:`6`,r:`3`,key:`1qnov2`}],[`path`,{d:`M12 6h5a2 2 0 0 1 2 2v7`,key:`1yj91y`}],[`path`,{d:`m15 9-3-3 3-3`,key:`1lwv8l`}],[`circle`,{cx:`19`,cy:`18`,r:`3`,key:`1qljk2`}],[`path`,{d:`M12 18H7a2 2 0 0 1-2-2V9`,key:`16sdep`}],[`path`,{d:`m9 15 3 3-3 3`,key:`1m3kbl`}]]),P=_(`globe`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20`,key:`13o1zl`}],[`path`,{d:`M2 12h20`,key:`9i4pu4`}]]),le=_(`heart`,[[`path`,{d:`M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5`,key:`mvr1a0`}]]),ue=_(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),de=_(`layout-template`,[[`rect`,{width:`18`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`f1a2em`}],[`rect`,{width:`9`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`jqznyg`}],[`rect`,{width:`5`,height:`7`,x:`16`,y:`14`,rx:`1`,key:`q5h2i8`}]]),fe=_(`loader`,[[`path`,{d:`M12 2v4`,key:`3427ic`}],[`path`,{d:`m16.2 7.8 2.9-2.9`,key:`r700ao`}],[`path`,{d:`M18 12h4`,key:`wj9ykh`}],[`path`,{d:`m16.2 16.2 2.9 2.9`,key:`1bxg5t`}],[`path`,{d:`M12 18v4`,key:`jadmvz`}],[`path`,{d:`m4.9 19.1 2.9-2.9`,key:`bwix9q`}],[`path`,{d:`M2 12h4`,key:`j09sii`}],[`path`,{d:`m4.9 4.9 2.9 2.9`,key:`giyufr`}]]),pe=_(`menu`,[[`path`,{d:`M4 5h16`,key:`1tepv9`}],[`path`,{d:`M4 12h16`,key:`1lakjw`}],[`path`,{d:`M4 19h16`,key:`1djgab`}]]),me=_(`message-circle-question-mark`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`,key:`1u773s`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),he=_(`message-square`,[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]),ge=_(`minus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}]]),_e=_(`moon`,[[`path`,{d:`M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401`,key:`kfwtm`}]]),ve=_(`mouse-pointer-click`,[[`path`,{d:`M14 4.1 12 6`,key:`ita8i4`}],[`path`,{d:`m5.1 8-2.9-.8`,key:`1go3kf`}],[`path`,{d:`m6 12-1.9 2`,key:`mnht97`}],[`path`,{d:`M7.2 2.2 8 5.1`,key:`1cfko1`}],[`path`,{d:`M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z`,key:`s0h3yz`}]]),ye=_(`panel-left-open`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}],[`path`,{d:`m14 9 3 3-3 3`,key:`8010ee`}]]),be=_(`panel-right`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}]]),xe=_(`plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]),Se=_(`rectangle-ellipsis`,[[`rect`,{width:`20`,height:`12`,x:`2`,y:`6`,rx:`2`,key:`9lu3g6`}],[`path`,{d:`M12 12h.01`,key:`1mp3jc`}],[`path`,{d:`M17 12h.01`,key:`1m0b6t`}],[`path`,{d:`M7 12h.01`,key:`eqddd0`}]]),Ce=_(`refresh-cw`,[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]]),we=_(`search`,[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]]),Te=_(`settings`,[[`path`,{d:`M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915`,key:`1i5ecw`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]]),Ee=_(`share-2`,[[`circle`,{cx:`18`,cy:`5`,r:`3`,key:`gq8acd`}],[`circle`,{cx:`6`,cy:`12`,r:`3`,key:`w7nqdw`}],[`circle`,{cx:`18`,cy:`19`,r:`3`,key:`1xt0gg`}],[`line`,{x1:`8.59`,x2:`15.42`,y1:`13.51`,y2:`17.49`,key:`47mynk`}],[`line`,{x1:`15.41`,x2:`8.59`,y1:`6.51`,y2:`10.49`,key:`1n3mei`}]]),De=_(`sliders-horizontal`,[[`path`,{d:`M10 5H3`,key:`1qgfaw`}],[`path`,{d:`M12 19H3`,key:`yhmn1j`}],[`path`,{d:`M14 3v4`,key:`1sua03`}],[`path`,{d:`M16 17v4`,key:`1q0r14`}],[`path`,{d:`M21 12h-9`,key:`1o4lsq`}],[`path`,{d:`M21 19h-5`,key:`1rlt1p`}],[`path`,{d:`M21 5h-7`,key:`1oszz2`}],[`path`,{d:`M8 10v4`,key:`tgpxqk`}],[`path`,{d:`M8 12H3`,key:`a7s4jb`}]]),Oe=_(`square-dashed`,[[`path`,{d:`M5 3a2 2 0 0 0-2 2`,key:`y57alp`}],[`path`,{d:`M19 3a2 2 0 0 1 2 2`,key:`18rm91`}],[`path`,{d:`M21 19a2 2 0 0 1-2 2`,key:`1j7049`}],[`path`,{d:`M5 21a2 2 0 0 1-2-2`,key:`sbafld`}],[`path`,{d:`M9 3h1`,key:`1yesri`}],[`path`,{d:`M9 21h1`,key:`15o7lz`}],[`path`,{d:`M14 3h1`,key:`1ec4yj`}],[`path`,{d:`M14 21h1`,key:`v9vybs`}],[`path`,{d:`M3 9v1`,key:`1r0deq`}],[`path`,{d:`M21 9v1`,key:`mxsmne`}],[`path`,{d:`M3 14v1`,key:`vnatye`}],[`path`,{d:`M21 14v1`,key:`169vum`}]]),ke=_(`square-stack`,[[`path`,{d:`M4 10c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2`,key:`4i38lg`}],[`path`,{d:`M10 16c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2`,key:`mlte4a`}],[`rect`,{width:`8`,height:`8`,x:`14`,y:`14`,rx:`2`,key:`1fa9i4`}]]),Ae=_(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),je=_(`sun`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M12 2v2`,key:`tus03m`}],[`path`,{d:`M12 20v2`,key:`1lh1kg`}],[`path`,{d:`m4.93 4.93 1.41 1.41`,key:`149t6j`}],[`path`,{d:`m17.66 17.66 1.41 1.41`,key:`ptbguv`}],[`path`,{d:`M2 12h2`,key:`1t8f8n`}],[`path`,{d:`M20 12h2`,key:`1q8mjw`}],[`path`,{d:`m6.34 17.66-1.41 1.41`,key:`1m8zz5`}],[`path`,{d:`m19.07 4.93-1.41 1.41`,key:`1shlcs`}]]),Me=_(`tag`,[[`path`,{d:`M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z`,key:`vktsd0`}],[`circle`,{cx:`7.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`kqv944`}]]),Ne=_(`text-cursor-input`,[[`path`,{d:`M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6`,key:`1528k5`}],[`path`,{d:`M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7`,key:`13ksps`}],[`path`,{d:`M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1`,key:`1n9rhb`}],[`path`,{d:`M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1`,key:`1mj8rg`}],[`path`,{d:`M9 6v12`,key:`velyjx`}]]),Pe=_(`text-wrap`,[[`path`,{d:`m16 16-3 3 3 3`,key:`117b85`}],[`path`,{d:`M3 12h14.5a1 1 0 0 1 0 7H13`,key:`18xa6z`}],[`path`,{d:`M3 19h6`,key:`1ygdsz`}],[`path`,{d:`M3 5h18`,key:`1u36vt`}]]),Fe=_(`toggle-left`,[[`circle`,{cx:`9`,cy:`12`,r:`3`,key:`u3jwor`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`5`,rx:`7`,key:`g7kal2`}]]),Ie=_(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]),Le=_(`trending-down`,[[`path`,{d:`M16 17h6v-6`,key:`t6n2it`}],[`path`,{d:`m22 17-8.5-8.5-5 5L2 7`,key:`x473p`}]]),Re=_(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),ze=_(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]),Be=_(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]),Ve=_(`zap`,[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`,key:`1xq2db`}]]),He=c();function Ue(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=Ue(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function F(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=Ue(e))&&(r&&(r+=` `),r+=t);return r}var We={root:`_root_1oxco_1`,"owo-spin":`_owo-spin_1oxco_1`},Ge=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),I=e(((e,t)=>{t.exports=Ge()}))(),Ke={xs:12,sm:14,md:16,lg:24};function qe({px:e}){let t=Math.PI*2*9;return(0,I.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,children:[(0,I.jsx)(`circle`,{cx:`12`,cy:`12`,r:9,stroke:`currentColor`,strokeWidth:`3`,opacity:`0.2`}),(0,I.jsx)(`circle`,{cx:`12`,cy:`12`,r:9,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeDasharray:`${t*.28} ${t*.72}`})]})}function Je({px:e}){return(0,I.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,children:[(0,I.jsx)(`path`,{d:`M12 2a10 10 0 0 1 10 10`,opacity:`0.9`}),(0,I.jsx)(`path`,{d:`M12 2a10 10 0 0 0-7.07 2.93`,opacity:`0.2`}),(0,I.jsx)(`path`,{d:`M4.93 4.93A10 10 0 0 0 2 12`,opacity:`0.2`}),(0,I.jsx)(`path`,{d:`M2 12a10 10 0 0 0 2.93 7.07`,opacity:`0.2`}),(0,I.jsx)(`path`,{d:`M4.93 19.07A10 10 0 0 0 12 22`,opacity:`0.2`}),(0,I.jsx)(`path`,{d:`M12 22a10 10 0 0 0 7.07-2.93`,opacity:`0.2`}),(0,I.jsx)(`path`,{d:`M19.07 19.07A10 10 0 0 0 22 12`,opacity:`0.2`})]})}function Ye({px:e}){return(0,I.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,children:[0,1,2,3,4,5,6,7].map(e=>{let t=e/8*360;return(0,I.jsx)(`circle`,{cx:`12`,cy:`3.5`,r:`1.8`,fill:`currentColor`,opacity:.15+e/8*.85,transform:`rotate(${t} 12 12)`},e)})})}function Xe({px:e}){return(0,I.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,children:[0,1,2,3].map(e=>(0,I.jsxs)(`rect`,{x:3+e*5.5,y:`4`,width:`3`,height:`16`,rx:`1.5`,fill:`currentColor`,opacity:`0.3`,children:[(0,I.jsx)(`animate`,{attributeName:`opacity`,values:`0.3;1;0.3`,dur:`1s`,begin:`${e*.15}s`,repeatCount:`indefinite`}),(0,I.jsx)(`animate`,{attributeName:`height`,values:`16;8;16`,dur:`1s`,begin:`${e*.15}s`,repeatCount:`indefinite`}),(0,I.jsx)(`animate`,{attributeName:`y`,values:`4;8;4`,dur:`1s`,begin:`${e*.15}s`,repeatCount:`indefinite`})]},e))})}function Ze({px:e}){let t=e*.14,n=e*.33,r=e/2-n,i=e/2,a=e/2+n,o=e/2;return(0,I.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 ${e} ${e}`,children:[r,i,a].map((n,r)=>(0,I.jsxs)(`circle`,{cx:n,cy:o,r:t,fill:`currentColor`,opacity:`0.4`,children:[(0,I.jsx)(`animate`,{attributeName:`cy`,values:`${o};${o-e*.25};${o}`,dur:`0.6s`,begin:`${r*.12}s`,repeatCount:`indefinite`,calcMode:`spline`,keySplines:`0.4 0 0.2 1;0.4 0 0.2 1`}),(0,I.jsx)(`animate`,{attributeName:`opacity`,values:`0.4;1;0.4`,dur:`0.6s`,begin:`${r*.12}s`,repeatCount:`indefinite`})]},r))})}function Qe({px:e}){return(0,I.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,children:[(0,I.jsxs)(`circle`,{cx:`12`,cy:`12`,r:`0`,fill:`currentColor`,opacity:`0`,children:[(0,I.jsx)(`animate`,{attributeName:`r`,values:`4;10;4`,dur:`1.2s`,repeatCount:`indefinite`}),(0,I.jsx)(`animate`,{attributeName:`opacity`,values:`0.8;0.1;0.8`,dur:`1.2s`,repeatCount:`indefinite`})]}),(0,I.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3.5`,fill:`currentColor`,opacity:`0.7`})]})}function $e({px:e}){return(0,I.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,children:[(0,I.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8`,stroke:`currentColor`,strokeWidth:`1.5`,fill:`none`,opacity:`0.15`}),(0,I.jsx)(`circle`,{cx:`12`,cy:`4`,r:`2.2`,fill:`currentColor`,children:(0,I.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 12 12`,to:`360 12 12`,dur:`0.9s`,repeatCount:`indefinite`})}),(0,I.jsx)(`circle`,{cx:`12`,cy:`20`,r:`1.5`,fill:`currentColor`,opacity:`0.5`,children:(0,I.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 12 12`,to:`-360 12 12`,dur:`0.9s`,repeatCount:`indefinite`})})]})}function et({px:e}){let t=e*.14,n=e*.33,r=e/2-n,i=e/2,a=e/2+n,o=e/2;return(0,I.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 ${e} ${e}`,children:[r,i,a].map((e,n)=>(0,I.jsx)(`circle`,{cx:e,cy:o,r:t,fill:`currentColor`,opacity:`0.25`,children:(0,I.jsx)(`animate`,{attributeName:`opacity`,values:`0.25;1;0.25`,dur:`0.9s`,begin:`${n*.2}s`,repeatCount:`indefinite`})},n))})}var tt={ring:qe,arc:Je,dots:Ye,bars:Xe,bounce:Ze,pulse:Qe,orbit:$e,flow:et},nt=new Set([`ring`,`arc`,`dots`]);function rt({variant:e=`ring`,size:t=`md`,className:n,label:r}){let i=typeof t==`number`?t:Ke[t],a=tt[e];return(0,I.jsx)(`span`,{"aria-hidden":!r,"aria-label":r,role:r?`img`:void 0,"data-animate":nt.has(e)?`spin`:void 0,className:F(`owo-spinner`,We.root,n),children:(0,I.jsx)(a,{px:i})})}var it={root:`_root_yhdgl_1`,icon:`_icon_yhdgl_83`,label:`_label_yhdgl_95`};function at({className:e}){return F(`owo-button`,it.root,e)}function L(e){let{variant:t=`secondary`,size:n=`md`,loading:r=!1,leadingIcon:i,trailingIcon:a,className:o,children:s,...c}=e,l=(0,I.jsxs)(I.Fragment,{children:[r?(0,I.jsx)(`span`,{className:it.icon,children:(0,I.jsx)(rt,{size:n===`xs`?`xs`:n===`sm`?`sm`:n===`xl`?`lg`:`md`})}):i?(0,I.jsx)(`span`,{className:it.icon,children:i}):null,(0,I.jsx)(`span`,{className:it.label,children:s}),!r&&a?(0,I.jsx)(`span`,{className:it.icon,children:a}):null]}),u=at({variant:t,size:n,loading:r,className:o});if(`href`in e&&e.href){let{href:e,...i}=c;return(0,I.jsx)(`a`,{href:e,"data-variant":t,"data-size":n,"data-loading":r?`true`:void 0,"aria-disabled":r||void 0,tabIndex:r?-1:void 0,className:u,onClick:r?e=>e.preventDefault():void 0,...i,children:l})}let d=c;return(0,I.jsx)(`button`,{type:d.type??`button`,"data-variant":t,"data-size":n,"data-loading":r?`true`:void 0,disabled:d.disabled||r,className:u,...d,children:l})}var ot=[],st=[{group:`actions`,componentId:`button`},{group:`actions`,componentId:`dropdown-menu`},{group:`actions`,componentId:`popover`},{group:`actions`,componentId:`icon-button`},{group:`forms`,componentId:`input`},{group:`forms`,componentId:`field`},{group:`forms`,componentId:`checkbox`},{group:`forms`,componentId:`radio`},{group:`forms`,componentId:`select`},{group:`forms`,componentId:`segmented-control`},{group:`forms`,componentId:`switch`},{group:`forms`,componentId:`textarea`},{group:`forms`,componentId:`collapsible`},{group:`forms`,componentId:`tabs`},{group:`feedback`,componentId:`badge`},{group:`feedback`,componentId:`status-notice`},{group:`feedback`,componentId:`spinner`},{group:`feedback`,componentId:`skeleton`},{group:`feedback`,componentId:`dialog`},{group:`feedback`,componentId:`toast`},{group:`feedback`,componentId:`avatar`},{group:`feedback`,componentId:`tooltip`},{group:`layout`,componentId:`drawer`},{group:`layout`,componentId:`tree`},{group:`layout`,componentId:`nav-rail`},{group:`layout`,componentId:`panel`},{group:`layout`,componentId:`table`}];function R(e){ot.push(e)}function ct(e,t){return ot.find(n=>n.group===e&&n.componentId===t)}function lt(){let e={actions:[],forms:[],feedback:[],layout:[]};for(let t of ot)e[t.group].push(t);return e}var ut={actions:`Actions`,forms:`Forms`,feedback:`Feedback`,layout:`Layout`},dt=[`actions`,`forms`,`feedback`,`layout`],z={row:`_row_1tsp9_1`,menuStage:`_menuStage_1tsp9_8`,pickerStage:`_pickerStage_1tsp9_16`,triggerButton:`_triggerButton_1tsp9_23`,pickerTrigger:`_pickerTrigger_1tsp9_34`,pickerCaret:`_pickerCaret_1tsp9_47`,pickerMenu:`_pickerMenu_1tsp9_55`,popoverStage:`_popoverStage_1tsp9_59`,popoverCard:`_popoverCard_1tsp9_66`,popoverStack:`_popoverStack_1tsp9_71`,popoverTitle:`_popoverTitle_1tsp9_77`,popoverText:`_popoverText_1tsp9_84`,popoverActions:`_popoverActions_1tsp9_90`};R({group:`actions`,componentId:`button`,componentName:`Button`,description:`Primary action trigger. Supports variants, sizes, icons, loading, and disabled states.`,defaultScale:1.25,props:[{name:`variant`,type:`'primary' | 'secondary' | 'ghost' | 'danger'`,default:`'primary'`,description:`Visual style variant.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Button size.`},{name:`loading`,type:`boolean`,default:`false`,description:`Shows loading state and sets cursor-wait.`},{name:`disabled`,type:`boolean`,default:`false`,description:`Disables the button.`},{name:`children`,type:`string`,default:`'Get Started'`,description:`Button label text.`},{name:`leadingIcon`,type:`ReactNode`,description:`Icon rendered before children.`},{name:`trailingIcon`,type:`ReactNode`,description:`Icon rendered after children.`},{name:`href`,type:`string`,description:`When set, renders as a Next.js Link.`}],renderPlayground:e=>{let t={variant:e.variant,size:e.size,loading:!!e.loading,children:e.children||`Get Started`},n=String(e.href??``)||void 0;return n?(0,I.jsx)(L,{...t,href:n}):(0,I.jsx)(L,{...t,disabled:!!e.disabled})},stories:[{id:`variants`,title:`Variants`,description:`primary / secondary / ghost / danger`,source:`<Button variant="primary">Primary</Button>
|
|
10
|
+
<Button variant="secondary">Secondary</Button>
|
|
11
|
+
<Button variant="ghost">Ghost</Button>
|
|
12
|
+
<Button variant="danger">Danger</Button>`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(L,{variant:`primary`,children:`Primary`}),(0,I.jsx)(L,{variant:`secondary`,children:`Secondary`}),(0,I.jsx)(L,{variant:`ghost`,children:`Ghost`}),(0,I.jsx)(L,{variant:`danger`,children:`Danger`})]})},{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg / xl`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(L,{size:`xs`,children:`Extra Small`}),(0,I.jsx)(L,{size:`sm`,children:`Small`}),(0,I.jsx)(L,{size:`md`,children:`Medium`}),(0,I.jsx)(L,{size:`lg`,children:`Large`}),(0,I.jsx)(L,{size:`xl`,children:`Extra Large`})]})},{id:`with-icons`,title:`With Icons`,description:`leadingIcon / trailingIcon`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(L,{variant:`primary`,leadingIcon:(0,I.jsx)(xe,{size:16}),children:`Create`}),(0,I.jsx)(L,{variant:`secondary`,trailingIcon:(0,I.jsx)(y,{size:16}),children:`Next`}),(0,I.jsx)(L,{variant:`ghost`,leadingIcon:(0,I.jsx)(xe,{size:16}),trailingIcon:(0,I.jsx)(y,{size:16}),children:`Both`})]})},{id:`loading-disabled`,title:`Loading & Disabled`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(L,{variant:`primary`,loading:!0,children:`Saving…`}),(0,I.jsx)(L,{variant:`secondary`,loading:!0,children:`Loading`}),(0,I.jsx)(L,{variant:`secondary`,disabled:!0,children:`Disabled`}),(0,I.jsx)(L,{variant:`danger`,disabled:!0,children:`Disabled Danger`})]})},{id:`all-variants-sm`,title:`All Variants (sm)`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(L,{variant:`primary`,size:`sm`,children:`Primary`}),(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Secondary`}),(0,I.jsx)(L,{variant:`ghost`,size:`sm`,children:`Ghost`}),(0,I.jsx)(L,{variant:`danger`,size:`sm`,children:`Danger`})]})}]});var ft={root:`_root_1hqa8_1`};function pt({variant:e=`ghost`,size:t=`md`,label:n,icon:r,className:i,...a}){let o=F(`owo-icon-button`,ft.root,i);if(`href`in a&&a.href){let{href:i,...s}=a;return(0,I.jsx)(`a`,{href:i,"aria-label":n,title:s.title??n,"data-variant":e,"data-size":t,className:o,...s,children:r})}let s=a;return(0,I.jsx)(`button`,{type:s.type??`button`,"aria-label":n,title:s.title??n,"data-variant":e,"data-size":t,className:o,...s,children:r})}function mt(e){switch(e){case`xs`:return 12;case`sm`:return 14;case`md`:return 16;case`lg`:return 18;case`xl`:return 20}}R({group:`actions`,componentId:`icon-button`,componentName:`IconButton`,description:`Icon-only action button. Supports ghost/subtle variants, sm/md sizes.`,props:[{name:`variant`,type:`'ghost' | 'subtle'`,default:`'ghost'`,description:`Visual style variant.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Button size.`},{name:`label`,type:`string`,description:`Accessible label used for aria-label and title fallback.`},{name:`icon`,type:`ReactNode`,description:`Icon content rendered inside the button.`},{name:`href`,type:`string`,description:`When set, renders as a Next.js Link instead of a button.`},{name:`disabled`,type:`boolean`,default:`false`,description:`Disables button interaction when rendered as a button.`}],renderPlayground:e=>{let t={variant:e.variant,size:e.size,label:String(e.label??`Settings`),icon:(0,I.jsx)(Te,{size:mt(e.size??`md`)})},n=String(e.href??``)||void 0;return n?(0,I.jsx)(pt,{...t,href:n}):(0,I.jsx)(pt,{...t,disabled:!!e.disabled})},stories:[{id:`variants`,title:`Variants`,description:`ghost / subtle`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(pt,{variant:`ghost`,label:`Close`,icon:(0,I.jsx)(Be,{size:16})}),(0,I.jsx)(pt,{variant:`subtle`,label:`Settings`,icon:(0,I.jsx)(Te,{size:16})})]})},{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg / xl`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(pt,{size:`xs`,label:`Extra small`,icon:(0,I.jsx)(Be,{size:12})}),(0,I.jsx)(pt,{size:`sm`,label:`Small`,icon:(0,I.jsx)(Be,{size:14})}),(0,I.jsx)(pt,{size:`md`,label:`Medium`,icon:(0,I.jsx)(Be,{size:16})}),(0,I.jsx)(pt,{size:`lg`,label:`Large`,icon:(0,I.jsx)(Be,{size:18})}),(0,I.jsx)(pt,{size:`xl`,label:`Extra large`,icon:(0,I.jsx)(Be,{size:20})})]})},{id:`use-cases`,title:`Use Cases`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(pt,{label:`Close`,icon:(0,I.jsx)(Be,{size:16})}),(0,I.jsx)(pt,{label:`Settings`,icon:(0,I.jsx)(Te,{size:16})}),(0,I.jsx)(pt,{label:`Delete`,icon:(0,I.jsx)(Ie,{size:16})}),(0,I.jsx)(pt,{label:`Navigate`,icon:(0,I.jsx)(T,{size:16})})]})},{id:`disabled`,title:`Disabled`,render:()=>(0,I.jsxs)(`div`,{className:z.row,children:[(0,I.jsx)(pt,{label:`Disabled ghost`,icon:(0,I.jsx)(Be,{size:16}),disabled:!0}),(0,I.jsx)(pt,{variant:`subtle`,label:`Disabled subtle`,icon:(0,I.jsx)(Te,{size:16}),disabled:!0})]})}]});var ht=Math.min,gt=Math.max,_t=Math.round,vt=Math.floor,yt=e=>({x:e,y:e}),bt={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function xt(e,t,n){return gt(e,ht(t,n))}function St(e,t){return typeof e==`function`?e(t):e}function Ct(e){return e.split(`-`)[0]}function wt(e){return e.split(`-`)[1]}function Tt(e){return e===`x`?`y`:`x`}function Et(e){return e===`y`?`height`:`width`}function Dt(e){let t=e[0];return t===`t`||t===`b`?`y`:`x`}function Ot(e){return Tt(Dt(e))}function kt(e,t,n){n===void 0&&(n=!1);let r=wt(e),i=Ot(e),a=Et(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=Rt(o)),[o,Rt(o)]}function At(e){let t=Rt(e);return[jt(e),t,jt(t)]}function jt(e){return e.includes(`start`)?e.replace(`start`,`end`):e.replace(`end`,`start`)}var Mt=[`left`,`right`],Nt=[`right`,`left`],Pt=[`top`,`bottom`],Ft=[`bottom`,`top`];function It(e,t,n){switch(e){case`top`:case`bottom`:return n?t?Nt:Mt:t?Mt:Nt;case`left`:case`right`:return t?Pt:Ft;default:return[]}}function Lt(e,t,n,r){let i=wt(e),a=It(Ct(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(jt)))),a}function Rt(e){let t=Ct(e);return bt[t]+e.slice(t.length)}function zt(e){return{top:0,right:0,bottom:0,left:0,...e}}function Bt(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:zt(e)}function Vt(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function Ht(e,t,n){let{reference:r,floating:i}=e,a=Dt(t),o=Ot(t),s=Et(o),c=Ct(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(wt(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}async function Ut(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=St(t,e),p=Bt(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=Vt(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=Vt(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var Wt=50,Gt=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=o.detectOverflow?o:{...o,detectOverflow:Ut},c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=Ht(l,r,c),f=r,p=0,m={};for(let n=0;n<a.length;n++){let h=a[n];if(!h)continue;let{name:g,fn:_}=h,{x:v,y,data:b,reset:x}=await _({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:m,rects:l,platform:s,elements:{reference:e,floating:t}});u=v??u,d=y??d,m[g]={...m[g],...b},x&&p<Wt&&(p++,typeof x==`object`&&(x.placement&&(f=x.placement),x.rects&&(l=x.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):x.rects),{x:u,y:d}=Ht(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:m}},Kt=e=>({name:`arrow`,options:e,async fn(t){let{x:n,y:r,placement:i,rects:a,platform:o,elements:s,middlewareData:c}=t,{element:l,padding:u=0}=St(e,t)||{};if(l==null)return{};let d=Bt(u),f={x:n,y:r},p=Ot(i),m=Et(p),h=await o.getDimensions(l),g=p===`y`,_=g?`top`:`left`,v=g?`bottom`:`right`,y=g?`clientHeight`:`clientWidth`,b=a.reference[m]+a.reference[p]-f[p]-a.floating[m],x=f[p]-a.reference[p],S=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l)),C=S?S[y]:0;(!C||!await(o.isElement==null?void 0:o.isElement(S)))&&(C=s.floating[y]||a.floating[m]);let w=b/2-x/2,T=C/2-h[m]/2-1,ee=ht(d[_],T),E=ht(d[v],T),D=ee,O=C-h[m]-E,k=C/2-h[m]/2+w,A=xt(D,k,O),te=!c.arrow&&wt(i)!=null&&k!==A&&a.reference[m]/2-(k<D?ee:E)-h[m]/2<0,ne=te?k<D?k-D:k-O:0;return{[p]:f[p]+ne,data:{[p]:A,centerOffset:k-A-ne,...te&&{alignmentOffset:ne}},reset:te}}}),qt=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=St(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=Ct(r),_=Dt(o),v=Ct(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),b=d||(v||!m?[Rt(o)]:At(o)),x=p!==`none`;!d&&x&&b.push(...Lt(o,m,p,y));let S=[o,...b],C=await s.detectOverflow(t,h),w=[],T=i.flip?.overflows||[];if(l&&w.push(C[g]),u){let e=kt(r,a,y);w.push(C[e[0]],C[e[1]])}if(T=[...T,{placement:r,overflows:w}],!w.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=S[e];if(t&&(!(u===`alignment`&&_!==Dt(t))||T.every(e=>Dt(e.placement)===_?e.overflows[0]>0:!0)))return{data:{index:e,overflows:T},reset:{placement:t}};let n=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=T.filter(e=>{if(x){let t=Dt(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}},Jt=new Set([`left`,`top`]);async function Yt(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=Ct(n),s=wt(n),c=Dt(n)===`y`,l=Jt.has(o)?-1:1,u=a&&c?-1:1,d=St(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var Xt=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await Yt(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}},Zt=function(e){return e===void 0&&(e={}),{name:`shift`,options:e,async fn(t){let{x:n,y:r,placement:i,platform:a}=t,{mainAxis:o=!0,crossAxis:s=!1,limiter:c={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...l}=St(e,t),u={x:n,y:r},d=await a.detectOverflow(t,l),f=Dt(Ct(i)),p=Tt(f),m=u[p],h=u[f];if(o){let e=p===`y`?`top`:`left`,t=p===`y`?`bottom`:`right`,n=m+d[e],r=m-d[t];m=xt(n,m,r)}if(s){let e=f===`y`?`top`:`left`,t=f===`y`?`bottom`:`right`,n=h+d[e],r=h-d[t];h=xt(n,h,r)}let g=c.fn({...t,[p]:m,[f]:h});return{...g,data:{x:g.x-n,y:g.y-r,enabled:{[p]:o,[f]:s}}}}}};function Qt(){return typeof window<`u`}function $t(e){return nn(e)?(e.nodeName||``).toLowerCase():`#document`}function en(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function tn(e){return((nn(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function nn(e){return Qt()?e instanceof Node||e instanceof en(e).Node:!1}function rn(e){return Qt()?e instanceof Element||e instanceof en(e).Element:!1}function an(e){return Qt()?e instanceof HTMLElement||e instanceof en(e).HTMLElement:!1}function on(e){return!Qt()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof en(e).ShadowRoot}function sn(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=vn(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&i!==`inline`&&i!==`contents`}function cn(e){return/^(table|td|th)$/.test($t(e))}function ln(e){try{if(e.matches(`:popover-open`))return!0}catch{}try{return e.matches(`:modal`)}catch{return!1}}var un=/transform|translate|scale|rotate|perspective|filter/,dn=/paint|layout|strict|content/,fn=e=>!!e&&e!==`none`,pn;function mn(e){let t=rn(e)?vn(e):e;return fn(t.transform)||fn(t.translate)||fn(t.scale)||fn(t.rotate)||fn(t.perspective)||!gn()&&(fn(t.backdropFilter)||fn(t.filter))||un.test(t.willChange||``)||dn.test(t.contain||``)}function hn(e){let t=bn(e);for(;an(t)&&!_n(t);){if(mn(t))return t;if(ln(t))return null;t=bn(t)}return null}function gn(){return pn??=typeof CSS<`u`&&CSS.supports&&CSS.supports(`-webkit-backdrop-filter`,`none`),pn}function _n(e){return/^(html|body|#document)$/.test($t(e))}function vn(e){return en(e).getComputedStyle(e)}function yn(e){return rn(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function bn(e){if($t(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||on(e)&&e.host||tn(e);return on(t)?t.host:t}function xn(e){let t=bn(e);return _n(t)?e.ownerDocument?e.ownerDocument.body:e.body:an(t)&&sn(t)?t:xn(t)}function Sn(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=xn(e),i=r===e.ownerDocument?.body,a=en(r);if(i){let e=Cn(a);return t.concat(a,a.visualViewport||[],sn(r)?r:[],e&&n?Sn(e):[])}else return t.concat(r,Sn(r,[],n))}function Cn(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function wn(e){let t=vn(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=an(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=_t(n)!==a||_t(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function Tn(e){return rn(e)?e:e.contextElement}function En(e){let t=Tn(e);if(!an(t))return yt(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=wn(t),o=(a?_t(n.width):n.width)/r,s=(a?_t(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}var Dn=yt(0);function On(e){let t=en(e);return!gn()||!t.visualViewport?Dn:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function kn(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==en(e)?!1:t}function An(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=Tn(e),o=yt(1);t&&(r?rn(r)&&(o=En(r)):o=En(e));let s=kn(a,n,r)?On(a):yt(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a){let e=en(a),t=r&&rn(r)?en(r):r,n=e,i=Cn(n);for(;i&&r&&t!==n;){let e=En(i),t=i.getBoundingClientRect(),r=vn(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=en(i),i=Cn(n)}}return Vt({width:u,height:d,x:c,y:l})}function jn(e,t){let n=yn(e).scrollLeft;return t?t.left+n:An(tn(e)).left+n}function Mn(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-jn(e,n),y:n.top+t.scrollTop}}function Nn(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=tn(r),s=t?ln(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=yt(1),u=yt(0),d=an(r);if((d||!d&&!a)&&(($t(r)!==`body`||sn(o))&&(c=yn(r)),d)){let e=An(r);l=En(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?Mn(o,c):yt(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function Pn(e){return Array.from(e.getClientRects())}function Fn(e){let t=tn(e),n=yn(e),r=e.ownerDocument.body,i=gt(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=gt(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+jn(e),s=-n.scrollTop;return vn(r).direction===`rtl`&&(o+=gt(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}var In=25;function Ln(e,t){let n=en(e),r=tn(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;let e=gn();(!e||e&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}let l=jn(r);if(l<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=In&&(a-=o)}else l<=In&&(a+=l);return{width:a,height:o,x:s,y:c}}function Rn(e,t){let n=An(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=an(e)?En(e):yt(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function zn(e,t,n){let r;if(t===`viewport`)r=Ln(e,n);else if(t===`document`)r=Fn(tn(e));else if(rn(t))r=Rn(t,n);else{let n=On(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return Vt(r)}function Bn(e,t){let n=bn(e);return n===t||!rn(n)||_n(n)?!1:vn(n).position===`fixed`||Bn(n,t)}function Vn(e,t){let n=t.get(e);if(n)return n;let r=Sn(e,[],!1).filter(e=>rn(e)&&$t(e)!==`body`),i=null,a=vn(e).position===`fixed`,o=a?bn(e):e;for(;rn(o)&&!_n(o);){let t=vn(o),n=mn(o);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&(i.position===`absolute`||i.position===`fixed`)||sn(o)&&!n&&Bn(e,o))?r=r.filter(e=>e!==o):i=t,o=bn(o)}return t.set(e,r),r}function Hn(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?ln(t)?[]:Vn(t,this._c):[].concat(n),r],o=zn(t,a[0],i),s=o.top,c=o.right,l=o.bottom,u=o.left;for(let e=1;e<a.length;e++){let n=zn(t,a[e],i);s=gt(n.top,s),c=ht(n.right,c),l=ht(n.bottom,l),u=gt(n.left,u)}return{width:c-u,height:l-s,x:u,y:s}}function Un(e){let{width:t,height:n}=wn(e);return{width:t,height:n}}function Wn(e,t,n){let r=an(t),i=tn(t),a=n===`fixed`,o=An(e,!0,a,t),s={scrollLeft:0,scrollTop:0},c=yt(0);function l(){c.x=jn(i)}if(r||!r&&!a)if(($t(t)!==`body`||sn(i))&&(s=yn(t)),r){let e=An(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&l();a&&!r&&i&&l();let u=i&&!r&&!a?Mn(i,s):yt(0);return{x:o.left+s.scrollLeft-c.x-u.x,y:o.top+s.scrollTop-c.y-u.y,width:o.width,height:o.height}}function Gn(e){return vn(e).position===`static`}function Kn(e,t){if(!an(e)||vn(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return tn(e)===n&&(n=n.ownerDocument.body),n}function qn(e,t){let n=en(e);if(ln(e))return n;if(!an(e)){let t=bn(e);for(;t&&!_n(t);){if(rn(t)&&!Gn(t))return t;t=bn(t)}return n}let r=Kn(e,t);for(;r&&cn(r)&&Gn(r);)r=Kn(r,t);return r&&_n(r)&&Gn(r)&&!mn(r)?n:r||hn(e)||n}var Jn=async function(e){let t=this.getOffsetParent||qn,n=this.getDimensions,r=await n(e.floating);return{reference:Wn(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Yn(e){return vn(e).direction===`rtl`}var Xn={convertOffsetParentRelativeRectToViewportRelativeRect:Nn,getDocumentElement:tn,getClippingRect:Hn,getOffsetParent:qn,getElementRects:Jn,getClientRects:Pn,getDimensions:Un,getScale:En,isElement:rn,isRTL:Yn};function Zn(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Qn(e,t){let n=null,r,i=tn(e);function a(){var e;clearTimeout(r),(e=n)==null||e.disconnect(),n=null}function o(s,c){s===void 0&&(s=!1),c===void 0&&(c=1),a();let l=e.getBoundingClientRect(),{left:u,top:d,width:f,height:p}=l;if(s||t(),!f||!p)return;let m=vt(d),h=vt(i.clientWidth-(u+f)),g=vt(i.clientHeight-(d+p)),_=vt(u),v={rootMargin:-m+`px `+-h+`px `+-g+`px `+-_+`px`,threshold:gt(0,ht(1,c))||1},y=!0;function b(t){let n=t[0].intersectionRatio;if(n!==c){if(!y)return o();n?o(!1,n):r=setTimeout(()=>{o(!1,1e-7)},1e3)}n===1&&!Zn(l,e.getBoundingClientRect())&&o(),y=!1}try{n=new IntersectionObserver(b,{...v,root:i.ownerDocument})}catch{n=new IntersectionObserver(b,v)}n.observe(e)}return o(!0),a}function $n(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=Tn(e),u=i||a?[...l?Sn(l):[],...t?Sn(t):[]]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n,{passive:!0}),a&&e.addEventListener(`resize`,n)});let d=l&&s?Qn(l,n):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&t&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),t&&p.observe(t));let m,h=c?An(e):null;c&&g();function g(){let t=An(e);h&&!Zn(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var er=Xt,tr=Zt,nr=qt,rr=Kt,ir=(e,t,n)=>{let r=new Map,i={platform:Xn,...n},a={...i.platform,_c:r};return Gt(e,t,{...i,platform:a})},ar=o(),or={trigger:`_trigger_93qj8_1`,content:`_content_93qj8_10`,arrow:`_arrow_93qj8_22`},sr=(0,h.createContext)(null);function cr(e){let t=(0,h.useContext)(sr);if(!t)throw Error(`${e} must be used within Popover.Root.`);return t}function lr(...e){return t=>{for(let n of e)n&&(typeof n==`function`?n(t):n.current=t)}}function ur(e,t){return n=>{e?.(n),t(n)}}function dr(e,t){let n=document.activeElement;return n instanceof Node?!!(e?.contains(n)||t?.contains(n)):!1}function fr(e){return typeof e.type==`string`&&[`button`,`a`,`input`,`select`,`textarea`,`summary`].includes(e.type)}function pr({open:e,defaultOpen:t=!1,onOpenChange:n,trigger:r=`click`,classNames:i,children:a}){let[o,s]=(0,h.useState)(t),c=e!==void 0,l=c?e:o,u=(0,h.useRef)(null),d=(0,h.useRef)(null),f=(0,h.useId)(),p=(0,h.useId)(),m=(0,h.useCallback)(e=>{c||s(e),n?.(e)},[c,n]),g=(0,h.useMemo)(()=>({open:l,trigger:r,setOpen:m,triggerRef:u,contentRef:d,triggerId:f,contentId:p,classNames:i}),[l,i,m,r,f,p]);return(0,I.jsx)(sr.Provider,{value:g,children:a})}function mr({asChild:e=!1,disabled:t=!1,className:n,children:r}){let{open:i,trigger:a,setOpen:o,triggerRef:s,contentRef:c,triggerId:l,contentId:u,classNames:d}=cr(`Popover.Trigger`),f=(0,h.useRef)(void 0),p=(0,h.useCallback)(()=>{clearTimeout(f.current)},[]),m=(0,h.useCallback)(()=>{p(),f.current=setTimeout(()=>o(!1),100)},[p,o]);if((0,h.useEffect)(()=>p,[p]),!(0,h.isValidElement)(r))throw Error(`Popover.Trigger expects a single React element child.`);let g={ref:lr(r.ref,s),id:l,"aria-expanded":i,"aria-controls":u,"aria-haspopup":`dialog`,"data-state":i?`open`:`closed`,"data-scope":`popover`,"data-part":`trigger`,className:F(!e&&or.trigger,d?.trigger,n,r.props.className),onClick:ur(r.props.onClick,e=>{t||(a===`click`||(e.detail??0)>0)&&o(!i)}),onMouseEnter:ur(r.props.onMouseEnter,()=>{t||a!==`hover`||(p(),o(!0))}),onMouseLeave:ur(r.props.onMouseLeave,()=>{if(!(t||a!==`hover`)){if(dr(s.current,c.current)){p();return}m()}}),onPointerDown:ur(r.props.onPointerDown,e=>{t||a!==`hover`||e.pointerType!==`mouse`&&o(!0)}),onFocus:ur(r.props.onFocus,()=>{t||a!==`hover`||(p(),o(!0))}),onBlur:ur(r.props.onBlur,e=>{if(t||a!==`hover`)return;let n=e.relatedTarget;if(n&&c.current?.contains(n)){p();return}m()})};return e||fr(r)?(0,h.cloneElement)(r,g):(0,I.jsx)(`button`,{type:`button`,...g,children:r})}var hr=6;function gr({placement:e=`bottom`,side:t=`bottom`,align:n=`center`,sideOffset:r=8,alignOffset:i=0,collisionPadding:a=8,portal:o=!0,arrow:s=!0,matchTriggerWidth:c=!1,closeOnInteractOutside:l=!0,closeOnEscape:u=!0,closeOnPointerDownOutside:d=!0,restoreFocus:f=!0,initialFocusRef:p,onInteractOutside:m,onEscapeKeyDown:g,onPointerDownOutside:_,className:v,classNames:y,children:b,onMouseEnter:x,onMouseLeave:S,onFocus:C,onBlur:w,...T}){let{open:ee,trigger:E,setOpen:D,triggerRef:O,contentRef:k,contentId:A,triggerId:te,classNames:ne}=cr(`Popover.Content`),[re,ie]=(0,h.useState)(null),[j,M]=(0,h.useState)(`bottom`),[ae,oe]=(0,h.useState)({}),[se,ce]=(0,h.useState)(null),N=(0,h.useRef)(null),P=(0,h.useRef)(void 0),le=(0,h.useCallback)(()=>{clearTimeout(P.current)},[]),ue=(0,h.useCallback)(()=>{le(),P.current=setTimeout(()=>D(!1),100)},[le,D]);if((0,h.useLayoutEffect)(()=>{if(!ee||!O.current||!k.current)return;let o=e===`auto`?t:e??(n===`center`?t:`${t}-${n}`),c=[er({mainAxis:s?r+hr:r,crossAxis:i}),nr({padding:a}),tr({padding:a})];return s&&N.current&&c.push(rr({element:N.current})),$n(O.current,k.current,()=>{!O.current||!k.current||ir(O.current,k.current,{placement:o,strategy:`fixed`,middleware:c}).then(({x:e,y:t,placement:n,middlewareData:r})=>{ie({top:t,left:e}),M(n),ce(O.current?.offsetWidth??null),r.arrow&&oe({x:r.arrow.x,y:r.arrow.y})})})},[n,i,s,a,k,c,ee,e,t,r,O]),(0,h.useEffect)(()=>{if(!ee)return;E===`click`&&requestAnimationFrame(()=>{let e=k.current;if(!e)return;if(p?.current){p.current.focus();return}let t=e.querySelector(`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`);if(t){t.focus();return}e.focus()});function e(e){let t=e.target;k.current?.contains(t)||O.current?.contains(t)||(m?.(t),_?.(t),!(!l||!d)&&(D(!1),f&&O.current?.focus()))}function t(e){e.key===`Escape`&&(g?.(),u&&(e.stopPropagation(),D(!1),f&&O.current?.focus()))}return document.addEventListener(`pointerdown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`pointerdown`,e),document.removeEventListener(`keydown`,t)}},[u,l,d,k,p,g,m,_,ee,f,D,O,E]),(0,h.useEffect)(()=>le,[le]),!ee)return null;let de=j.split(`-`)[0],fe={position:`absolute`};de===`top`||de===`bottom`?(fe.left=ae.x??0,fe[de===`top`?`bottom`:`top`]=-hr):(fe.top=ae.y??0,fe[de===`left`?`right`:`left`]=-hr);let pe=(0,I.jsxs)(`div`,{ref:k,id:A,role:`dialog`,"aria-modal":`false`,"aria-labelledby":te,tabIndex:-1,"data-state":`open`,"data-placement":de,"data-scope":`popover`,"data-part":`content`,className:F(`owo-popover`,or.content,ne?.content,y?.content,v),style:re?{top:re.top,left:re.left,width:c&&se?se:void 0}:{top:0,left:0,width:c&&se?se:void 0},onMouseEnter:e=>{x?.(e),E===`hover`&&le()},onMouseLeave:e=>{if(S?.(e),E===`hover`){if(dr(O.current,k.current)){le();return}ue()}},onFocus:e=>{C?.(e),E===`hover`&&le()},onBlur:e=>{if(w?.(e),E!==`hover`)return;let t=e.relatedTarget;if(t&&(k.current?.contains(t)||O.current?.contains(t))){le();return}ue()},...T,children:[b,s&&(0,I.jsx)(`span`,{ref:N,"data-scope":`popover`,"data-part":`arrow`,className:F(or.arrow,ne?.arrow,y?.arrow),style:fe})]});return o?(0,ar.createPortal)(pe,document.body):pe}var _r=Object.assign(pr,{Root:pr,Trigger:mr,Content:gr});function vr(){let[e,t]=(0,h.useState)(!1);return(0,I.jsx)(`div`,{className:z.popoverStage,children:(0,I.jsxs)(_r,{open:e,onOpenChange:t,children:[(0,I.jsx)(_r.Trigger,{asChild:!0,children:(0,I.jsx)(`button`,{className:z.triggerButton,children:`Quick peek`})}),(0,I.jsx)(_r.Content,{className:z.popoverCard,children:(0,I.jsxs)(`div`,{className:z.popoverStack,children:[(0,I.jsx)(`div`,{className:z.popoverTitle,children:`Run summary`}),(0,I.jsx)(`div`,{className:z.popoverText,children:`12 experiments completed successfully in the last 24 hours.`}),(0,I.jsxs)(`div`,{className:z.popoverActions,children:[(0,I.jsx)(L,{size:`sm`,children:`Open runs`}),(0,I.jsx)(L,{variant:`secondary`,size:`sm`,onClick:()=>t(!1),children:`Dismiss`})]})]})})]})})}function yr(){let[e,t]=(0,h.useState)(!0);return(0,I.jsx)(`div`,{className:z.popoverStage,children:(0,I.jsxs)(_r,{open:e,onOpenChange:t,children:[(0,I.jsx)(_r.Trigger,{asChild:!0,children:(0,I.jsx)(`button`,{className:z.triggerButton,children:`Managed focus`})}),(0,I.jsx)(_r.Content,{closeOnPointerDownOutside:!1,closeOnEscape:!1,className:z.popoverCard,children:(0,I.jsxs)(`div`,{className:z.popoverStack,children:[(0,I.jsx)(`div`,{className:z.popoverTitle,children:`Dismiss contract`}),(0,I.jsx)(`div`,{className:z.popoverText,children:`Escape and pointer outside can now be configured independently.`}),(0,I.jsx)(`div`,{className:z.popoverActions,children:(0,I.jsx)(L,{size:`sm`,onClick:()=>t(!1),children:`Close`})})]})})]})})}R({group:`actions`,componentId:`popover`,componentName:`Popover`,description:`Rich-content floating panel primitive for click or hover triggered overlays.`,props:[{name:`open`,type:`boolean`,description:`Controlled open state on Popover.Root.`},{name:`defaultOpen`,type:`boolean`,description:`Initial open state for uncontrolled usage.`},{name:`trigger`,type:`'click' | 'hover'`,default:`'click'`,description:`Trigger interaction model.`},{name:`placement`,type:`'top' | 'bottom' | 'left' | 'right' | 'auto'`,default:`'bottom'`,description:`Preferred placement for Popover.Content.`},{name:`arrow`,type:`boolean`,default:`true`,description:`Whether to render a directional arrow.`},{name:`closeOnEscape`,type:`boolean`,default:`true`,description:`Whether Escape closes Popover.Content.`},{name:`closeOnPointerDownOutside`,type:`boolean`,default:`true`,description:`Whether outside pointer-down closes Popover.Content.`}],stories:[{id:`click`,title:`Click Trigger`,render:()=>(0,I.jsx)(vr,{})},{id:`hover`,title:`Hover Trigger`,render:()=>(0,I.jsx)(`div`,{className:z.popoverStage,children:(0,I.jsxs)(_r,{trigger:`hover`,children:[(0,I.jsx)(_r.Trigger,{asChild:!0,children:(0,I.jsx)(`button`,{className:z.triggerButton,children:`Hover for details`})}),(0,I.jsx)(_r.Content,{className:z.popoverCard,children:(0,I.jsxs)(`div`,{className:z.popoverStack,children:[(0,I.jsx)(`div`,{className:z.popoverTitle,children:`Workspace status`}),(0,I.jsx)(`div`,{className:z.popoverText,children:`Synced 4 minutes ago. No pending conflicts detected.`})]})})]})})},{id:`aligned-and-matched`,title:`Aligned And Matched`,render:()=>(0,I.jsx)(`div`,{className:z.popoverStage,children:(0,I.jsxs)(_r,{defaultOpen:!0,children:[(0,I.jsx)(_r.Trigger,{asChild:!0,children:(0,I.jsx)(`button`,{className:z.pickerTrigger,children:`Aligned popover`})}),(0,I.jsx)(_r.Content,{side:`bottom`,align:`end`,alignOffset:8,matchTriggerWidth:!0,className:z.popoverCard,children:(0,I.jsxs)(`div`,{className:z.popoverStack,children:[(0,I.jsx)(`div`,{className:z.popoverTitle,children:`Actions`}),(0,I.jsx)(`div`,{className:z.popoverText,children:`This panel matches trigger width and uses aligned placement controls.`})]})})]})})},{id:`without-arrow`,title:`Without Arrow`,render:()=>(0,I.jsx)(`div`,{className:z.popoverStage,children:(0,I.jsxs)(_r,{defaultOpen:!0,children:[(0,I.jsx)(_r.Trigger,{asChild:!0,children:(0,I.jsx)(`button`,{className:z.triggerButton,children:`Open panel`})}),(0,I.jsx)(_r.Content,{arrow:!1,className:z.popoverCard,children:(0,I.jsxs)(`div`,{className:z.popoverStack,children:[(0,I.jsx)(`div`,{className:z.popoverTitle,children:`Root switcher`}),(0,I.jsx)(`div`,{className:z.popoverText,children:`Recently used directories can be pinned here for faster switching.`})]})})]})})},{id:`managed-dismiss`,title:`Managed Dismiss`,render:()=>(0,I.jsx)(yr,{})}]});var br=(0,h.createContext)(void 0);function xr(){return(0,h.useContext)(br)}var Sr={root:`_root_38gc5_1`,label:`_label_38gc5_10`,required:`_required_38gc5_18`,description:`_description_38gc5_23`,error:`_error_38gc5_31`,help:`_help_38gc5_39`};function Cr({label:e,description:t,error:n,help:r,required:i=!1,disabled:a=!1,invalid:o=!1,htmlFor:s,children:c,className:l,classNames:u,...d}){let f=(0,h.useId)(),p=s??f,m=`${p}-label`,g=t==null?void 0:`${p}-description`,_=n==null?void 0:`${p}-error`,v=r==null?void 0:`${p}-help`,y=[g,_,v].filter(Boolean).join(` `)||void 0,b=(0,h.useMemo)(()=>({controlId:p,labelId:m,describedBy:y,disabled:a,invalid:o,required:i}),[p,m,y,a,o,i]);return(0,I.jsxs)(`div`,{className:F(`owo-field`,Sr.root,l),"data-disabled":a||void 0,"data-invalid":o||void 0,"data-required":i||void 0,...d,children:[(0,I.jsxs)(`label`,{id:m,htmlFor:p,"data-part":`label`,className:F(Sr.label,u?.label),children:[e,i&&(0,I.jsx)(`span`,{"data-part":`required`,"aria-hidden":`true`,className:F(Sr.required,u?.required),children:`*`})]}),t!=null&&(0,I.jsx)(`span`,{id:g,"data-part":`description`,className:F(Sr.description,u?.description),children:t}),(0,I.jsx)(br.Provider,{value:b,children:c}),n!=null&&(0,I.jsx)(`span`,{id:_,"data-part":`error`,role:`alert`,className:F(Sr.error,u?.error),children:n}),r!=null&&(0,I.jsx)(`span`,{id:v,"data-part":`help`,className:F(Sr.help,u?.help),children:r})]})}function wr(e){let t=xr();return{id:e.id??t?.controlId,disabled:e.disabled??t?.disabled??!1,required:e.required??t?.required??!1,invalid:e.invalid??t?.invalid??!1,"aria-describedby":e[`aria-describedby`]??t?.describedBy}}var Tr={root:`_root_8zge1_1`};function Er({className:e,tone:t=`default`,size:n=`md`,invalid:r,...i}){let a=wr({id:i.id,disabled:i.disabled,required:i.required,invalid:r,"aria-describedby":i[`aria-describedby`]});return(0,I.jsx)(`input`,{...i,id:a.id,disabled:a.disabled,required:a.required,"aria-describedby":a[`aria-describedby`],"aria-invalid":a.invalid||void 0,"data-tone":t,"data-size":n,"data-invalid":a.invalid||void 0,className:F(`owo-input`,Tr.root,e)})}var B={maxXs:`_maxXs_1kpai_1`,maxSm:`_maxSm_1kpai_5`,max2xl:`_max2xl_1kpai_9`,stack:`_stack_1kpai_13`,rowWrapCenter:`_rowWrapCenter_1kpai_19`,rowCenter:`_rowCenter_1kpai_26`,switchLabel:`_switchLabel_1kpai_32`,textareaGroup:`_textareaGroup_1kpai_41`,stageBottomLarge:`_stageBottomLarge_1kpai_47`,stageBottomMedium:`_stageBottomMedium_1kpai_51`,collapsibleCard:`_collapsibleCard_1kpai_55`,collapsibleCardText:`_collapsibleCardText_1kpai_61`,collapsibleTrigger:`_collapsibleTrigger_1kpai_68`,collapsibleChevron:`_collapsibleChevron_1kpai_92`,collapsibleControlRow:`_collapsibleControlRow_1kpai_103`,collapsibleTriggerCompact:`_collapsibleTriggerCompact_1kpai_107`,nestedChild:`_nestedChild_1kpai_128`,themedCollapsible:`_themedCollapsible_1kpai_134`,themedTrigger:`_themedTrigger_1kpai_146`,themedTriggerIcon:`_themedTriggerIcon_1kpai_156`,themedTriggerIndicator:`_themedTriggerIndicator_1kpai_160`,themedContent:`_themedContent_1kpai_170`,themedContentInner:`_themedContentInner_1kpai_177`,settingsCard:`_settingsCard_1kpai_183`,settingsTrigger:`_settingsTrigger_1kpai_191`,settingsLabel:`_settingsLabel_1kpai_210`,settingsIcon:`_settingsIcon_1kpai_216`,settingsChevron:`_settingsChevron_1kpai_221`,settingsContent:`_settingsContent_1kpai_231`,settingsRow:`_settingsRow_1kpai_235`,faqCard:`_faqCard_1kpai_243`,faqItem:`_faqItem_1kpai_252`,faqTrigger:`_faqTrigger_1kpai_256`,faqQuestion:`_faqQuestion_1kpai_280`,faqChevron:`_faqChevron_1kpai_284`,faqContent:`_faqContent_1kpai_295`,tabsPanel:`_tabsPanel_1kpai_302`};R({group:`forms`,componentId:`input`,componentName:`Input`,description:`Single-line text input. For multiline text, use the dedicated Textarea component.`,props:[{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Control size.`},{name:`tone`,type:`'default' | 'warning'`,default:`'default'`,description:`Visual tone for neutral or warning emphasis.`},{name:`invalid`,type:`boolean`,description:`Marks the input as invalid (also set automatically by Field).`},{name:`className`,type:`string`,description:`Additional CSS classes for the rendered element.`},{name:`placeholder`,type:`string`,description:`Placeholder text.`}],renderPlayground:e=>(0,I.jsx)(`div`,{className:B.maxXs,children:(0,I.jsx)(Er,{size:e.size,tone:e.tone,invalid:!!e.invalid,className:String(e.className??``)||void 0,placeholder:String(e.placeholder??`Type something…`),"aria-label":`Playground input`})}),stories:[{id:`text-input`,title:`Text Input`,render:()=>(0,I.jsxs)(`div`,{className:`${B.maxXs} ${B.stack}`,children:[(0,I.jsx)(Er,{"aria-label":`Default input`,name:`demo-default`,autoComplete:`off`,placeholder:`e.g., hello world…`}),(0,I.jsx)(Er,{"aria-label":`With value`,name:`demo-value`,autoComplete:`off`,placeholder:`e.g., hello world…`,defaultValue:`Hello world`})]})},{id:`sizes`,title:`Sizes`,render:()=>(0,I.jsxs)(`div`,{className:`${B.maxSm} ${B.stack}`,children:[(0,I.jsx)(Er,{"aria-label":`Extra small input`,size:`xs`,placeholder:`Extra small…`}),(0,I.jsx)(Er,{"aria-label":`Small input`,size:`sm`,placeholder:`Small…`}),(0,I.jsx)(Er,{"aria-label":`Medium input`,size:`md`,placeholder:`Medium…`}),(0,I.jsx)(Er,{"aria-label":`Large input`,size:`lg`,placeholder:`Large…`}),(0,I.jsx)(Er,{"aria-label":`Extra large input`,size:`xl`,placeholder:`Extra large…`})]})},{id:`tones`,title:`Tones`,description:`default / warning`,render:()=>(0,I.jsxs)(`div`,{className:`${B.maxXs} ${B.stack}`,children:[(0,I.jsx)(Er,{tone:`default`,"aria-label":`Default tone`,name:`demo-tone-default`,autoComplete:`off`,placeholder:`Default tone…`}),(0,I.jsx)(Er,{tone:`warning`,"aria-label":`Warning tone`,name:`demo-tone-warning`,autoComplete:`off`,placeholder:`Warning tone…`})]})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsxs)(`div`,{className:`${B.maxXs} ${B.stack}`,children:[(0,I.jsx)(Cr,{label:`Username`,description:`Choose a unique username.`,children:(0,I.jsx)(Er,{name:`username`,autoComplete:`username`,placeholder:`Enter username`})}),(0,I.jsx)(Cr,{label:`Email`,error:`Email is required.`,invalid:!0,required:!0,children:(0,I.jsx)(Er,{type:`email`,name:`email`,autoComplete:`email`,placeholder:`you@example.com`})})]})}]});var Dr={root:`_root_17j1y_1`};function Or({className:e,tone:t=`default`,size:n=`md`,resize:r=`vertical`,autoResize:i=!1,invalid:a,style:o,onInput:s,rows:c=3,...l}){let u=wr({id:l.id,disabled:l.disabled,required:l.required,invalid:a,"aria-describedby":l[`aria-describedby`]}),d=(0,h.useRef)(null),f=s,p=(0,h.useCallback)(()=>{if(!i||!d.current)return;let e=d.current;e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`},[i]);(0,h.useEffect)(()=>{p()},[p,l.value,l.defaultValue,c]);function m(e){p(),f?.(e)}let g={...o,resize:i?`none`:r};return(0,I.jsx)(`textarea`,{...l,ref:d,id:u.id,disabled:u.disabled,required:u.required,"aria-describedby":u[`aria-describedby`],"aria-invalid":u.invalid||void 0,rows:c,"data-tone":t,"data-size":n,"data-invalid":u.invalid||void 0,"data-auto-resize":i||void 0,className:F(`owo-input`,Tr.root,`owo-textarea`,Dr.root,e),style:g,onInput:m})}function kr({componentName:e,ariaLabel:t,labelledBy:n,hasVisibleLabel:r=!1,disabled:i=!1}){(0,h.useEffect)(()=>{},[t,e,i,r,n])}function Ar({value:e,defaultValue:t,onChange:n,fallback:r,isControlled:i}){let[a,o]=(0,h.useState)(t??r),s=i??e!==void 0,c=s?e:a;function l(e){s||o(e),n?.(e)}return[c,l]}var jr={root:`_root_11cvf_1`,nativeControl:`_nativeControl_11cvf_6`,valueText:`_valueText_11cvf_109`,placeholder:`_placeholder_11cvf_115`},Mr=``;function Nr(e){return e.textValue?e.textValue:typeof e.label==`string`?e.label:``}function Pr({value:e,defaultValue:t,onValueChange:n,open:r,defaultOpen:i=!1,onOpenChange:a,options:o,placeholder:s=`Select…`,size:c=`md`,tone:l=`default`,disabled:u,required:d,invalid:f,id:p,name:m,className:g,ariaLabel:_,"aria-describedby":v,renderValue:y,renderOption:b,classNames:x}){let S=xr(),C=e!==void 0,w=e===null?Mr:e??void 0,[T,ee]=Ar({value:w===void 0?void 0:w,defaultValue:t??Mr,onChange:e=>{n?.(e===``?void 0:e)},fallback:Mr,isControlled:C}),E=wr({id:p,disabled:u,required:d,invalid:f,"aria-describedby":v}),D=E.disabled;kr({componentName:`Select`,ariaLabel:_,labelledBy:S?.labelId,disabled:D});let[O,k]=Ar({value:r,defaultValue:i,onChange:a,fallback:!1,isControlled:r!==void 0}),[A,te]=(0,h.useState)(-1),ne=(0,h.useRef)(null),re=(0,h.useRef)(null),ie=(0,h.useId)(),j=o.find(e=>e.value===T),M=j?T:Mr,ae=j?Nr(j):``,oe=(0,h.useMemo)(()=>o.reduce((e,t,n)=>(t.disabled||e.push(n),e),[]),[o]),se=(0,h.useCallback)(()=>{if(D||o.length===0)return;k(!0);let e=o.findIndex(e=>e.value===T);te(e>=0?e:oe[0]??-1)},[D,o,T,oe]),ce=(0,h.useCallback)(()=>{k(!1),te(-1)},[]),N=(0,h.useCallback)(e=>{e.disabled||(ee(e.value),ce())},[ee,ce]);(0,h.useEffect)(()=>{if(!O)return;function e(e){ne.current&&!ne.current.contains(e.target)&&ce()}return document.addEventListener(`pointerdown`,e),()=>document.removeEventListener(`pointerdown`,e)},[O,ce]),(0,h.useEffect)(()=>{!O||A<0||(re.current?.children[A])?.scrollIntoView?.({block:`nearest`})},[O,A]);function P(e){if(!D)switch(e.key){case`Enter`:case` `:e.preventDefault(),O?A>=0&&o[A]&&!o[A].disabled&&N(o[A]):se();break;case`ArrowDown`:if(e.preventDefault(),!O)se();else{let e=oe[oe.indexOf(A)+1];e!==void 0&&te(e)}break;case`ArrowUp`:if(e.preventDefault(),!O)se();else{let e=oe[oe.indexOf(A)-1];e!==void 0&&te(e)}break;case`Escape`:O&&(e.preventDefault(),ce());break;case`Tab`:O&&ce();break}}let le=T!==Mr&&j,ue=le?j.label:null,de=y?y({open:O,placeholder:s,selectedOption:j}):(0,I.jsx)(`span`,{className:F(jr.valueText,!le&&jr.placeholder),children:le?ue:s});return(0,I.jsxs)(`div`,{ref:ne,"data-state":O?`open`:`closed`,"data-disabled":D||void 0,"data-invalid":E.invalid||void 0,"data-size":c,"data-tone":l,"data-scope":`select`,className:F(`owo-select`,jr.root,g),children:[(0,I.jsxs)(`button`,{type:`button`,role:`combobox`,id:E.id,"aria-expanded":O,"aria-haspopup":`listbox`,"aria-controls":ie,"aria-label":_,"aria-describedby":E[`aria-describedby`],"aria-invalid":E.invalid||void 0,"aria-required":E.required||void 0,"aria-activedescendant":O&&A>=0?`${ie}-opt-${A}`:void 0,"data-state":O?`open`:`closed`,"data-disabled":D||void 0,"data-tone":l,"data-size":c,"data-has-value":le||void 0,"data-scope":`select`,"data-part":`trigger`,disabled:D,className:F(x?.trigger),onClick:()=>O?ce():se(),onKeyDown:P,children:[de,(0,I.jsx)(`svg`,{"aria-hidden":`true`,"data-state":O?`open`:`closed`,"data-scope":`select`,"data-part":`chevron`,className:F(x?.chevron),viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,I.jsx)(`path`,{d:`M4 6l4 4 4-4`})})]}),O&&(0,I.jsx)(`ul`,{ref:re,id:ie,role:`listbox`,"aria-label":_??(ae||s),"data-state":`open`,"data-size":c,"data-scope":`select`,"data-part":`dropdown`,className:F(x?.dropdown),children:o.map((e,t)=>(0,I.jsx)(`li`,{id:`${ie}-opt-${t}`,role:`option`,"aria-selected":e.value===T,"aria-disabled":e.disabled||void 0,"data-state":e.value===T?`selected`:t===A?`highlighted`:`idle`,"data-focused":t===A||void 0,"data-selected":e.value===T||void 0,"data-disabled":e.disabled||void 0,"data-highlighted":t===A||void 0,"data-scope":`select`,"data-part":`option`,className:F(x?.option),onClick:()=>N(e),onMouseEnter:()=>!e.disabled&&te(t),children:b?b({option:e,index:t,selected:e.value===T,highlighted:t===A}):e.label},e.value))}),(m!=null||E.required)&&(0,I.jsxs)(`select`,{tabIndex:-1,"aria-hidden":`true`,"data-native-control":`true`,className:jr.nativeControl,name:j?m:void 0,value:M,disabled:D,required:E.required,onChange:()=>{},children:[(0,I.jsx)(`option`,{value:Mr}),o.map(e=>(0,I.jsx)(`option`,{value:e.value,disabled:e.disabled,children:Nr(e)},e.value))]})]})}function Fr(){let[e,t]=(0,h.useState)(``);return(0,I.jsx)(`div`,{className:`${B.maxXs} ${B.stageBottomMedium}`,children:(0,I.jsx)(Cr,{label:`Category`,children:(0,I.jsx)(Pr,{value:e,onValueChange:e=>t(e??``),options:[{value:`tech`,label:`Technology`},{value:`design`,label:`Design`},{value:`other`,label:`Other`}],placeholder:`Select a category`})})})}R({group:`forms`,componentId:`field`,componentName:`Field`,description:`Unified field container providing label, description, error, and accessibility context to child controls.`,props:[{name:`label`,type:`ReactNode`,description:`Visible field label rendered above the control.`},{name:`description`,type:`ReactNode`,description:`Descriptive text rendered between label and control.`},{name:`error`,type:`ReactNode`,description:`Error message rendered below the control.`},{name:`help`,type:`ReactNode`,description:`Optional helper text rendered below error.`},{name:`required`,type:`boolean`,default:`false`,description:`Marks the field as required and shows an asterisk.`},{name:`disabled`,type:`boolean`,default:`false`,description:`Disables the field and propagates to child controls.`},{name:`invalid`,type:`boolean`,default:`false`,description:`Marks the field as invalid and propagates to child controls.`},{name:`htmlFor`,type:`string`,description:`Overrides the auto-generated control ID for label association.`},{name:`children`,type:`ReactNode`,description:`Form control content such as Input, Textarea, or Select.`},{name:`classNames`,type:`Partial<Record<FieldPart, string>>`,description:`Per-part className overrides.`}],stories:[{id:`basic`,title:`Basic Field`,render:()=>(0,I.jsx)(`div`,{className:B.maxXs,children:(0,I.jsx)(Cr,{label:`Username`,children:(0,I.jsx)(Er,{name:`username`,autoComplete:`username`,placeholder:`Enter username`})})})},{id:`with-description`,title:`With Description`,render:()=>(0,I.jsx)(`div`,{className:B.maxXs,children:(0,I.jsx)(Cr,{label:`Email`,description:`We'll never share your email.`,children:(0,I.jsx)(Er,{type:`email`,name:`email`,autoComplete:`email`,spellCheck:!1,placeholder:`you@example.com`})})})},{id:`with-error`,title:`With Error`,render:()=>(0,I.jsx)(`div`,{className:B.maxXs,children:(0,I.jsx)(Cr,{label:`Password`,error:`Password must be at least 8 characters.`,invalid:!0,children:(0,I.jsx)(Er,{type:`password`,name:`password`,autoComplete:`new-password`})})})},{id:`required`,title:`Required`,render:()=>(0,I.jsx)(`div`,{className:B.maxXs,children:(0,I.jsx)(Cr,{label:`Project Name`,required:!0,children:(0,I.jsx)(Er,{name:`project-name`,placeholder:`my-project`})})})},{id:`disabled`,title:`Disabled`,render:()=>(0,I.jsx)(`div`,{className:B.maxXs,children:(0,I.jsx)(Cr,{label:`Read-only Field`,disabled:!0,help:`This field is disabled.`,children:(0,I.jsx)(Er,{name:`readonly`,value:`Cannot edit`,readOnly:!0})})})},{id:`with-textarea`,title:`With Textarea`,render:()=>(0,I.jsx)(`div`,{className:B.maxSm,children:(0,I.jsx)(Cr,{label:`Bio`,description:`Brief description about yourself.`,children:(0,I.jsx)(Or,{name:`bio`,autoComplete:`off`,placeholder:`Tell us about yourself…`,rows:3})})})},{id:`with-select`,title:`With Select`,render:()=>(0,I.jsx)(Fr,{})}]});var Ir={root:`_root_ypadq_1`,input:`_input_ypadq_15`,control:`_control_ypadq_28`,icon:`_icon_ypadq_91`,label:`_label_ypadq_108`};function Lr({checked:e,defaultChecked:t,onCheckedChange:n,indeterminate:r=!1,disabled:i,required:a,invalid:o,name:s,value:c=`on`,id:l,size:u=`md`,className:d,ariaLabel:f,children:p,"aria-describedby":m}){let g=xr(),[_,v]=Ar({value:e,defaultValue:t,onChange:n,fallback:!1}),y=wr({id:l,disabled:i,required:a,invalid:o,"aria-describedby":m});kr({componentName:`Checkbox`,ariaLabel:f,labelledBy:g?.labelId,hasVisibleLabel:p!=null,disabled:y.disabled});let b=(0,h.useRef)(null);(0,h.useEffect)(()=>{b.current&&(b.current.indeterminate=r)},[r]);let x=r?`indeterminate`:_?`checked`:`unchecked`,S=x===`indeterminate`?`M4 8h8`:`M3.5 8.5l3 3 6-7`;return(0,I.jsxs)(`label`,{"data-scope":`checkbox`,"data-state":x,"data-disabled":y.disabled||void 0,"data-invalid":y.invalid||void 0,className:F(`owo-checkbox`,Ir.root,d),children:[(0,I.jsx)(`input`,{ref:b,id:y.id,type:`checkbox`,name:s,value:c,checked:_,disabled:y.disabled,required:y.required,"aria-label":f,"aria-describedby":y[`aria-describedby`],"aria-invalid":y.invalid||void 0,"aria-checked":r?`mixed`:_,className:Ir.input,onChange:e=>{y.disabled||v(e.target.checked)}}),(0,I.jsx)(`span`,{"data-scope":`checkbox`,"data-part":`control`,"data-state":x,"data-size":u,className:Ir.control,children:(0,I.jsx)(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:Ir.icon,children:(0,I.jsx)(`path`,{d:S})})}),p!=null&&(0,I.jsx)(`span`,{"data-scope":`checkbox`,"data-part":`label`,className:Ir.label,children:p})]})}function Rr(){let[e,t]=(0,h.useState)(!0);return(0,I.jsx)(Lr,{checked:e,onCheckedChange:t,ariaLabel:`Demo checkbox`})}function zr(){return(0,I.jsxs)(`div`,{className:B.rowCenter,children:[(0,I.jsx)(Lr,{size:`xs`,defaultChecked:!0,ariaLabel:`Extra small checkbox`}),(0,I.jsx)(Lr,{size:`sm`,defaultChecked:!0,ariaLabel:`Small checkbox`}),(0,I.jsx)(Lr,{size:`md`,defaultChecked:!0,ariaLabel:`Medium checkbox`}),(0,I.jsx)(Lr,{size:`lg`,defaultChecked:!0,ariaLabel:`Large checkbox`}),(0,I.jsx)(Lr,{size:`xl`,defaultChecked:!0,ariaLabel:`Extra large checkbox`})]})}function Br(){let[e,t]=(0,h.useState)(!1);return(0,I.jsx)(Cr,{label:`Terms`,description:`You must agree before continuing.`,required:!0,invalid:!e,error:e?void 0:`Consent is required.`,children:(0,I.jsx)(Lr,{checked:e,onCheckedChange:t,children:`I agree to the terms`})})}R({group:`forms`,componentId:`checkbox`,componentName:`Checkbox`,description:`Boolean selection control with checked, unchecked, and indeterminate states.`,props:[{name:`checked`,type:`boolean`,description:`Controlled checked state.`},{name:`defaultChecked`,type:`boolean`,description:`Initial state for uncontrolled mode.`},{name:`onCheckedChange`,type:`(checked: boolean) => void`,description:`Callback when toggled.`},{name:`indeterminate`,type:`boolean`,description:`Displays the mixed state icon and aria-checked="mixed".`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Checkbox control size.`},{name:`disabled`,type:`boolean`,default:`false`,description:`Disables the checkbox.`},{name:`invalid`,type:`boolean`,description:`Marks as invalid (also set by Field).`},{name:`label`,type:`string`,default:`'Checkbox label'`,description:`Inline label shown next to the control in the playground.`}],renderPlayground:(e,t)=>(0,I.jsx)(Lr,{checked:!!e.checked,onCheckedChange:e=>t(`checked`,e),indeterminate:!!e.indeterminate,size:e.size,disabled:!!e.disabled,invalid:!!e.invalid,ariaLabel:`Playground checkbox`,children:String(e.label??`Checkbox label`)}),stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(Rr,{})},{id:`sizes`,title:`Sizes`,render:()=>(0,I.jsx)(zr,{})},{id:`disabled`,title:`Disabled`,render:()=>(0,I.jsxs)(`div`,{className:B.stack,children:[(0,I.jsx)(Lr,{defaultChecked:!0,disabled:!0,ariaLabel:`Disabled checked checkbox`,children:`Disabled checked`}),(0,I.jsx)(Lr,{disabled:!0,ariaLabel:`Disabled unchecked checkbox`,children:`Disabled unchecked`})]})},{id:`indeterminate`,title:`Indeterminate`,render:()=>(0,I.jsx)(Lr,{indeterminate:!0,ariaLabel:`Indeterminate checkbox`,children:`Partially selected`})},{id:`invalid`,title:`Invalid`,render:()=>(0,I.jsx)(Lr,{invalid:!0,ariaLabel:`Invalid checkbox`,children:`Needs confirmation`})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsx)(Br,{})},{id:`group-example`,title:`Group Example`,render:()=>(0,I.jsxs)(`div`,{className:B.stack,children:[(0,I.jsx)(Lr,{defaultChecked:!0,name:`notifications`,value:`email`,children:`Email notifications`}),(0,I.jsx)(Lr,{name:`notifications`,value:`sms`,children:`SMS alerts`}),(0,I.jsx)(Lr,{indeterminate:!0,name:`notifications`,value:`digest`,children:`Weekly digest`})]})}]});var Vr={group:`_group_bhiyd_1`,root:`_root_bhiyd_13`,input:`_input_bhiyd_27`,control:`_control_bhiyd_40`,indicator:`_indicator_bhiyd_55`,label:`_label_bhiyd_107`},Hr=(0,h.createContext)(null);function Ur(){return(0,h.useContext)(Hr)}function Wr({checked:e,defaultChecked:t,onCheckedChange:n,size:r=`md`,invalid:i,disabled:a,required:o,id:s,name:c,value:l=`on`,className:u,ariaLabel:d,children:f,onKeyDown:p,"aria-describedby":m,...h}){let g=Ur(),_=xr(),v=wr({id:s,disabled:a,required:o,invalid:i,"aria-describedby":m}),y=String(l),b=g?g.value===y:e,[x,S]=Ar({value:e,defaultValue:t,onChange:n,fallback:!1}),C=g?b:x,w=g?.disabled??v.disabled,T=g?.invalid??v.invalid,ee=g?.required??v.required,E=g?.name??c,D=g?.size??r,O=g?.describedBy??v[`aria-describedby`];kr({componentName:`Radio`,ariaLabel:d,labelledBy:g?void 0:_?.labelId,hasVisibleLabel:f!=null,disabled:w});function k(e){if(g)switch(e.key){case`ArrowRight`:case`ArrowDown`:e.preventDefault(),g.moveSelection(y,`next`);break;case`ArrowLeft`:case`ArrowUp`:e.preventDefault(),g.moveSelection(y,`prev`);break;case`Home`:e.preventDefault(),g.moveSelection(y,`first`);break;case`End`:e.preventDefault(),g.moveSelection(y,`last`);break}}return(0,I.jsxs)(`label`,{"data-scope":`radio`,"data-part":`root`,"data-disabled":w||void 0,"data-invalid":T||void 0,className:F(`owo-radio`,Vr.root,u),children:[(0,I.jsx)(`input`,{...h,ref:e=>{g!=null&&(e?g.registerItem({value:y,disabled:!!a,ref:e}):g.unregisterItem(y))},id:g?void 0:v.id,type:`radio`,name:E,value:l,checked:!!C,disabled:w,required:ee,"aria-label":d,"aria-describedby":O,"aria-invalid":T||void 0,className:Vr.input,onChange:e=>{if(!w){if(g){g.selectValue(String(e.target.value));return}S(!0)}},onKeyDown:e=>{p?.(e),e.defaultPrevented||k(e)}}),(0,I.jsx)(`span`,{"data-scope":`radio`,"data-part":`control`,"data-size":D,className:Vr.control,children:(0,I.jsx)(`span`,{"data-scope":`radio`,"data-part":`indicator`,className:Vr.indicator})}),f!=null&&(0,I.jsx)(`span`,{"data-scope":`radio`,"data-part":`label`,className:Vr.label,children:f})]})}function Gr({value:e,defaultValue:t,onValueChange:n,options:r,size:i=`md`,orientation:a=`vertical`,disabled:o,required:s,invalid:c,id:l,name:u,className:d,ariaLabel:f,children:p,"aria-describedby":m}){let g=xr(),[_,v]=Ar({value:e,defaultValue:t,onChange:e=>{e!==void 0&&n?.(e)},fallback:void 0}),y=wr({id:l,disabled:o,required:s,invalid:c,"aria-describedby":m});kr({componentName:`RadioGroup`,ariaLabel:f,labelledBy:g?.labelId,disabled:y.disabled});let b=(0,h.useRef)([]),x=(0,h.useMemo)(()=>({name:u,value:_,disabled:y.disabled,invalid:y.invalid,required:y.required,size:i,orientation:a,describedBy:y[`aria-describedby`],selectValue:e=>{v(e)},registerItem:e=>{let t=b.current.filter(t=>t.value!==e.value);t.push(e),b.current=t},unregisterItem:e=>{b.current=b.current.filter(t=>t.value!==e)},moveSelection:(e,t)=>{let n=b.current.filter(e=>!e.disabled);if(n.length===0)return;let r=n.findIndex(t=>t.value===e),i=n[0];t===`first`&&(i=n[0]),t===`last`&&(i=n[n.length-1]),t===`next`&&(i=n[r>=0?(r+1)%n.length:0]),t===`prev`&&(i=n[r>=0?(r-1+n.length)%n.length:n.length-1]),v(i.value),i.ref?.focus()}}),[y.disabled,y.invalid,y.required,y[`aria-describedby`],u,a,v,i,_]),S=r?.findIndex(e=>e.value===_)??-1,C=r?.findIndex(e=>!e.disabled)??-1,w=S>=0?r?.[S]?.value:r?.[C]?.value,T=r?.map(e=>(0,I.jsx)(Wr,{value:e.value,disabled:e.disabled,ariaLabel:typeof e.label==`string`?e.label:e.textValue,tabIndex:e.disabled||y.disabled?-1:w===e.value?0:-1,children:e.label},e.value));return(0,I.jsx)(Hr.Provider,{value:x,children:(0,I.jsx)(`div`,{role:`radiogroup`,id:y.id,"aria-label":f,"aria-labelledby":f?void 0:g?.labelId,"aria-describedby":y[`aria-describedby`],"aria-invalid":y.invalid||void 0,"aria-required":y.required||void 0,"data-scope":`radio-group`,"data-part":`group`,"data-size":i,"data-orientation":a,"data-disabled":y.disabled||void 0,"data-invalid":y.invalid||void 0,className:F(`owo-radio-group`,Vr.group,d),children:r?T:p})})}var Kr=[{value:`daily`,label:`Daily`},{value:`weekly`,label:`Weekly`},{value:`monthly`,label:`Monthly`,disabled:!0}];function qr(){let[e,t]=(0,h.useState)(`daily`);return(0,I.jsx)(Gr,{value:e,onValueChange:e=>t(e),options:[...Kr],ariaLabel:`Reporting frequency`})}R({group:`forms`,componentId:`radio`,componentName:`Radio`,description:`Standard radio input and grouped single-select control for form semantics.`,props:[{name:`value`,type:`T`,description:`Controlled selected value for RadioGroup.`},{name:`defaultValue`,type:`T`,description:`Initial selected value for uncontrolled RadioGroup.`},{name:`onValueChange`,type:`(value: T) => void`,description:`Called when a new option is selected.`},{name:`options`,type:`Array<ChoiceOption<T>>`,description:`Shared option model used by RadioGroup.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Radio control size.`}],stories:[{id:`group`,title:`Radio Group`,render:()=>(0,I.jsx)(qr,{})},{id:`sizes`,title:`Sizes`,render:()=>(0,I.jsxs)(`div`,{className:B.rowCenter,children:[(0,I.jsx)(Wr,{defaultChecked:!0,size:`xs`,ariaLabel:`Extra small radio`}),(0,I.jsx)(Wr,{defaultChecked:!0,size:`sm`,ariaLabel:`Small radio`}),(0,I.jsx)(Wr,{defaultChecked:!0,size:`md`,ariaLabel:`Medium radio`}),(0,I.jsx)(Wr,{defaultChecked:!0,size:`lg`,ariaLabel:`Large radio`}),(0,I.jsx)(Wr,{defaultChecked:!0,size:`xl`,ariaLabel:`Extra large radio`})]})},{id:`disabled`,title:`Disabled`,render:()=>(0,I.jsx)(Gr,{defaultValue:`weekly`,disabled:!0,options:[...Kr],ariaLabel:`Disabled reporting frequency`})},{id:`horizontal-rich-labels`,title:`Horizontal Rich Labels`,render:()=>(0,I.jsx)(Gr,{defaultValue:`weekly`,orientation:`horizontal`,options:[{value:`daily`,label:(0,I.jsx)(`span`,{children:`Daily digest`}),textValue:`Daily digest`},{value:`weekly`,label:(0,I.jsx)(`strong`,{children:`Weekly summary`}),textValue:`Weekly summary`},{value:`monthly`,label:(0,I.jsx)(`span`,{children:`Monthly wrap-up`}),textValue:`Monthly wrap-up`}],ariaLabel:`Horizontal delivery frequency`})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsx)(Cr,{label:`Digest frequency`,description:`Choose how often to receive updates.`,required:!0,children:(0,I.jsx)(Gr,{defaultValue:`weekly`,name:`digest-frequency`,options:[...Kr]})})}]});var Jr=[{value:`apple`,label:`Apple`},{value:`banana`,label:`Banana`},{value:`cherry`,label:`Cherry`},{value:`dragonfruit`,label:`Dragonfruit`}];function Yr(){let[e,t]=(0,h.useState)(``);return(0,I.jsx)(`div`,{className:`${B.maxXs} ${B.stageBottomLarge}`,children:(0,I.jsx)(Pr,{value:e,onValueChange:e=>t(e??``),options:[...Jr],placeholder:`Choose a fruit…`,ariaLabel:`Fruit select`})})}function Xr(){let e=[{value:`apple`,label:`Apple`},{value:`banana`,label:`Banana`},{value:`cherry`,label:`Cherry`}];return(0,I.jsxs)(`div`,{className:`${B.maxXs} ${B.stack} ${B.stageBottomMedium}`,children:[(0,I.jsx)(Pr,{defaultValue:`apple`,options:[...e],size:`xs`,ariaLabel:`Extra small select`}),(0,I.jsx)(Pr,{defaultValue:`apple`,options:[...e],size:`sm`,ariaLabel:`Small select`}),(0,I.jsx)(Pr,{defaultValue:`apple`,options:[...e],size:`md`,ariaLabel:`Medium select`}),(0,I.jsx)(Pr,{defaultValue:`apple`,options:[...e],size:`lg`,ariaLabel:`Large select`}),(0,I.jsx)(Pr,{defaultValue:`apple`,options:[...e],size:`xl`,ariaLabel:`Extra large select`})]})}function Zr(){let e=[{value:`a`,label:`Option A`},{value:`b`,label:`Option B`}];return(0,I.jsxs)(`div`,{className:`${B.maxXs} ${B.stack}`,children:[(0,I.jsx)(Pr,{defaultValue:`a`,options:[...e],tone:`default`,ariaLabel:`Default tone`}),(0,I.jsx)(Pr,{defaultValue:`a`,options:[...e],tone:`warning`,ariaLabel:`Warning tone`})]})}function Qr(){let[e,t]=(0,h.useState)(``);return(0,I.jsx)(`div`,{className:`${B.maxXs} ${B.stageBottomLarge}`,children:(0,I.jsx)(Cr,{label:`Category`,required:!0,children:(0,I.jsx)(Pr,{value:e,onValueChange:e=>t(e??``),options:[{value:`tech`,label:`Technology`},{value:`design`,label:`Design`},{value:`other`,label:`Other`}],placeholder:`Select a category`})})})}R({group:`forms`,componentId:`select`,componentName:`Select`,description:`Custom dropdown select with keyboard navigation and design-system styling.`,props:[{name:`value`,type:`string`,description:`Controlled selected value.`},{name:`defaultValue`,type:`string`,description:`Initial value for uncontrolled mode.`},{name:`onValueChange`,type:`(value: T | undefined) => void`,description:`Callback when selection changes; undefined represents the placeholder-only empty state.`},{name:`options`,type:`ChoiceOption<T>[]`,description:`Array of { value, label, disabled?, textValue? }.`},{name:`placeholder`,type:`string`,default:`'Select…'`,description:`Placeholder text when no value is selected.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Trigger size.`},{name:`tone`,type:`'default' | 'warning'`,default:`'default'`,description:`Visual tone.`},{name:`disabled`,type:`boolean`,default:`false`,description:`Disables the entire select.`},{name:`invalid`,type:`boolean`,description:`Marks as invalid (also set by Field).`},{name:`name`,type:`string`,description:`Form participation name.`},{name:`ariaLabel`,type:`string`,description:`Accessible label (optional inside Field).`}],renderPlayground:(e,t)=>(0,I.jsx)(`div`,{className:`${B.maxXs} ${B.stageBottomMedium}`,children:(0,I.jsx)(Pr,{value:String(e.value??``)||void 0,onValueChange:e=>t(`value`,e??``),options:[{value:`apple`,label:`Apple`},{value:`banana`,label:`Banana`},{value:`cherry`,label:`Cherry`}],placeholder:String(e.placeholder??`Select…`),size:e.size,tone:e.tone,disabled:!!e.disabled,invalid:!!e.invalid,name:String(e.name??``)||void 0,ariaLabel:String(e.ariaLabel??`Playground select`)})}),stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(Yr,{})},{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg / xl`,render:()=>(0,I.jsx)(Xr,{})},{id:`tones`,title:`Tones`,description:`default / warning`,render:()=>(0,I.jsx)(Zr,{})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsx)(Qr,{})},{id:`disabled`,title:`Disabled`,description:`Whole component disabled & individual option disabled.`,render:()=>(0,I.jsxs)(`div`,{className:`${B.maxXs} ${B.stack}`,children:[(0,I.jsx)(Pr,{value:``,options:[{value:`a`,label:`Option A`}],disabled:!0,placeholder:`Disabled`,ariaLabel:`Disabled select`}),(0,I.jsx)(Pr,{value:``,options:[{value:`a`,label:`Enabled`},{value:`b`,label:`Disabled option`,disabled:!0},{value:`c`,label:`Also enabled`}],placeholder:`Has disabled option`,ariaLabel:`Disabled option select`})]})}]});var $r={root:`_root_c2l0v_1`,item:`_item_c2l0v_41`};function ei({value:e,defaultValue:t,onValueChange:n,options:r,size:i=`md`,disabled:a,required:o,invalid:s,id:c,name:l,className:u,ariaLabel:d,"aria-describedby":f}){let p=xr(),[m,g]=Ar({value:e,defaultValue:t,onChange:n,fallback:r.find(e=>!e.disabled)?.value??r[0]?.value??``}),_=wr({id:c,disabled:a,required:o,invalid:s,"aria-describedby":f});kr({componentName:`SegmentedControl`,ariaLabel:d,labelledBy:p?.labelId,disabled:_.disabled});let v=(0,h.useRef)([]),y=r.reduce((e,t,n)=>(!t.disabled&&!_.disabled&&e.push(n),e),[]),b=r.findIndex(e=>e.value===m),x=b>=0&&!r[b]?.disabled?b:-1,S=x>=0?x:y[0]??-1,C=x>=0?m:void 0;function w(e,t){if(y.length===0)return;let n=y.indexOf(e),i;t===`first`&&(i=y[0]),t===`last`&&(i=y[y.length-1]),t===`next`&&(i=n>=0?y[(n+1)%y.length]:y[0]),t===`prev`&&(i=n>=0?y[(n-1+y.length)%y.length]:y[y.length-1]),i!==void 0&&(g(r[i].value),v.current[i]?.focus())}return(0,I.jsxs)(`div`,{role:`radiogroup`,id:_.id,"aria-label":d,"aria-labelledby":d?void 0:p?.labelId,"aria-describedby":_[`aria-describedby`],"aria-invalid":_.invalid||void 0,"aria-required":_.required||void 0,"data-size":i,"data-disabled":_.disabled||void 0,"data-invalid":_.invalid||void 0,className:F(`owo-segmented-control`,$r.root,u),children:[r.map((e,t)=>{let n=e.value===m,r=e.disabled||_.disabled;return(0,I.jsx)(`button`,{ref:e=>{v.current[t]=e},type:`button`,role:`radio`,"aria-checked":n,disabled:r,tabIndex:r?-1:t===S?0:-1,"data-disabled":r||void 0,"data-active":n?`true`:void 0,className:$r.item,onClick:()=>g(e.value),onKeyDown:e=>{if(!r)switch(e.key){case`ArrowRight`:case`ArrowDown`:e.preventDefault(),w(t,`next`);break;case`ArrowLeft`:case`ArrowUp`:e.preventDefault(),w(t,`prev`);break;case`Home`:e.preventDefault(),w(t,`first`);break;case`End`:e.preventDefault(),w(t,`last`);break}},children:e.label},e.value)}),l!=null&&C!==void 0&&(0,I.jsx)(`input`,{type:`hidden`,name:l,value:C,disabled:_.disabled,"aria-hidden":`true`})]})}function ti({size:e,label:t}){let[n,r]=(0,h.useState)(`a`);return(0,I.jsx)(ei,{value:n,onValueChange:r,options:[{value:`a`,label:`Alpha`},{value:`b`,label:`Beta`},{value:`c`,label:`Gamma`}],size:e,ariaLabel:t})}function ni(){let[e,t]=(0,h.useState)(`on`);return(0,I.jsx)(ei,{value:e,onValueChange:t,options:[{value:`on`,label:`On`},{value:`off`,label:`Off`},{value:`auto`,label:`Auto`,disabled:!0}],ariaLabel:`Mode with disabled`})}function ri(){let[e,t]=(0,h.useState)(`daily`);return(0,I.jsx)(Cr,{label:`Frequency`,description:`How often reports are generated.`,children:(0,I.jsx)(ei,{value:e,onValueChange:t,options:[{value:`daily`,label:`Daily`},{value:`weekly`,label:`Weekly`},{value:`monthly`,label:`Monthly`}]})})}R({group:`forms`,componentId:`segmented-control`,componentName:`SegmentedControl`,description:`Compact single-select control for mutually exclusive options. Uses radiogroup semantics.`,props:[{name:`value`,type:`T extends string`,description:`Controlled selected value.`},{name:`defaultValue`,type:`T`,description:`Initial value for uncontrolled mode.`},{name:`onValueChange`,type:`(value: T) => void`,description:`Called when a new option is selected.`},{name:`options`,type:`ChoiceOption<T>[]`,description:`Array of { value, label, disabled?, textValue? }.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Control size.`},{name:`disabled`,type:`boolean`,description:`Disables all options.`},{name:`invalid`,type:`boolean`,description:`Marks as invalid (also set by Field).`},{name:`name`,type:`string`,description:`Form participation name.`},{name:`ariaLabel`,type:`string`,description:`Accessible label for standalone usage; Field supplies the label automatically.`}],stories:[{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg / xl`,render:()=>(0,I.jsxs)(`div`,{className:B.rowWrapCenter,children:[(0,I.jsx)(ti,{size:`xs`,label:`Extra small`}),(0,I.jsx)(ti,{size:`sm`,label:`Small`}),(0,I.jsx)(ti,{size:`md`,label:`Medium`}),(0,I.jsx)(ti,{size:`lg`,label:`Large`}),(0,I.jsx)(ti,{size:`xl`,label:`Extra large`})]})},{id:`uncontrolled`,title:`Uncontrolled`,render:()=>(0,I.jsx)(ei,{defaultValue:`b`,options:[{value:`a`,label:`Alpha`},{value:`b`,label:`Beta`},{value:`c`,label:`Gamma`}],ariaLabel:`Uncontrolled example`})},{id:`with-disabled`,title:`With Disabled Option`,render:()=>(0,I.jsx)(ni,{})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsx)(ri,{})}]});var ii={root:`_root_91dlh_1`,thumb:`_thumb_91dlh_81`};function ai({checked:e,defaultChecked:t,onCheckedChange:n,size:r=`md`,disabled:i,required:a,invalid:o,id:s,name:c,className:l,ariaLabel:u,"aria-describedby":d}){let f=xr(),[p,m]=Ar({value:e,defaultValue:t,onChange:n,fallback:!1}),h=wr({id:s,disabled:i,required:a,invalid:o,"aria-describedby":d});return kr({componentName:`Switch`,ariaLabel:u,labelledBy:f?.labelId,disabled:h.disabled}),(0,I.jsxs)(`button`,{type:`button`,role:`switch`,id:h.id,"aria-checked":p,"aria-label":u,"aria-describedby":h[`aria-describedby`],"aria-invalid":h.invalid||void 0,"aria-required":h.required||void 0,disabled:h.disabled,"data-size":r,"data-invalid":h.invalid||void 0,className:F(`owo-switch`,ii.root,l),onClick:()=>m(!p),children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:ii.thumb}),c!=null&&(0,I.jsx)(`input`,{type:`checkbox`,name:c,checked:p,disabled:h.disabled,hidden:!0,readOnly:!0,tabIndex:-1,"aria-hidden":`true`})]})}function oi(){let[e,t]=(0,h.useState)(!1);return(0,I.jsx)(ai,{checked:e,onCheckedChange:t,ariaLabel:`Demo toggle`})}function si(){let[e,t]=(0,h.useState)(!0),[n,r]=(0,h.useState)(!0),[i,a]=(0,h.useState)(!0),[o,s]=(0,h.useState)(!0),[c,l]=(0,h.useState)(!0);return(0,I.jsxs)(`div`,{className:B.rowCenter,children:[(0,I.jsx)(ai,{checked:e,onCheckedChange:t,size:`xs`,ariaLabel:`Extra small switch`}),(0,I.jsx)(ai,{checked:n,onCheckedChange:r,size:`sm`,ariaLabel:`Small switch`}),(0,I.jsx)(ai,{checked:i,onCheckedChange:a,size:`md`,ariaLabel:`Medium switch`}),(0,I.jsx)(ai,{checked:o,onCheckedChange:s,size:`lg`,ariaLabel:`Large switch`}),(0,I.jsx)(ai,{checked:c,onCheckedChange:l,size:`xl`,ariaLabel:`Extra large switch`})]})}function ci(){let[e,t]=(0,h.useState)(!1);return(0,I.jsx)(Cr,{label:`Enable notifications`,children:(0,I.jsx)(ai,{checked:e,onCheckedChange:t})})}R({group:`forms`,componentId:`switch`,componentName:`Switch`,description:`Toggle switch for boolean settings.`,props:[{name:`checked`,type:`boolean`,description:`Controlled checked state.`},{name:`defaultChecked`,type:`boolean`,description:`Initial state for uncontrolled mode.`},{name:`onCheckedChange`,type:`(checked: boolean) => void`,description:`Callback when toggled.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Switch size.`},{name:`disabled`,type:`boolean`,default:`false`,description:`Disables the switch.`},{name:`invalid`,type:`boolean`,description:`Marks as invalid (also set by Field).`},{name:`name`,type:`string`,description:`Form participation name.`},{name:`ariaLabel`,type:`string`,description:`Accessible label (optional inside Field).`}],renderPlayground:(e,t)=>(0,I.jsx)(ai,{checked:!!e.checked,onCheckedChange:e=>t(`checked`,e),size:e.size,disabled:!!e.disabled,invalid:!!e.invalid,name:String(e.name??``)||void 0,ariaLabel:String(e.ariaLabel??`Playground switch`)}),stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(oi,{})},{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg / xl`,render:()=>(0,I.jsx)(si,{})},{id:`uncontrolled`,title:`Uncontrolled`,render:()=>(0,I.jsx)(ai,{defaultChecked:!0,ariaLabel:`Uncontrolled switch`})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsx)(ci,{})},{id:`disabled`,title:`Disabled`,render:()=>(0,I.jsxs)(`div`,{className:B.rowCenter,children:[(0,I.jsx)(ai,{checked:!1,disabled:!0,ariaLabel:`Disabled off`}),(0,I.jsx)(ai,{checked:!0,disabled:!0,ariaLabel:`Disabled on`})]})}]}),R({group:`forms`,componentId:`textarea`,componentName:`Textarea`,description:`Dedicated multiline text input that matches the Input token contract while supporting resize and auto-resize behavior.`,props:[{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,default:`'md'`,description:`Control size.`},{name:`tone`,type:`'default' | 'warning'`,default:`'default'`,description:`Visual tone for neutral or warning emphasis.`},{name:`rows`,type:`number`,default:`3`,description:`Initial row count before any auto-resize behavior.`},{name:`resize`,type:`'none' | 'vertical' | 'both'`,default:`'vertical'`,description:`Controls native resize affordance.`},{name:`autoResize`,type:`boolean`,default:`false`,description:`Automatically grows height to fit content.`}],renderPlayground:e=>(0,I.jsx)(`div`,{className:B.maxSm,children:(0,I.jsx)(Or,{size:e.size,tone:e.tone,rows:Number(e.rows??3),resize:e.resize??`vertical`,autoResize:!!e.autoResize,placeholder:`Write something longer…`})}),stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(`div`,{className:B.maxSm,children:(0,I.jsx)(Or,{"aria-label":`Default textarea`,placeholder:`Write something longer…`,rows:4})})},{id:`sizes`,title:`Sizes`,render:()=>(0,I.jsxs)(`div`,{className:F(B.maxSm,B.textareaGroup),children:[(0,I.jsx)(Or,{"aria-label":`Extra small textarea`,size:`xs`,rows:3,placeholder:`Extra small…`}),(0,I.jsx)(Or,{"aria-label":`Small textarea`,size:`sm`,rows:3,placeholder:`Small…`}),(0,I.jsx)(Or,{"aria-label":`Medium textarea`,size:`md`,rows:3,placeholder:`Medium…`}),(0,I.jsx)(Or,{"aria-label":`Large textarea`,size:`lg`,rows:3,placeholder:`Large…`}),(0,I.jsx)(Or,{"aria-label":`Extra large textarea`,size:`xl`,rows:3,placeholder:`Extra large…`})]})},{id:`tones-and-resize`,title:`Tones And Resize`,render:()=>(0,I.jsxs)(`div`,{className:F(B.maxSm,B.textareaGroup),children:[(0,I.jsx)(Or,{"aria-label":`Default tone textarea`,rows:3,placeholder:`Default tone…`,resize:`vertical`}),(0,I.jsx)(Or,{"aria-label":`Warning tone textarea`,rows:3,placeholder:`Warning tone…`,tone:`warning`,resize:`both`})]})},{id:`with-field`,title:`With Field`,render:()=>(0,I.jsx)(`div`,{className:B.maxSm,children:(0,I.jsx)(Cr,{label:`System Prompt`,description:`Supports the same visual contract as Input.`,children:(0,I.jsx)(Or,{rows:5,autoResize:!0,defaultValue:`You are a concise assistant.
|
|
13
|
+
Keep responses short.`})})})}]});var li={root:`_root_bx150_1`,triggerInner:`_triggerInner_bx150_27`,triggerIcon:`_triggerIcon_bx150_34`,triggerIndicator:`_triggerIndicator_bx150_35`,triggerLabel:`_triggerLabel_bx150_44`,contentInner:`_contentInner_bx150_50`},ui=(0,h.createContext)(null);function di(e){let t=(0,h.useContext)(ui);if(!t)throw Error(`${e} must be used within Collapsible.Root`);return t}function fi({open:e,defaultOpen:t,onOpenChange:n}){let[r,i]=(0,h.useState)(t??!1),a=e!==void 0,o=a?e:r;function s(e){a||i(e),n?.(e)}return[o,s]}function pi({children:e,open:t,defaultOpen:n,onOpenChange:r,classNames:i,className:a,...o}){let[s,c]=fi({open:t,defaultOpen:n,onOpenChange:r}),l=(0,h.useId)(),u=(0,h.useMemo)(()=>({open:s,setOpen:c,contentId:l,classNames:i}),[l,s,c,i]);return(0,I.jsx)(ui.Provider,{value:u,children:(0,I.jsx)(`div`,{"data-state":s?`open`:`closed`,"data-scope":`collapsible`,className:F(`owo-collapsible`,li.root,a),...o,children:e})})}function mi({children:e,icon:t,indicator:n,iconPosition:r=`start`,className:i,onClick:a,...o}){let{open:s,setOpen:c,contentId:l,classNames:u}=di(`Collapsible.Trigger`),d=t!==void 0||n!==void 0?(0,I.jsxs)(`span`,{"data-part":`triggerInner`,className:F(li.triggerInner,u?.triggerInner),children:[t&&r===`start`?(0,I.jsx)(`span`,{"data-part":`triggerIcon`,"aria-hidden":`true`,className:F(li.triggerIcon,u?.triggerIcon),children:t}):null,(0,I.jsx)(`span`,{"data-part":`triggerLabel`,className:F(li.triggerLabel,u?.triggerLabel),children:e}),t&&r===`end`?(0,I.jsx)(`span`,{"data-part":`triggerIcon`,"aria-hidden":`true`,className:F(li.triggerIcon,u?.triggerIcon),children:t}):null,n?(0,I.jsx)(`span`,{"data-part":`triggerIndicator`,"aria-hidden":`true`,className:F(li.triggerIndicator,u?.triggerIndicator),children:n}):null]}):e;return(0,I.jsx)(`button`,{type:`button`,"aria-expanded":s,"aria-controls":l,"data-state":s?`open`:`closed`,"data-scope":`collapsible`,"data-part":`trigger`,className:F(u?.trigger,i),onClick:e=>{a?.(e),e.defaultPrevented||c(!s)},...o,children:d})}function hi({children:e,className:t,...n}){let{open:r,contentId:i,classNames:a}=di(`Collapsible.Content`),[o,s]=(0,h.useState)(r),c=(0,h.useRef)(null),l=(0,h.useRef)(null);return(0,h.useEffect)(()=>{let e=c.current,t=l.current;if(!e||!t)return;let n=0,i=0,a=()=>{e.style.height=`auto`,e.style.overflow=`visible`};if(r&&s(!0),!o&&!r)return;let u=t=>{t.target!==e||t.propertyName!==`height`||(e.removeEventListener(`transitionend`,u),r?a():s(!1))};return(()=>{let o=t.scrollHeight;if(e.style.overflow=`hidden`,r){e.style.height=`0px`,n=window.requestAnimationFrame(()=>{e.addEventListener(`transitionend`,u),e.style.height=`${o}px`}),i=window.setTimeout(a,240);return}e.style.height=`${o}px`,n=window.requestAnimationFrame(()=>{e.addEventListener(`transitionend`,u),e.style.height=`0px`}),i=window.setTimeout(()=>s(!1),240)})(),()=>{window.cancelAnimationFrame(n),window.clearTimeout(i),e.removeEventListener(`transitionend`,u)}},[r,o]),!o&&!r?null:(0,I.jsx)(`div`,{id:i,ref:c,"data-state":r?`open`:`closed`,"data-scope":`collapsible`,"data-part":`content`,"aria-hidden":!r,className:F(a?.content,t),...n,children:(0,I.jsx)(`div`,{ref:l,"data-part":`contentInner`,className:F(li.contentInner,a?.contentInner),children:e})})}var V=Object.assign(pi,{Root:pi,Trigger:mi,Content:hi}),gi={trigger:B.faqTrigger,content:B.faqContent};function _i(){return(0,I.jsxs)(`div`,{className:B.faqCard,children:[(0,I.jsxs)(V,{defaultOpen:!0,className:B.faqItem,classNames:gi,children:[(0,I.jsxs)(V.Trigger,{children:[(0,I.jsx)(`span`,{className:B.faqQuestion,children:`What is the difference between a primitive and a styled FAQ item?`}),(0,I.jsx)(w,{size:16,className:B.faqChevron})]}),(0,I.jsxs)(V.Content,{children:[(0,I.jsx)(`code`,{children:`Collapsible`}),` only provides disclosure behavior. A FAQ item is a composed pattern layered on top with its own spacing, borders, and typography.`]})]}),(0,I.jsxs)(V,{className:B.faqItem,classNames:gi,children:[(0,I.jsxs)(V.Trigger,{children:[(0,I.jsx)(`span`,{className:B.faqQuestion,children:`Should Collapsible itself ship with card borders by default?`}),(0,I.jsx)(w,{size:16,className:B.faqChevron})]}),(0,I.jsx)(V.Content,{children:`Usually no. The primitive should stay neutral, while FAQ, settings, and reasoning panels decide their own container styling.`})]}),(0,I.jsxs)(V,{className:B.faqItem,classNames:gi,children:[(0,I.jsxs)(V.Trigger,{children:[(0,I.jsx)(`span`,{className:B.faqQuestion,children:`Can I use classNames to style all parts from the root?`}),(0,I.jsx)(w,{size:16,className:B.faqChevron})]}),(0,I.jsxs)(V.Content,{children:[`Yes. Pass a `,(0,I.jsx)(`code`,{children:`classNames`}),` object with `,(0,I.jsx)(`code`,{children:`trigger`}),` and `,(0,I.jsx)(`code`,{children:`content`}),` keys. Each class is merged into the corresponding part, so you do not need to pass className on every child.`]})]})]})}function vi(){let[e,t]=(0,h.useState)(!1);return(0,I.jsxs)(`div`,{className:B.collapsibleCard,children:[(0,I.jsx)(`div`,{className:B.collapsibleControlRow,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,onClick:()=>t(!e),children:e?`Collapse`:`Expand`})}),(0,I.jsxs)(V,{open:e,onOpenChange:t,children:[(0,I.jsxs)(V.Trigger,{className:B.collapsibleTrigger,children:[(0,I.jsx)(`span`,{children:`Controlled Section`}),(0,I.jsx)(w,{size:16,className:B.collapsibleChevron})]}),(0,I.jsxs)(V.Content,{className:B.collapsibleCardText,children:[`This section is controlled externally. The trigger still works, but state is owned by the parent via `,(0,I.jsx)(`code`,{children:`open`}),` and `,(0,I.jsx)(`code`,{children:`onOpenChange`}),`.`]})]})]})}function yi(){return(0,I.jsxs)(`div`,{className:B.settingsCard,children:[(0,I.jsxs)(V,{defaultOpen:!0,classNames:{trigger:B.settingsTrigger,content:B.settingsContent,triggerIcon:B.settingsIcon,triggerIndicator:B.settingsChevron},children:[(0,I.jsx)(V.Trigger,{icon:(0,I.jsx)(Te,{size:14}),indicator:(0,I.jsx)(T,{size:14}),children:(0,I.jsx)(`span`,{className:B.settingsLabel,children:`General`})}),(0,I.jsx)(V.Content,{children:(0,I.jsx)(`div`,{className:B.settingsRow,children:`Display name, language, timezone`})})]}),(0,I.jsxs)(V,{classNames:{trigger:B.settingsTrigger,content:B.settingsContent,triggerIcon:B.settingsIcon,triggerIndicator:B.settingsChevron},children:[(0,I.jsx)(V.Trigger,{icon:(0,I.jsx)(Re,{size:14}),indicator:(0,I.jsx)(T,{size:14}),children:(0,I.jsx)(`span`,{className:B.settingsLabel,children:`Danger Zone`})}),(0,I.jsx)(V.Content,{children:(0,I.jsx)(`div`,{className:B.settingsRow,children:`Delete account, export data, revoke tokens`})})]}),(0,I.jsxs)(V,{classNames:{trigger:B.settingsTrigger,content:B.settingsContent,triggerIcon:B.settingsIcon,triggerIndicator:B.settingsChevron},children:[(0,I.jsx)(V.Trigger,{icon:(0,I.jsx)(ue,{size:14}),indicator:(0,I.jsx)(T,{size:14}),children:(0,I.jsx)(`span`,{className:B.settingsLabel,children:`About`})}),(0,I.jsx)(V.Content,{children:(0,I.jsx)(`div`,{className:B.settingsRow,children:`Version 0.1.6 · MIT License`})})]})]})}function bi(){return(0,I.jsx)(`div`,{className:B.collapsibleCard,children:(0,I.jsxs)(V,{defaultOpen:!0,children:[(0,I.jsxs)(V.Trigger,{className:B.collapsibleTrigger,children:[(0,I.jsx)(`span`,{children:`Parent Section`}),(0,I.jsx)(w,{size:16,className:B.collapsibleChevron})]}),(0,I.jsxs)(V.Content,{className:B.collapsibleCardText,children:[(0,I.jsx)(`p`,{children:`This is the parent content. It contains a nested collapsible:`}),(0,I.jsx)(`div`,{className:B.nestedChild,children:(0,I.jsxs)(V,{children:[(0,I.jsxs)(V.Trigger,{className:B.collapsibleTriggerCompact,children:[(0,I.jsx)(`span`,{children:`Nested Detail`}),(0,I.jsx)(w,{size:14,className:B.collapsibleChevron})]}),(0,I.jsx)(V.Content,{className:B.collapsibleCardText,children:`Each Collapsible instance manages its own independent open state. Nesting works without any special configuration.`})]})})]})]})})}R({group:`forms`,componentId:`collapsible`,componentName:`Collapsible`,description:`Composable primitive for disclosure sections, reasoning panels, and settings details blocks.`,props:[{name:`open`,type:`boolean`,description:`Controlled open state.`},{name:`defaultOpen`,type:`boolean (uncontrolled only)`,default:`false`,description:`Initial open state for uncontrolled usage. Ignored when open is provided.`},{name:`onOpenChange`,type:`(open: boolean) => void`,description:`Change callback for controlled or uncontrolled state updates.`},{name:`classNames`,type:`Partial<Record<CollapsiblePart, string>>`,description:`Slot classes injected into trigger, content, and internal wrappers.`},{name:`Trigger.icon`,type:`ReactNode`,description:`Optional icon slot rendered inside the trigger.`},{name:`Trigger.indicator`,type:`ReactNode`,description:`Optional trailing indicator rendered at the far edge of the trigger.`},{name:`Trigger.iconPosition`,type:`IconPosition ('start' | 'end')`,default:`'start'`,description:`Whether the trigger icon is rendered before or after the label.`}],renderPlayground:(e,t)=>{let n=!!e.open;return(0,I.jsx)(`div`,{className:B.collapsibleCard,style:{alignSelf:`flex-start`,width:`28rem`},children:(0,I.jsxs)(V,{open:n,onOpenChange:e=>t(`open`,e),classNames:{trigger:B.collapsibleTrigger,content:B.collapsibleCardText,triggerIndicator:B.collapsibleChevron},children:[(0,I.jsx)(V.Trigger,{indicator:(0,I.jsx)(w,{size:16}),children:`Toggle this section`}),(0,I.jsx)(V.Content,{children:`Content visible when open. Try the controls below.`})]})})},stories:[{id:`default`,title:`Default (Open)`,description:`Basic disclosure with defaultOpen. The primitive provides no visual styling — consumers own all appearance.`,source:`<Collapsible defaultOpen>
|
|
14
|
+
<Collapsible.Trigger className="trigger">
|
|
15
|
+
<span>Reasoning</span>
|
|
16
|
+
<ChevronDown size={16} />
|
|
17
|
+
</Collapsible.Trigger>
|
|
18
|
+
<Collapsible.Content className="content">
|
|
19
|
+
This area can hold AI reasoning, debug detail,
|
|
20
|
+
or an advanced configuration section.
|
|
21
|
+
</Collapsible.Content>
|
|
22
|
+
</Collapsible>`,render:()=>(0,I.jsx)(`div`,{className:B.collapsibleCard,children:(0,I.jsxs)(V,{defaultOpen:!0,children:[(0,I.jsxs)(V.Trigger,{className:B.collapsibleTrigger,children:[(0,I.jsx)(`span`,{children:`Reasoning`}),(0,I.jsx)(w,{size:16,className:B.collapsibleChevron})]}),(0,I.jsx)(V.Content,{className:B.collapsibleCardText,children:`This area can hold AI reasoning, debug detail, or an advanced configuration section.`})]})})},{id:`closed`,title:`Default (Closed)`,description:`Starts collapsed. Click the trigger to expand.`,render:()=>(0,I.jsx)(`div`,{className:B.collapsibleCard,children:(0,I.jsxs)(V,{children:[(0,I.jsxs)(V.Trigger,{className:B.collapsibleTrigger,children:[(0,I.jsx)(`span`,{children:`Click to reveal`}),(0,I.jsx)(w,{size:16,className:B.collapsibleChevron})]}),(0,I.jsx)(V.Content,{className:B.collapsibleCardText,children:`Hidden by default. The open/close transition is animated via height.`})]})})},{id:`controlled`,title:`Controlled`,description:`State owned by the parent via open + onOpenChange. An external button can also toggle the section.`,source:`const [open, setOpen] = useState(false);
|
|
23
|
+
|
|
24
|
+
<Button onClick={() => setOpen(!open)}>
|
|
25
|
+
{open ? 'Collapse' : 'Expand'}
|
|
26
|
+
</Button>
|
|
27
|
+
<Collapsible open={open} onOpenChange={setOpen}>
|
|
28
|
+
<Collapsible.Trigger>…</Collapsible.Trigger>
|
|
29
|
+
<Collapsible.Content>…</Collapsible.Content>
|
|
30
|
+
</Collapsible>`,render:()=>(0,I.jsx)(vi,{})},{id:`classnames-slot`,title:`classNames Slot`,description:`Pass classNames on the root to inject classes into trigger, content, and internal slot wrappers without touching children.`,source:`<Collapsible
|
|
31
|
+
classNames={{
|
|
32
|
+
trigger: 'my-trigger',
|
|
33
|
+
content: 'my-content',
|
|
34
|
+
triggerIcon: 'my-trigger-icon',
|
|
35
|
+
triggerIndicator: 'my-trigger-indicator',
|
|
36
|
+
}}
|
|
37
|
+
>
|
|
38
|
+
<Collapsible.Trigger icon={<Info size={14} />} indicator={<ChevronDown size={16} />}>
|
|
39
|
+
Question
|
|
40
|
+
</Collapsible.Trigger>
|
|
41
|
+
<Collapsible.Content>
|
|
42
|
+
Answer — classes are merged automatically.
|
|
43
|
+
</Collapsible.Content>
|
|
44
|
+
</Collapsible>`,render:()=>(0,I.jsx)(`div`,{className:B.collapsibleCard,children:(0,I.jsxs)(V,{defaultOpen:!0,classNames:{trigger:B.collapsibleTrigger,content:B.collapsibleCardText,triggerIndicator:B.collapsibleChevron},children:[(0,I.jsx)(V.Trigger,{indicator:(0,I.jsx)(w,{size:16}),children:`classNames demo`}),(0,I.jsxs)(V.Content,{children:[`This trigger and content are styled via `,(0,I.jsx)(`code`,{children:`classNames`}),` on the root, not via individual className props.`]})]})})},{id:`icon-and-surface-theming`,title:`Icon + Surface Theming`,description:`Use trigger icon/indicator props plus root-level CSS variables to theme trigger and content backgrounds.`,source:`<Collapsible
|
|
45
|
+
defaultOpen
|
|
46
|
+
className="my-collapsible"
|
|
47
|
+
classNames={{
|
|
48
|
+
trigger: 'my-trigger',
|
|
49
|
+
content: 'my-content',
|
|
50
|
+
triggerIcon: 'my-trigger-icon',
|
|
51
|
+
triggerIndicator: 'my-trigger-indicator',
|
|
52
|
+
}}
|
|
53
|
+
>
|
|
54
|
+
<Collapsible.Trigger
|
|
55
|
+
icon={<Settings size={14} />}
|
|
56
|
+
indicator={<ChevronDown size={16} />}
|
|
57
|
+
>
|
|
58
|
+
Publishing preferences
|
|
59
|
+
</Collapsible.Trigger>
|
|
60
|
+
<Collapsible.Content>
|
|
61
|
+
The root can define --collapsible-trigger-bg and --collapsible-content-bg.
|
|
62
|
+
</Collapsible.Content>
|
|
63
|
+
</Collapsible>`,render:()=>(0,I.jsx)(`div`,{className:B.themedCollapsible,children:(0,I.jsxs)(V,{defaultOpen:!0,classNames:{trigger:B.themedTrigger,content:B.themedContent,contentInner:B.themedContentInner,triggerIcon:B.themedTriggerIcon,triggerIndicator:B.themedTriggerIndicator},children:[(0,I.jsx)(V.Trigger,{icon:(0,I.jsx)(Te,{size:14}),indicator:(0,I.jsx)(w,{size:16}),children:`Publishing preferences`}),(0,I.jsxs)(V.Content,{children:[`The primitive now exposes structured trigger slots, and the root can theme surfaces via`,` `,(0,I.jsx)(`code`,{children:`--collapsible-trigger-bg`}),`,`,` `,(0,I.jsx)(`code`,{children:`--collapsible-trigger-bg-hover`}),`,`,` `,(0,I.jsx)(`code`,{children:`--collapsible-trigger-bg-open`}),`,`,` `,`and `,(0,I.jsx)(`code`,{children:`--collapsible-content-bg`}),`.`]})]})})},{id:`nested`,title:`Nested`,description:`Collapsible inside another Collapsible. Each instance manages its own state independently.`,render:()=>(0,I.jsx)(bi,{})},{id:`settings-pattern`,title:`Settings Pattern`,description:`Sidebar-style settings sections with icons and a right chevron indicator.`,source:`<Collapsible classNames={{ trigger: 'settings-trigger', content: 'settings-body' }}>
|
|
64
|
+
<Collapsible.Trigger
|
|
65
|
+
icon={<Settings size={14} />}
|
|
66
|
+
indicator={<ChevronRight size={14} />}
|
|
67
|
+
>
|
|
68
|
+
General
|
|
69
|
+
</Collapsible.Trigger>
|
|
70
|
+
<Collapsible.Content>
|
|
71
|
+
Display name, language, timezone
|
|
72
|
+
</Collapsible.Content>
|
|
73
|
+
</Collapsible>`,render:()=>(0,I.jsx)(yi,{})},{id:`faq-pattern`,title:`FAQ Pattern`,description:`Bordered card with dividers. Uses classNames to inject FAQ-specific styling from the root.`,source:`const faqSlots = {
|
|
74
|
+
trigger: 'faq-trigger',
|
|
75
|
+
content: 'faq-content',
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
<Collapsible className="faq-item" classNames={faqSlots}>
|
|
79
|
+
<Collapsible.Trigger>
|
|
80
|
+
<span>Question text</span>
|
|
81
|
+
<ChevronDown size={16} />
|
|
82
|
+
</Collapsible.Trigger>
|
|
83
|
+
<Collapsible.Content>
|
|
84
|
+
Answer — classNames injects into each part.
|
|
85
|
+
</Collapsible.Content>
|
|
86
|
+
</Collapsible>`,render:()=>(0,I.jsx)(_i,{})}]});var xi={root:`_root_158qs_1`},Si=(0,h.createContext)(null);function Ci(e){let t=(0,h.useContext)(Si);if(!t)throw Error(`${e} must be used within Tabs.Root`);return t}function wi(e){return e.replace(/[^a-zA-Z0-9_-]+/g,`-`)}function Ti({children:e,value:t,defaultValue:n,onValueChange:r,orientation:i=`horizontal`,classNames:a,className:o,...s}){let[c,l]=Ar({value:t,defaultValue:n,onChange:r,fallback:``}),u=(0,h.useId)(),d=(0,h.useMemo)(()=>({value:c,setValue:l,baseId:u,orientation:i,classNames:a}),[u,a,c,i,l]);return(0,I.jsx)(Si.Provider,{value:d,children:(0,I.jsx)(`div`,{"data-scope":`tabs`,"data-orientation":i,className:F(`owo-tabs`,xi.root,o),...s,children:e})})}function Ei({children:e,className:t,ariaLabel:n,...r}){let{orientation:i,classNames:a}=Ci(`Tabs.List`);return(0,I.jsx)(`div`,{role:`tablist`,"aria-label":n,"aria-orientation":i,"data-scope":`tabs`,"data-part":`list`,"data-orientation":i,className:F(a?.list,t),...r,children:e})}function Di({children:e,className:t,value:n,disabled:r,onClick:i,onKeyDown:a,...o}){let{value:s,setValue:c,baseId:l,orientation:u,classNames:d}=Ci(`Tabs.Trigger`),f=s===n,p=`${l}-trigger-${wi(n)}`,m=`${l}-panel-${wi(n)}`,g=(0,h.useRef)(null);(0,h.useEffect)(()=>{if(r||s!==``)return;let e=g.current,t=e?.closest(`[role="tablist"]`);!e||!t||t.querySelector(`[role="tab"]:not([disabled])`)===e&&c(n)},[s,r,c,n]);function _(e,t){let n=e.closest(`[role="tablist"]`);if(!n)return;let r=Array.from(n.querySelectorAll(`[role="tab"]:not([disabled])`)),i=r.indexOf(e);if(i<0)return;let a;t===`first`&&(a=r[0]),t===`last`&&(a=r[r.length-1]),t===`next`&&(a=r[(i+1)%r.length]),t===`prev`&&(a=r[(i-1+r.length)%r.length]),a&&(a.focus(),a.click())}return(0,I.jsx)(`button`,{ref:g,type:`button`,id:p,role:`tab`,"aria-selected":f,"aria-controls":m,tabIndex:f?0:-1,"data-state":f?`active`:`inactive`,"data-scope":`tabs`,"data-part":`trigger`,"data-orientation":u,disabled:r,className:F(d?.trigger,t),onClick:e=>{i?.(e),!e.defaultPrevented&&!r&&c(n)},onKeyDown:e=>{if(a?.(e),e.defaultPrevented||r)return;let t=e.currentTarget;switch(e.key){case`ArrowRight`:u===`horizontal`&&(e.preventDefault(),_(t,`next`));break;case`ArrowLeft`:u===`horizontal`&&(e.preventDefault(),_(t,`prev`));break;case`ArrowDown`:u===`vertical`&&(e.preventDefault(),_(t,`next`));break;case`ArrowUp`:u===`vertical`&&(e.preventDefault(),_(t,`prev`));break;case`Home`:e.preventDefault(),_(t,`first`);break;case`End`:e.preventDefault(),_(t,`last`);break}},...o,children:e})}function Oi({children:e,className:t,value:n,...r}){let{value:i,baseId:a,orientation:o,classNames:s}=Ci(`Tabs.Content`),c=i===n,l=`${a}-trigger-${wi(n)}`,u=`${a}-panel-${wi(n)}`;return c?(0,I.jsx)(`div`,{id:u,role:`tabpanel`,"aria-labelledby":l,"data-state":`active`,"data-scope":`tabs`,"data-part":`content`,"data-orientation":o,className:F(s?.content,t),...r,children:e}):null}var ki=Object.assign(Ti,{Root:Ti,List:Ei,Trigger:Di,Content:Oi});R({group:`forms`,componentId:`tabs`,componentName:`Tabs`,description:`Navigation-grade tab primitive with keyboard support and linked tab panels.`,props:[{name:`value`,type:`string`,description:`Controlled active tab value.`},{name:`defaultValue`,type:`string`,description:`Initial tab value for uncontrolled usage.`},{name:`onValueChange`,type:`(value: string) => void`,description:`Change callback when the active tab changes.`}],stories:[{id:`settings-tabs`,title:`Settings Tabs`,render:()=>(0,I.jsx)(`div`,{className:B.max2xl,children:(0,I.jsxs)(ki,{defaultValue:`settings`,children:[(0,I.jsxs)(ki.List,{ariaLabel:`Settings sections`,children:[(0,I.jsx)(ki.Trigger,{value:`settings`,children:`Settings`}),(0,I.jsx)(ki.Trigger,{value:`account`,children:`Account`}),(0,I.jsx)(ki.Trigger,{value:`admin`,disabled:!0,children:`Admin`})]}),(0,I.jsx)(ki.Content,{value:`settings`,children:(0,I.jsx)(`div`,{className:B.tabsPanel,children:`Settings panel content.`})}),(0,I.jsx)(ki.Content,{value:`account`,children:(0,I.jsx)(`div`,{className:B.tabsPanel,children:`Account panel content.`})}),(0,I.jsx)(ki.Content,{value:`admin`,children:(0,I.jsx)(`div`,{className:B.tabsPanel,children:`Admin panel content.`})})]})})}]});var Ai={root:`_root_6bx55_1`};function H({tone:e=`neutral`,variant:t=`soft`,size:n=`xs`,className:r,children:i,...a}){return(0,I.jsx)(`span`,{"data-tone":e,"data-variant":t,"data-size":n,className:F(`owo-badge`,Ai.root,r),...a,children:i})}var U={row:`_row_17eci_1`,stack:`_stack_17eci_8`,rowWrap:`_rowWrap_17eci_14`,rowEnd:`_rowEnd_17eci_20`,rowCenter:`_rowCenter_17eci_26`,rowCenterSm:`_rowCenterSm_17eci_32`,rowStart:`_rowStart_17eci_38`,columnGap3:`_columnGap3_17eci_44`,columnGap4:`_columnGap4_17eci_50`,centerText:`_centerText_17eci_56`,toneLabel:`_toneLabel_17eci_60`,mutedText:`_mutedText_17eci_67`,text2xl:`_text2xl_17eci_73`,text11Muted:`_text11Muted_17eci_78`,textXsMuted:`_textXsMuted_17eci_84`,fontStrong:`_fontStrong_17eci_91`,marginTop1:`_marginTop1_17eci_96`,marginTop2:`_marginTop2_17eci_100`,marginTop3:`_marginTop3_17eci_104`,stack2:`_stack2_17eci_108`,placementColumn:`_placementColumn_17eci_114`,placementRow:`_placementRow_17eci_123`,placementSpacer:`_placementSpacer_17eci_129`,centerRowLarge:`_centerRowLarge_17eci_133`,richTooltipTitle:`_richTooltipTitle_17eci_143`,richTooltipBody:`_richTooltipBody_17eci_147`,spinnerVariantsRow:`_spinnerVariantsRow_17eci_152`,spinnerVariantCell:`_spinnerVariantCell_17eci_159`,surfaceGrid:`_surfaceGrid_17eci_166`,surfaceCard:`_surfaceCard_17eci_171`,surfaceLabel:`_surfaceLabel_17eci_176`,cardPlaceholder:`_cardPlaceholder_17eci_184`,actionsRow:`_actionsRow_17eci_194`,avatarTextColumn:`_avatarTextColumn_17eci_200`,noteBox:`_noteBox_17eci_207`,dialogStatsCard:`_dialogStatsCard_17eci_217`,dialogStatsRow:`_dialogStatsRow_17eci_227`,resultText:`_resultText_17eci_232`,inlineCode:`_inlineCode_17eci_238`,skeletonLineSm:`_skeletonLineSm_17eci_246`,skeletonLineMd:`_skeletonLineMd_17eci_251`,skeletonLineLg:`_skeletonLineLg_17eci_256`,skeletonLineFull:`_skeletonLineFull_17eci_261`,skeletonLineThreeQuarter:`_skeletonLineThreeQuarter_17eci_266`,skeletonLineFiveSixths:`_skeletonLineFiveSixths_17eci_271`,skeletonTitle:`_skeletonTitle_17eci_276`,skeletonAvatar:`_skeletonAvatar_17eci_281`,skeletonButton:`_skeletonButton_17eci_287`,surfaceStack2:`_surfaceStack2_17eci_293`};R({group:`feedback`,componentId:`badge`,componentName:`Badge`,description:`Inline label for status, categories, or counts. Token-driven: --badge-bg, --badge-text, --badge-border.`,props:[{name:`tone`,type:`'neutral' | 'info' | 'success' | 'warning' | 'danger'`,default:`'neutral'`,description:`Semantic color tone.`},{name:`variant`,type:`'soft' | 'outline'`,default:`'soft'`,description:`Fill style. Soft uses tinted background; outline uses transparent bg with visible border.`},{name:`size`,type:`'xs' | 'sm'`,default:`'xs'`,description:`Compact or slightly larger badge size.`},{name:`children`,type:`ReactNode`,description:`Badge content.`}],renderPlayground:e=>(0,I.jsx)(H,{tone:e.tone,variant:e.variant,size:e.size,children:`Badge`}),stories:[{id:`tones-soft`,title:`Tones (Soft)`,description:`neutral / info / success / warning / danger — soft variant`,render:()=>(0,I.jsxs)(`div`,{className:U.row,children:[(0,I.jsx)(H,{tone:`neutral`,children:`Neutral`}),(0,I.jsx)(H,{tone:`info`,children:`Info`}),(0,I.jsx)(H,{tone:`success`,children:`Success`}),(0,I.jsx)(H,{tone:`warning`,children:`Warning`}),(0,I.jsx)(H,{tone:`danger`,children:`Danger`})]})},{id:`tones-outline`,title:`Tones (Outline)`,description:`Same tones with outline variant — transparent bg, colored border.`,render:()=>(0,I.jsxs)(`div`,{className:U.row,children:[(0,I.jsx)(H,{tone:`neutral`,variant:`outline`,children:`Neutral`}),(0,I.jsx)(H,{tone:`info`,variant:`outline`,children:`Info`}),(0,I.jsx)(H,{tone:`success`,variant:`outline`,children:`Success`}),(0,I.jsx)(H,{tone:`warning`,variant:`outline`,children:`Warning`}),(0,I.jsx)(H,{tone:`danger`,variant:`outline`,children:`Danger`})]})},{id:`sizes`,title:`Sizes`,description:`xs / sm`,render:()=>(0,I.jsxs)(`div`,{className:U.row,children:[(0,I.jsx)(H,{size:`xs`,tone:`info`,children:`XS Badge`}),(0,I.jsx)(H,{size:`sm`,tone:`info`,children:`SM Badge`})]})},{id:`variant-comparison`,title:`Variant Comparison`,description:`Soft vs outline side by side for each tone.`,render:()=>(0,I.jsx)(`div`,{className:U.stack,children:[`neutral`,`info`,`success`,`warning`,`danger`].map(e=>(0,I.jsxs)(`div`,{className:U.row,children:[(0,I.jsxs)(H,{size:`sm`,tone:e,variant:`soft`,children:[e,` soft`]}),(0,I.jsxs)(H,{size:`sm`,tone:e,variant:`outline`,children:[e,` outline`]})]},e))})}]});var ji={root:`_root_h4455_1`,withIcon:`_withIcon_h4455_19`,icon:`_icon_h4455_25`,text:`_text_h4455_36`,title:`_title_h4455_40`,body:`_body_h4455_50`,action:`_action_h4455_68`};function Mi({tone:e=`neutral`,layout:t=`horizontal`,icon:n,title:r,description:i,action:a,className:o,children:s,classNames:c,...l}){let u=i??s;if(t===`vertical`){let t=n||r||i||a;return(0,I.jsx)(`div`,{"data-tone":e,"data-layout":`vertical`,className:F(`owo-status-notice`,ji.root,o),...l,children:(0,I.jsx)(`div`,{"data-part":`body`,className:F(ji.body,c?.body),children:t?(0,I.jsxs)(I.Fragment,{children:[n?(0,I.jsx)(`div`,{"data-part":`icon`,className:F(ji.icon,c?.icon),children:n}):null,r?(0,I.jsx)(`div`,{"data-part":`title`,className:F(ji.title,c?.title),children:r}):null,i==null?s:(0,I.jsx)(`div`,{children:i}),a?(0,I.jsx)(`div`,{"data-part":`action`,className:F(ji.action,c?.action),children:a}):null]}):s})})}return(0,I.jsxs)(`div`,{"data-tone":e,className:F(`owo-status-notice`,ji.root,n&&ji.withIcon,o),...l,children:[n?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{"data-part":`icon`,className:F(ji.icon,c?.icon),"aria-hidden":`true`,children:n}),(0,I.jsxs)(`div`,{"data-part":`body`,className:F(ji.text,c?.body),children:[r?(0,I.jsx)(`div`,{"data-part":`title`,className:F(ji.title,c?.title),children:r}):null,u]})]}):(0,I.jsxs)(`div`,{"data-part":`body`,className:F(c?.body),children:[r?(0,I.jsx)(`div`,{"data-part":`title`,className:F(ji.title,c?.title),children:r}):null,u]}),a?(0,I.jsx)(`div`,{"data-part":`action`,className:F(ji.action,c?.action),children:a}):null]})}R({group:`feedback`,componentId:`status-notice`,componentName:`StatusNotice`,description:`Block-level feedback banner. Supports horizontal (default) and vertical layouts, with optional icon, title, description, and action slots.`,props:[{name:`tone`,type:`'neutral' | 'info' | 'success' | 'warning' | 'danger'`,default:`'success'`,description:`Semantic message tone.`},{name:`layout`,type:`'horizontal' | 'vertical'`,default:`'horizontal'`,description:`Layout direction. Vertical centers content for empty states.`},{name:`children`,type:`string`,default:`'Operation completed successfully.'`,description:`Notice content.`},{name:`icon`,type:`ReactNode`,description:`Optional icon slot.`},{name:`title`,type:`ReactNode`,description:`Optional bold title above content.`},{name:`description`,type:`ReactNode`,description:`Description text (vertical layout).`},{name:`action`,type:`ReactNode`,description:`Action slot, e.g. a button (vertical layout).`},{name:`className`,type:`string`,description:`Additional classes for layout or spacing.`}],renderPlayground:e=>(0,I.jsx)(Mi,{tone:e.tone,layout:e.layout,className:String(e.className??``)||void 0,children:e.children||`Operation completed successfully.`}),stories:[{id:`tones`,title:`Tones`,description:`info / success / warning / danger`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap3,children:[(0,I.jsx)(Mi,{tone:`neutral`,children:`General system guidance without a semantic alert state.`}),(0,I.jsx)(Mi,{tone:`info`,children:`This is an informational notice.`}),(0,I.jsx)(Mi,{tone:`success`,children:`Operation completed successfully.`}),(0,I.jsx)(Mi,{tone:`warning`,children:`Please review before continuing.`}),(0,I.jsx)(Mi,{tone:`danger`,children:`Something went wrong. Please try again.`})]})},{id:`with-icons`,title:`With Icons`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap3,children:[(0,I.jsx)(Mi,{tone:`info`,icon:(0,I.jsx)(ue,{size:16}),children:`Background indexing is still in progress.`}),(0,I.jsx)(Mi,{tone:`success`,icon:(0,I.jsx)(D,{size:16}),children:`Draft and main are fully aligned.`}),(0,I.jsx)(Mi,{tone:`warning`,icon:(0,I.jsx)(Re,{size:16}),children:`One route conflict still needs manual review.`}),(0,I.jsx)(Mi,{tone:`danger`,icon:(0,I.jsx)(E,{size:16}),children:`Publishing failed. Retry after refreshing the snapshot.`})]})},{id:`with-title`,title:`With Title`,description:`Horizontal layout with bold title above children.`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap3,children:[(0,I.jsx)(Mi,{tone:`info`,icon:(0,I.jsx)(ue,{size:16}),title:`New feature available`,children:`Workspace analytics are now in beta. Enable them in your project settings.`}),(0,I.jsx)(Mi,{tone:`warning`,icon:(0,I.jsx)(Re,{size:16}),title:`Action required`,children:`Your API key expires in 3 days. Regenerate it from Settings.`})]})},{id:`vertical-empty`,title:`Vertical Layout (Empty State)`,description:`Centered layout for empty lists or missing content.`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap4,children:[(0,I.jsx)(Mi,{layout:`vertical`,children:`No items found.`}),(0,I.jsx)(Mi,{layout:`vertical`,title:`No posts yet`,description:`Create your first post to get started.`,action:(0,I.jsx)(L,{variant:`primary`,size:`sm`,children:`Create Post`})}),(0,I.jsx)(Mi,{layout:`vertical`,icon:(0,I.jsx)(`span`,{className:U.text2xl,children:`📭`}),title:`Inbox empty`,description:`You have no new messages.`})]})},{id:`vertical-tones`,title:`Vertical Tones`,description:`Vertical layout with semantic tones.`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap4,children:[(0,I.jsx)(Mi,{layout:`vertical`,tone:`neutral`,title:`Neutral`,description:`Default empty state.`}),(0,I.jsx)(Mi,{layout:`vertical`,tone:`info`,title:`Info`,description:`Informational empty state.`}),(0,I.jsx)(Mi,{layout:`vertical`,tone:`warning`,title:`Warning`,description:`Attention-drawing empty state.`})]})}]}),R({group:`feedback`,componentId:`spinner`,componentName:`Spinner`,description:`Animated loading indicator with multiple icon styles. Used standalone or composed into other components (e.g. Button loading state).`,defaultScale:3,props:[{name:`variant`,type:`'ring' | 'arc' | 'dots' | 'bars' | 'bounce' | 'pulse' | 'orbit' | 'flow'`,default:`'ring'`,description:`Spinner icon style.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg'`,default:`'md'`,description:`Preset size, or pass a number for custom pixel size.`},{name:`label`,type:`string`,description:`Accessible label. When set, spinner is announced to screen readers.`},{name:`className`,type:`string`,description:`Additional CSS classes.`}],renderPlayground:e=>(0,I.jsx)(rt,{variant:e.variant,size:e.size,label:String(e.label??``)||void 0,className:String(e.className??``)||void 0}),stories:[{id:`variants`,title:`Variants`,description:`ring / arc / dots / bars / bounce / pulse / orbit / flow`,render:()=>(0,I.jsx)(`div`,{className:U.spinnerVariantsRow,children:[`ring`,`arc`,`dots`,`bars`,`bounce`,`pulse`,`orbit`,`flow`].map(e=>(0,I.jsxs)(`div`,{className:U.spinnerVariantCell,children:[(0,I.jsx)(rt,{variant:e,size:`lg`}),(0,I.jsx)(`span`,{className:U.text11Muted,children:e})]},e))})},{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg`,render:()=>(0,I.jsxs)(`div`,{className:U.rowCenter,children:[(0,I.jsx)(rt,{size:`xs`}),(0,I.jsx)(rt,{size:`sm`}),(0,I.jsx)(rt,{size:`md`}),(0,I.jsx)(rt,{size:`lg`})]})},{id:`with-text`,title:`Inline with Text`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap3,children:[(0,I.jsxs)(`div`,{className:U.rowCenterSm,children:[(0,I.jsx)(rt,{variant:`ring`,size:`sm`}),(0,I.jsx)(`span`,{className:U.mutedText,children:`Loading data…`})]}),(0,I.jsxs)(`div`,{className:U.rowCenterSm,children:[(0,I.jsx)(rt,{variant:`flow`,size:`sm`}),(0,I.jsx)(`span`,{className:U.mutedText,children:`Processing…`})]}),(0,I.jsxs)(`div`,{className:U.rowCenterSm,children:[(0,I.jsx)(rt,{variant:`bounce`,size:`sm`}),(0,I.jsx)(`span`,{className:U.mutedText,children:`Waiting for response…`})]})]})}]});var Ni={root:`_root_1sshx_1`,"owo-skeleton-breathe":`_owo-skeleton-breathe_1sshx_1`,"owo-skeleton-scan":`_owo-skeleton-scan_1sshx_1`},Pi={slow:`4s`,medium:`3s`,fast:`2s`};function Fi({className:e,animation:t=`scan`,tone:n=`default`,speed:r=`medium`,style:i,...a}){let o=n===`warm`?`emphasis`:n,s={...i,"--_owo-skeleton-scan-duration":Pi[r]};return(0,I.jsx)(`div`,{className:F(`owo-skeleton`,Ni.root,e),"data-animation":t,"data-tone":o,"aria-hidden":`true`,style:s,...a})}R({group:`feedback`,componentId:`skeleton`,componentName:`Skeleton`,description:"Loading placeholder with `scan` or `pulse` animation and configurable speed.",props:[{name:`animation`,type:`'pulse' | 'scan'`,default:`'scan'`,description:`Chooses the loading motion style.`},{name:`tone`,type:`'default' | 'emphasis'`,default:`'default'`,description:`Semantic emphasis level of the placeholder.`},{name:`speed`,type:`'slow' | 'medium' | 'fast'`,default:`'medium'`,description:`Scan animation speed: slow (4s), medium (3s), fast (2s).`},{name:`className`,type:`string`,description:`Controls skeleton shape and dimensions.`}],renderPlayground:e=>(0,I.jsxs)(`div`,{className:U.columnGap3,children:[(0,I.jsx)(Fi,{animation:e.animation,tone:e.tone,speed:e.speed,className:String(e.className??``)||U.skeletonLineMd}),(0,I.jsx)(Fi,{animation:e.animation,tone:e.tone,speed:e.speed,className:String(e.className??``)||U.skeletonLineLg})]}),stories:[{id:`scan`,title:`Scan`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap4,children:[(0,I.jsx)(Fi,{className:U.skeletonLineMd}),(0,I.jsx)(Fi,{className:U.skeletonLineLg}),(0,I.jsx)(Fi,{className:U.skeletonLineSm})]})},{id:`scan-speed`,title:`Scan Speed`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap4,children:[(0,I.jsxs)(`div`,{className:U.stack2,children:[(0,I.jsx)(`div`,{className:U.textXsMuted,children:`Slow · 4s`}),(0,I.jsx)(Fi,{speed:`slow`,className:U.skeletonLineLg})]}),(0,I.jsxs)(`div`,{className:U.stack2,children:[(0,I.jsx)(`div`,{className:U.textXsMuted,children:`Medium · 3s`}),(0,I.jsx)(Fi,{speed:`medium`,className:U.skeletonLineLg})]}),(0,I.jsxs)(`div`,{className:U.stack2,children:[(0,I.jsx)(`div`,{className:U.textXsMuted,children:`Fast · 2s`}),(0,I.jsx)(Fi,{speed:`fast`,className:U.skeletonLineLg})]})]})},{id:`pulse`,title:`Pulse`,render:()=>(0,I.jsxs)(`div`,{className:U.columnGap4,children:[(0,I.jsx)(Fi,{animation:`pulse`,className:U.skeletonLineMd}),(0,I.jsx)(Fi,{animation:`pulse`,className:U.skeletonLineLg}),(0,I.jsx)(Fi,{animation:`pulse`,className:U.skeletonLineSm})]})},{id:`on-surfaces`,title:`On Different Surfaces`,description:`Verifies shimmer visibility against various backgrounds.`,render:()=>(0,I.jsx)(`div`,{className:U.surfaceGrid,children:[{label:`Canvas`,bg:`var(--owo-ref-color-surface-canvas)`},{label:`Base`,bg:`var(--owo-ref-color-surface-base)`},{label:`Inset`,bg:`var(--owo-ref-color-surface-inset)`}].map(({label:e,bg:t})=>(0,I.jsxs)(`div`,{className:U.surfaceCard,style:{backgroundColor:t},children:[(0,I.jsx)(`p`,{className:U.surfaceLabel,children:e}),(0,I.jsxs)(`div`,{className:U.surfaceStack2,children:[(0,I.jsx)(Fi,{className:U.skeletonLineFull}),(0,I.jsx)(Fi,{className:U.skeletonLineThreeQuarter})]})]},e))})},{id:`card-placeholder`,title:`Card Placeholder`,render:()=>(0,I.jsxs)(`div`,{className:U.cardPlaceholder,children:[(0,I.jsx)(Fi,{className:U.skeletonTitle}),(0,I.jsx)(Fi,{className:U.skeletonLineFull}),(0,I.jsx)(Fi,{className:U.skeletonLineFiveSixths}),(0,I.jsxs)(`div`,{className:U.actionsRow,children:[(0,I.jsx)(Fi,{animation:`pulse`,className:U.skeletonButton}),(0,I.jsx)(Fi,{animation:`pulse`,className:U.skeletonButton})]})]})},{id:`avatar-line`,title:`Avatar + Lines`,render:()=>(0,I.jsxs)(`div`,{className:U.rowStart,children:[(0,I.jsx)(Fi,{className:U.skeletonAvatar}),(0,I.jsxs)(`div`,{className:U.avatarTextColumn,children:[(0,I.jsx)(Fi,{animation:`pulse`,className:U.skeletonLineSm}),(0,I.jsx)(Fi,{className:U.skeletonLineMd})]})]})}]});var Ii=`_overlay_1p0ee_1`,Li=`_panel_1p0ee_19`,Ri=`_confirmDescription_1p0ee_64`,zi={overlay:Ii,"dialog-backdrop-in":`_dialog-backdrop-in_1p0ee_1`,panel:Li,"dialog-in":`_dialog-in_1p0ee_1`,confirmDescription:Ri},Bi=(0,h.createContext)(void 0);function Vi({className:e,children:t,...n}){let r=(0,h.useContext)(Bi);return(0,I.jsx)(`div`,{"data-scope":`dialog`,"data-part":`header`,className:F(r?.header,e),...n,children:t})}function Hi({className:e,children:t,...n}){let r=(0,h.useContext)(Bi);return(0,I.jsx)(`div`,{"data-scope":`dialog`,"data-part":`body`,className:F(r?.body,e),...n,children:t})}function Ui({className:e,children:t,...n}){let r=(0,h.useContext)(Bi);return(0,I.jsx)(`div`,{"data-scope":`dialog`,"data-part":`footer`,className:F(r?.footer,e),...n,children:t})}function W({open:e,onClose:t,size:n=`sm`,children:r,className:i,overlayClassName:a,panelClassName:o,classNames:s,...c}){let l=(0,h.useRef)(null),u=(0,h.useRef)(null),d=(0,h.useCallback)(e=>{e.key===`Escape`&&(e.stopPropagation(),t())},[t]);return(0,h.useEffect)(()=>(e?(u.current=document.activeElement,document.body.style.overflow=`hidden`,requestAnimationFrame(()=>{let e=l.current;if(!e)return;let t=e.querySelector(`button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`);t?t.focus():e.focus()}),document.addEventListener(`keydown`,d)):(document.body.style.overflow=``,u.current?.focus()),()=>{document.removeEventListener(`keydown`,d),document.body.style.overflow=``}),[e,d]),e?(0,I.jsx)(Bi.Provider,{value:s,children:(0,I.jsxs)(`div`,{"data-state":`open`,"data-scope":`dialog`,"data-part":`overlay`,className:F(`owo-dialog-overlay`,zi.overlay,s?.overlay),children:[(0,I.jsx)(`button`,{type:`button`,"aria-label":`Close dialog`,"data-state":`open`,"data-scope":`dialog`,"data-part":`backdrop`,className:F(`owo-dialog-backdrop`,a,s?.backdrop),onClick:t}),(0,I.jsx)(`div`,{ref:l,role:`dialog`,"aria-modal":`true`,tabIndex:-1,"data-state":`open`,"data-size":n,className:F(`owo-dialog`,zi.panel,o,i),...c,children:r})]})}):null}W.Header=Vi,W.Body=Hi,W.Footer=Ui;var Wi=(0,h.createContext)(null);function Gi(){let e=(0,h.useContext)(Wi);if(!e)throw Error(`useConfirm must be used within <ConfirmProvider>`);return e}function Ki({children:e}){let[t,n]=(0,h.useState)(null),r=(0,h.useRef)(null),i=(0,h.useCallback)(e=>(r.current&&r.current.resolve(!1),new Promise(t=>{let i={options:e,resolve:t};r.current=i,n(i)})),[]),a=(0,h.useCallback)(e=>{r.current&&=(r.current.resolve(e),null),n(null)},[]);return(0,I.jsxs)(Wi.Provider,{value:i,children:[e,(0,I.jsx)(W,{open:t!==null,onClose:()=>a(!1),children:t&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(W.Header,{children:t.options.title}),(0,I.jsx)(W.Body,{children:typeof t.options.description==`string`?(0,I.jsx)(`p`,{className:zi.confirmDescription,children:t.options.description}):t.options.description}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>a(!1),children:t.options.cancelLabel??`取消`}),(0,I.jsx)(L,{variant:t.options.variant??`primary`,size:`sm`,onClick:()=>a(!0),children:t.options.confirmLabel??`确认`})]})]})})]})}function qi(){let[e,t]=(0,h.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:()=>t(!0),children:`Open Dialog`}),(0,I.jsxs)(W,{open:e,onClose:()=>t(!1),children:[(0,I.jsx)(W.Header,{children:`Basic Dialog`}),(0,I.jsx)(W.Body,{children:(0,I.jsx)(`p`,{children:`This is a basic dialog with header, body, and footer sections.`})}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>t(!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:()=>t(!1),children:`Confirm`})]})]})]})}function Ji(){let[e,t]=(0,h.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(L,{variant:`danger`,size:`sm`,onClick:()=>t(!0),children:`Delete Item`}),(0,I.jsxs)(W,{open:e,onClose:()=>t(!1),children:[(0,I.jsx)(W.Header,{children:`Delete Draft`}),(0,I.jsxs)(W.Body,{children:[(0,I.jsx)(`p`,{children:`Are you sure you want to delete the ZH locale draft?`}),(0,I.jsxs)(`p`,{className:U.marginTop2,children:[`Article ID: post-20260320-example`,(0,I.jsx)(`br`,{}),`Category: post`]}),(0,I.jsx)(`p`,{className:U.marginTop2,children:`This action cannot be undone.`})]}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>t(!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`danger`,size:`sm`,onClick:()=>t(!1),children:`Delete`})]})]})]})}function Yi(){let[e,t]=(0,h.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(L,{variant:`secondary`,size:`sm`,onClick:()=>t(!0),children:`Open Medium Dialog`}),(0,I.jsxs)(W,{open:e,onClose:()=>t(!1),size:`md`,children:[(0,I.jsx)(W.Header,{children:`Publish Confirmation`}),(0,I.jsxs)(W.Body,{children:[(0,I.jsx)(`p`,{children:`You are about to publish the current draft branch.`}),(0,I.jsxs)(`div`,{className:U.dialogStatsCard,children:[(0,I.jsxs)(`div`,{className:U.dialogStatsRow,children:[(0,I.jsx)(`span`,{children:`Articles:`}),(0,I.jsx)(`span`,{children:`3`})]}),(0,I.jsxs)(`div`,{className:U.dialogStatsRow,children:[(0,I.jsx)(`span`,{children:`Languages:`}),(0,I.jsx)(`span`,{children:`ZH, EN`})]}),(0,I.jsxs)(`div`,{className:U.dialogStatsRow,children:[(0,I.jsx)(`span`,{children:`Branch:`}),(0,I.jsx)(`span`,{children:`draft`})]})]}),(0,I.jsx)(`p`,{className:U.marginTop3,children:`This will trigger a Cloudflare deployment.`})]}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>t(!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:()=>t(!1),children:`Publish`})]})]})]})}function Xi(){let e=Gi(),[t,n]=(0,h.useState)(``);return(0,I.jsxs)(`div`,{className:U.columnGap3,children:[(0,I.jsxs)(`div`,{className:U.rowWrap,children:[(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:async()=>{n(await e({title:`Confirm Action`,description:`This demonstrates the useConfirm() hook. Click confirm or cancel.`,confirmLabel:`Do it`,cancelLabel:`Nope`})?`Confirmed!`:`Cancelled.`)},children:`useConfirm()`}),(0,I.jsx)(L,{variant:`danger`,size:`sm`,onClick:async()=>{n(await e({title:`Delete Everything`,description:`This is a danger variant confirm dialog.`,confirmLabel:`Delete`,variant:`danger`})?`Deleted!`:`Cancelled.`)},children:`Danger Confirm`})]}),t&&(0,I.jsxs)(`p`,{className:U.resultText,children:[`Result: `,t]})]})}function Zi(){return(0,I.jsx)(Ki,{children:(0,I.jsx)(Xi,{})})}R({group:`feedback`,componentId:`dialog`,componentName:`Dialog`,description:"Modal dialog for confirmations and focused tasks. Supports declarative usage via <Dialog> and imperative usage via `useConfirm()` hook. The imperative API requires `<ConfirmProvider>` in an ancestor (mounted in admin layout).",props:[{name:`open`,type:`boolean`,default:`false`,description:`Controls dialog visibility.`},{name:`size`,type:`'sm' | 'md'`,default:`'sm'`,description:`Dialog width.`},{name:`onClose`,type:`() => void`,description:`Called on backdrop click or Escape key.`}],renderPlayground:(e,t)=>{let n=e.size||`sm`,r=!!e.open;return(0,I.jsxs)(`div`,{className:U.centerRowLarge,children:[(0,I.jsxs)(L,{variant:`primary`,size:`sm`,onClick:()=>t(`open`,!0),children:[`Open Dialog (`,n,`)`]}),(0,I.jsxs)(W,{open:r,onClose:()=>t(`open`,!1),size:n,children:[(0,I.jsx)(W.Header,{children:`Playground Dialog`}),(0,I.jsx)(W.Body,{children:(0,I.jsxs)(`p`,{children:[`Toggle the `,(0,I.jsx)(`code`,{className:U.inlineCode,children:`open`}),` and `,(0,I.jsx)(`code`,{className:U.inlineCode,children:`size`}),` controls below.`]})}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>t(`open`,!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:()=>t(`open`,!1),children:`Confirm`})]})]})]})},stories:[{id:`provider-setup`,title:`Provider Setup`,description:`useConfirm() requires <ConfirmProvider> in an ancestor. Mount it once in your layout — all descendant components can then call useConfirm().`,source:`// src/app/qadmin/layout.tsx
|
|
87
|
+
import { ConfirmProvider } from '../../components/ConfirmDialog';
|
|
88
|
+
|
|
89
|
+
export default function AdminLayout({ children }) {
|
|
90
|
+
return (
|
|
91
|
+
<ThemeProvider>
|
|
92
|
+
<ConfirmProvider>
|
|
93
|
+
{children}
|
|
94
|
+
</ConfirmProvider>
|
|
95
|
+
</ThemeProvider>
|
|
96
|
+
);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// Any descendant component
|
|
100
|
+
import { useConfirm } from '../../components/ConfirmDialog';
|
|
101
|
+
|
|
102
|
+
function MyComponent() {
|
|
103
|
+
const confirm = useConfirm();
|
|
104
|
+
|
|
105
|
+
const handleDelete = async () => {
|
|
106
|
+
const ok = await confirm({
|
|
107
|
+
title: 'Delete draft',
|
|
108
|
+
description: 'This cannot be undone.',
|
|
109
|
+
confirmLabel: 'Delete',
|
|
110
|
+
variant: 'danger',
|
|
111
|
+
});
|
|
112
|
+
if (!ok) return;
|
|
113
|
+
// proceed with deletion
|
|
114
|
+
};
|
|
115
|
+
}`,render:()=>(0,I.jsxs)(`div`,{className:U.noteBox,children:[(0,I.jsx)(`p`,{className:U.fontStrong,children:`Provider is already mounted in admin layout.`}),(0,I.jsxs)(`p`,{className:U.marginTop1,children:[`Click the `,(0,I.jsx)(`strong`,{children:`Code`}),` button below to see the setup example.`]})]})},{id:`basic`,title:`Basic Dialog`,description:`Standard confirmation dialog with header, body, and footer.`,source:`<Dialog open={open} onClose={() => setOpen(false)}>
|
|
116
|
+
<Dialog.Header>Title</Dialog.Header>
|
|
117
|
+
<Dialog.Body>Content here.</Dialog.Body>
|
|
118
|
+
<Dialog.Footer>
|
|
119
|
+
<Button variant="ghost" onClick={close}>Cancel</Button>
|
|
120
|
+
<Button variant="primary" onClick={close}>Confirm</Button>
|
|
121
|
+
</Dialog.Footer>
|
|
122
|
+
</Dialog>`,render:()=>(0,I.jsx)(qi,{})},{id:`danger`,title:`Danger Dialog`,description:`Destructive action confirmation with danger-styled button.`,render:()=>(0,I.jsx)(Ji,{})},{id:`medium`,title:`Medium Size`,description:`Wider dialog for content-heavy confirmations.`,render:()=>(0,I.jsx)(Yi,{})},{id:`use-confirm`,title:`useConfirm() Hook`,description:`Imperative confirm API that returns a Promise<boolean>. Replaces window.confirm.`,source:`const confirm = useConfirm();
|
|
123
|
+
const ok = await confirm({
|
|
124
|
+
title: 'Confirm',
|
|
125
|
+
description: 'Are you sure?',
|
|
126
|
+
variant: 'danger',
|
|
127
|
+
});`,render:()=>(0,I.jsx)(Zi,{})}]});var Qi=`_container_73rls_1`,$i=`_toast_73rls_12`,ea=`_toastDefault_73rls_32`,ta={container:Qi,toast:$i,"toast-in":`_toast-in_73rls_1`,toastDefault:ea},na=(0,h.createContext)(null),ra=5,ia=4e3;function aa(){let e=(0,h.useContext)(na);if(!e)throw Error(`useToast must be used within <ToastProvider>`);return e}function oa({tone:e}){let t={width:16,height:16,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`};switch(e){case`success`:return(0,I.jsx)(`svg`,{...t,children:(0,I.jsx)(`path`,{d:`M3.5 8.5l3 3 6-7`})});case`warning`:return(0,I.jsxs)(`svg`,{...t,children:[(0,I.jsx)(`path`,{d:`M8 5v4`}),(0,I.jsx)(`circle`,{cx:`8`,cy:`11.5`,r:`0.5`,fill:`currentColor`,stroke:`none`})]});case`danger`:return(0,I.jsx)(`svg`,{...t,children:(0,I.jsx)(`path`,{d:`M4.5 4.5l7 7M11.5 4.5l-7 7`})});case`info`:return(0,I.jsxs)(`svg`,{...t,children:[(0,I.jsx)(`circle`,{cx:`8`,cy:`3.5`,r:`1.2`,fill:`currentColor`,stroke:`none`}),(0,I.jsx)(`path`,{d:`M8 7v5.5`})]})}}function sa(e,t){return typeof e==`string`?{message:e,duration:t??ia}:{title:e.title,message:e.message,duration:e.duration??t??ia}}function ca({item:e,onDismiss:t,renderToast:n,classNames:r}){let i=()=>t(e.id),a=(0,I.jsx)(oa,{tone:e.tone});return n?(0,I.jsx)(`div`,{role:`status`,"aria-live":`polite`,"data-state":`open`,"data-tone":e.tone,"data-scope":`toast`,"data-part":`toast`,className:F(`owo-toast`,ta.toast,r?.toast),children:n({item:e,dismiss:i,icon:a})}):(0,I.jsxs)(`div`,{role:`status`,"aria-live":`polite`,"data-state":`open`,"data-tone":e.tone,"data-scope":`toast`,"data-part":`toast`,className:F(`owo-toast`,ta.toast,ta.toastDefault,r?.toast),children:[(0,I.jsx)(`span`,{"data-scope":`toast`,"data-part":`icon`,className:F(r?.icon),"aria-hidden":`true`,children:a}),(0,I.jsxs)(`span`,{"data-scope":`toast`,"data-part":`content`,className:F(r?.content),children:[e.title?(0,I.jsx)(`span`,{"data-scope":`toast`,"data-part":`title`,className:F(r?.title),children:e.title}):null,(0,I.jsx)(`span`,{"data-scope":`toast`,"data-part":`message`,className:F(r?.message),children:e.message})]}),(0,I.jsx)(`button`,{type:`button`,onClick:i,"data-scope":`toast`,"data-part":`close`,className:F(r?.close),"aria-label":`Dismiss`,children:(0,I.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,children:(0,I.jsx)(`path`,{d:`M4 4l8 8M12 4l-8 8`})})})]})}function la({children:e,renderToast:t,classNames:n}){let[r,i]=(0,h.useState)([]),a=(0,h.useRef)(0),o=(0,h.useRef)(new Map),s=(0,h.useCallback)(e=>{let t=o.current.get(e);t&&clearTimeout(t),o.current.delete(e),i(t=>t.filter(t=>t.id!==e))},[]),c=(0,h.useCallback)((e,t,n)=>{let r=a.current++,c={id:r,tone:e,...sa(t,n)};i(e=>{let t=[...e,c];if(t.length>ra){let e=t.slice(0,t.length-ra);for(let t of e){let e=o.current.get(t.id);e&&clearTimeout(e),o.current.delete(t.id)}return t.slice(-ra)}return t}),c.duration>0&&o.current.set(r,setTimeout(()=>s(r),c.duration))},[s]),l=(0,h.useMemo)(()=>({success:(e,t)=>c(`success`,e,t),warning:(e,t)=>c(`warning`,e,t),danger:(e,t)=>c(`danger`,e,t),info:(e,t)=>c(`info`,e,t)}),[c]);return(0,I.jsxs)(na.Provider,{value:l,children:[e,(0,I.jsx)(`div`,{"aria-label":`Notifications`,"data-state":r.length>0?`open`:`closed`,"data-scope":`toast`,"data-part":`container`,className:F(`owo-toast-container`,ta.container,n?.container),children:r.map(e=>(0,I.jsx)(ca,{item:e,onDismiss:s,renderToast:t,classNames:n},e.id))})]})}function ua(){let e=aa();return(0,I.jsxs)(`div`,{className:U.rowWrap,children:[(0,I.jsx)(L,{size:`sm`,variant:`secondary`,onClick:()=>e.success(`Changes saved successfully.`),leadingIcon:(0,I.jsx)(H,{tone:`success`,children:`●`}),children:`Success`}),(0,I.jsx)(L,{size:`sm`,variant:`secondary`,onClick:()=>e.warning(`Draft has unsaved changes.`),leadingIcon:(0,I.jsx)(H,{tone:`warning`,children:`●`}),children:`Warning`}),(0,I.jsx)(L,{size:`sm`,variant:`secondary`,onClick:()=>e.danger(`Failed to publish post.`),leadingIcon:(0,I.jsx)(H,{tone:`danger`,children:`●`}),children:`Danger`}),(0,I.jsx)(L,{size:`sm`,variant:`secondary`,onClick:()=>e.info(`New version available.`),leadingIcon:(0,I.jsx)(H,{tone:`info`,children:`●`}),children:`Info`}),(0,I.jsx)(L,{size:`sm`,variant:`secondary`,onClick:()=>e.success({title:`Draft Saved`,message:`All local changes are now synced to the draft branch.`}),leadingIcon:(0,I.jsx)(H,{tone:`success`,children:`●`}),children:`With Title`})]})}function da(){return(0,I.jsx)(la,{children:(0,I.jsx)(ua,{})})}R({group:`feedback`,componentId:`toast`,componentName:`Toast`,description:"Transient notification messages triggered via `useToast()` hook. Requires `<ToastProvider>` wrapper.",props:[{name:`toast.success({ title, message, duration? })`,type:`function`,description:`Show a success toast with optional title.`},{name:`toast.success(msg, duration?)`,type:`function`,description:`Show a success toast.`},{name:`toast.warning(msg, duration?)`,type:`function`,description:`Show a warning toast.`},{name:`toast.danger(msg, duration?)`,type:`function`,description:`Show a danger toast.`},{name:`toast.info(msg, duration?)`,type:`function`,description:`Show an info toast.`}],stories:[{id:`provider-setup`,title:`Provider Setup`,description:`useToast() requires <ToastProvider> in an ancestor. Mount it once in your layout — all descendant components can then call useToast().`,source:`// src/app/qadmin/layout.tsx
|
|
128
|
+
import { ToastProvider } from '../../components/Toast';
|
|
129
|
+
|
|
130
|
+
export default function AdminLayout({ children }) {
|
|
131
|
+
return (
|
|
132
|
+
<ThemeProvider>
|
|
133
|
+
<ToastProvider>
|
|
134
|
+
{children}
|
|
135
|
+
</ToastProvider>
|
|
136
|
+
</ThemeProvider>
|
|
137
|
+
);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
// Any descendant component
|
|
141
|
+
import { useToast } from '../../components/Toast';
|
|
142
|
+
|
|
143
|
+
function MyComponent() {
|
|
144
|
+
const toast = useToast();
|
|
145
|
+
|
|
146
|
+
const handleSave = async () => {
|
|
147
|
+
try {
|
|
148
|
+
await saveDraft();
|
|
149
|
+
toast.success('Draft saved.');
|
|
150
|
+
} catch {
|
|
151
|
+
toast.danger('Failed to save draft.');
|
|
152
|
+
}
|
|
153
|
+
};
|
|
154
|
+
}`,render:()=>(0,I.jsxs)(`div`,{className:U.noteBox,children:[(0,I.jsx)(`p`,{className:U.fontStrong,children:`ToastProvider is not yet mounted in admin layout.`}),(0,I.jsxs)(`p`,{className:U.marginTop1,children:[`Add it to the layout before using useToast(). Click the `,(0,I.jsx)(`strong`,{children:`Code`}),` button below to see the setup example.`]})]})},{id:`all-tones`,title:`All Tones`,description:`Click buttons to trigger toasts, including the optional title layout.`,render:()=>(0,I.jsx)(da,{})}]});var fa={root:`_root_crrwl_1`};function pa(e){let t=e.trim().split(/\s+/);return t.length>=2?(t[0][0]+t[t.length-1][0]).toUpperCase():e.slice(0,2).toUpperCase()}function ma({src:e,alt:t,name:n,size:r=`md`,tone:i=`neutral`,className:a}){let[o,s]=(0,h.useState)(!1),c=e&&!o,l=n?pa(n):`?`;return(0,I.jsx)(`span`,{"data-tone":i,"data-size":r,className:F(`owo-avatar`,fa.root,a),children:c?(0,I.jsx)(`img`,{src:e,alt:t??n??``,onError:()=>s(!0)}):(0,I.jsx)(`span`,{"aria-label":t??n,children:l})})}R({group:`feedback`,componentId:`avatar`,componentName:`Avatar`,description:`User avatar with image or initials fallback. Token-driven: --avatar-bg, --avatar-text, --avatar-border.`,props:[{name:`src`,type:`string`,description:`Image URL.`},{name:`alt`,type:`string`,description:`Alt text for the image.`},{name:`name`,type:`string`,description:`User name, used to derive initials fallback.`},{name:`size`,type:`'xs' | 'sm' | 'md' | 'lg'`,default:`'md'`,description:`Avatar size.`},{name:`tone`,type:`'neutral' | 'subtle'`,default:`'neutral'`,description:`Fallback background tone.`}],renderPlayground:e=>(0,I.jsx)(ma,{src:String(e.src??``)||void 0,alt:String(e.alt??``)||void 0,name:String(e.name??`Alice Bob`)||void 0,size:e.size,tone:e.tone}),stories:[{id:`sizes`,title:`Sizes`,description:`xs / sm / md / lg`,render:()=>(0,I.jsxs)(`div`,{className:U.rowEnd,children:[(0,I.jsx)(ma,{name:`Alice`,size:`xs`}),(0,I.jsx)(ma,{name:`Bob Chen`,size:`sm`}),(0,I.jsx)(ma,{name:`Carol Davis`,size:`md`}),(0,I.jsx)(ma,{name:`David`,size:`lg`})]})},{id:`tones`,title:`Tones`,description:`neutral (default) vs subtle — applies to initials fallback.`,render:()=>(0,I.jsxs)(`div`,{className:U.rowCenter,children:[(0,I.jsxs)(`div`,{className:U.centerText,children:[(0,I.jsx)(ma,{name:`Neutral`,size:`lg`,tone:`neutral`}),(0,I.jsx)(`p`,{className:U.toneLabel,children:`neutral`})]}),(0,I.jsxs)(`div`,{className:U.centerText,children:[(0,I.jsx)(ma,{name:`Subtle`,size:`lg`,tone:`subtle`}),(0,I.jsx)(`p`,{className:U.toneLabel,children:`subtle`})]})]})},{id:`with-image`,title:`With Image`,render:()=>(0,I.jsxs)(`div`,{className:U.rowCenterSm,children:[(0,I.jsx)(ma,{src:`https://api.dicebear.com/9.x/initials/svg?seed=HW`,name:`HW`,size:`md`}),(0,I.jsx)(ma,{src:`https://api.dicebear.com/9.x/initials/svg?seed=AB`,name:`Alice Bob`,size:`lg`})]})},{id:`fallback`,title:`Fallback`,description:`When image fails to load, initials are shown.`,render:()=>(0,I.jsxs)(`div`,{className:U.rowCenterSm,children:[(0,I.jsx)(ma,{src:`/broken-url.jpg`,name:`Fallback User`,size:`md`}),(0,I.jsx)(ma,{name:`No Image`,size:`md`}),(0,I.jsx)(ma,{size:`md`})]})}]});var ha={trigger:`_trigger_xunrw_1`,content:`_content_xunrw_5`,"tooltip-in":`_tooltip-in_xunrw_1`},ga=6,_a=8,va=4;function ya(e){return e.split(`-`)[0]}var ba={top:``,bottom:`rotate(180deg)`,left:`rotate(-90deg)`,right:`rotate(90deg)`};function xa({content:e,placement:t=`top`,density:n=`default`,showDelay:r=300,hideDelay:i=150,arrow:a=!0,renderArrow:o,className:s,children:c,classNames:l}){let[u,d]=(0,h.useState)(!1),[f,p]=(0,h.useState)(null),[m,g]=(0,h.useState)(t),[_,v]=(0,h.useState)({}),y=(0,h.useRef)(null),b=(0,h.useRef)(null),x=(0,h.useRef)(null),S=(0,h.useRef)(void 0),C=(0,h.useRef)(void 0),w=(0,h.useId)(),T=(0,h.useCallback)(()=>{clearTimeout(S.current),clearTimeout(C.current)},[]),ee=(0,h.useCallback)(()=>{T(),S.current=setTimeout(()=>d(!0),r)},[T,r]),E=(0,h.useCallback)(()=>{T(),d(!0)},[T]),D=(0,h.useCallback)(()=>{T(),C.current=setTimeout(()=>d(!1),i)},[T,i]),O=(0,h.useCallback)(e=>{if(e.target===y.current){ee();return}E()},[ee,E]),k=(0,h.useCallback)(e=>{e.pointerType!==`mouse`&&E()},[E]),A=(0,h.useCallback)(e=>{e.key===`Escape`&&u&&d(!1)},[u]);(0,h.useLayoutEffect)(()=>{if(!u||!y.current||!b.current)return;let e=[er(a?_a+ga:_a),nr({padding:va}),tr({padding:va})];return a&&x.current&&e.push(rr({element:x.current})),$n(y.current,b.current,()=>{!y.current||!b.current||ir(y.current,b.current,{placement:t,strategy:`fixed`,middleware:e}).then(({x:e,y:t,placement:n,middlewareData:r})=>{p({top:t,left:e}),g(ya(n)),r.arrow&&v({x:r.arrow.x,y:r.arrow.y})})})},[u,t,a]),(0,h.useEffect)(()=>{if(u)return document.addEventListener(`keydown`,A),()=>document.removeEventListener(`keydown`,A)},[u,A]),(0,h.useEffect)(()=>T,[T]);let te={position:`absolute`},ne=m;return ne===`top`||ne===`bottom`?(te.left=_.x??0,te[ne===`top`?`bottom`:`top`]=-ga,te.transform=ba[ne]||void 0):(te.top=_.y??0,te[ne===`left`?`right`:`left`]=-ga,te.transform=ba[ne]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{ref:y,"data-state":u?`open`:`closed`,"data-scope":`tooltip`,"data-part":`trigger`,className:F(`owo-tooltip-trigger`,ha.trigger,l?.trigger),onMouseEnter:ee,onMouseLeave:D,onFocus:O,onBlur:D,onPointerDown:k,"aria-describedby":u?w:void 0,children:c}),u&&(0,ar.createPortal)((0,I.jsxs)(`div`,{ref:b,id:w,role:`tooltip`,"data-state":u?`open`:`closed`,"data-placement":m,"data-density":n,"data-scope":`tooltip`,"data-part":`content`,className:F(`owo-tooltip`,ha.content,l?.content,s),style:f?{top:f.top,left:f.left}:{visibility:`hidden`},onMouseEnter:ee,onMouseLeave:D,children:[e,a&&(0,I.jsx)(`span`,{ref:x,"data-scope":`tooltip`,"data-part":`arrow`,className:F(l?.arrow),style:te,children:o?o({placement:m}):(0,I.jsx)(`svg`,{width:ga*2,height:ga,viewBox:`0 0 12 6`,children:(0,I.jsx)(`path`,{d:`M0 0l6 6 6-6z`,fill:`currentColor`})})})]}),document.body)]})}R({group:`feedback`,componentId:`tooltip`,componentName:`Tooltip`,description:`Hover/focus-triggered floating label. Token-driven: --tooltip-bg, --tooltip-border, --tooltip-text, --tooltip-shadow, --tooltip-arrow-color.`,props:[{name:`content`,type:`ReactNode`,description:`Tooltip content shown on hover/focus.`},{name:`placement`,type:`'top' | 'bottom' | 'left' | 'right'`,default:`'top'`,description:`Preferred placement. Auto-flips if clipped by viewport.`},{name:`density`,type:`'compact' | 'default'`,default:`'default'`,description:`Controls padding and max-width. Compact is tighter for icon labels.`},{name:`showDelay`,type:`number`,default:`300`,description:`Delay in ms before showing.`},{name:`hideDelay`,type:`number`,default:`150`,description:`Delay in ms before hiding.`},{name:`arrow`,type:`boolean`,default:`true`,description:`Whether to show the directional arrow.`},{name:`children`,type:`ReactElement`,description:`Trigger element.`}],stories:[{id:`placements`,title:`Placements`,description:`top / bottom / left / right — hover each button.`,render:()=>(0,I.jsxs)(`div`,{className:U.placementColumn,children:[(0,I.jsx)(xa,{content:`Placed on top`,placement:`top`,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Top`})}),(0,I.jsxs)(`div`,{className:U.placementRow,children:[(0,I.jsx)(xa,{content:`Placed on left`,placement:`left`,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Left`})}),(0,I.jsx)(`div`,{className:U.placementSpacer}),(0,I.jsx)(xa,{content:`Placed on right`,placement:`right`,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Right`})})]}),(0,I.jsx)(xa,{content:`Placed on bottom`,placement:`bottom`,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Bottom`})})]})},{id:`density`,title:`Density`,description:`compact vs default — compact is tighter for icon labels.`,render:()=>(0,I.jsxs)(`div`,{className:U.centerRowLarge,children:[(0,I.jsx)(xa,{content:`Compact tooltip`,density:`compact`,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Compact`})}),(0,I.jsx)(xa,{content:`Default density tooltip with more room for content`,density:`default`,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Default`})})]})},{id:`rich-content`,title:`Rich Content`,description:`Tooltip supports ReactNode content.`,render:()=>(0,I.jsx)(`div`,{className:U.centerRowLarge,children:(0,I.jsx)(xa,{content:(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:U.richTooltipTitle,children:`Keyboard shortcut`}),(0,I.jsx)(`p`,{className:U.richTooltipBody,children:`Press Ctrl+S to save your work.`})]}),children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Hover for shortcut`})})})},{id:`on-icon-button`,title:`On IconButton`,description:`Common pattern: tooltip on icon-only buttons.`,render:()=>(0,I.jsx)(`div`,{className:U.centerRowLarge,children:(0,I.jsx)(xa,{content:`Settings`,density:`compact`,children:(0,I.jsx)(pt,{label:`Settings`,icon:(0,I.jsx)(Te,{size:16})})})})},{id:`no-arrow`,title:`Without Arrow`,render:()=>(0,I.jsx)(`div`,{className:U.centerRowLarge,children:(0,I.jsx)(xa,{content:`No arrow variant`,arrow:!1,children:(0,I.jsx)(L,{variant:`secondary`,size:`sm`,children:`Hover me`})})})}]});var Sa=`_trigger_e00wn_1`,Ca=`_content_e00wn_10`,wa=`_subTrigger_e00wn_61`,Ta=`_itemMain_e00wn_90`,Ea=`_itemInset_e00wn_106`,Da=`_shortcut_e00wn_118`,Oa=`_indicator_e00wn_119`,ka=`_submenuIndicator_e00wn_120`,Aa={trigger:Sa,content:Ca,"owo-dropdown-menu-in":`_owo-dropdown-menu-in_e00wn_1`,subTrigger:wa,itemMain:Ta,itemInset:Ea,shortcut:Da,indicator:Oa,submenuIndicator:ka},ja=(0,h.createContext)(null),Ma=(0,h.createContext)(null);function Na(e){let t=(0,h.useContext)(ja);if(!t)throw Error(`${e} must be used within DropdownMenu.`);return t}function Pa(e){let t=(0,h.useContext)(Ma);if(!t)throw Error(`${e} must be used within DropdownMenu.Content.`);return t}function Fa(e,t){return n=>{e?.(n),t(n)}}function Ia(...e){return t=>{for(let n of e)n&&(typeof n==`function`?n(t):n.current=t)}}function La(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(La).join(` `):!e||typeof e==`boolean`?``:(0,h.isValidElement)(e)?La(e.props.children):``}function Ra(e){return[...e].sort((e,t)=>{let n=e.ref.current,r=t.ref.current;if(!n||!r)return 0;let i=n.compareDocumentPosition(r);return i&Node.DOCUMENT_POSITION_FOLLOWING?-1:i&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function za(e,t){return t===`center`?e:`${e}-${t}`}function Ba(e){let t=e.split(`-`);return{side:t[0],align:t[1]??`center`}}function Va({open:e,defaultOpen:t=!1,onOpenChange:n,side:r=`bottom`,align:i=`start`,sideOffset:a=8,alignOffset:o=0,collisionPadding:s=8,portal:c=!0,contentRole:l=`menu`,classNames:u,children:d}){let f=(0,h.useContext)(Ma),[p,m]=(0,h.useState)(t),g=e!==void 0,_=g?e:p,v=(0,h.useRef)(null),y=(0,h.useRef)(null),b=(0,h.useRef)(`selected`),x=(0,h.useId)(),S=(0,h.useId)(),C=(0,h.useCallback)(e=>{g||m(e),n?.(e)},[g,n]),w=(0,h.useCallback)(()=>{C(!1)},[C]),T=(0,h.useCallback)(()=>{C(!1),f?.closeTree()},[f,C]),ee=(0,h.useCallback)(()=>{C(!_)},[_,C]),E=(0,h.useCallback)(()=>{v.current?.focus()},[]),D=(0,h.useMemo)(()=>({open:_,setOpen:C,toggleOpen:ee,triggerRef:v,contentRef:y,side:r,align:i,sideOffset:a,alignOffset:o,collisionPadding:s,portal:c,contentRole:l,triggerId:x,contentId:S,focusIntentRef:b,parentList:f,isSubmenu:!!f,closeSelf:w,closeTree:T,focusTrigger:E,classNames:u}),[_,i,o,u,w,T,s,l,f,c,C,r,a,ee,x,S,E]);return(0,I.jsx)(ja.Provider,{value:D,children:d})}function Ha({asChild:e=!1,disabled:t=!1,className:n,children:r}){let{open:i,setOpen:a,toggleOpen:o,triggerRef:s,contentRole:c,triggerId:l,contentId:u,focusIntentRef:d,isSubmenu:f,classNames:p}=Na(`DropdownMenu.Trigger`),m=h.Children.only(r),g=m.props??{},_=typeof g.className==`string`?g.className:void 0,v={id:l,"data-state":i?`open`:`closed`,"aria-expanded":i,"aria-haspopup":c,"aria-controls":i?u:void 0,onClick:Fa(g.onClick,e=>{if(t){e.preventDefault();return}d.current=`selected`,o()}),onKeyDown:Fa(g.onKeyDown,e=>{t||(e.key===`ArrowDown`?(e.preventDefault(),d.current=`first`,a(!0)):e.key===`ArrowUp`?(e.preventDefault(),d.current=`last`,a(!0)):!f&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),d.current=`selected`,o()))})};return e?(0,h.cloneElement)(m,{...v,ref:Ia(s,g.ref),className:F(Aa.trigger,p?.trigger,n,_),type:m.type===`button`?g.type??`button`:g.type}):(0,I.jsx)(`button`,{ref:s,disabled:t,type:`button`,"data-scope":`dropdown-menu`,"data-part":`trigger`,className:F(Aa.trigger,p?.trigger,n),...v,children:m})}function Ua({className:e,children:t,style:n,matchTriggerWidth:r=!1,maxHeight:i=320,...a}){let{open:o,setOpen:s,triggerRef:c,contentRef:l,side:u,align:d,sideOffset:f,alignOffset:p,collisionPadding:m,portal:g,contentRole:_,triggerId:v,contentId:y,focusIntentRef:b,parentList:x,isSubmenu:S,closeSelf:C,closeTree:w,focusTrigger:T,classNames:ee}=Na(`DropdownMenu.Content`),E=(0,h.useRef)([]),[D,O]=(0,h.useState)(null),[k,A]=(0,h.useState)(null),[te,ne]=(0,h.useState)(null),[re,ie]=(0,h.useState)(!1),j=(0,h.useRef)(``),M=(0,h.useRef)(null),ae=(0,h.useCallback)(e=>(E.current=[...E.current.filter(t=>t.id!==e.id),e],()=>{E.current=E.current.filter(t=>t.id!==e.id)}),[]),oe=(0,h.useCallback)(()=>Ra(E.current),[]),se=(0,h.useCallback)(e=>{b.current=e},[b]);(0,h.useEffect)(()=>{ie(!0)},[]);let ce=(0,h.useMemo)(()=>({role:_,highlightedId:D,setHighlightedId:O,registerItem:ae,getItems:oe,requestFocusIntent:se,closeTree:w,closeSelf:C,focusTrigger:T,activeSubmenuId:k,setActiveSubmenuId:A,contentRef:l}),[k,C,w,l,_,T,oe,D,ae,se]);(0,h.useLayoutEffect)(()=>{if(!(!o||!re||!c.current||!l.current))return $n(c.current,l.current,()=>{!c.current||!l.current||ir(c.current,l.current,{placement:za(u,d),strategy:`fixed`,middleware:[er({mainAxis:f,crossAxis:p}),nr({padding:m}),tr({padding:m})]}).then(({x:e,y:t,placement:n})=>{let r=Ba(n);ne({top:t,left:e,side:r.side,align:r.align})})})},[d,p,m,l,re,o,u,f,c]),(0,h.useEffect)(()=>{if(!o){O(null),A(null);return}let e=oe().filter(e=>!e.disabled);if(e.length===0)return;let t=e[0];b.current===`last`?t=e[e.length-1]:b.current===`selected`&&(t=e.find(e=>e.selected)??e[0]),O(t.id),requestAnimationFrame(()=>{l.current?.focus(),t.ref.current?.scrollIntoView({block:`nearest`})})},[l,b,oe,o]),(0,h.useEffect)(()=>{if(!o)return;function e(e){let t=e.target,n=c.current?.contains(t),r=l.current?.contains(t);if(!n&&!r){let e=x?.contentRef.current?.contains(t);if(S&&e){C(),x?.setActiveSubmenuId(null);return}w()}}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[C,w,l,S,o,x,c]),(0,h.useEffect)(()=>{if(o)return()=>{M.current&&clearTimeout(M.current)}},[o]);let N=(0,h.useCallback)(e=>{if(O(e),!e){A(null);return}oe().find(t=>t.id===e)?.submenu||A(null)},[oe]),P=(0,h.useCallback)((e,t=`first`)=>{let n=oe().filter(e=>!e.disabled);if(n.length===0)return;let r=n.findIndex(e=>e.id===D);if(r===-1){N(t===`last`?n[n.length-1].id:n[0].id);return}let i=n[(r+e+n.length)%n.length];N(i.id),i.ref.current?.scrollIntoView({block:`nearest`})},[oe,D,N]),le=(0,h.useCallback)(e=>{let t=e.length===1?e.toLowerCase():``;if(!t)return;M.current&&clearTimeout(M.current),j.current+=t,M.current=setTimeout(()=>{j.current=``,M.current=null},350);let n=oe().filter(e=>!e.disabled);if(n.length===0)return;let r=n.findIndex(e=>e.id===D),i=(r>=0?[...n.slice(r+1),...n.slice(0,r+1)]:n).find(e=>e.textValue.toLowerCase().startsWith(j.current));i&&(N(i.id),i.ref.current?.scrollIntoView({block:`nearest`}))},[oe,D,N]),ue=(0,h.useCallback)(e=>{let t=oe(),n=t.find(e=>e.id===D)??null;switch(e.key){case`ArrowDown`:e.preventDefault(),P(1);break;case`ArrowUp`:e.preventDefault(),P(-1,`last`);break;case`Home`:e.preventDefault();{let e=t.find(e=>!e.disabled);e&&N(e.id)}break;case`End`:e.preventDefault();{let e=t.filter(e=>!e.disabled),n=e[e.length-1];n&&N(n.id)}break;case`Enter`:case` `:n&&!n.disabled&&(e.preventDefault(),n.click());break;case`ArrowRight`:n?.submenu&&(e.preventDefault(),n.openSubmenu?.());break;case`ArrowLeft`:S&&(e.preventDefault(),C(),T(),x?.setActiveSubmenuId(null));break;case`Tab`:w();break;case`Escape`:e.preventDefault(),C(),T(),S&&x?.setActiveSubmenuId(null);break;default:le(e.key)}},[C,w,T,oe,le,D,N,S,P,x]);if(!o||!re)return null;let de=(0,I.jsx)(Ma.Provider,{value:ce,children:(0,I.jsx)(`div`,{ref:l,id:y,role:_,tabIndex:-1,"aria-labelledby":_===`menu`?v:void 0,"data-state":`open`,"data-side":te?.side??u,"data-align":te?.align??d,"data-scope":`dropdown-menu`,"data-part":`content`,className:F(Aa.content,ee?.content,e),style:{...n,position:`fixed`,top:te?.top??0,left:te?.left??0,maxHeight:i,minWidth:r?c.current?.getBoundingClientRect().width:void 0},onKeyDown:ue,...a,children:t})});return g?(0,ar.createPortal)(de,document.body):de}function Wa({className:e,children:t,...n}){let{classNames:r}=Na(`DropdownMenu.Group`);return(0,I.jsx)(`div`,{"data-scope":`dropdown-menu`,"data-part":`group`,className:F(r?.group,e),...n,children:t})}function Ga({className:e,children:t,...n}){let{classNames:r}=Na(`DropdownMenu.Label`);return(0,I.jsx)(`div`,{"data-scope":`dropdown-menu`,"data-part":`label`,className:F(r?.label,e),...n,children:t})}function Ka({className:e,...t}){let{classNames:n}=Na(`DropdownMenu.Separator`);return(0,I.jsx)(`div`,{role:`separator`,"data-scope":`dropdown-menu`,"data-part":`separator`,className:F(n?.separator,e),...t})}function qa({className:e,children:t,inset:n=!1,disabled:r=!1,selected:i=!1,destructive:a=!1,closeOnSelect:o=!0,shortcut:s,indicator:c,onSelect:l,onMouseEnter:u,onClick:d,...f}){let p=(0,h.useId)(),m=(0,h.useRef)(null),{role:g,highlightedId:_,setHighlightedId:v,registerItem:y,closeTree:b,setActiveSubmenuId:x}=Pa(`DropdownMenu.Item`),{classNames:S}=Na(`DropdownMenu.Item`),C=(0,h.useMemo)(()=>La(t),[t]),w=_===p,T=(0,h.useCallback)(()=>{r||(l?.(),o&&b())},[o,b,r,l]);return(0,h.useEffect)(()=>y({id:p,ref:m,disabled:r,submenu:!1,selected:i,textValue:C,closeOnSelect:o,click:T}),[o,r,T,p,y,i,C]),(0,I.jsxs)(`button`,{ref:m,id:p,type:`button`,role:g===`listbox`?`option`:`menuitem`,tabIndex:-1,disabled:r,"aria-selected":g===`listbox`?i:void 0,"data-highlighted":w||void 0,"data-selected":i||void 0,"data-disabled":r||void 0,"data-destructive":a||void 0,"data-scope":`dropdown-menu`,"data-part":`item`,className:F(n&&Aa.itemInset,S?.item,e),onMouseEnter:Fa(u,()=>{r||(v(p),x(null))}),onClick:Fa(d,e=>{e.preventDefault(),T()}),...f,children:[(0,I.jsx)(`span`,{className:Aa.itemMain,children:t}),s?(0,I.jsx)(`span`,{className:Aa.shortcut,children:s}):null,i?(0,I.jsx)(`span`,{className:Aa.indicator,children:c??`✓`}):null]})}function Ja(e){return(0,I.jsx)(Va,{side:`right`,align:`start`,sideOffset:6,...e,contentRole:`menu`})}function Ya({className:e,children:t,inset:n=!1,disabled:r=!1,destructive:i=!1,shortcut:a,onSelect:o,onMouseEnter:s,onClick:c,...l}){let u=(0,h.useId)(),d=(0,h.useRef)(null),f=Na(`DropdownMenu.SubTrigger`),{highlightedId:p,setHighlightedId:m,registerItem:g,setActiveSubmenuId:_,activeSubmenuId:v}=Pa(`DropdownMenu.SubTrigger`),y=(0,h.useMemo)(()=>La(t),[t]),b=p===u,x=f.open&&v===u,S=(0,h.useCallback)(()=>{r||(f.focusIntentRef.current=`first`,m(u),_(u),f.setOpen(!0))},[r,u,_,m,f]);return(0,h.useEffect)(()=>g({id:u,ref:d,disabled:r,submenu:!0,selected:!1,textValue:y,closeOnSelect:!1,click:S,openSubmenu:S}),[r,u,S,g,y]),(0,h.useEffect)(()=>{v!==u&&f.open&&f.setOpen(!1)},[v,u,f]),(0,I.jsxs)(`button`,{ref:Ia(d,f.triggerRef),id:f.triggerId,type:`button`,role:`menuitem`,tabIndex:-1,"aria-haspopup":`menu`,"aria-expanded":f.open,"aria-controls":f.open?f.contentId:void 0,"data-highlighted":b||void 0,"data-state":x?`open`:`closed`,"data-disabled":r||void 0,"data-destructive":i||void 0,className:F(Aa.subTrigger,n&&Aa.itemInset,e),onMouseEnter:Fa(s,()=>{S()}),onClick:Fa(c,e=>{e.preventDefault(),S(),o?.()}),...l,children:[(0,I.jsx)(`span`,{className:Aa.itemMain,children:t}),a?(0,I.jsx)(`span`,{className:Aa.shortcut,children:a}):null,(0,I.jsx)(`span`,{className:Aa.submenuIndicator,"aria-hidden":`true`,children:`›`})]})}var G=Object.assign(Va,{Trigger:Ha,Content:Ua,Group:Wa,Label:Ga,Item:qa,Separator:Ka,Submenu:Ja,SubTrigger:Ya});function Xa(){return(0,I.jsx)(`div`,{className:z.menuStage,children:(0,I.jsxs)(G,{align:`start`,children:[(0,I.jsx)(G.Trigger,{asChild:!0,children:(0,I.jsx)(`button`,{className:z.triggerButton,children:`Workspace`})}),(0,I.jsxs)(G.Content,{children:[(0,I.jsxs)(G.Group,{children:[(0,I.jsx)(G.Item,{children:`Open settings`}),(0,I.jsx)(G.Item,{children:`Duplicate workspace`})]}),(0,I.jsx)(G.Separator,{}),(0,I.jsxs)(G.Submenu,{children:[(0,I.jsx)(G.SubTrigger,{children:`Theme`}),(0,I.jsxs)(G.Content,{children:[(0,I.jsx)(G.Item,{children:`Light`}),(0,I.jsx)(G.Item,{selected:!0,children:`Elevated`}),(0,I.jsx)(G.Item,{children:`Glass`})]})]}),(0,I.jsx)(G.Separator,{}),(0,I.jsx)(G.Item,{destructive:!0,children:`Delete workspace`})]})]})})}function Za(){let[e,t]=(0,h.useState)(`gpt-4.1-mini`);return(0,I.jsx)(`div`,{className:z.pickerStage,children:(0,I.jsxs)(G,{contentRole:`listbox`,side:`top`,align:`end`,children:[(0,I.jsx)(G.Trigger,{asChild:!0,children:(0,I.jsxs)(`button`,{className:z.pickerTrigger,children:[(0,I.jsx)(`span`,{children:e}),(0,I.jsx)(`span`,{className:z.pickerCaret,"aria-hidden":`true`,children:(0,I.jsx)(w,{size:14,strokeWidth:1.75})})]})}),(0,I.jsxs)(G.Content,{className:z.pickerMenu,children:[(0,I.jsxs)(G.Group,{children:[(0,I.jsx)(G.Label,{children:`OpenAI`}),[`gpt-4.1-mini`,`gpt-4.1`,`o4-mini`].map(n=>(0,I.jsx)(G.Item,{selected:n===e,onSelect:()=>t(n),children:n},n))]}),(0,I.jsxs)(G.Group,{children:[(0,I.jsx)(G.Label,{children:`Custom`}),[`claude-sonnet-4`,`gemini-2.5-pro`].map(n=>(0,I.jsx)(G.Item,{selected:n===e,onSelect:()=>t(n),children:n},n))]})]})]})})}R({group:`actions`,componentId:`dropdown-menu`,componentName:`DropdownMenu`,description:`Industrial dropdown primitive for action menus, grouped pickers, and nested submenus.`,props:[{name:`open`,type:`boolean`,description:`Controlled open state.`},{name:`defaultOpen`,type:`boolean`,description:`Initial open state for uncontrolled usage.`},{name:`onOpenChange`,type:`(open: boolean) => void`,description:`Open-state change callback.`},{name:`side`,type:`'top' | 'bottom' | 'left' | 'right'`,default:`'bottom'`,description:`Preferred content side.`},{name:`align`,type:`'start' | 'center' | 'end'`,default:`'start'`,description:`Alignment relative to trigger.`},{name:`contentRole`,type:`'menu' | 'listbox'`,default:`'menu'`,description:`Semantic role for action menus vs pickers.`}],stories:[{id:`actions`,title:`Action Menu`,description:`Standard action menu with submenu and destructive item.`,render:()=>(0,I.jsx)(Xa,{})},{id:`picker`,title:`Grouped Picker`,description:`Model-picker style listbox with selected state.`,render:()=>(0,I.jsx)(Za,{})}]});var Qa={panel:`_panel_7f715_1`,backdrop:`_backdrop_7f715_55`};function $a({as:e=`aside`,open:t,children:n,side:r=`right`,position:i=`fixed`,showBackdrop:a=!0,onClose:o,closeLabel:s=`关闭抽屉`,backdropClassName:c,className:l,classNames:u,...d}){return(0,I.jsxs)(I.Fragment,{children:[a&&t&&o&&(0,I.jsx)(`button`,{type:`button`,"aria-label":s,"data-state":`open`,"data-scope":`drawer`,"data-part":`backdrop`,"data-position":i,className:F(`owo-drawer-backdrop`,Qa.backdrop,c,u?.backdrop),onClick:o}),(0,I.jsx)(e,{"aria-hidden":!t,"data-state":t?`open`:`closed`,"data-side":r,"data-position":i,"data-scope":`drawer`,"data-part":`panel`,className:F(`owo-drawer`,Qa.panel,l,u?.panel),...d,children:n})]})}var K={panelGrid:`_panelGrid_3svv2_1`,panelGridLg:`_panelGridLg_3svv2_6`,panelTextSm:`_panelTextSm_3svv2_11`,panelTextXsMuted:`_panelTextXsMuted_3svv2_16`,panelTitle:`_panelTitle_3svv2_23`,panelHeading:`_panelHeading_3svv2_29`,panelSurfaceCard:`_panelSurfaceCard_3svv2_35`,panelSurfaceLabel:`_panelSurfaceLabel_3svv2_40`,panelOuterSurface:`_panelOuterSurface_3svv2_48`,panelMax:`_panelMax_3svv2_54`,panelFooterActions:`_panelFooterActions_3svv2_58`,panelStack:`_panelStack_3svv2_64`,drawerFrame:`_drawerFrame_3svv2_70`,drawerCenter:`_drawerCenter_3svv2_79`,drawerPanel:`_drawerPanel_3svv2_86`,drawerColumn:`_drawerColumn_3svv2_93`,drawerHeader:`_drawerHeader_3svv2_99`,drawerHeaderTitle:`_drawerHeaderTitle_3svv2_107`,drawerBody:`_drawerBody_3svv2_114`,drawerBodyStack:`_drawerBodyStack_3svv2_120`,drawerBodyText:`_drawerBodyText_3svv2_126`,drawerInnerCard:`_drawerInnerCard_3svv2_132`,drawerFooter:`_drawerFooter_3svv2_142`,drawerSurfaceStage:`_drawerSurfaceStage_3svv2_150`,drawerSurfaceFrame:`_drawerSurfaceFrame_3svv2_156`,drawerOverlay:`_drawerOverlay_3svv2_165`,drawerPanelDemo:`_drawerPanelDemo_3svv2_171`,drawerSurfaceHeader:`_drawerSurfaceHeader_3svv2_182`,treeCard:`_treeCard_3svv2_191`,treeSearch:`_treeSearch_3svv2_199`,treeCustomRow:`_treeCustomRow_3svv2_203`,treeMuted:`_treeMuted_3svv2_208`,navRailStage:`_navRailStage_3svv2_212`,storyStack:`_storyStack_3svv2_218`,inlineActions:`_inlineActions_3svv2_224`,demoButton:`_demoButton_3svv2_230`,tableHeaderCell:`_tableHeaderCell_3svv2_242`,tableHeaderSortButton:`_tableHeaderSortButton_3svv2_246`,tableHeaderLabel:`_tableHeaderLabel_3svv2_250`,tableBodyCell:`_tableBodyCell_3svv2_255`,statusPill:`_statusPill_3svv2_259`,dimmedHeader:`_dimmedHeader_3svv2_267`,dimmedCell:`_dimmedCell_3svv2_271`};function eo({side:e=`right`,showBackdrop:t=!0}){let[n,r]=(0,h.useState)(!1);return(0,I.jsxs)(`div`,{className:K.drawerFrame,children:[(0,I.jsx)(`div`,{className:K.drawerCenter,children:(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:()=>r(!0),children:`Open Drawer`})}),(0,I.jsx)($a,{open:n,onClose:()=>r(!1),side:e,position:`absolute`,showBackdrop:t,"aria-label":`Post settings`,className:K.drawerPanel,children:(0,I.jsxs)(`div`,{className:K.drawerColumn,children:[(0,I.jsxs)(`div`,{className:K.drawerHeader,children:[(0,I.jsx)(`span`,{className:K.drawerHeaderTitle,children:`Post Settings`}),(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>r(!1),children:`Close`})]}),(0,I.jsx)(`div`,{className:K.drawerBody,children:(0,I.jsxs)(`div`,{className:K.drawerBodyStack,children:[(0,I.jsx)(`p`,{className:K.drawerBodyText,children:`Drawer now uses --drawer-surface, --drawer-border, and --drawer-shadow tokens from CSS.`}),(0,I.jsx)(`div`,{className:K.drawerInnerCard,children:`Forms, filters, or settings can go here.`})]})}),(0,I.jsxs)(`div`,{className:K.drawerFooter,children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,onClick:()=>r(!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,size:`sm`,onClick:()=>r(!1),children:`Save`})]})]})})]})}R({group:`layout`,componentId:`drawer`,componentName:`Drawer`,description:`Sliding overlay container for left/right drawers with optional backdrop. Token-driven: --drawer-surface, --drawer-border, --drawer-shadow, --drawer-backdrop.`,props:[{name:`open`,type:`boolean`,default:`false`,description:`Controls whether the drawer is visible.`},{name:`side`,type:`'left' | 'right'`,default:`'right'`,description:`Slide-in edge.`},{name:`position`,type:`'fixed' | 'absolute'`,default:`'fixed'`,description:`Positioning mode for app shell or local preview containers.`},{name:`showBackdrop`,type:`boolean`,default:`true`,description:`Whether to render a clickable backdrop when open.`},{name:`onClose`,type:`() => void`,description:`Called when the backdrop is clicked.`}],stories:[{id:`right`,title:`Right Drawer`,description:`Standard right-side drawer with backdrop.`,source:`<Drawer
|
|
155
|
+
open={open}
|
|
156
|
+
onClose={() => setOpen(false)}
|
|
157
|
+
side="right"
|
|
158
|
+
position="absolute"
|
|
159
|
+
aria-label="Post settings"
|
|
160
|
+
className={styles.drawerPanel}
|
|
161
|
+
>
|
|
162
|
+
<div className={styles.drawerColumn}>
|
|
163
|
+
<div className={styles.drawerHeader}>Header</div>
|
|
164
|
+
<div className={styles.drawerBody}>Body</div>
|
|
165
|
+
<div className={styles.drawerFooter}>Footer</div>
|
|
166
|
+
</div>
|
|
167
|
+
</Drawer>`,render:()=>(0,I.jsx)(eo,{side:`right`})},{id:`left`,title:`Left Drawer`,description:`Left-side variant for navigation or contextual tools.`,render:()=>(0,I.jsx)(eo,{side:`left`})},{id:`without-backdrop`,title:`Without Backdrop`,description:`Useful inside bounded shells where overlay dimming is not desired.`,render:()=>(0,I.jsx)(eo,{side:`right`,showBackdrop:!1})},{id:`floating-hierarchy`,title:`Floating Hierarchy`,description:`Drawers belong to the floating layer: backdrop separates context, surface defines body, shadow lifts the panel above the page.`,render:()=>(0,I.jsx)(`div`,{className:K.drawerSurfaceStage,children:(0,I.jsxs)(`div`,{className:K.drawerSurfaceFrame,children:[(0,I.jsx)(`div`,{className:K.drawerOverlay}),(0,I.jsxs)(`div`,{className:K.drawerPanelDemo,children:[(0,I.jsx)(`div`,{className:K.drawerSurfaceHeader,children:`Drawer Surface`}),(0,I.jsx)(`div`,{className:K.drawerBody,children:(0,I.jsxs)(`div`,{className:K.drawerBodyStack,children:[(0,I.jsx)(`p`,{children:`Backdrop handles separation from the page.`}),(0,I.jsx)(`p`,{children:`Surface defines the drawer body.`}),(0,I.jsx)(`p`,{children:`Shadow confirms it is a floating layer, not a static card.`})]})})]})]})})}]});var to={root:`_root_cqty6_1`,item:`_item_cqty6_7`,button:`_button_cqty6_11`,labelText:`_labelText_cqty6_55`,chevron:`_chevron_cqty6_59`};function no(e,t){return t?(e.textValue??(typeof e.label==`string`?e.label:``)).toLowerCase().includes(t.toLowerCase()):!0}function ro(e,t){return no(e,t)?!0:e.children?.some(e=>ro(e,t))??!1}function io(e,t){if(!t||typeof e!=`string`)return e;let n=e.toLowerCase(),r=t.toLowerCase(),i=n.indexOf(r);if(i<0)return e;let a=i+t.length;return(0,I.jsxs)(I.Fragment,{children:[e.slice(0,i),(0,I.jsx)(`mark`,{children:e.slice(i,a)}),e.slice(a)]})}function ao({nodes:e,expandedKeys:t,defaultExpandedKeys:n,onExpand:r,onExpandedKeysChange:i,selectedKey:a,defaultSelectedKey:o,onSelect:s,renderNode:c,searchQuery:l=``,className:u,ariaLabel:d=`Tree`,classNames:f}){let p=l.trim(),[m,g]=(0,h.useState)(n??new Set),[_,v]=(0,h.useState)(o),y=t??m,b=a??_,x=(0,h.useRef)(new Map),S=(0,h.useMemo)(()=>{let t=[],n=p.length>0;function r(e,i,a){for(let o of e)n&&!ro(o,p)||(t.push({node:o,depth:i,parentKey:a}),(n?o.children?.length:o.children?.length&&y.has(o.key))&&r(o.children??[],i+1,o.key))}return r(e,0),t},[y,e,p]);(0,h.useMemo)(()=>new Map(S.map((e,t)=>[e.node.key,t])),[S]);let C=(0,h.useMemo)(()=>new Map(S.map(e=>[e.node.key,e])),[S]),w=(0,h.useMemo)(()=>S.filter(e=>!e.node.disabled),[S]),T=(0,h.useMemo)(()=>new Map(w.map((e,t)=>[e.node.key,t])),[w]),ee=b!=null&&T.has(b),E=(e,n)=>{let a=new Set(y);n?a.add(e):a.delete(e),t||g(a),i?.(a),r?.(e,n)},D=e=>{a||v(e),s?.(e)},O=e=>{e&&x.current.get(e)?.focus()},k=(e,t)=>{if(w.length===0)return;let n=T.get(e)??-1;if(t===`first`){O(w[0]?.node.key);return}if(t===`last`){O(w[w.length-1]?.node.key);return}O(w[t===`next`?n+1:n-1]?.node.key)},A=e=>e.children?.find(e=>!e.disabled)?.key,te=e=>{let t=e;for(;t;){let e=C.get(t);if(e&&!e.node.disabled)return t;t=e?.parentKey}},ne=(e,t)=>{let n=!!t.node.children?.length,r=y.has(t.node.key);switch(e.key){case`ArrowDown`:e.preventDefault(),k(t.node.key,`next`);break;case`ArrowUp`:e.preventDefault(),k(t.node.key,`prev`);break;case`ArrowRight`:e.preventDefault(),n&&!r?E(t.node.key,!0):n&&O(A(t.node));break;case`ArrowLeft`:e.preventDefault(),n&&r?E(t.node.key,!1):O(te(t.parentKey));break;case`Home`:e.preventDefault(),k(t.node.key,`first`);break;case`End`:e.preventDefault(),k(t.node.key,`last`);break;case`Enter`:case` `:e.preventDefault(),D(t.node.key);break}};return(0,I.jsx)(`div`,{role:`tree`,"aria-label":d,"data-scope":`tree`,className:F(`owo-tree`,to.root,u),children:S.map(e=>{let{node:t,depth:n}=e,r=b===t.key,i=p.length>0,a=i?!!t.children?.length:y.has(t.key),o=!!t.children?.length,s=no(t,p),l=!t.disabled&&(ee?r:w[0]?.node.key===t.key),u=c?.({node:t,depth:n,expanded:a,selected:r,match:s});return(0,I.jsx)(`div`,{"data-scope":`tree`,"data-part":`item`,"data-depth":n,"data-selected":r||void 0,"data-match":s||void 0,className:F(to.item,f?.item),children:(0,I.jsx)(`button`,{ref:e=>{x.current.set(t.key,e)},type:`button`,role:`treeitem`,"aria-selected":r,"aria-expanded":o?a:void 0,"aria-level":n+1,"data-scope":`tree`,"data-part":`button`,className:F(to.button,f?.button),disabled:t.disabled,tabIndex:l?0:-1,style:{paddingInlineStart:`${.75+n*1.25}rem`},onClick:()=>{D(t.key),o&&!i&&E(t.key,!a)},onKeyDown:t=>ne(t,e),children:c?u:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{"data-scope":`tree`,"data-part":`label`,className:F(to.labelText,f?.label),children:io(t.label,p)}),o&&(0,I.jsx)(`span`,{"aria-hidden":`true`,"data-scope":`tree`,"data-part":`chevron`,className:F(to.chevron,f?.chevron),children:a?`▾`:`▸`})]})})},t.key)})})}var q=[{key:`pipeline`,label:`pipeline`,data:{kind:`branch`},children:[{key:`pipeline.training`,label:`training`,data:{kind:`branch`},children:[{key:`pipeline.training.epochs`,label:`epochs: 50`,data:{kind:`leaf`}},{key:`pipeline.training.lr`,label:`learning_rate: 0.001`,data:{kind:`leaf`}}]},{key:`pipeline.seed`,label:`seed: 42`,data:{kind:`leaf`}}]},{key:`resources`,label:`resources`,data:{kind:`branch`},children:[{key:`resources.gpu`,label:`gpu: A100`,data:{kind:`leaf`}},{key:`resources.batch`,label:`batch_size: 64`,data:{kind:`leaf`}}]}];function oo(){let[e,t]=(0,h.useState)(`pipeline.training.epochs`),[n,r]=(0,h.useState)(`rate`);return(0,I.jsxs)(`div`,{className:K.panelStack,children:[(0,I.jsx)(`input`,{value:n,onChange:e=>r(e.target.value),placeholder:`Search nodes`,className:K.treeSearch}),(0,I.jsx)(`div`,{className:K.treeCard,children:(0,I.jsx)(ao,{nodes:q,defaultExpandedKeys:new Set([`pipeline`,`pipeline.training`,`resources`]),selectedKey:e,onSelect:t,searchQuery:n})})]})}R({group:`layout`,componentId:`tree`,componentName:`Tree`,description:`Hierarchical data viewer with expand/collapse, selection, and keyboard navigation.`,props:[{name:`nodes`,type:`TreeNode[]`,description:`Recursive tree data input.`},{name:`expandedKeys`,type:`Set<string>`,description:`Controlled expanded state.`},{name:`selectedKey`,type:`string`,description:`Controlled selected key.`},{name:`searchQuery`,type:`string`,description:`Filters to matching nodes plus ancestors and highlights string-label matches.`}],stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(oo,{})},{id:`custom-render`,title:`Custom Render`,render:()=>(0,I.jsx)(`div`,{className:K.treeCard,children:(0,I.jsx)(ao,{nodes:q,defaultExpandedKeys:new Set([`pipeline`,`pipeline.training`]),renderNode:({node:e,depth:t,expanded:n})=>(0,I.jsxs)(`span`,{className:K.treeCustomRow,children:[(0,I.jsx)(`span`,{children:`·`.repeat(t+1)}),(0,I.jsx)(`span`,{children:e.label}),e.children?.length?(0,I.jsx)(`span`,{className:K.treeMuted,children:n?`open`:`closed`}):null]})})})}]});var so={root:`_root_56wh4_1`,section:`_section_56wh4_21`,buttonReset:`_buttonReset_56wh4_31`,linkReset:`_linkReset_56wh4_32`,item:`_item_56wh4_42`,icon:`_icon_56wh4_82`,spacer:`_spacer_56wh4_88`},co=(0,h.createContext)(null);function lo(e){let t=(0,h.useContext)(co);if(!t)throw Error(`${e} must be used within NavRail.`);return t}function uo({activeKey:e,onChange:t,classNames:n,orientation:r=`vertical`,className:i,children:a,...o}){let s=(0,h.useRef)([]),c=(0,h.useMemo)(()=>({activeKey:e,onChange:t,classNames:n,orientation:r,registerItem:e=>{let t=s.current.filter(t=>t.value!==e.value);t.push(e),s.current=t},unregisterItem:e=>{s.current=s.current.filter(t=>t.value!==e)},moveFocus:(e,t)=>{let n=s.current.filter(e=>!e.disabled&&e.ref);if(n.length===0)return;let r=n.findIndex(t=>t.value===e),i=n[0];t===`first`&&(i=n[0]),t===`last`&&(i=n[n.length-1]),t===`next`&&(i=n[r>=0?(r+1)%n.length:0]),t===`prev`&&(i=n[r>=0?(r-1+n.length)%n.length:n.length-1]),i?.ref?.focus()}}),[e,n,t,r]);return(0,I.jsx)(co.Provider,{value:c,children:(0,I.jsx)(`nav`,{"aria-label":`Navigation rail`,"data-scope":`nav-rail`,"data-orientation":r,className:F(`owo-nav-rail`,so.root,i),...o,children:a})})}function fo(e){let{activeKey:t,onChange:n,classNames:r,orientation:i,registerItem:a,unregisterItem:o,moveFocus:s}=lo(`NavRail.Item`),c=t===e.value,l=t=>{let n=i===`horizontal`?{next:`ArrowRight`,prev:`ArrowLeft`}:{next:`ArrowDown`,prev:`ArrowUp`};switch(t.key){case n.next:t.preventDefault(),s(e.value,`next`);break;case n.prev:t.preventDefault(),s(e.value,`prev`);break;case`Home`:t.preventDefault(),s(e.value,`first`);break;case`End`:t.preventDefault(),s(e.value,`last`);break}},u=(0,I.jsx)(`span`,{"data-scope":`nav-rail`,"data-part":`item`,"data-active":c||void 0,"data-disabled":e.disabled||void 0,className:F(so.item,r?.item,e.className),children:(0,I.jsx)(`span`,{"aria-hidden":`true`,"data-scope":`nav-rail`,"data-part":`icon`,className:F(so.icon,r?.icon),children:e.icon})});if(`href`in e&&e.href){let{value:t,icon:r,label:i,disabled:s,className:d,href:f,onClick:p,...m}=e;return(0,I.jsx)(xa,{content:i,density:`compact`,children:(0,I.jsx)(`a`,{...m,ref:e=>{e?a({value:t,disabled:!!s,ref:e}):o(t)},href:s?void 0:f,"aria-label":i,"aria-disabled":s||void 0,"aria-current":c?`page`:void 0,tabIndex:s?-1:m.tabIndex,className:so.linkReset,onKeyDown:e=>{m.onKeyDown?.(e),e.defaultPrevented||l(e)},onClick:e=>{if(p?.(e),s){e.preventDefault();return}e.defaultPrevented||n?.(t)},children:u})})}let{value:d,icon:f,label:p,disabled:m,className:h,onClick:g,..._}=e;return(0,I.jsx)(xa,{content:p,density:`compact`,children:(0,I.jsx)(`button`,{..._,ref:e=>{e?a({value:d,disabled:!!m,ref:e}):o(d)},type:`button`,disabled:m,"aria-label":p,className:so.buttonReset,onKeyDown:e=>{_.onKeyDown?.(e),e.defaultPrevented||l(e)},onClick:e=>{g?.(e),!e.defaultPrevented&&!m&&n?.(d)},children:u})})}function po(){let{classNames:e}=lo(`NavRail.Spacer`);return(0,I.jsx)(`div`,{"aria-hidden":`true`,"data-scope":`nav-rail`,"data-part":`spacer`,className:F(so.spacer,e?.spacer)})}function mo({label:e,className:t,children:n,...r}){let{classNames:i}=lo(`NavRail.Section`);return(0,I.jsx)(`div`,{"data-scope":`nav-rail`,"data-part":`section`,className:F(so.section,i?.section,t),"aria-label":e,role:e?`group`:void 0,...r,children:n})}var ho=Object.assign(uo,{Item:fo,Section:mo,Spacer:po});function go(){let[e,t]=(0,h.useState)(`explorer`);return(0,I.jsx)(`div`,{className:K.navRailStage,children:(0,I.jsxs)(ho,{activeKey:e,onChange:t,children:[(0,I.jsx)(ho.Item,{value:`explorer`,icon:(0,I.jsx)(oe,{size:18}),label:`Explorer`}),(0,I.jsx)(ho.Item,{value:`runs`,icon:(0,I.jsx)(ce,{size:18}),label:`Runs`}),(0,I.jsx)(ho.Item,{value:`compare`,icon:(0,I.jsx)(N,{size:18}),label:`Compare`}),(0,I.jsx)(ho.Spacer,{}),(0,I.jsx)(ho.Item,{value:`settings`,icon:(0,I.jsx)(Te,{size:18}),label:`Settings`})]})})}R({group:`layout`,componentId:`nav-rail`,componentName:`NavRail`,description:`Icon-only vertical navigation rail for console-style applications.`,props:[{name:`activeKey`,type:`string`,description:`Currently active navigation item.`},{name:`onChange`,type:`(key: string) => void`,description:`Called when a new item is activated.`},{name:`orientation`,type:`'vertical' | 'horizontal'`,default:`'vertical'`,description:`Navigation rail axis and arrow-key navigation model.`}],stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(go,{})},{id:`sectioned`,title:`Sectioned`,render:()=>(0,I.jsx)(`div`,{className:K.navRailStage,children:(0,I.jsxs)(ho,{activeKey:`runs`,children:[(0,I.jsxs)(ho.Section,{label:`Primary`,children:[(0,I.jsx)(ho.Item,{value:`explorer`,icon:(0,I.jsx)(oe,{size:18}),label:`Explorer`}),(0,I.jsx)(ho.Item,{value:`runs`,icon:(0,I.jsx)(ce,{size:18}),label:`Runs`})]}),(0,I.jsx)(ho.Spacer,{}),(0,I.jsx)(ho.Section,{label:`Secondary`,children:(0,I.jsx)(ho.Item,{value:`settings`,icon:(0,I.jsx)(Te,{size:18}),label:`Settings`})})]})})},{id:`links-and-disabled`,title:`Links And Disabled`,render:()=>(0,I.jsx)(`div`,{className:K.navRailStage,children:(0,I.jsxs)(ho,{activeKey:`explorer`,children:[(0,I.jsx)(ho.Item,{value:`explorer`,href:`#/layout/nav-rail`,icon:(0,I.jsx)(oe,{size:18}),label:`Explorer`}),(0,I.jsx)(ho.Item,{value:`compare`,href:`#/layout/nav-rail`,icon:(0,I.jsx)(N,{size:18}),label:`Compare`}),(0,I.jsx)(ho.Spacer,{}),(0,I.jsx)(ho.Item,{value:`settings`,disabled:!0,icon:(0,I.jsx)(Te,{size:18}),label:`Settings`})]})})},{id:`horizontal`,title:`Horizontal`,render:()=>(0,I.jsx)(`div`,{className:K.navRailStage,children:(0,I.jsxs)(ho,{activeKey:`runs`,orientation:`horizontal`,children:[(0,I.jsx)(ho.Item,{value:`explorer`,icon:(0,I.jsx)(oe,{size:18}),label:`Explorer`}),(0,I.jsx)(ho.Item,{value:`runs`,icon:(0,I.jsx)(ce,{size:18}),label:`Runs`}),(0,I.jsx)(ho.Item,{value:`settings`,icon:(0,I.jsx)(Te,{size:18}),label:`Settings`})]})})}]});var _o={root:`_root_1226l_1`};function vo({as:e=`section`,variant:t=`default`,padding:n=`none`,className:r,children:i,...a}){return(0,I.jsx)(e,{"data-variant":t,"data-padding":n===`none`?void 0:n,"data-scope":`panel`,className:F(`owo-panel`,_o.root,r),...a,children:i})}function yo({className:e,children:t,...n}){return(0,I.jsx)(`div`,{"data-scope":`panel`,"data-part":`header`,className:F(e),...n,children:t})}function bo({className:e,children:t,...n}){return(0,I.jsx)(`div`,{"data-scope":`panel`,"data-part":`body`,className:F(e),...n,children:t})}function xo({className:e,children:t,...n}){return(0,I.jsx)(`div`,{"data-scope":`panel`,"data-part":`footer`,className:F(e),...n,children:t})}R({group:`layout`,componentId:`panel`,componentName:`Panel`,description:`Container card driven by surface hierarchy and structured sections (header/body/footer), not by blanket shadow elevation.`,props:[{name:`as`,type:`ElementType`,default:`'section'`,description:`Root element tag.`},{name:`variant`,type:`'default' | 'subtle' | 'raised'`,default:`'default'`,description:"Surface hierarchy variant. `raised` includes shadow."},{name:`padding`,type:`'none' | 'sm' | 'md' | 'lg'`,default:`'none'`,description:`Inner padding size.`}],renderPlayground:e=>(0,I.jsx)(vo,{variant:e.variant,padding:e.padding,children:(0,I.jsx)(`p`,{className:K.panelTextSm,children:`Panel content`})}),stories:[{id:`variants`,title:`Variants`,description:`default / subtle / raised — semantic feedback should use StatusNotice instead of overloading panel surface variants.`,render:()=>(0,I.jsxs)(`div`,{className:K.panelGrid,children:[(0,I.jsxs)(vo,{variant:`default`,padding:`md`,children:[(0,I.jsx)(`p`,{className:K.panelTitle,children:`Default`}),(0,I.jsx)(`p`,{className:K.panelTextXsMuted,children:`Standard container.`})]}),(0,I.jsxs)(vo,{variant:`subtle`,padding:`md`,children:[(0,I.jsx)(`p`,{className:K.panelTitle,children:`Subtle`}),(0,I.jsx)(`p`,{className:K.panelTextXsMuted,children:`Reduced emphasis.`})]}),(0,I.jsxs)(vo,{variant:`raised`,padding:`md`,children:[(0,I.jsx)(`p`,{className:K.panelTitle,children:`Raised`}),(0,I.jsx)(`p`,{className:K.panelTextXsMuted,children:`Elevated surface with shadow.`})]})]})},{id:`with-sections`,title:`With Sections`,description:`PanelHeader + PanelBody + PanelFooter`,source:`<Panel variant="default">
|
|
168
|
+
<PanelHeader>
|
|
169
|
+
<h3>Panel Title</h3>
|
|
170
|
+
</PanelHeader>
|
|
171
|
+
<PanelBody>
|
|
172
|
+
<p>Body content here.</p>
|
|
173
|
+
</PanelBody>
|
|
174
|
+
<PanelFooter>
|
|
175
|
+
<Button variant="ghost" size="sm">Cancel</Button>
|
|
176
|
+
<Button variant="primary" size="sm">Confirm</Button>
|
|
177
|
+
</PanelFooter>
|
|
178
|
+
</Panel>`,render:()=>(0,I.jsxs)(vo,{variant:`default`,className:K.panelMax,children:[(0,I.jsx)(yo,{children:(0,I.jsx)(`h3`,{className:K.panelHeading,children:`Panel Title`})}),(0,I.jsx)(bo,{children:(0,I.jsx)(`p`,{className:K.panelTextSm,children:`This is the body content of the panel. It can contain any elements.`})}),(0,I.jsx)(xo,{children:(0,I.jsxs)(`div`,{className:K.panelFooterActions,children:[(0,I.jsx)(L,{variant:`ghost`,size:`sm`,children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,size:`sm`,children:`Confirm`})]})})]})},{id:`on-surfaces`,title:`On Different Surfaces`,description:`Verifies panel contrast against canvas, subtle, and inset backgrounds.`,render:()=>(0,I.jsx)(`div`,{className:K.panelGrid,children:[{label:`Canvas`,bg:`var(--owo-ref-color-surface-canvas)`},{label:`Subtle`,bg:`var(--owo-ref-color-surface-subtle)`},{label:`Inset`,bg:`var(--owo-ref-color-surface-inset)`}].map(({label:e,bg:t})=>(0,I.jsxs)(`div`,{className:K.panelSurfaceCard,style:{backgroundColor:t},children:[(0,I.jsx)(`p`,{className:K.panelSurfaceLabel,children:e}),(0,I.jsx)(vo,{variant:`default`,padding:`md`,children:(0,I.jsx)(`p`,{className:K.panelTextSm,children:`Default panel`})})]},e))})},{id:`surface-not-shadow`,title:`Surface, Not Shadow`,description:`Dashboard-style panels should build depth with surface tokens first. The panel itself stays border-led instead of floating like a popover.`,render:()=>(0,I.jsx)(`div`,{className:K.panelOuterSurface,children:(0,I.jsxs)(`div`,{className:K.panelGridLg,children:[(0,I.jsxs)(vo,{variant:`default`,padding:`md`,children:[(0,I.jsx)(`p`,{className:K.panelTitle,children:`Default`}),(0,I.jsx)(`p`,{className:K.panelTextXsMuted,children:`Primary reading card.`})]}),(0,I.jsxs)(vo,{variant:`subtle`,padding:`md`,children:[(0,I.jsx)(`p`,{className:K.panelTitle,children:`Subtle`}),(0,I.jsx)(`p`,{className:K.panelTextXsMuted,children:`Secondary summary area.`})]}),(0,I.jsxs)(vo,{variant:`raised`,padding:`md`,children:[(0,I.jsx)(`p`,{className:K.panelTitle,children:`Raised`}),(0,I.jsx)(`p`,{className:K.panelTextXsMuted,children:`A slightly lifted surface with --panel-shadow.`})]})]})})},{id:`padding`,title:`Padding Sizes`,description:`none / sm / md / lg`,render:()=>(0,I.jsx)(`div`,{className:K.panelStack,children:[`none`,`sm`,`md`,`lg`].map(e=>(0,I.jsx)(vo,{variant:`default`,padding:e,children:(0,I.jsxs)(`span`,{className:K.panelTextXsMuted,children:[`padding=`,`“`,e,`”`]})},e))})}]});var J={root:`_root_8sfay_1`,table:`_table_8sfay_10`,header:`_header_8sfay_14`,headerSticky:`_headerSticky_8sfay_19`,body:`_body_8sfay_25`,row:`_row_8sfay_31`,stateRow:`_stateRow_8sfay_46`,cell:`_cell_8sfay_50`,headerCell:`_headerCell_8sfay_70`,headerLabel:`_headerLabel_8sfay_76`,headerSortButton:`_headerSortButton_8sfay_81`,selectionCell:`_selectionCell_8sfay_105`,sortIndicator:`_sortIndicator_8sfay_113`,resizeHandle:`_resizeHandle_8sfay_117`,loadingState:`_loadingState_8sfay_153`,stateCell:`_stateCell_8sfay_157`,skeletonStack:`_skeletonStack_8sfay_161`,skeletonCell:`_skeletonCell_8sfay_166`,empty:`_empty_8sfay_175`},So=[`asc`,`desc`],Co=72,wo=16;function To(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function Eo(e,t,n){return typeof e.accessor==`function`?e.accessor(t,n):e.accessor?t[e.accessor]:t[e.key]}function Do(e,t){return e==null&&t==null?0:e==null?-1:t==null?1:typeof e==`number`&&typeof t==`number`?e-t:typeof e==`boolean`&&typeof t==`boolean`?Number(e)-Number(t):String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`})}function Oo(e,t,n){if(e===`single`)return new Set(t.has(n)?[]:[n]);let r=new Set(t);return r.has(n)?r.delete(n):r.add(n),r}function ko(e,t){return e?t===`ternary`&&e===`desc`?null:So[(So.indexOf(e)+1)%So.length]:So[0]}function Ao(e,t){if(t.length===0)return new Set;let n=new Set(t),r=new Set(Array.from(e??t).filter(e=>n.has(e)));return r.size===0&&r.add(t[0]),r}function jo({type:e,checked:t,label:n,indeterminate:r=!1,disabled:i=!1,className:a,part:o,name:s,onChange:c,onClick:l}){return(0,I.jsx)(`input`,{type:e,name:s,checked:t,disabled:i,"aria-label":n,"aria-checked":e===`checkbox`&&r?`mixed`:void 0,"data-scope":`table`,"data-part":o,className:a,ref:t=>{t&&e===`checkbox`&&(t.indeterminate=r)},onChange:c,onClick:l})}function Mo({columns:e,data:t,visibleColumnKeys:n,defaultVisibleColumnKeys:r,columnWidths:i,defaultColumnWidths:a,onColumnWidthsChange:o,getRowId:s,selectionMode:c,selectedRows:l,defaultSelectedRows:u,onSelectionChange:d,sort:f,defaultSort:p=null,onSort:m,onSortChange:g,sortCycle:_=`binary`,getSortButtonAriaLabel:v,selectionColumnAriaLabel:y=`Row selection`,getRowSelectionAriaLabel:b,getSelectAllAriaLabel:x,isRowSelectable:S,rowHeight:C=`default`,stickyHeader:w=!1,virtualized:T=!1,loading:ee=!1,loadingState:E,skeletonRows:D=5,emptyState:O,className:k,classNames:A}){let[te,ne]=(0,h.useState)(r?new Set(r):null),[re,ie]=(0,h.useState)(a??{}),[j,M]=(0,h.useState)(u??new Set),[ae,oe]=(0,h.useState)(p),[se,ce]=(0,h.useState)(0),[N,P]=(0,h.useState)(0),le=n!==void 0,ue=i!==void 0,de=l!==void 0,fe=f!==void 0,pe=!!c,me=(0,h.useRef)(null),he=(0,h.useRef)(new Map),ge=(0,h.useRef)(!1),_e=(0,h.useRef)(e.map(e=>e.key)),ve=(0,h.useRef)(null),ye=(0,h.useMemo)(()=>e.map(e=>e.key),[e]),be=(0,h.useMemo)(()=>Ao(le?n:te,ye),[ye,te,n,le]),xe=(0,h.useMemo)(()=>e.filter(e=>be.has(e.key)),[be,e]),Se=ue?i:re,Ce=(0,h.useRef)(Se);Ce.current=Se;let we=(0,h.useRef)(ue);we.current=ue;let Te=(0,h.useRef)(o);Te.current=o;let Ee=de?l:j,De=fe?f??null:ae,Oe=De&&be.has(De.key)?De:null,ke=(0,h.useMemo)(()=>{if(!Oe)return t;let n=e.find(e=>e.key===Oe.key);return n?t.map((e,t)=>({row:e,index:t,sortValue:Eo(n,e,t)})).sort((e,t)=>{let r=n.compare?n.compare(e.row,t.row,e.index,t.index):Do(e.sortValue,t.sortValue);return r===0?e.index-t.index:Oe.direction===`asc`?r:-r}).map(e=>e.row):t},[e,t,Oe]),Ae=C===`compact`?36:44,je=typeof T==`object`?T:void 0,Me=!!T,Ne=je?.height??320,Pe=je?.overscan??4,Fe=(0,h.useMemo)(()=>{let e=xe.map(e=>{let t=Se[e.key];return t==null?e.width==null?`minmax(0, 1fr)`:typeof e.width==`number`?`${e.width}px`:e.width:`${t}px`});return c&&e.unshift(`2.75rem`),e.join(` `)},[Se,c,xe]),Ie=ke.length*Ae,Le=Me?Math.ceil(Ne/Ae)+Pe*2:ke.length,Re=Me?Math.max(0,Math.floor(se/Ae)-Pe):0,ze=Me?Math.min(ke.length,Re+Le):ke.length,Be=ke.slice(Re,ze),Ve=Me?Re*Ae:0,He=Me?Math.max(0,Ie-Ve-Be.length*Ae):0,Ue=ke.flatMap((e,t)=>c&&S&&!S(e,t)?[]:[s?.(e,t)??String(e.id??t)]),We=c===`multiple`&&Ue.length>0&&Ue.every(e=>Ee.has(e)),Ge=c===`multiple`?Ue.filter(e=>Ee.has(e)).length:0,Ke=c===`multiple`&&Ge>0&&!We,qe=xe.length+(c?1:0),Je=ee?E?2:D+1:ke.length===0?2:ke.length+1,Ye=pe?`gridcell`:`cell`,Xe=(0,h.useMemo)(()=>c?ke.flatMap((e,t)=>!S||S(e,t)?[t]:[]):[],[S,c,ke]),Ze=(0,h.useMemo)(()=>ke.map((e,t)=>s?.(e,t)??String(e.id??t)),[s,ke]),Qe=Xe[0]??null,$e=Qe==null?null:Ze[Qe]??null,[et,tt]=(0,h.useState)($e),nt=et==null?null:Ze.indexOf(et);(0,h.useEffect)(()=>{if(le)return;let e=new Set(_e.current),t=Ao(te,ye),n=new Set(t);ye.forEach(t=>{e.has(t)||n.add(t)}),n.size===0&&ye[0]&&n.add(ye[0]),_e.current=ye,To(n,t)||ne(n)},[ye,te,le]),(0,h.useEffect)(()=>{if(ue)return;let e=new Set(ye),t=Object.fromEntries(Object.entries(re).filter(([t])=>e.has(t)));Object.keys(t).length!==Object.keys(re).length&&(ie(t),o?.(t))},[ye,ue,o,re]),(0,h.useEffect)(()=>{tt(e=>{if($e==null)return null;if(e==null)return $e;let t=Ze.indexOf(e);return t===-1||!Xe.includes(t)?$e:e})},[$e,Xe,Ze]),(0,h.useEffect)(()=>{De&&!be.has(De.key)&&!fe&&(oe(null),g?.(null),m?.(De.key,null))},[De,be,m,g,fe]),(0,h.useEffect)(()=>{if(de||!c)return;let e=new Set(Ze),t=new Set(Array.from(j).filter(t=>e.has(t)));To(t,j)||(M(t),d?.(t))},[d,Ze,de,c,j]),(0,h.useEffect)(()=>{if(!c||nt==null||!ge.current)return;if(Me&&(nt<Re||nt>=ze)){st(nt);return}let e=he.current.get(nt);e&&document.activeElement!==e&&!e.contains(document.activeElement)&&e.focus()},[nt,c,Re,ze,Me]),(0,h.useLayoutEffect)(()=>{if(!Me||!me.current){P(0);return}let e=me.current,t=()=>{P(e.offsetWidth-e.clientWidth)};t();let n=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return n?.observe(e),window.addEventListener(`resize`,t),()=>{n?.disconnect(),window.removeEventListener(`resize`,t)}},[Me,Ne,ke.length]),(0,h.useEffect)(()=>{let e=e=>{let t=ve.current;if(!t)return;let n=Math.max(t.minWidth,Math.round(t.startWidth+e.clientX-t.startX)),r={...Ce.current,[t.columnKey]:n};we.current||ie(r),Te.current?.(r)},t=()=>{ve.current=null,document.body.style.cursor=``,document.body.style.userSelect=``};return window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t)}},[]),(0,h.useEffect)(()=>()=>{ve.current=null,document.body.style.cursor=``,document.body.style.userSelect=``},[]);let rt=e=>{de||M(e),d?.(e)},it=e=>{fe||oe(e),g?.(e),m?.(e?.key??Oe?.key??De?.key??``,e?.direction??null)},at=e=>{let t=ko(Oe?.key===e?Oe.direction:void 0,_);it(t?{key:e,direction:t}:null)},L=()=>{if(c!==`multiple`||Ue.length===0)return;let e=new Set(Ee);We?Ue.forEach(t=>{e.delete(t)}):Ue.forEach(t=>{e.add(t)}),To(e,Ee)||rt(e)},ot=(e,t)=>{let n={...Se,[e]:t};ue||ie(n),o?.(n)},st=e=>{if(tt(Ze[e]??null),!Me)return;let t=e*Ae,n=t+Ae,r=me.current?.scrollTop??se,i=r+Ne;if(t<r){me.current?.scrollTo?.({top:t}),ce(t);return}if(n>i){let e=Math.max(0,n-Ne);me.current?.scrollTo?.({top:e}),ce(e)}},R=(e,t)=>{e.preventDefault(),e.stopPropagation();let n=e.currentTarget.closest(`[role="columnheader"]`);n instanceof HTMLElement&&(ve.current={columnKey:t.key,minWidth:t.minWidth??Co,startX:e.clientX,startWidth:Se[t.key]??(typeof t.width==`number`?t.width:void 0)??Math.round(n.getBoundingClientRect().width)??Co},document.body.style.cursor=`col-resize`,document.body.style.userSelect=`none`)},ct=(e,t)=>{let n=t.minWidth??Co,r=Se[t.key]??(typeof t.width==`number`?t.width:void 0)??n;if(e.key===`ArrowLeft`){e.preventDefault(),ot(t.key,Math.max(n,r-wo));return}if(e.key===`ArrowRight`){e.preventDefault(),ot(t.key,Math.max(n,r+wo));return}e.key===`Home`&&(e.preventDefault(),ot(t.key,n))},lt={"--table-template-columns":Fe,"--table-row-height":`${Ae}px`,"--table-scrollbar-width":`${N}px`};return(0,I.jsx)(`div`,{"data-scope":`table`,"data-row-height":C,className:F(`owo-table`,J.root,k),style:lt,children:(0,I.jsxs)(`div`,{role:pe?`grid`:`table`,"aria-rowcount":Je,"aria-colcount":qe,"aria-multiselectable":pe&&c===`multiple`?!0:void 0,"aria-busy":ee||void 0,className:J.table,children:[(0,I.jsx)(`div`,{role:`rowgroup`,className:F(J.header,w&&J.headerSticky),children:(0,I.jsxs)(`div`,{role:`row`,"aria-rowindex":1,className:J.row,children:[c===`multiple`&&(0,I.jsx)(`div`,{role:`columnheader`,"aria-label":y,"data-scope":`table`,"data-part":`selectionCell`,className:F(J.cell,J.headerCell,J.selectionCell,A?.selectionCell),children:(0,I.jsx)(jo,{type:`checkbox`,checked:We,indeterminate:Ke,disabled:Ue.length===0,label:x?.({allSelected:We,partiallySelected:Ke,selectableCount:Ue.length})??(We?`Clear row selection`:`Select all rows`),part:`selectionControl`,className:A?.selectionControl,onClick:e=>e.stopPropagation(),onChange:L})}),c===`single`&&(0,I.jsx)(`div`,{role:`columnheader`,"aria-label":y,"data-scope":`table`,"data-part":`selectionCell`,className:F(J.cell,J.headerCell,J.selectionCell,A?.selectionCell)}),xe.map(e=>{let t=Oe?.key===e.key?Oe.direction:void 0,n=!!e.sortable,r=n?ko(t,_):null,i=e.renderHeader?.({column:e,sorted:t,sortable:n})??e.header;return(0,I.jsxs)(`div`,{role:`columnheader`,"aria-sort":n?t===`asc`?`ascending`:t===`desc`?`descending`:`none`:void 0,"data-scope":`table`,"data-part":`headerCell`,"data-align":e.align??`start`,className:F(J.cell,J.headerCell,A?.headerCell,e.headerClassName),children:[n?(0,I.jsxs)(`button`,{type:`button`,"aria-label":v?.({column:e,sorted:t,nextDirection:r}),"data-scope":`table`,"data-part":`headerSortButton`,className:F(J.headerSortButton,A?.headerSortButton),onFocus:()=>{ge.current=!1},onClick:()=>at(e.key),children:[(0,I.jsx)(`span`,{"data-scope":`table`,"data-part":`headerLabel`,className:F(J.headerLabel,A?.headerLabel),children:i}),(0,I.jsx)(`span`,{"aria-hidden":`true`,className:J.sortIndicator,children:t===`asc`?`↑`:t===`desc`?`↓`:`↕`})]}):(0,I.jsx)(`span`,{"data-scope":`table`,"data-part":`headerLabel`,className:F(J.headerLabel,A?.headerLabel),children:i}),e.resizable&&(0,I.jsx)(`button`,{type:`button`,"aria-label":`Resize ${String(e.header)} column`,"data-scope":`table`,"data-part":`resizeHandle`,className:F(J.resizeHandle,A?.resizeHandle),onMouseDown:t=>R(t,e),onKeyDown:t=>ct(t,e),onClick:e=>{e.preventDefault(),e.stopPropagation()}})]},e.key)})]})}),(0,I.jsx)(`div`,{role:`rowgroup`,ref:me,className:J.body,style:Me?{maxHeight:Ne}:void 0,onScroll:Me?e=>ce(e.currentTarget.scrollTop):void 0,children:ee?E?(0,I.jsx)(`div`,{role:`row`,"aria-rowindex":2,className:F(J.row,J.stateRow),children:(0,I.jsx)(`div`,{role:Ye,"data-scope":`table`,"data-part":`loadingState`,className:F(J.loadingState,J.stateCell,A?.loadingState),children:E})}):(0,I.jsx)(`div`,{"data-scope":`table`,"data-part":`loadingState`,className:F(J.loadingState,A?.loadingState),children:(0,I.jsx)(`div`,{className:J.skeletonStack,children:Array.from({length:D},(e,t)=>(0,I.jsxs)(`div`,{role:`row`,"aria-rowindex":t+2,className:F(J.row,J.stateRow),children:[c&&(0,I.jsx)(`div`,{role:Ye,"data-scope":`table`,"data-part":`selectionCell`,className:F(J.cell,J.selectionCell,A?.selectionCell),children:(0,I.jsx)(`span`,{"aria-hidden":`true`,"data-scope":`table`,"data-part":`skeletonCell`,className:F(J.skeletonCell,A?.skeletonCell)})}),xe.map(e=>(0,I.jsx)(`div`,{role:Ye,"data-scope":`table`,"data-part":`cell`,"data-align":e.align??`start`,className:F(J.cell,A?.cell,e.cellClassName),children:(0,I.jsx)(`span`,{"aria-hidden":`true`,"data-scope":`table`,"data-part":`skeletonCell`,className:F(J.skeletonCell,A?.skeletonCell)})},`${e.key}-${t}`))]},`skeleton-row-${t}`))})}):ke.length===0?(0,I.jsx)(`div`,{role:`row`,"aria-rowindex":2,className:F(J.row,J.stateRow),children:(0,I.jsx)(`div`,{role:Ye,"data-scope":`table`,"data-part":`emptyState`,className:F(J.empty,J.stateCell,A?.emptyState),children:O??`No rows to display.`})}):(0,I.jsx)(`div`,{style:Me?{paddingTop:Ve,paddingBottom:He}:void 0,children:Be.map((e,t)=>{let n=Re+t,r=s?.(e,n)??String(e.id??n),i=Ee.has(r),a=c?S?S(e,n):!0:!1;return(0,I.jsxs)(`div`,{role:`row`,"aria-rowindex":n+2,"aria-selected":c?i:void 0,"data-selected":i||void 0,className:J.row,ref:e=>{e?he.current.set(n,e):he.current.delete(n)},onFocus:()=>{a&&(ge.current=!0,tt(r))},onClick:()=>{!c||!a||(tt(r),rt(Oo(c,Ee,r)))},onKeyDown:e=>{if(!(!c||!a)){if(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Home`||e.key===`End`){e.preventDefault();let t=Xe.indexOf(n);if(t===-1)return;if(e.key===`ArrowDown`){st(Xe[t+1]??Xe[t]);return}if(e.key===`ArrowUp`){st(Xe[t-1]??Xe[t]);return}if(e.key===`Home`&&Qe!=null){st(Qe);return}let r=Xe[Xe.length-1];e.key===`End`&&r!=null&&st(r);return}(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),rt(Oo(c,Ee,r)))}},tabIndex:c&&a?et===r?0:-1:void 0,children:[c&&(0,I.jsx)(`div`,{role:Ye,"data-scope":`table`,"data-part":`selectionCell`,className:F(J.cell,J.selectionCell,A?.selectionCell),children:(0,I.jsx)(jo,{type:c===`single`?`radio`:`checkbox`,name:c===`single`?`table-selection`:void 0,checked:i,disabled:!a,label:a?b?.({row:e,rowId:r,index:n,selected:i,selectionMode:c})??`Select row ${n+1}`:`Row ${n+1} is not selectable`,part:`selectionControl`,className:A?.selectionControl,onChange:()=>{a&&rt(Oo(c,Ee,r))},onClick:e=>e.stopPropagation()})}),xe.map(t=>{let a=t.cell?t.cell(e,n):typeof t.accessor==`function`?t.accessor(e,n):t.accessor?e[t.accessor]:e[t.key],o=t.renderCell?.({column:t,row:e,rowId:r,index:n,selected:i,value:a})??a;return(0,I.jsx)(`div`,{role:Ye,"data-scope":`table`,"data-part":`cell`,"data-align":t.align??`start`,className:F(J.cell,A?.cell,t.cellClassName),children:o},t.key)})]},r)})})})]})})}var No=[{id:`run-001`,run:`train-resnet-01`,status:`Succeeded`,owner:`Ada`,duration:`14m`},{id:`run-002`,run:`train-resnet-02`,status:`Running`,owner:`Grace`,duration:`6m`},{id:`run-003`,run:`eval-vit-03`,status:`Failed`,owner:`Linus`,duration:`2m`},{id:`run-004`,run:`benchmark-gpt-04`,status:`Queued`,owner:`Margaret`,duration:`0m`}],Po=[{key:`run`,header:`Run`,accessor:`run`,width:`minmax(11rem, 1.35fr)`},{key:`status`,header:`Status`,accessor:`status`},{key:`owner`,header:`Owner`,accessor:`owner`},{key:`duration`,header:`Duration`,accessor:`duration`,align:`end`}],Fo=[{key:`run`,header:`Run`,accessor:`run`,sortable:!0,width:`minmax(11rem, 1.35fr)`},{key:`status`,header:`Status`,accessor:`status`,sortable:!0,compare:(e,t)=>{let n=[`Running`,`Queued`,`Succeeded`,`Failed`];return n.indexOf(e.status)-n.indexOf(t.status)}},{key:`owner`,header:`Owner`,accessor:`owner`},{key:`duration`,header:`Duration`,accessor:`duration`,align:`end`}],Io=[{key:`run`,header:`Run`,accessor:`run`,sortable:!0,width:`minmax(11rem, 1.35fr)`,renderHeader:({column:e,sorted:t})=>`${e.header}${t?` (${t})`:``}`},{key:`status`,header:`Status`,accessor:`status`,sortable:!0,renderCell:({value:e})=>(0,I.jsx)(`span`,{className:K.statusPill,children:e})},{key:`owner`,header:`Owner`,accessor:`owner`,headerClassName:K.dimmedHeader},{key:`duration`,header:`Duration`,accessor:`duration`,align:`end`,cellClassName:K.dimmedCell}];function Lo(){return(0,I.jsx)(Mo,{columns:Po,data:No,selectionMode:`multiple`,defaultSelectedRows:new Set([`run-002`]),stickyHeader:!0})}function Ro(){let[e,t]=(0,h.useState)(new Set([`run-002`])),[n,r]=(0,h.useState)({key:`run`,direction:`asc`});return(0,I.jsx)(Mo,{columns:Fo,data:No,selectionMode:`multiple`,selectedRows:e,onSelectionChange:t,sort:n,onSort:(e,t)=>r(t?{key:e,direction:t}:null),stickyHeader:!0})}function zo(){let[e,t]=(0,h.useState)(null);return(0,I.jsx)(Mo,{columns:Fo,data:No,sort:e,sortCycle:`ternary`,onSortChange:t,getSortButtonAriaLabel:({column:e,sorted:t,nextDirection:n})=>{let r=t?`Current sort: ${t}.`:`Current sort: none.`,i=n?`Next sort: ${n}.`:`Next sort: clear sorting.`;return`${e.header}. ${r} ${i}`}})}function Bo(){return(0,I.jsx)(Mo,{columns:Io,data:No,classNames:{headerCell:K.tableHeaderCell,headerSortButton:K.tableHeaderSortButton,headerLabel:K.tableHeaderLabel,cell:K.tableBodyCell}})}function Vo(){let[e,t]=(0,h.useState)(new Set([`run`,`status`,`owner`,`duration`]));return(0,I.jsxs)(`div`,{className:K.storyStack,children:[(0,I.jsx)(`div`,{className:K.inlineActions,children:Po.map(n=>{let r=e.has(n.key),i=r&&e.size===1;return(0,I.jsx)(`button`,{type:`button`,className:K.demoButton,disabled:i,onClick:()=>{t(e=>{let t=new Set(e);if(t.has(n.key)){if(t.size===1)return e;t.delete(n.key)}else t.add(n.key);return t})},children:r?`Hide ${n.header}`:`Show ${n.header}`},n.key)})}),(0,I.jsx)(Mo,{columns:Fo,data:No,visibleColumnKeys:e,selectionMode:`multiple`,defaultSelectedRows:new Set([`run-002`])})]})}function Ho(){let[e,t]=(0,h.useState)({run:240,owner:140});return(0,I.jsx)(Mo,{columns:Fo.map(e=>({...e,resizable:!0,minWidth:e.key===`duration`?96:120})),data:No,columnWidths:e,onColumnWidthsChange:t,selectionMode:`multiple`,defaultSelectedRows:new Set([`run-001`]),stickyHeader:!0})}R({group:`layout`,componentId:`table`,componentName:`Table`,description:`High-density table with sorting, selection, sticky headers, and optional virtualization.`,props:[{name:`columns`,type:`TableColumnDef[]`,description:`Column definitions for headers and cells.`},{name:`visibleColumnKeys`,type:`Set<string>`,description:`Optional controlled set of visible column keys.`},{name:`columnWidths`,type:`Record<string, number>`,description:`Optional controlled map of resized column widths.`},{name:`selectionMode`,type:`'single' | 'multiple'`,description:`Optional row selection behavior.`},{name:`selectionColumnAriaLabel`,type:`string`,description:`Accessible name for the selection column header.`},{name:`sort`,type:`TableSortState`,description:`Current sort state.`},{name:`sortCycle`,type:`'binary' | 'ternary'`,default:`'binary'`,description:`Sorting cycle for sortable columns.`},{name:`isRowSelectable`,type:`(row, index) => boolean`,description:`Guards row selection participation and select-all scope.`},{name:`loading`,type:`boolean`,default:`false`,description:`Shows loading state or skeleton rows instead of data.`},{name:`virtualized`,type:`boolean | VirtualizeOptions`,description:`Enable fixed-row-height virtualization.`}],stories:[{id:`default`,title:`Default`,render:()=>(0,I.jsx)(Lo,{})},{id:`sorting`,title:`Sorting`,render:()=>(0,I.jsx)(Ro,{})},{id:`customized-headers`,title:`Customized Headers`,render:()=>(0,I.jsx)(Bo,{})},{id:`column-visibility`,title:`Column Visibility`,render:()=>(0,I.jsx)(Vo,{})},{id:`resizable-columns`,title:`Resizable Columns`,render:()=>(0,I.jsx)(Ho,{})},{id:`loading`,title:`Loading`,render:()=>(0,I.jsx)(Mo,{columns:Fo,data:No,selectionMode:`multiple`,loading:!0,skeletonRows:4})},{id:`selectable-rows`,title:`Selectable Rows`,render:()=>(0,I.jsx)(Mo,{columns:Po,data:No,selectionMode:`multiple`,isRowSelectable:e=>e.status!==`Failed`})},{id:`ternary-sorting`,title:`Ternary Sorting`,render:()=>(0,I.jsx)(zo,{})},{id:`bulk-selection`,title:`Bulk Selection`,render:()=>(0,I.jsx)(Mo,{columns:Po,data:No,selectionMode:`multiple`,defaultSelectedRows:new Set([`run-001`])})},{id:`virtualized`,title:`Virtualized`,render:()=>(0,I.jsx)(Mo,{columns:Po,data:Array.from({length:80},(e,t)=>({id:`run-${t}`,run:`benchmark-${t.toString().padStart(3,`0`)}`,status:t%3==0?`Running`:`Succeeded`,owner:t%2==0?`Ada`:`Grace`,duration:`${t+1}m`})),selectionMode:`single`,rowHeight:`compact`,virtualized:{height:280,overscan:6},stickyHeader:!0})},{id:`empty`,title:`Empty`,render:()=>(0,I.jsx)(Mo,{columns:Po,data:[],emptyState:`No runs matched the current filters.`})}]});var Uo=[`light`,`dark`],Wo=[`default`,`flat`,`elevated`,`glass`],Go={root:`_root_1dbpf_1`,brandRow:`_brandRow_1dbpf_19`,brand:`_brand_1dbpf_19`,tabs:`_tabs_1dbpf_33`,tab:`_tab_1dbpf_33`,tabActive:`_tabActive_1dbpf_51`,actions:`_actions_1dbpf_57`},Ko=[{id:`components`,label:`Components`,hash:`#/`},{id:`foundations`,label:`Foundations`,hash:`#/foundations`},{id:`showcase`,label:`Showcase`,hash:`#/showcase`}];function qo({activePage:e=`components`}){return(0,I.jsxs)(`nav`,{className:Go.root,children:[(0,I.jsxs)(`div`,{className:Go.brandRow,children:[(0,I.jsx)(`a`,{href:`#/`,className:Go.brand,children:`owoui`}),(0,I.jsx)(`div`,{className:Go.tabs,children:Ko.map(t=>(0,I.jsx)(`a`,{href:t.hash,className:F(Go.tab,t.id===e&&Go.tabActive),children:t.label},t.id))})]}),(0,I.jsx)(`div`,{className:Go.actions,children:(0,I.jsx)(pt,{variant:`ghost`,size:`md`,label:`Settings`,icon:(0,I.jsx)(Te,{size:20})})})]})}var Jo=18,Yo={button:(0,I.jsx)(ve,{size:Jo}),"icon-button":(0,I.jsx)(Ae,{size:Jo}),"dropdown-menu":(0,I.jsx)(pe,{size:Jo}),input:(0,I.jsx)(Ne,{size:Jo}),field:(0,I.jsx)(Se,{size:Jo}),select:(0,I.jsx)(ee,{size:Jo}),"segmented-control":(0,I.jsx)(re,{size:Jo}),switch:(0,I.jsx)(Fe,{size:Jo}),textarea:(0,I.jsx)(Pe,{size:Jo}),collapsible:(0,I.jsx)(ae,{size:Jo}),tabs:(0,I.jsx)(se,{size:Jo}),badge:(0,I.jsx)(Me,{size:Jo}),"status-notice":(0,I.jsx)(E,{size:Jo}),spinner:(0,I.jsx)(fe,{size:Jo}),skeleton:(0,I.jsx)(Oe,{size:Jo}),dialog:(0,I.jsx)(v,{size:Jo}),toast:(0,I.jsx)(ke,{size:Jo}),avatar:(0,I.jsx)(k,{size:Jo}),tooltip:(0,I.jsx)(me,{size:Jo}),drawer:(0,I.jsx)(ye,{size:Jo}),panel:(0,I.jsx)(de,{size:Jo})},Xo={actions:(0,I.jsx)(ve,{size:Jo}),forms:(0,I.jsx)(Ne,{size:Jo}),feedback:(0,I.jsx)(E,{size:Jo}),layout:(0,I.jsx)(be,{size:Jo})},Zo={root:`_root_14vme_1`,icon:`_icon_14vme_5`,input:`_input_14vme_14`,results:`_results_14vme_20`,result:`_result_14vme_20`,resultName:`_resultName_14vme_53`,resultGroup:`_resultGroup_14vme_57`};function Qo({onSelect:e}){let[t,n]=(0,h.useState)(``),r=(0,h.useRef)(null),i=(0,h.useMemo)(()=>lt(),[]),a=(0,h.useMemo)(()=>{if(!t.trim())return[];let e=t.toLowerCase(),n=[];for(let t of dt)for(let r of i[t])(r.componentName.toLowerCase().includes(e)||r.componentId.includes(e))&&n.push(r);return n},[t,i]);return(0,h.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),r.current?.querySelector(`input`)?.focus())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[]),(0,I.jsxs)(`div`,{ref:r,className:Zo.root,children:[(0,I.jsx)(we,{size:14,className:Zo.icon}),(0,I.jsx)(Er,{type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`Quick search...`,className:F(`sb-search-input`,Zo.input)}),t.trim()&&a.length>0?(0,I.jsx)(`div`,{className:Zo.results,children:a.map(t=>(0,I.jsxs)(`button`,{type:`button`,className:Zo.result,onClick:()=>{e(t.group,t.componentId),n(``)},children:[(0,I.jsx)(`span`,{children:Yo[t.componentId]??Xo[t.group]}),(0,I.jsx)(`span`,{className:Zo.resultName,children:t.componentName}),(0,I.jsx)(`span`,{className:Zo.resultGroup,children:ut[t.group]})]},`${t.group}-${t.componentId}`))}):null]})}var $o={root:`_root_1yitg_1`,topArea:`_topArea_1yitg_14`,themeRow:`_themeRow_1yitg_23`,presetSelect:`_presetSelect_1yitg_29`,foundationsNote:`_foundationsNote_1yitg_33`,groups:`_groups_1yitg_41`,groupLabel:`_groupLabel_1yitg_50`,groupItems:`_groupItems_1yitg_61`,navItem:`_navItem_1yitg_69`,navItemActive:`_navItemActive_1yitg_85`,navItemIcon:`_navItemIcon_1yitg_93`,navItemLabel:`_navItemLabel_1yitg_97`,footer:`_footer_1yitg_103`,footerLink:`_footerLink_1yitg_113`};function es(e){return e.charAt(0).toUpperCase()+e.slice(1)}function ts({activePage:e,activeGroup:t,activeComponent:n,theme:r,preset:i,onNavigate:a,onCycleTheme:o,onSetPreset:s}){let c=lt();return(0,I.jsxs)(`aside`,{className:F(`sb-sidebar`,$o.root),style:{height:`calc(100dvh - 4rem)`},children:[(0,I.jsxs)(`div`,{className:$o.topArea,children:[(0,I.jsx)(Qo,{onSelect:a}),(0,I.jsxs)(`div`,{className:$o.themeRow,children:[(0,I.jsx)(pt,{variant:`subtle`,size:`sm`,label:`Switch to ${r===`light`?`dark`:`light`} theme`,icon:r===`light`?(0,I.jsx)(je,{size:14}):(0,I.jsx)(_e,{size:14}),onClick:o,className:`sb-theme-toggle`}),(0,I.jsx)(Pr,{value:i,onValueChange:e=>{e&&s(e)},options:Wo.map(e=>({value:e,label:es(e)})),size:`sm`,ariaLabel:`Preset`,className:F(`sb-sidebar-select`,$o.presetSelect)})]})]}),e===`foundations`?(0,I.jsx)(`div`,{className:$o.foundationsNote,children:(0,I.jsx)(`p`,{children:`Switch theme and preset above to see how design tokens adapt across contexts.`})}):(0,I.jsx)(`div`,{className:$o.groups,children:dt.map(e=>(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`span`,{className:$o.groupLabel,children:ut[e]}),(0,I.jsx)(`div`,{className:$o.groupItems,children:c[e].map(r=>{let i=r.group===t&&r.componentId===n;return(0,I.jsxs)(`a`,{href:`#/${r.group}/${r.componentId}`,onClick:e=>{e.preventDefault(),a(r.group,r.componentId)},title:r.componentName,className:F($o.navItem,i&&$o.navItemActive),children:[(0,I.jsx)(`span`,{className:$o.navItemIcon,children:Yo[r.componentId]??Xo[e]}),(0,I.jsx)(`span`,{className:$o.navItemLabel,children:r.componentName})]},r.componentId)})})]},e))}),(0,I.jsx)(`div`,{className:$o.footer,children:(0,I.jsxs)(`a`,{href:`#`,className:$o.footerLink,children:[(0,I.jsx)(O,{size:18}),(0,I.jsx)(`span`,{children:`Support`})]})})]})}var ns={root:`_root_je0sd_1`,preview:`_preview_je0sd_7`,previewInner:`_previewInner_je0sd_14`,toolbar:`_toolbar_je0sd_20`,codeBlock:`_codeBlock_je0sd_29`};function rs({story:e}){let[t,n]=(0,h.useState)(!1),[r,i]=(0,h.useState)(!1);(0,h.useEffect)(()=>{if(!r)return;let e=setTimeout(()=>i(!1),1500);return()=>clearTimeout(e)},[r]);let a=!!e.source;return(0,I.jsxs)(`div`,{className:ns.root,children:[(0,I.jsx)(`div`,{className:F(`sb-dot-grid`,ns.preview),style:{minHeight:120},children:(0,I.jsx)(`div`,{className:ns.previewInner,children:e.render()})}),a?(0,I.jsxs)(`div`,{className:ns.toolbar,children:[(0,I.jsx)(L,{variant:t?`secondary`:`ghost`,size:`sm`,leadingIcon:(0,I.jsx)(ne,{size:12}),onClick:()=>n(e=>!e),className:`sb-code-toggle`,children:`Code`}),t?(0,I.jsx)(L,{variant:`ghost`,size:`sm`,leadingIcon:r?(0,I.jsx)(C,{size:12}):(0,I.jsx)(A,{size:12}),onClick:async()=>{e.source&&(await navigator.clipboard.writeText(e.source),i(!0))},className:`sb-code-toggle`,children:r?`Copied`:`Copy`}):null]}):null,a&&t?(0,I.jsx)(`pre`,{className:ns.codeBlock,children:(0,I.jsx)(`code`,{children:e.source})}):null]})}var is={root:`_root_1x97g_1`,previewColumn:`_previewColumn_1x97g_7`,preview:`_preview_1x97g_7`,previewContent:`_previewContent_1x97g_23`,floatingControls:`_floatingControls_1x97g_31`,zoomLabel:`_zoomLabel_1x97g_41`,controlsPanel:`_controlsPanel_1x97g_49`,controlsHeading:`_controlsHeading_1x97g_59`,headingIcon:`_headingIcon_1x97g_71`,controlsList:`_controlsList_1x97g_75`,booleanGroup:`_booleanGroup_1x97g_79`,booleanRow:`_booleanRow_1x97g_87`,booleanLabel:`_booleanLabel_1x97g_93`,fieldGroup:`_fieldGroup_1x97g_99`,fieldLabel:`_fieldLabel_1x97g_103`,copyButton:`_copyButton_1x97g_113`,numberInput:`_numberInput_1x97g_120`,fullWidth:`_fullWidth_1x97g_124`},as=/^'[^']+'\s*(\s*\|\s*'[^']+')+$/;function os(e){let t=e.trim();return as.test(t)?{controlType:`select`,options:[...t.matchAll(/'([^']+)'/g)].map(e=>e[1])}:t===`boolean`?{controlType:`boolean`}:t===`string`?{controlType:`string`}:t===`number`?{controlType:`number`}:{controlType:`skip`}}function ss(e,t,n){if(e===void 0||e===``)return t===`boolean`?!1:t===`select`&&n?.length?n[0]:t===`number`?0:``;let r=e.trim();return t===`boolean`?r===`true`:t===`number`?Number(r)||0:/^['"].*['"]$/.test(r)?r.slice(1,-1):r}function cs(e){return e.flatMap(e=>{let{controlType:t,options:n}=os(e.type);return t===`skip`?[]:[{name:e.name,controlType:t,options:n,defaultValue:ss(e.default,t,n),description:e.description}]})}function ls(e){return e.charAt(0).toUpperCase()+e.slice(1)}function us(e){let t=[];for(let n of e)if(n.controlType===`boolean`){let e=t[t.length-1];if(e?.type===`boolean`){e.controls.push(n);continue}t.push({type:`boolean`,controls:[n]})}else t.push({type:`other`,controls:[n]});return t}function ds({control:e,value:t,onChange:n}){switch(e.controlType){case`select`:return(0,I.jsx)(Pr,{value:String(t),onValueChange:e=>n(e),options:(e.options??[]).map(e=>({value:e,label:ls(e)})),size:`md`,ariaLabel:e.name,className:is.fullWidth});case`boolean`:return(0,I.jsx)(ai,{checked:!!t,onCheckedChange:e=>n(e),size:`sm`,ariaLabel:e.name});case`string`:return(0,I.jsx)(Er,{type:`text`,value:String(t??``),onChange:e=>n(e.target.value),placeholder:e.name});case`number`:return(0,I.jsx)(Er,{type:`number`,value:Number(t)||0,onChange:e=>n(Number(e.target.value)||0),className:is.numberInput});default:return null}}var fs=.25,ps=.5,ms=5;function hs({props:e,renderPlayground:t,componentName:n,defaultScale:r=1}){let i=(0,h.useMemo)(()=>cs(e),[e]),a=(0,h.useMemo)(()=>{let e={};for(let t of i)e[t.name]=t.defaultValue;return e},[i]),[o,s]=(0,h.useState)(a),[c,l]=(0,h.useState)(r),[u,d]=(0,h.useState)(!1);(0,h.useEffect)(()=>{s(a)},[a]),(0,h.useEffect)(()=>{if(!u)return;let e=setTimeout(()=>d(!1),1500);return()=>clearTimeout(e)},[u]);let f=(e,t)=>s(n=>({...n,[e]:t})),p=(0,h.useMemo)(()=>{let e=Object.entries(o).filter(([,e])=>e!==``&&e!==!1&&e!==void 0).map(([e,t])=>typeof t==`boolean`?t?e:null:typeof t==`number`?`${e}={${t}}`:`${e}="${t}"`).filter(Boolean).join(` `);return`<${n}${e?` ${e}`:``} />`},[o,n]);return(0,I.jsxs)(`section`,{className:is.root,children:[(0,I.jsx)(`div`,{className:is.previewColumn,children:(0,I.jsxs)(`div`,{className:F(`sb-dot-grid`,is.preview),style:{height:500},children:[(0,I.jsx)(`div`,{className:is.previewContent,style:{transform:`scale(${c})`},children:t(o,f)}),(0,I.jsxs)(`div`,{className:is.floatingControls,children:[(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Zoom out`,icon:(0,I.jsx)(ge,{size:16}),className:`sb-glass-btn`,disabled:c<=ps,onClick:()=>l(e=>Math.max(ps,+(e-fs).toFixed(2)))}),(0,I.jsxs)(`span`,{className:is.zoomLabel,children:[Math.round(c*100),`%`]}),(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Zoom in`,icon:(0,I.jsx)(xe,{size:16}),className:`sb-glass-btn`,disabled:c>=ms,onClick:()=>l(e=>Math.min(ms,+(e+fs).toFixed(2)))}),(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Reset`,icon:(0,I.jsx)(Ce,{size:16}),className:`sb-glass-btn`,onClick:()=>{s(a),l(r)}})]})]})}),(0,I.jsxs)(`div`,{className:F(`sb-controls`,is.controlsPanel),children:[(0,I.jsxs)(`h3`,{className:is.controlsHeading,children:[(0,I.jsx)(De,{size:14,className:is.headingIcon}),`CONTROLS`]}),(0,I.jsx)(`div`,{className:is.controlsList,children:us(i).map(e=>e.type===`boolean`?(0,I.jsx)(`div`,{className:is.booleanGroup,children:e.controls.map(e=>(0,I.jsxs)(`div`,{className:is.booleanRow,children:[(0,I.jsx)(`span`,{className:is.booleanLabel,children:ls(e.name)}),(0,I.jsx)(ds,{control:e,value:o[e.name],onChange:t=>f(e.name,t)})]},e.name))},e.controls[0].name):(0,I.jsxs)(`div`,{className:is.fieldGroup,children:[(0,I.jsx)(`label`,{className:is.fieldLabel,children:e.controls[0].name}),(0,I.jsx)(ds,{control:e.controls[0],value:o[e.controls[0].name],onChange:t=>f(e.controls[0].name,t)})]},e.controls[0].name))}),(0,I.jsx)(L,{variant:`primary`,size:`md`,leadingIcon:u?(0,I.jsx)(C,{size:14}):(0,I.jsx)(A,{size:14}),onClick:async()=>{await navigator.clipboard.writeText(p),d(!0)},className:F(`sb-copy-btn`,is.copyButton),children:u?`Copied!`:`Copy Code`})]})]})}var gs={root:`_root_1ttnx_1`,table:`_table_1ttnx_8`,headRow:`_headRow_1ttnx_16`,headCell:`_headCell_1ttnx_24`,body:`_body_1ttnx_29`,bodyRow:`_bodyRow_1ttnx_33`,nameCell:`_nameCell_1ttnx_45`,typeCell:`_typeCell_1ttnx_54`,defaultCell:`_defaultCell_1ttnx_60`,descriptionCell:`_descriptionCell_1ttnx_65`};function _s({props:e}){return(0,I.jsx)(`div`,{className:gs.root,children:(0,I.jsxs)(`table`,{className:gs.table,children:[(0,I.jsx)(`thead`,{children:(0,I.jsxs)(`tr`,{className:gs.headRow,children:[(0,I.jsx)(`th`,{className:gs.headCell,children:`Property`}),(0,I.jsx)(`th`,{className:gs.headCell,children:`Type`}),(0,I.jsx)(`th`,{className:gs.headCell,children:`Default`}),(0,I.jsx)(`th`,{className:gs.headCell,children:`Description`})]})}),(0,I.jsx)(`tbody`,{className:gs.body,children:e.map(e=>(0,I.jsxs)(`tr`,{className:gs.bodyRow,children:[(0,I.jsx)(`td`,{className:gs.nameCell,children:e.name}),(0,I.jsx)(`td`,{className:gs.typeCell,children:e.type}),(0,I.jsx)(`td`,{className:gs.defaultCell,children:e.default??`—`}),(0,I.jsx)(`td`,{className:gs.descriptionCell,children:e.description??``})]},e.name))})]})})}var Y={root:`_root_1okd9_1`,header:`_header_1okd9_5`,title:`_title_1okd9_9`,description:`_description_1okd9_17`,section:`_section_1okd9_24`,sectionTitle:`_sectionTitle_1okd9_28`,groupTitle:`_groupTitle_1okd9_35`,colorGrid:`_colorGrid_1okd9_45`,swatchRow:`_swatchRow_1okd9_51`,swatch:`_swatch_1okd9_51`,swatchMeta:`_swatchMeta_1okd9_65`,swatchName:`_swatchName_1okd9_69`,swatchVar:`_swatchVar_1okd9_79`,card:`_card_1okd9_88`,tokenLabel:`_tokenLabel_1okd9_99`,samplePrimary:`_samplePrimary_1okd9_109`,sampleSecondary:`_sampleSecondary_1okd9_116`,scaleBlock:`_scaleBlock_1okd9_122`,scaleList:`_scaleList_1okd9_127`,scaleRow:`_scaleRow_1okd9_131`,scaleKey:`_scaleKey_1okd9_137`,radiusGrid:`_radiusGrid_1okd9_145`,heightGrid:`_heightGrid_1okd9_146`,shadowGrid:`_shadowGrid_1okd9_147`,tokenCard:`_tokenCard_1okd9_153`,radiusSample:`_radiusSample_1okd9_157`,heightRail:`_heightRail_1okd9_165`,heightSample:`_heightSample_1okd9_173`,shadowSample:`_shadowSample_1okd9_187`,tokenName:`_tokenName_1okd9_196`,tokenVar:`_tokenVar_1okd9_203`},vs=[{label:`Canvas & Surface`,tokens:[{name:`canvas-bg`,var:`--owo-cmp-canvas-bg`},{name:`canvas-bg-subtle`,var:`--owo-cmp-canvas-bg-subtle`},{name:`surface-bg`,var:`--owo-cmp-surface-bg`},{name:`surface-bg-subtle`,var:`--owo-cmp-surface-bg-subtle`},{name:`surface-bg-raised`,var:`--owo-cmp-surface-bg-raised`},{name:`surface-bg-inset`,var:`--owo-cmp-surface-bg-inset`},{name:`surface-container`,var:`--owo-cmp-surface-container`},{name:`surface-container-high`,var:`--owo-cmp-surface-container-high`},{name:`surface-container-highest`,var:`--owo-cmp-surface-container-highest`}]},{label:`Border`,tokens:[{name:`surface-border`,var:`--owo-cmp-surface-border`},{name:`surface-border-muted`,var:`--owo-cmp-surface-border-muted`},{name:`surface-border-strong`,var:`--owo-cmp-surface-border-strong`}]},{label:`Text`,tokens:[{name:`text-primary`,var:`--owo-cmp-text-primary`},{name:`text-secondary`,var:`--owo-cmp-text-secondary`},{name:`text-muted`,var:`--owo-cmp-text-muted`},{name:`text-on-accent`,var:`--owo-cmp-text-on-accent`}]},{label:`Accent`,tokens:[{name:`accent-bg`,var:`--owo-cmp-accent-bg`},{name:`accent-bg-hover`,var:`--owo-cmp-accent-bg-hover`},{name:`accent-bg-muted`,var:`--owo-cmp-accent-bg-muted`},{name:`accent-border`,var:`--owo-cmp-accent-border`}]},{label:`Status`,tokens:[{name:`success-bg`,var:`--owo-cmp-success-bg`},{name:`success-border`,var:`--owo-cmp-success-border`},{name:`success-text`,var:`--owo-cmp-success-text`},{name:`warning-bg`,var:`--owo-cmp-warning-bg`},{name:`warning-border`,var:`--owo-cmp-warning-border`},{name:`warning-text`,var:`--owo-cmp-warning-text`},{name:`danger-bg`,var:`--owo-cmp-danger-bg`},{name:`danger-border`,var:`--owo-cmp-danger-border`},{name:`danger-text`,var:`--owo-cmp-danger-text`},{name:`info-bg`,var:`--owo-cmp-info-bg`},{name:`info-border`,var:`--owo-cmp-info-border`},{name:`info-text`,var:`--owo-cmp-info-text`}]}],ys=[{name:`sm`,var:`--owo-cmp-control-radius-sm`},{name:`md`,var:`--owo-cmp-control-radius-md`},{name:`lg`,var:`--owo-cmp-control-radius-lg`},{name:`xl`,var:`--owo-cmp-control-radius-xl`},{name:`2xl`,var:`--owo-cmp-control-radius-2xl`},{name:`full`,var:`--owo-cmp-control-radius-full`}],bs=[{name:`xs`,var:`--owo-cmp-control-height-xs`},{name:`sm`,var:`--owo-cmp-control-height-sm`},{name:`md`,var:`--owo-cmp-control-height-md`},{name:`lg`,var:`--owo-cmp-control-height-lg`},{name:`xl`,var:`--owo-cmp-control-height-xl`}],xs=[{name:`raised`,var:`--owo-cmp-surface-shadow`},{name:`popover`,var:`--owo-cmp-surface-shadow-strong`}];function Ss({name:e,cssVar:t}){return(0,I.jsxs)(`div`,{className:Y.swatchRow,children:[(0,I.jsx)(`div`,{className:Y.swatch,style:{backgroundColor:`var(${t})`}}),(0,I.jsxs)(`div`,{className:Y.swatchMeta,children:[(0,I.jsx)(`div`,{className:Y.swatchName,children:e}),(0,I.jsx)(`div`,{className:Y.swatchVar,children:t})]})]})}function Cs(){return(0,I.jsxs)(`div`,{className:Y.root,children:[(0,I.jsxs)(`header`,{className:Y.header,children:[(0,I.jsx)(`h1`,{className:Y.title,children:`Foundations`}),(0,I.jsx)(`p`,{className:Y.description,children:`Design tokens that define the visual language. Switch theme and preset to see how values adapt across contexts.`})]}),(0,I.jsxs)(`section`,{className:Y.section,children:[(0,I.jsx)(`h2`,{className:Y.sectionTitle,children:`Colors`}),vs.map(e=>(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`h3`,{className:Y.groupTitle,children:e.label}),(0,I.jsx)(`div`,{className:Y.colorGrid,children:e.tokens.map(e=>(0,I.jsx)(Ss,{name:e.name,cssVar:e.var},e.var))})]},e.label))]}),(0,I.jsxs)(`section`,{className:Y.section,children:[(0,I.jsx)(`h2`,{className:Y.sectionTitle,children:`Typography`}),(0,I.jsxs)(`div`,{className:Y.card,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:Y.tokenLabel,children:`Sans (--owo-ref-font-sans)`}),(0,I.jsx)(`p`,{className:Y.samplePrimary,style:{fontFamily:`var(--owo-ref-font-sans)`},children:`The quick brown fox jumps over the lazy dog`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:Y.tokenLabel,children:`Heading (--owo-ref-font-heading)`}),(0,I.jsx)(`p`,{className:Y.samplePrimary,style:{fontFamily:`var(--owo-ref-font-heading)`},children:`The quick brown fox jumps over the lazy dog`})]}),(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:Y.tokenLabel,children:`Mono (--owo-ref-font-mono)`}),(0,I.jsx)(`p`,{className:Y.sampleSecondary,style:{fontFamily:`var(--owo-ref-font-mono)`},children:`const token = 'design-system';`})]}),(0,I.jsxs)(`div`,{className:Y.scaleBlock,children:[(0,I.jsx)(`div`,{className:Y.tokenLabel,children:`Scale`}),(0,I.jsx)(`div`,{className:Y.scaleList,children:[{label:`text-xs`,size:`0.75rem`},{label:`text-sm`,size:`0.875rem`},{label:`text-base`,size:`1rem`},{label:`text-lg`,size:`1.125rem`},{label:`text-xl`,size:`1.25rem`},{label:`text-2xl`,size:`1.5rem`},{label:`text-3xl`,size:`1.875rem`},{label:`text-4xl`,size:`2.25rem`}].map(e=>(0,I.jsxs)(`div`,{className:Y.scaleRow,children:[(0,I.jsx)(`span`,{className:Y.scaleKey,children:e.label}),(0,I.jsx)(`span`,{style:{fontSize:e.size,color:`var(--owo-cmp-text-primary)`},children:`Aa`})]},e.label))})]})]})]}),(0,I.jsxs)(`section`,{className:Y.section,children:[(0,I.jsx)(`h2`,{className:Y.sectionTitle,children:`Border Radius`}),(0,I.jsx)(`div`,{className:Y.radiusGrid,children:ys.map(e=>(0,I.jsxs)(`div`,{className:Y.tokenCard,children:[(0,I.jsx)(`div`,{className:Y.radiusSample,style:{borderRadius:`var(${e.var})`}}),(0,I.jsx)(`div`,{className:Y.tokenName,children:e.name}),(0,I.jsx)(`div`,{className:Y.tokenVar,children:e.var})]},e.var))})]}),(0,I.jsxs)(`section`,{className:Y.section,children:[(0,I.jsx)(`h2`,{className:Y.sectionTitle,children:`Control Heights`}),(0,I.jsx)(`div`,{className:Y.heightGrid,children:bs.map(e=>(0,I.jsxs)(`div`,{className:Y.tokenCard,children:[(0,I.jsx)(`div`,{className:Y.heightRail,children:(0,I.jsx)(`div`,{className:Y.heightSample,style:{height:`var(${e.var})`},children:`Aa`})}),(0,I.jsx)(`div`,{className:Y.tokenName,children:e.name}),(0,I.jsx)(`div`,{className:Y.tokenVar,children:e.var})]},e.var))})]}),(0,I.jsxs)(`section`,{className:Y.section,children:[(0,I.jsx)(`h2`,{className:Y.sectionTitle,children:`Shadows`}),(0,I.jsx)(`div`,{className:Y.shadowGrid,children:xs.map(e=>(0,I.jsxs)(`div`,{className:Y.tokenCard,children:[(0,I.jsx)(`div`,{className:Y.shadowSample,style:{boxShadow:`var(${e.var})`}}),(0,I.jsx)(`div`,{className:Y.tokenName,children:e.name}),(0,I.jsx)(`div`,{className:Y.tokenVar,children:e.var})]},e.var))})]})]})}var X={root:`_root_436gc_1`,sectionStack:`_sectionStack_436gc_5`,pageHeader:`_pageHeader_436gc_9`,pageHeaderMeta:`_pageHeaderMeta_436gc_17`,pageTitle:`_pageTitle_436gc_23`,pageDescription:`_pageDescription_436gc_31`,showcaseStack:`_showcaseStack_436gc_38`,headline:`_headline_436gc_42`,subtleText:`_subtleText_436gc_50`,metaLine:`_metaLine_436gc_56`,headerActions:`_headerActions_436gc_60`,userMenuTrigger:`_userMenuTrigger_436gc_66`,mutedIcon:`_mutedIcon_436gc_79`,contentGrid:`_contentGrid_436gc_83`,mainColumn:`_mainColumn_436gc_89`,sidebarColumn:`_sidebarColumn_436gc_93`,toolbar:`_toolbar_436gc_97`,stack5:`_stack5_436gc_103`,stack6:`_stack6_436gc_107`,panelHeader:`_panelHeader_436gc_111`,simpleStack:`_simpleStack_436gc_119`,activityRow:`_activityRow_436gc_123`,activityMeta:`_activityMeta_436gc_129`,activityText:`_activityText_436gc_133`,activityMuted:`_activityMuted_436gc_138`,metaText:`_metaText_436gc_142`,buttonGrid:`_buttonGrid_436gc_148`,newsMainColumn:`_newsMainColumn_436gc_154`,newsArticleCard:`_newsArticleCard_436gc_158`,newsArticleImage:`_newsArticleImage_436gc_164`,newsArticleBody:`_newsArticleBody_436gc_172`,newsArticleMeta:`_newsArticleMeta_436gc_179`,newsMetaText:`_newsMetaText_436gc_185`,newsArticleTitle:`_newsArticleTitle_436gc_191`,newsArticleExcerpt:`_newsArticleExcerpt_436gc_199`,newsArticleFooter:`_newsArticleFooter_436gc_210`,newsAuthorRow:`_newsAuthorRow_436gc_218`,newsAuthorInline:`_newsAuthorInline_436gc_227`,newsIconRow:`_newsIconRow_436gc_233`,centerRow:`_centerRow_436gc_239`,fullWidth:`_fullWidth_436gc_244`,cardTrigger:`_cardTrigger_436gc_248`,cardContent:`_cardContent_436gc_265`,accentText:`_accentText_436gc_272`,loadingRow:`_loadingRow_436gc_277`,loadingMeta:`_loadingMeta_436gc_283`,dialogSettingRow:`_dialogSettingRow_436gc_291`,dialogSettingTitle:`_dialogSettingTitle_436gc_297`,dialogSettingHint:`_dialogSettingHint_436gc_303`,metricBody:`_metricBody_436gc_309`,metricHeaderRow:`_metricHeaderRow_436gc_313`,metricLabel:`_metricLabel_436gc_319`,metricIcon:`_metricIcon_436gc_326`,metricValueRow:`_metricValueRow_436gc_330`,metricValue:`_metricValue_436gc_330`,chartHeader:`_chartHeader_436gc_343`,sectionTitle:`_sectionTitle_436gc_349`,chartArea:`_chartArea_436gc_356`,chartBar:`_chartBar_436gc_366`,chartXAxis:`_chartXAxis_436gc_377`,serviceHeader:`_serviceHeader_436gc_385`,serviceList:`_serviceList_436gc_392`,serviceRow:`_serviceRow_436gc_400`,serviceMeta:`_serviceMeta_436gc_407`,serviceDot:`_serviceDot_436gc_413`,serviceName:`_serviceName_436gc_419`,serviceStats:`_serviceStats_436gc_425`,loadingTitle:`_loadingTitle_436gc_434`,loadingAvatar:`_loadingAvatar_436gc_442`,loadingLineWide:`_loadingLineWide_436gc_448`,loadingLineNarrow:`_loadingLineNarrow_436gc_454`,loadingButton:`_loadingButton_436gc_460`},ws=[{id:`news`,label:`News Portal`},{id:`dashboard`,label:`Analytics Dashboard`}],Ts=[{id:1,category:`Technology`,title:`AI-Powered Code Assistants Are Reshaping How Teams Build Software`,excerpt:`A look at how development teams are integrating AI tools into their daily workflows, and what it means for productivity and code quality.`,author:`Sarah Chen`,date:`Mar 25, 2026`,readTime:`8 min read`,comments:42,likes:187,image:`linear-gradient(135deg, #667eea 0%, #764ba2 100%)`},{id:2,category:`Design`,title:`The Rise of Design Tokens: Building Consistent UI at Scale`,excerpt:`Design tokens are becoming the foundation of modern design systems. Here is why your team should adopt them.`,author:`Marcus Webb`,date:`Mar 24, 2026`,readTime:`5 min read`,comments:18,likes:94,image:`linear-gradient(135deg, #f093fb 0%, #f5576c 100%)`},{id:3,category:`Engineering`,title:`Zero-Downtime Deployments: Lessons From Running 10K Services`,excerpt:`Practical strategies for achieving zero-downtime deployments at scale, drawn from real production incidents.`,author:`Priya Patel`,date:`Mar 23, 2026`,readTime:`12 min read`,comments:67,likes:312,image:`linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)`},{id:4,category:`Open Source`,title:`How Small Teams Maintain Popular Open Source Projects`,excerpt:`Interviews with maintainers of widely-used libraries about sustainable open source practices.`,author:`Tomás Rivera`,date:`Mar 22, 2026`,readTime:`6 min read`,comments:23,likes:156,image:`linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`}],Es=[{title:`WebAssembly 3.0 Proposal Reaches Stage 3`,comments:89},{title:`React 20 Introduces Server-First Architecture`,comments:234},{title:`TypeScript 6.0 Adds Pattern Matching`,comments:156},{title:`Rust Overtakes Java in Stack Overflow Survey`,comments:312},{title:`GitHub Copilot X Now Free for Open Source`,comments:178}];function Ds(){let[e,t]=(0,h.useState)(`latest`),[n,r]=(0,h.useState)(new Set),[i,a]=(0,h.useState)(!1),o=aa(),s=e=>{r(t=>{let n=new Set(t);return n.has(e)?(n.delete(e),o.info(`Removed from bookmarks`)):(n.add(e),o.success(`Saved to bookmarks`)),n})};return(0,I.jsxs)(`div`,{className:X.sectionStack,children:[(0,I.jsxs)(`header`,{className:X.pageHeader,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`h1`,{className:X.headline,children:`The Daily Byte`}),(0,I.jsx)(`p`,{className:F(X.subtleText,X.metaLine),children:`Your curated tech news, every morning.`})]}),(0,I.jsxs)(`div`,{className:X.headerActions,children:[(0,I.jsx)(xa,{content:`Search articles`,children:(0,I.jsx)(pt,{variant:`subtle`,size:`md`,label:`Search`,icon:(0,I.jsx)(we,{size:18}),onClick:()=>a(!0)})}),(0,I.jsx)(xa,{content:`Notifications`,children:(0,I.jsx)(pt,{variant:`subtle`,size:`md`,label:`Notifications`,icon:(0,I.jsx)(b,{size:18})})}),(0,I.jsxs)(G,{children:[(0,I.jsx)(G.Trigger,{children:(0,I.jsxs)(`button`,{type:`button`,className:X.userMenuTrigger,children:[(0,I.jsx)(ma,{name:`Alex Chen`,size:`sm`}),(0,I.jsx)(w,{size:14,className:X.mutedIcon})]})}),(0,I.jsxs)(G.Content,{children:[(0,I.jsx)(G.Item,{onSelect:()=>{},children:`Profile`}),(0,I.jsx)(G.Item,{onSelect:()=>{},children:`Settings`}),(0,I.jsx)(G.Separator,{}),(0,I.jsx)(G.Item,{destructive:!0,onSelect:()=>{},children:`Sign out`})]})]})]})]}),(0,I.jsxs)(W,{open:i,onClose:()=>a(!1),children:[(0,I.jsx)(W.Header,{children:`Search Articles`}),(0,I.jsx)(W.Body,{children:(0,I.jsx)(Cr,{label:`Keywords`,children:(0,I.jsx)(Er,{type:`text`,placeholder:`Search by title, author, or topic...`})})}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,onClick:()=>a(!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,onClick:()=>a(!1),children:`Search`})]})]}),(0,I.jsx)(Mi,{tone:`info`,title:`Breaking`,children:`React 20 just dropped with a brand-new server-first architecture. Read the announcement →`}),(0,I.jsxs)(`div`,{className:X.contentGrid,children:[(0,I.jsxs)(`div`,{className:F(X.mainColumn,X.stack6,X.newsMainColumn),children:[(0,I.jsxs)(`div`,{className:X.toolbar,children:[(0,I.jsx)(ei,{value:e,onValueChange:e=>t(e),options:[{value:`latest`,label:`Latest`},{value:`popular`,label:`Popular`}],ariaLabel:`Feed type`}),(0,I.jsx)(L,{variant:`ghost`,size:`sm`,leadingIcon:(0,I.jsx)(Ce,{size:14}),children:`Refresh`})]}),(0,I.jsx)(`div`,{className:X.stack5,children:Ts.map(e=>(0,I.jsx)(vo,{children:(0,I.jsxs)(`div`,{className:X.newsArticleCard,children:[(0,I.jsx)(`div`,{className:X.newsArticleImage,style:{background:e.image}}),(0,I.jsxs)(`div`,{className:X.newsArticleBody,children:[(0,I.jsxs)(`div`,{className:X.newsArticleMeta,children:[(0,I.jsx)(H,{tone:`info`,children:e.category}),(0,I.jsx)(`span`,{className:X.newsMetaText,children:e.date})]}),(0,I.jsx)(`h3`,{className:X.newsArticleTitle,children:e.title}),(0,I.jsx)(`p`,{className:X.newsArticleExcerpt,children:e.excerpt}),(0,I.jsxs)(`div`,{className:X.newsArticleFooter,children:[(0,I.jsxs)(`div`,{className:X.newsAuthorRow,children:[(0,I.jsxs)(`span`,{className:X.newsAuthorInline,children:[(0,I.jsx)(ma,{name:e.author,size:`xs`}),e.author]}),(0,I.jsxs)(`span`,{className:X.newsAuthorInline,children:[(0,I.jsx)(te,{size:12}),e.readTime]})]}),(0,I.jsxs)(`div`,{className:X.newsIconRow,children:[(0,I.jsx)(xa,{content:`${e.likes} likes`,children:(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Like`,icon:(0,I.jsx)(le,{size:14})})}),(0,I.jsx)(xa,{content:`${e.comments} comments`,children:(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Comments`,icon:(0,I.jsx)(he,{size:14})})}),(0,I.jsx)(xa,{content:n.has(e.id)?`Remove bookmark`:`Bookmark`,children:(0,I.jsx)(pt,{variant:n.has(e.id)?`subtle`:`ghost`,size:`sm`,label:`Bookmark`,icon:(0,I.jsx)(x,{size:14}),onClick:()=>s(e.id)})}),(0,I.jsx)(xa,{content:`Share`,children:(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Share`,icon:(0,I.jsx)(Ee,{size:14})})})]})]})]})]})},e.id))}),(0,I.jsx)(`div`,{className:X.centerRow,children:(0,I.jsx)(L,{variant:`secondary`,trailingIcon:(0,I.jsx)(y,{size:14}),children:`Load More Articles`})})]}),(0,I.jsxs)(`aside`,{className:X.sidebarColumn,children:[(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{children:[(0,I.jsx)(`h3`,{className:X.panelHeader,children:`Trending Now`}),(0,I.jsx)(`div`,{className:X.simpleStack,children:Es.map((e,t)=>(0,I.jsxs)(`div`,{className:X.activityRow,children:[(0,I.jsx)(`span`,{className:X.metaText,children:String(t+1).padStart(2,`0`)}),(0,I.jsxs)(`div`,{className:X.activityMeta,children:[(0,I.jsx)(`p`,{className:X.activityText,children:e.title}),(0,I.jsxs)(`span`,{className:X.metaText,children:[e.comments,` comments`]})]})]},e.title))})]})}),(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{className:X.simpleStack,children:[(0,I.jsx)(`h3`,{className:X.panelHeader,children:`Subscribe to Newsletter`}),(0,I.jsx)(`p`,{className:X.metaText,children:`Get the top stories delivered to your inbox every morning.`}),(0,I.jsx)(Cr,{label:`Email`,children:(0,I.jsx)(Er,{type:`email`,placeholder:`you@example.com`})}),(0,I.jsx)(L,{variant:`primary`,className:X.fullWidth,children:`Subscribe`})]})}),(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{children:[(0,I.jsx)(`h3`,{className:X.panelHeader,children:`Popular Topics`}),(0,I.jsx)(`div`,{className:X.simpleStack,children:[`React`,`TypeScript`,`Rust`,`AI/ML`,`DevOps`,`Open Source`,`Web3`,`Design Systems`].map(e=>(0,I.jsx)(H,{tone:`neutral`,children:e},e))})]})})]})]})]})}var Os=[{label:`Total Revenue`,value:`$84,230`,change:`+12.5%`,up:!0,icon:(0,I.jsx)(ie,{size:16})},{label:`Active Users`,value:`14,892`,change:`+8.1%`,up:!0,icon:(0,I.jsx)(ze,{size:16})},{label:`Conversion Rate`,value:`3.24%`,change:`-0.4%`,up:!1,icon:(0,I.jsx)(Le,{size:16})},{label:`Avg. Session`,value:`4m 32s`,change:`+18.2%`,up:!0,icon:(0,I.jsx)(te,{size:16})}],ks=[{user:`Emma Wilson`,action:`completed onboarding`,time:`2 min ago`},{user:`Liam Zhang`,action:`upgraded to Pro plan`,time:`15 min ago`},{user:`Olivia Brown`,action:`submitted a support ticket`,time:`32 min ago`},{user:`Noah Garcia`,action:`exported analytics report`,time:`1 hr ago`},{user:`Ava Martinez`,action:`invited 3 team members`,time:`2 hr ago`}],As=[{name:`API Gateway`,status:`healthy`,latency:`23ms`,uptime:`99.98%`},{name:`Auth Service`,status:`healthy`,latency:`12ms`,uptime:`99.99%`},{name:`Payment Service`,status:`degraded`,latency:`340ms`,uptime:`99.87%`},{name:`Search Engine`,status:`healthy`,latency:`45ms`,uptime:`99.95%`},{name:`Email Worker`,status:`healthy`,latency:`89ms`,uptime:`99.92%`}];function js(){let[e,t]=(0,h.useState)(`7d`),[n,r]=(0,h.useState)(!1),[i,a]=(0,h.useState)(!1),[o,s]=(0,h.useState)(!0),[c,l]=(0,h.useState)(`30`),u=aa();return(0,I.jsxs)(`div`,{className:X.showcaseStack,children:[(0,I.jsxs)(`header`,{className:X.pageHeader,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`h1`,{className:X.headline,children:`Dashboard`}),(0,I.jsxs)(`p`,{className:F(X.subtleText,X.metaLine),children:[`Last updated 2 minutes ago`,(0,I.jsx)(rt,{variant:`arc`,size:`xs`,className:X.mutedIcon})]})]}),(0,I.jsxs)(`div`,{className:X.headerActions,children:[(0,I.jsx)(Pr,{value:e,onValueChange:e=>{e&&t(e)},options:[{value:`24h`,label:`Last 24 hours`},{value:`7d`,label:`Last 7 days`},{value:`30d`,label:`Last 30 days`},{value:`90d`,label:`Last 90 days`}],ariaLabel:`Time period`,size:`sm`}),(0,I.jsx)(xa,{content:`Dashboard settings`,children:(0,I.jsx)(pt,{variant:`subtle`,size:`md`,label:`Settings`,icon:(0,I.jsx)(Te,{size:18}),onClick:()=>r(!0)})}),(0,I.jsx)(L,{variant:`primary`,size:`sm`,leadingIcon:(0,I.jsx)(xe,{size:14}),children:`New Report`})]})]}),(0,I.jsxs)(W,{open:n,onClose:()=>r(!1),children:[(0,I.jsx)(W.Header,{children:`Dashboard Settings`}),(0,I.jsx)(W.Body,{children:(0,I.jsxs)(`div`,{className:X.stack5,children:[(0,I.jsxs)(`div`,{className:X.dialogSettingRow,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:X.dialogSettingTitle,children:`Auto-refresh`}),(0,I.jsx)(`div`,{className:X.dialogSettingHint,children:`Automatically refresh data`})]}),(0,I.jsx)(ai,{checked:o,onCheckedChange:s,ariaLabel:`Auto refresh`})]}),(0,I.jsx)(Cr,{label:`Refresh Interval`,children:(0,I.jsx)(Pr,{value:c,onValueChange:e=>{e&&l(e)},options:[{value:`10`,label:`Every 10 seconds`},{value:`30`,label:`Every 30 seconds`},{value:`60`,label:`Every minute`}],ariaLabel:`Refresh interval`})}),(0,I.jsxs)(`div`,{className:X.dialogSettingRow,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`div`,{className:X.dialogSettingTitle,children:`Dark Charts`}),(0,I.jsx)(`div`,{className:X.dialogSettingHint,children:`Use dark palette for chart fills`})]}),(0,I.jsx)(ai,{checked:i,onCheckedChange:a,ariaLabel:`Dark charts`})]})]})}),(0,I.jsxs)(W.Footer,{children:[(0,I.jsx)(L,{variant:`ghost`,onClick:()=>r(!1),children:`Cancel`}),(0,I.jsx)(L,{variant:`primary`,onClick:()=>{r(!1),u.success(`Settings saved`)},children:`Save`})]})]}),(0,I.jsx)(Mi,{tone:`warning`,title:`Service degradation detected`,children:`Payment Service latency is elevated (340ms avg). The team is investigating.`}),(0,I.jsx)(`section`,{className:X.contentGrid,children:Os.map(e=>(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{className:X.metricBody,children:[(0,I.jsxs)(`div`,{className:X.metricHeaderRow,children:[(0,I.jsx)(`span`,{className:X.metricLabel,children:e.label}),(0,I.jsx)(`span`,{className:X.metricIcon,children:e.icon})]}),(0,I.jsxs)(`div`,{className:X.metricValueRow,children:[(0,I.jsx)(`span`,{className:X.metricValue,children:e.value}),(0,I.jsx)(H,{tone:e.up?`success`:`danger`,children:e.change})]})]})},e.label))}),(0,I.jsxs)(`div`,{className:X.contentGrid,children:[(0,I.jsxs)(`div`,{className:X.mainColumn,children:[(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{className:X.stack5,children:[(0,I.jsxs)(`div`,{className:X.chartHeader,children:[(0,I.jsx)(`h2`,{className:X.sectionTitle,children:`Revenue Overview`}),(0,I.jsxs)(G,{children:[(0,I.jsx)(G.Trigger,{children:(0,I.jsx)(pt,{variant:`ghost`,size:`sm`,label:`Chart options`,icon:(0,I.jsx)(j,{size:14})})}),(0,I.jsxs)(G.Content,{children:[(0,I.jsx)(G.Item,{onSelect:()=>u.success(`Report exported`),children:`Export CSV`}),(0,I.jsx)(G.Item,{onSelect:()=>{},children:`Full screen`})]})]})]}),(0,I.jsx)(`div`,{className:X.chartArea,children:[40,65,45,80,55,90,70,95,60,85,75,88].map((e,t)=>(0,I.jsx)(`div`,{className:X.chartBar,style:{height:`${e}%`,background:`var(--owo-cmp-accent-bg)`,opacity:.3+e/100*.7}},t))}),(0,I.jsxs)(`div`,{className:X.chartXAxis,children:[(0,I.jsx)(`span`,{children:`Jan`}),(0,I.jsx)(`span`,{children:`Feb`}),(0,I.jsx)(`span`,{children:`Mar`}),(0,I.jsx)(`span`,{children:`Apr`}),(0,I.jsx)(`span`,{children:`May`}),(0,I.jsx)(`span`,{children:`Jun`}),(0,I.jsx)(`span`,{children:`Jul`}),(0,I.jsx)(`span`,{children:`Aug`}),(0,I.jsx)(`span`,{children:`Sep`}),(0,I.jsx)(`span`,{children:`Oct`}),(0,I.jsx)(`span`,{children:`Nov`}),(0,I.jsx)(`span`,{children:`Dec`})]})]})}),(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{children:[(0,I.jsxs)(`div`,{className:X.serviceHeader,children:[(0,I.jsx)(`h2`,{className:X.sectionTitle,children:`Service Health`}),(0,I.jsx)(L,{variant:`ghost`,size:`sm`,leadingIcon:(0,I.jsx)(M,{size:12}),children:`Status Page`})]}),(0,I.jsx)(`div`,{className:X.serviceList,children:As.map(e=>(0,I.jsxs)(`div`,{className:X.serviceRow,children:[(0,I.jsxs)(`div`,{className:X.serviceMeta,children:[(0,I.jsx)(`div`,{className:X.serviceDot,style:{backgroundColor:e.status===`healthy`?`var(--owo-cmp-success-bg)`:`var(--owo-cmp-warning-bg)`}}),(0,I.jsx)(`span`,{className:X.serviceName,children:e.name})]}),(0,I.jsxs)(`div`,{className:X.serviceStats,children:[(0,I.jsx)(`span`,{children:e.latency}),(0,I.jsx)(`span`,{children:e.uptime}),(0,I.jsx)(H,{tone:e.status===`healthy`?`success`:`warning`,children:e.status})]})]},e.name))})]})})]}),(0,I.jsxs)(`aside`,{className:X.sidebarColumn,children:[(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{children:[(0,I.jsx)(`h3`,{className:X.panelHeader,children:`Recent Activity`}),(0,I.jsx)(`div`,{className:X.simpleStack,children:ks.map((e,t)=>(0,I.jsxs)(`div`,{className:X.activityRow,children:[(0,I.jsx)(ma,{name:e.user,size:`sm`}),(0,I.jsxs)(`div`,{className:X.activityMeta,children:[(0,I.jsxs)(`p`,{className:X.activityText,children:[(0,I.jsx)(`span`,{children:e.user}),` `,(0,I.jsx)(`span`,{className:X.activityMuted,children:e.action})]}),(0,I.jsx)(`span`,{className:X.metaText,children:e.time})]})]},t))})]})}),(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{className:X.simpleStack,children:[(0,I.jsx)(`h3`,{className:X.panelHeader,children:`Quick Actions`}),(0,I.jsxs)(`div`,{className:X.buttonGrid,children:[(0,I.jsx)(L,{variant:`secondary`,size:`sm`,leadingIcon:(0,I.jsx)(S,{size:14}),children:`Reports`}),(0,I.jsx)(L,{variant:`secondary`,size:`sm`,leadingIcon:(0,I.jsx)(ze,{size:14}),children:`Users`}),(0,I.jsx)(L,{variant:`secondary`,size:`sm`,leadingIcon:(0,I.jsx)(Ve,{size:14}),children:`Alerts`}),(0,I.jsx)(L,{variant:`secondary`,size:`sm`,leadingIcon:(0,I.jsx)(P,{size:14}),children:`Regions`})]})]})}),(0,I.jsxs)(V,{children:[(0,I.jsx)(V.Trigger,{className:X.cardTrigger,children:`Need help with the dashboard?`}),(0,I.jsx)(V.Content,{children:(0,I.jsxs)(`div`,{className:X.cardContent,children:[`Check out our `,(0,I.jsx)(`span`,{className:X.accentText,children:`documentation`}),` or reach out to support. We typically respond within 2 hours during business hours.`]})})]})]})]}),(0,I.jsx)(vo,{children:(0,I.jsxs)(bo,{children:[(0,I.jsx)(`h3`,{className:X.loadingTitle,children:`Loading State Preview`}),(0,I.jsxs)(`div`,{className:X.loadingRow,children:[(0,I.jsx)(Fi,{className:X.loadingAvatar}),(0,I.jsxs)(`div`,{className:X.loadingMeta,children:[(0,I.jsx)(Fi,{className:X.loadingLineWide}),(0,I.jsx)(Fi,{className:X.loadingLineNarrow})]}),(0,I.jsx)(Fi,{className:X.loadingButton})]})]})})]})}function Ms({theme:e,onCycleTheme:t}){let[n,r]=(0,h.useState)(`news`);return(0,I.jsx)(la,{children:(0,I.jsxs)(`div`,{className:X.root,children:[(0,I.jsxs)(`div`,{className:X.pageHeader,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:X.pageHeaderMeta,children:[(0,I.jsx)(`h1`,{className:X.pageTitle,children:`Showcase`}),(0,I.jsx)(xa,{content:`Switch to ${e===`light`?`dark`:`light`} mode`,children:(0,I.jsx)(pt,{variant:`subtle`,size:`sm`,label:`Toggle theme`,icon:e===`light`?(0,I.jsx)(je,{size:16}):(0,I.jsx)(_e,{size:16}),onClick:t})})]}),(0,I.jsx)(`p`,{className:X.pageDescription,children:`Real-world product pages built entirely with owoui components.`})]}),(0,I.jsx)(ki,{value:n,onValueChange:e=>r(e),children:(0,I.jsx)(ki.List,{children:ws.map(e=>(0,I.jsx)(ki.Trigger,{value:e.id,children:e.label},e.id))})})]}),n===`news`?(0,I.jsx)(Ds,{}):(0,I.jsx)(js,{})]})})}var Ns={shell:`_shell_76cuo_1`,skipLink:`_skipLink_76cuo_7`,main:`_main_76cuo_38`,mainWithSidebar:`_mainWithSidebar_76cuo_44`,contentWrap:`_contentWrap_76cuo_48`,notFound:`_notFound_76cuo_58`,pageStack:`_pageStack_76cuo_66`,pageHeader:`_pageHeader_76cuo_70`,breadcrumb:`_breadcrumb_76cuo_74`,breadcrumbCurrent:`_breadcrumbCurrent_76cuo_84`,pageTitle:`_pageTitle_76cuo_89`,pageDescription:`_pageDescription_76cuo_98`,section:`_section_76cuo_105`,sectionHeadingRow:`_sectionHeadingRow_76cuo_109`,sectionTitle:`_sectionTitle_76cuo_117`,stableBadge:`_stableBadge_76cuo_125`,storiesSection:`_storiesSection_76cuo_136`,storyCardHeader:`_storyCardHeader_76cuo_140`,storyTitle:`_storyTitle_76cuo_144`,storyDescription:`_storyDescription_76cuo_151`,footer:`_footer_76cuo_158`,footerLinks:`_footerLinks_76cuo_172`,footerLink:`_footerLink_76cuo_172`},Ps=`owoui-storybook-theme`,Fs=`owoui-storybook-preset`;function Is(){return window.localStorage.getItem(Ps)===`dark`?`dark`:`light`}function Ls(){let e=window.localStorage.getItem(Fs);return Wo.includes(e)?e:`default`}function Rs(){let[e,t]=(0,h.useState)(()=>window.location.hash);return(0,h.useEffect)(()=>{let e=()=>t(window.location.hash);return window.addEventListener(`hashchange`,e),()=>window.removeEventListener(`hashchange`,e)},[]),(0,h.useMemo)(()=>{let t=e.replace(/^#\/?/,``);if(t===`foundations`)return{page:`foundations`,group:``,component:``};if(t===`showcase`)return{page:`showcase`,group:``,component:``};let[n=``,r=``]=t.split(`/`);return{page:`components`,group:n,component:r}},[e])}function zs(e,t){window.location.hash=`#/${e}/${t}`}function Bs({activePage:e,activeGroup:t,activeComponent:n,theme:r,preset:i,setTheme:a,setPreset:o,children:s}){let c=()=>{a(Uo[(Uo.indexOf(r)+1)%Uo.length])};return(0,I.jsxs)(`div`,{"data-theme":r,"data-preset":i,className:F(`owoui-theme-${r}`,`owoui-preset-${i}`,Ns.shell),children:[(0,I.jsx)(qo,{activePage:e}),(0,I.jsx)(`a`,{href:`#sb-main`,className:Ns.skipLink,children:`Skip to main content`}),e!==`showcase`&&(0,I.jsx)(ts,{activePage:e,activeGroup:t,activeComponent:n,theme:r,preset:i,onNavigate:zs,onCycleTheme:c,onSetPreset:o}),(0,I.jsx)(`main`,{id:`sb-main`,className:F(Ns.main,e!==`showcase`&&Ns.mainWithSidebar),children:(0,I.jsx)(`div`,{className:Ns.contentWrap,children:s})})]})}function Vs(){let e=Rs(),t=(0,h.useMemo)(()=>lt(),[]),n=(0,h.useMemo)(()=>{let e=t[dt[0]]?.[0];return e?{group:e.group,component:e.componentId}:null},[t]),r=ct(e.group,e.component),i=r?.group??n?.group??e.group,a=r?.componentId??n?.component??e.component,[o,s]=(0,h.useState)(()=>Is()),[c,l]=(0,h.useState)(()=>Ls());return(0,h.useEffect)(()=>{window.localStorage.setItem(Ps,o);let e=document.documentElement;e.dataset.theme=o,e.classList.remove(...Uo.map(e=>`owoui-theme-${e}`)),e.classList.add(`owoui-theme-${o}`)},[o]),(0,h.useEffect)(()=>{window.localStorage.setItem(Fs,c);let e=document.documentElement;e.dataset.preset=c,e.classList.remove(...Wo.map(e=>`owoui-preset-${e}`)),e.classList.add(`owoui-preset-${c}`)},[c]),(0,h.useEffect)(()=>{e.page===`components`&&!r&&n&&zs(n.group,n.component)},[e.page,r,n]),(0,I.jsx)(Bs,{activePage:e.page,activeGroup:i,activeComponent:a,theme:o,preset:c,setTheme:s,setPreset:l,children:e.page===`showcase`?(0,I.jsx)(Ms,{theme:o,onCycleTheme:()=>{s(Uo[(Uo.indexOf(o)+1)%Uo.length])}}):e.page===`foundations`?(0,I.jsx)(Cs,{}):r?(0,I.jsx)(la,{children:(0,I.jsx)(Ki,{children:(0,I.jsxs)(`div`,{className:Ns.pageStack,children:[(0,I.jsxs)(`header`,{className:Ns.pageHeader,children:[(0,I.jsxs)(`nav`,{className:Ns.breadcrumb,children:[(0,I.jsx)(`span`,{children:`Components`}),(0,I.jsx)(T,{size:10}),(0,I.jsx)(`span`,{className:Ns.breadcrumbCurrent,children:r.componentName})]}),(0,I.jsx)(`h1`,{className:Ns.pageTitle,children:r.componentName}),r.description?(0,I.jsx)(`p`,{className:Ns.pageDescription,children:r.description}):null]}),r.renderPlayground&&r.props&&r.props.length>0?(0,I.jsx)(hs,{props:r.props,renderPlayground:r.renderPlayground,componentName:r.componentName,defaultScale:r.defaultScale},`${r.group}-${r.componentId}`):null,r.props&&r.props.length>0?(0,I.jsxs)(`section`,{className:Ns.section,children:[(0,I.jsxs)(`div`,{className:Ns.sectionHeadingRow,children:[(0,I.jsx)(`h2`,{className:Ns.sectionTitle,children:`API Reference`}),(0,I.jsx)(`span`,{className:Ns.stableBadge,children:`stable`})]}),(0,I.jsx)(_s,{props:r.props})]}):null,r.stories.length>0?(0,I.jsxs)(`section`,{className:Ns.storiesSection,children:[(0,I.jsx)(`h2`,{className:Ns.sectionTitle,children:`Usage Patterns`}),(0,I.jsx)(`div`,{className:Ns.storiesSection,children:r.stories.map(e=>(0,I.jsxs)(`div`,{children:[(0,I.jsxs)(`div`,{className:Ns.storyCardHeader,children:[(0,I.jsx)(`h3`,{className:Ns.storyTitle,children:e.title}),e.description?(0,I.jsx)(`p`,{className:Ns.storyDescription,children:e.description}):null]}),(0,I.jsx)(rs,{story:e})]},e.id))})]}):null,(0,I.jsxs)(`footer`,{className:Ns.footer,children:[(0,I.jsx)(`span`,{children:`@owodesign/owoui`}),(0,I.jsxs)(`div`,{className:Ns.footerLinks,children:[(0,I.jsx)(`a`,{href:`#`,className:Ns.footerLink,children:`Github`}),(0,I.jsx)(`a`,{href:`#`,className:Ns.footerLink,children:`Figma`}),(0,I.jsx)(`a`,{href:`#`,className:Ns.footerLink,children:`Roadmap`})]})]})]})})}):(0,I.jsx)(`div`,{className:Ns.notFound,children:(0,I.jsx)(`p`,{children:`Component not found.`})})})}var Hs=document.getElementById(`root`);if(!Hs)throw Error(`Missing #root container for owoui storybook static app`);var Us=st[0];window.location.hash.length<=1&&Us&&(window.location.hash=`#/${Us.group}/${Us.componentId}`),(0,He.createRoot)(Hs).render((0,I.jsx)(h.StrictMode,{children:(0,I.jsx)(Vs,{})}));
|