@storybook/manager 0.0.0-pr-23611-sha-d83da132 → 0.0.0-pr-23853-sha-93b33e06
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/dist/{chunk-QRTDG7NV.js → chunk-D26PBE3O.js} +14 -10
- package/dist/{formatter-ZNWCFYAW-PTAV2L2P.js → formatter-6736J7QO-TGL2ZGQC.js} +2 -2
- package/dist/globals.js +1 -1
- package/dist/index.js +1 -1
- package/dist/runtime.js +1 -1
- package/package.json +13 -12
- package/src/typings.d.ts +0 -27
- package/src/utils/tree.test.js +0 -93
|
@@ -6,7 +6,7 @@ Valid keys: `+JSON.stringify(Object.keys(shapeTypes),null," "));var error=check
|
|
|
6
6
|
`,styleEl.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
7
7
|
`,doc.getElementsByTagName("head")[0].appendChild(styleEl)),doc.body&&addClassName(doc.body,"react-draggable-transparent-selection")}}function removeUserSelectStyles(doc){if(doc)try{if(doc.body&&removeClassName(doc.body,"react-draggable-transparent-selection"),doc.selection)doc.selection.empty();else{var selection=(doc.defaultView||window).getSelection();selection&&selection.type!=="Caret"&&selection.removeAllRanges()}}catch{}}function addClassName(el,className){el.classList?el.classList.add(className):el.className.match(new RegExp("(?:^|\\s)".concat(className,"(?!\\S)")))||(el.className+=" ".concat(className))}function removeClassName(el,className){el.classList?el.classList.remove(className):el.className=el.className.replace(new RegExp("(?:^|\\s)".concat(className,"(?!\\S)"),"g"),"")}}});var require_positionFns=__commonJS({"../../node_modules/react-draggable/build/cjs/utils/positionFns.js"(exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.canDragX=canDragX;exports.canDragY=canDragY;exports.createCoreData=createCoreData;exports.createDraggableData=createDraggableData;exports.getBoundPosition=getBoundPosition;exports.getControlPosition=getControlPosition;exports.snapToGrid=snapToGrid;var _shims=require_shims(),_domFns=require_domFns();function getBoundPosition(draggable,x5,y4){if(!draggable.props.bounds)return[x5,y4];var bounds=draggable.props.bounds;bounds=typeof bounds=="string"?bounds:cloneBounds(bounds);var node=findDOMNode2(draggable);if(typeof bounds=="string"){var ownerDocument=node.ownerDocument,ownerWindow=ownerDocument.defaultView,boundNode;if(bounds==="parent"?boundNode=node.parentNode:boundNode=ownerDocument.querySelector(bounds),!(boundNode instanceof ownerWindow.HTMLElement))throw new Error('Bounds selector "'+bounds+'" could not find an element.');var boundNodeEl=boundNode,nodeStyle=ownerWindow.getComputedStyle(node),boundNodeStyle=ownerWindow.getComputedStyle(boundNodeEl);bounds={left:-node.offsetLeft+(0,_shims.int)(boundNodeStyle.paddingLeft)+(0,_shims.int)(nodeStyle.marginLeft),top:-node.offsetTop+(0,_shims.int)(boundNodeStyle.paddingTop)+(0,_shims.int)(nodeStyle.marginTop),right:(0,_domFns.innerWidth)(boundNodeEl)-(0,_domFns.outerWidth)(node)-node.offsetLeft+(0,_shims.int)(boundNodeStyle.paddingRight)-(0,_shims.int)(nodeStyle.marginRight),bottom:(0,_domFns.innerHeight)(boundNodeEl)-(0,_domFns.outerHeight)(node)-node.offsetTop+(0,_shims.int)(boundNodeStyle.paddingBottom)-(0,_shims.int)(nodeStyle.marginBottom)}}return(0,_shims.isNum)(bounds.right)&&(x5=Math.min(x5,bounds.right)),(0,_shims.isNum)(bounds.bottom)&&(y4=Math.min(y4,bounds.bottom)),(0,_shims.isNum)(bounds.left)&&(x5=Math.max(x5,bounds.left)),(0,_shims.isNum)(bounds.top)&&(y4=Math.max(y4,bounds.top)),[x5,y4]}function snapToGrid(grid,pendingX,pendingY){var x5=Math.round(pendingX/grid[0])*grid[0],y4=Math.round(pendingY/grid[1])*grid[1];return[x5,y4]}function canDragX(draggable){return draggable.props.axis==="both"||draggable.props.axis==="x"}function canDragY(draggable){return draggable.props.axis==="both"||draggable.props.axis==="y"}function getControlPosition(e4,touchIdentifier,draggableCore){var touchObj=typeof touchIdentifier=="number"?(0,_domFns.getTouch)(e4,touchIdentifier):null;if(typeof touchIdentifier=="number"&&!touchObj)return null;var node=findDOMNode2(draggableCore),offsetParent=draggableCore.props.offsetParent||node.offsetParent||node.ownerDocument.body;return(0,_domFns.offsetXYFromParent)(touchObj||e4,offsetParent,draggableCore.props.scale)}function createCoreData(draggable,x5,y4){var state=draggable.state,isStart=!(0,_shims.isNum)(state.lastX),node=findDOMNode2(draggable);return isStart?{node,deltaX:0,deltaY:0,lastX:x5,lastY:y4,x:x5,y:y4}:{node,deltaX:x5-state.lastX,deltaY:y4-state.lastY,lastX:state.lastX,lastY:state.lastY,x:x5,y:y4}}function createDraggableData(draggable,coreData){var scale=draggable.props.scale;return{node:coreData.node,x:draggable.state.x+coreData.deltaX/scale,y:draggable.state.y+coreData.deltaY/scale,deltaX:coreData.deltaX/scale,deltaY:coreData.deltaY/scale,lastX:draggable.state.x,lastY:draggable.state.y}}function cloneBounds(bounds){return{left:bounds.left,top:bounds.top,right:bounds.right,bottom:bounds.bottom}}function findDOMNode2(draggable){var node=draggable.findDOMNode();if(!node)throw new Error("<DraggableCore>: Unmounted during event!");return node}}});var require_log=__commonJS({"../../node_modules/react-draggable/build/cjs/utils/log.js"(exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default=log;function log(){var _console}}});var require_DraggableCore=__commonJS({"../../node_modules/react-draggable/build/cjs/DraggableCore.js"(exports){"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(obj2){return typeof obj2}:function(obj2){return obj2&&typeof Symbol=="function"&&obj2.constructor===Symbol&&obj2!==Symbol.prototype?"symbol":typeof obj2},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0});exports.default=void 0;var React59=_interopRequireWildcard(require_react()),_propTypes=_interopRequireDefault(require_prop_types()),_reactDom=_interopRequireDefault(require_react_dom()),_domFns=require_domFns(),_positionFns=require_positionFns(),_shims=require_shims(),_log=_interopRequireDefault(require_log());function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||_typeof(obj)!=="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key2 in obj)if(key2!=="default"&&Object.prototype.hasOwnProperty.call(obj,key2)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key2):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key2,desc):newObj[key2]=obj[key2]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function _slicedToArray(arr,i5){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i5)||_unsupportedIterableToArray(arr,i5)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
8
8
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(o4,minLen){if(o4){if(typeof o4=="string")return _arrayLikeToArray(o4,minLen);var n5=Object.prototype.toString.call(o4).slice(8,-1);if(n5==="Object"&&o4.constructor&&(n5=o4.constructor.name),n5==="Map"||n5==="Set")return Array.from(o4);if(n5==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n5))return _arrayLikeToArray(o4,minLen)}}function _arrayLikeToArray(arr,len){(len==null||len>arr.length)&&(len=arr.length);for(var i5=0,arr2=new Array(len);i5<len;i5++)arr2[i5]=arr[i5];return arr2}function _iterableToArrayLimit(arr,i5){var _i=arr==null?null:typeof Symbol<"u"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i!=null){var _arr=[],_n=!0,_d=!1,_s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!(i5&&_arr.length===i5));_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return!=null&&_i.return()}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i5=0;i5<props.length;i5++){var descriptor=props[i5];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _inherits(subClass,superClass){if(typeof superClass!="function"&&superClass!==null)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf3(subClass,superClass)}function _setPrototypeOf3(o4,p4){return _setPrototypeOf3=Object.setPrototypeOf||function(o5,p5){return o5.__proto__=p5,o5},_setPrototypeOf3(o4,p4)}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct3();return function(){var Super=_getPrototypeOf3(Derived),result2;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf3(this).constructor;result2=Reflect.construct(Super,arguments,NewTarget)}else result2=Super.apply(this,arguments);return _possibleConstructorReturn(this,result2)}}function _possibleConstructorReturn(self2,call){if(call&&(_typeof(call)==="object"||typeof call=="function"))return call;if(call!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized3(self2)}function _assertThisInitialized3(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _isNativeReflectConstruct3(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _getPrototypeOf3(o4){return _getPrototypeOf3=Object.setPrototypeOf?Object.getPrototypeOf:function(o5){return o5.__proto__||Object.getPrototypeOf(o5)},_getPrototypeOf3(o4)}function _defineProperty(obj,key2,value2){return key2 in obj?Object.defineProperty(obj,key2,{value:value2,enumerable:!0,configurable:!0,writable:!0}):obj[key2]=value2,obj}var eventsFor={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},dragEventFor=eventsFor.mouse,DraggableCore=function(_React$Component){_inherits(DraggableCore2,_React$Component);var _super=_createSuper(DraggableCore2);function DraggableCore2(){var _this;_classCallCheck(this,DraggableCore2);for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args2)),_defineProperty(_assertThisInitialized3(_this),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),_defineProperty(_assertThisInitialized3(_this),"mounted",!1),_defineProperty(_assertThisInitialized3(_this),"handleDragStart",function(e4){if(_this.props.onMouseDown(e4),!_this.props.allowAnyClick&&typeof e4.button=="number"&&e4.button!==0)return!1;var thisNode=_this.findDOMNode();if(!thisNode||!thisNode.ownerDocument||!thisNode.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var ownerDocument=thisNode.ownerDocument;if(!(_this.props.disabled||!(e4.target instanceof ownerDocument.defaultView.Node)||_this.props.handle&&!(0,_domFns.matchesSelectorAndParentsTo)(e4.target,_this.props.handle,thisNode)||_this.props.cancel&&(0,_domFns.matchesSelectorAndParentsTo)(e4.target,_this.props.cancel,thisNode))){e4.type==="touchstart"&&e4.preventDefault();var touchIdentifier=(0,_domFns.getTouchIdentifier)(e4);_this.setState({touchIdentifier});var position=(0,_positionFns.getControlPosition)(e4,touchIdentifier,_assertThisInitialized3(_this));if(position!=null){var x5=position.x,y4=position.y,coreEvent=(0,_positionFns.createCoreData)(_assertThisInitialized3(_this),x5,y4);(0,_log.default)("DraggableCore: handleDragStart: %j",coreEvent),(0,_log.default)("calling",_this.props.onStart);var shouldUpdate=_this.props.onStart(e4,coreEvent);shouldUpdate===!1||_this.mounted===!1||(_this.props.enableUserSelectHack&&(0,_domFns.addUserSelectStyles)(ownerDocument),_this.setState({dragging:!0,lastX:x5,lastY:y4}),(0,_domFns.addEvent)(ownerDocument,dragEventFor.move,_this.handleDrag),(0,_domFns.addEvent)(ownerDocument,dragEventFor.stop,_this.handleDragStop))}}}),_defineProperty(_assertThisInitialized3(_this),"handleDrag",function(e4){var position=(0,_positionFns.getControlPosition)(e4,_this.state.touchIdentifier,_assertThisInitialized3(_this));if(position!=null){var x5=position.x,y4=position.y;if(Array.isArray(_this.props.grid)){var deltaX=x5-_this.state.lastX,deltaY=y4-_this.state.lastY,_snapToGrid=(0,_positionFns.snapToGrid)(_this.props.grid,deltaX,deltaY),_snapToGrid2=_slicedToArray(_snapToGrid,2);if(deltaX=_snapToGrid2[0],deltaY=_snapToGrid2[1],!deltaX&&!deltaY)return;x5=_this.state.lastX+deltaX,y4=_this.state.lastY+deltaY}var coreEvent=(0,_positionFns.createCoreData)(_assertThisInitialized3(_this),x5,y4);(0,_log.default)("DraggableCore: handleDrag: %j",coreEvent);var shouldUpdate=_this.props.onDrag(e4,coreEvent);if(shouldUpdate===!1||_this.mounted===!1){try{_this.handleDragStop(new MouseEvent("mouseup"))}catch{var event=document.createEvent("MouseEvents");event.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),_this.handleDragStop(event)}return}_this.setState({lastX:x5,lastY:y4})}}),_defineProperty(_assertThisInitialized3(_this),"handleDragStop",function(e4){if(_this.state.dragging){var position=(0,_positionFns.getControlPosition)(e4,_this.state.touchIdentifier,_assertThisInitialized3(_this));if(position!=null){var x5=position.x,y4=position.y;if(Array.isArray(_this.props.grid)){var deltaX=x5-_this.state.lastX||0,deltaY=y4-_this.state.lastY||0,_snapToGrid3=(0,_positionFns.snapToGrid)(_this.props.grid,deltaX,deltaY),_snapToGrid4=_slicedToArray(_snapToGrid3,2);deltaX=_snapToGrid4[0],deltaY=_snapToGrid4[1],x5=_this.state.lastX+deltaX,y4=_this.state.lastY+deltaY}var coreEvent=(0,_positionFns.createCoreData)(_assertThisInitialized3(_this),x5,y4),shouldContinue=_this.props.onStop(e4,coreEvent);if(shouldContinue===!1||_this.mounted===!1)return!1;var thisNode=_this.findDOMNode();thisNode&&_this.props.enableUserSelectHack&&(0,_domFns.removeUserSelectStyles)(thisNode.ownerDocument),(0,_log.default)("DraggableCore: handleDragStop: %j",coreEvent),_this.setState({dragging:!1,lastX:NaN,lastY:NaN}),thisNode&&((0,_log.default)("DraggableCore: Removing handlers"),(0,_domFns.removeEvent)(thisNode.ownerDocument,dragEventFor.move,_this.handleDrag),(0,_domFns.removeEvent)(thisNode.ownerDocument,dragEventFor.stop,_this.handleDragStop))}}}),_defineProperty(_assertThisInitialized3(_this),"onMouseDown",function(e4){return dragEventFor=eventsFor.mouse,_this.handleDragStart(e4)}),_defineProperty(_assertThisInitialized3(_this),"onMouseUp",function(e4){return dragEventFor=eventsFor.mouse,_this.handleDragStop(e4)}),_defineProperty(_assertThisInitialized3(_this),"onTouchStart",function(e4){return dragEventFor=eventsFor.touch,_this.handleDragStart(e4)}),_defineProperty(_assertThisInitialized3(_this),"onTouchEnd",function(e4){return dragEventFor=eventsFor.touch,_this.handleDragStop(e4)}),_this}return _createClass(DraggableCore2,[{key:"componentDidMount",value:function(){this.mounted=!0;var thisNode=this.findDOMNode();thisNode&&(0,_domFns.addEvent)(thisNode,eventsFor.touch.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var thisNode=this.findDOMNode();if(thisNode){var ownerDocument=thisNode.ownerDocument;(0,_domFns.removeEvent)(ownerDocument,eventsFor.mouse.move,this.handleDrag),(0,_domFns.removeEvent)(ownerDocument,eventsFor.touch.move,this.handleDrag),(0,_domFns.removeEvent)(ownerDocument,eventsFor.mouse.stop,this.handleDragStop),(0,_domFns.removeEvent)(ownerDocument,eventsFor.touch.stop,this.handleDragStop),(0,_domFns.removeEvent)(thisNode,eventsFor.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,_domFns.removeUserSelectStyles)(ownerDocument)}}},{key:"findDOMNode",value:function(){var _this$props,_this$props2,_this$props2$nodeRef;return(_this$props=this.props)!==null&&_this$props!==void 0&&_this$props.nodeRef?(_this$props2=this.props)===null||_this$props2===void 0||(_this$props2$nodeRef=_this$props2.nodeRef)===null||_this$props2$nodeRef===void 0?void 0:_this$props2$nodeRef.current:_reactDom.default.findDOMNode(this)}},{key:"render",value:function(){return React59.cloneElement(React59.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),DraggableCore2}(React59.Component);exports.default=DraggableCore;_defineProperty(DraggableCore,"displayName","DraggableCore");_defineProperty(DraggableCore,"propTypes",{allowAnyClick:_propTypes.default.bool,disabled:_propTypes.default.bool,enableUserSelectHack:_propTypes.default.bool,offsetParent:function(props,propName){if(props[propName]&&props[propName].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:_propTypes.default.arrayOf(_propTypes.default.number),handle:_propTypes.default.string,cancel:_propTypes.default.string,nodeRef:_propTypes.default.object,onStart:_propTypes.default.func,onDrag:_propTypes.default.func,onStop:_propTypes.default.func,onMouseDown:_propTypes.default.func,scale:_propTypes.default.number,className:_shims.dontSetMe,style:_shims.dontSetMe,transform:_shims.dontSetMe});_defineProperty(DraggableCore,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})}});var require_Draggable=__commonJS({"../../node_modules/react-draggable/build/cjs/Draggable.js"(exports){"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(obj2){return typeof obj2}:function(obj2){return obj2&&typeof Symbol=="function"&&obj2.constructor===Symbol&&obj2!==Symbol.prototype?"symbol":typeof obj2},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"DraggableCore",{enumerable:!0,get:function(){return _DraggableCore.default}});exports.default=void 0;var React59=_interopRequireWildcard(require_react()),_propTypes=_interopRequireDefault(require_prop_types()),_reactDom=_interopRequireDefault(require_react_dom()),_clsx2=_interopRequireDefault((init_clsx_m(),__toCommonJS(clsx_m_exports))),_domFns=require_domFns(),_positionFns=require_positionFns(),_shims=require_shims(),_DraggableCore=_interopRequireDefault(require_DraggableCore()),_log=_interopRequireDefault(require_log()),_excluded4=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||_typeof(obj)!=="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key2 in obj)if(key2!=="default"&&Object.prototype.hasOwnProperty.call(obj,key2)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key2):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key2,desc):newObj[key2]=obj[key2]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function _extends4(){return _extends4=Object.assign||function(target){for(var i5=1;i5<arguments.length;i5++){var source2=arguments[i5];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends4.apply(this,arguments)}function _objectWithoutProperties(source2,excluded){if(source2==null)return{};var target=_objectWithoutPropertiesLoose3(source2,excluded),key2,i5;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source2);for(i5=0;i5<sourceSymbolKeys.length;i5++)key2=sourceSymbolKeys[i5],!(excluded.indexOf(key2)>=0)&&Object.prototype.propertyIsEnumerable.call(source2,key2)&&(target[key2]=source2[key2])}return target}function _objectWithoutPropertiesLoose3(source2,excluded){if(source2==null)return{};var target={},sourceKeys=Object.keys(source2),key2,i5;for(i5=0;i5<sourceKeys.length;i5++)key2=sourceKeys[i5],!(excluded.indexOf(key2)>=0)&&(target[key2]=source2[key2]);return target}function ownKeys(object,enumerableOnly){var keys2=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys2.push.apply(keys2,symbols)}return keys2}function _objectSpread(target){for(var i5=1;i5<arguments.length;i5++){var source2=arguments[i5]!=null?arguments[i5]:{};i5%2?ownKeys(Object(source2),!0).forEach(function(key2){_defineProperty(target,key2,source2[key2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source2)):ownKeys(Object(source2)).forEach(function(key2){Object.defineProperty(target,key2,Object.getOwnPropertyDescriptor(source2,key2))})}return target}function _slicedToArray(arr,i5){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i5)||_unsupportedIterableToArray(arr,i5)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
9
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(o4,minLen){if(o4){if(typeof o4=="string")return _arrayLikeToArray(o4,minLen);var n5=Object.prototype.toString.call(o4).slice(8,-1);if(n5==="Object"&&o4.constructor&&(n5=o4.constructor.name),n5==="Map"||n5==="Set")return Array.from(o4);if(n5==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n5))return _arrayLikeToArray(o4,minLen)}}function _arrayLikeToArray(arr,len){(len==null||len>arr.length)&&(len=arr.length);for(var i5=0,arr2=new Array(len);i5<len;i5++)arr2[i5]=arr[i5];return arr2}function _iterableToArrayLimit(arr,i5){var _i=arr==null?null:typeof Symbol<"u"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i!=null){var _arr=[],_n=!0,_d=!1,_s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!(i5&&_arr.length===i5));_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return!=null&&_i.return()}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i5=0;i5<props.length;i5++){var descriptor=props[i5];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _inherits(subClass,superClass){if(typeof superClass!="function"&&superClass!==null)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf3(subClass,superClass)}function _setPrototypeOf3(o4,p4){return _setPrototypeOf3=Object.setPrototypeOf||function(o5,p5){return o5.__proto__=p5,o5},_setPrototypeOf3(o4,p4)}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct3();return function(){var Super=_getPrototypeOf3(Derived),result2;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf3(this).constructor;result2=Reflect.construct(Super,arguments,NewTarget)}else result2=Super.apply(this,arguments);return _possibleConstructorReturn(this,result2)}}function _possibleConstructorReturn(self2,call){if(call&&(_typeof(call)==="object"||typeof call=="function"))return call;if(call!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized3(self2)}function _assertThisInitialized3(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _isNativeReflectConstruct3(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _getPrototypeOf3(o4){return _getPrototypeOf3=Object.setPrototypeOf?Object.getPrototypeOf:function(o5){return o5.__proto__||Object.getPrototypeOf(o5)},_getPrototypeOf3(o4)}function _defineProperty(obj,key2,value2){return key2 in obj?Object.defineProperty(obj,key2,{value:value2,enumerable:!0,configurable:!0,writable:!0}):obj[key2]=value2,obj}var Draggable2=function(_React$Component){_inherits(Draggable3,_React$Component);var _super=_createSuper(Draggable3);function Draggable3(props){var _this;return _classCallCheck(this,Draggable3),_this=_super.call(this,props),_defineProperty(_assertThisInitialized3(_this),"onDragStart",function(e4,coreData){(0,_log.default)("Draggable: onDragStart: %j",coreData);var shouldStart=_this.props.onStart(e4,(0,_positionFns.createDraggableData)(_assertThisInitialized3(_this),coreData));if(shouldStart===!1)return!1;_this.setState({dragging:!0,dragged:!0})}),_defineProperty(_assertThisInitialized3(_this),"onDrag",function(e4,coreData){if(!_this.state.dragging)return!1;(0,_log.default)("Draggable: onDrag: %j",coreData);var uiData=(0,_positionFns.createDraggableData)(_assertThisInitialized3(_this),coreData),newState={x:uiData.x,y:uiData.y};if(_this.props.bounds){var x5=newState.x,y4=newState.y;newState.x+=_this.state.slackX,newState.y+=_this.state.slackY;var _getBoundPosition=(0,_positionFns.getBoundPosition)(_assertThisInitialized3(_this),newState.x,newState.y),_getBoundPosition2=_slicedToArray(_getBoundPosition,2),newStateX=_getBoundPosition2[0],newStateY=_getBoundPosition2[1];newState.x=newStateX,newState.y=newStateY,newState.slackX=_this.state.slackX+(x5-newState.x),newState.slackY=_this.state.slackY+(y4-newState.y),uiData.x=newState.x,uiData.y=newState.y,uiData.deltaX=newState.x-_this.state.x,uiData.deltaY=newState.y-_this.state.y}var shouldUpdate=_this.props.onDrag(e4,uiData);if(shouldUpdate===!1)return!1;_this.setState(newState)}),_defineProperty(_assertThisInitialized3(_this),"onDragStop",function(e4,coreData){if(!_this.state.dragging)return!1;var shouldContinue=_this.props.onStop(e4,(0,_positionFns.createDraggableData)(_assertThisInitialized3(_this),coreData));if(shouldContinue===!1)return!1;(0,_log.default)("Draggable: onDragStop: %j",coreData);var newState={dragging:!1,slackX:0,slackY:0},controlled=!!_this.props.position;if(controlled){var _this$props$position=_this.props.position,x5=_this$props$position.x,y4=_this$props$position.y;newState.x=x5,newState.y=y4}_this.setState(newState)}),_this.state={dragging:!1,dragged:!1,x:props.position?props.position.x:props.defaultPosition.x,y:props.position?props.position.y:props.defaultPosition.y,prevPropsPosition:_objectSpread({},props.position),slackX:0,slackY:0,isElementSVG:!1},props.position&&!(props.onDrag||props.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),_this}return _createClass(Draggable3,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var _this$props$nodeRef$c,_this$props,_this$props$nodeRef;return(_this$props$nodeRef$c=(_this$props=this.props)===null||_this$props===void 0||(_this$props$nodeRef=_this$props.nodeRef)===null||_this$props$nodeRef===void 0?void 0:_this$props$nodeRef.current)!==null&&_this$props$nodeRef$c!==void 0?_this$props$nodeRef$c:_reactDom.default.findDOMNode(this)}},{key:"render",value:function(){var _clsx,_this$props2=this.props,axis=_this$props2.axis,bounds=_this$props2.bounds,children=_this$props2.children,defaultPosition=_this$props2.defaultPosition,defaultClassName=_this$props2.defaultClassName,defaultClassNameDragging=_this$props2.defaultClassNameDragging,defaultClassNameDragged=_this$props2.defaultClassNameDragged,position=_this$props2.position,positionOffset=_this$props2.positionOffset,scale=_this$props2.scale,draggableCoreProps=_objectWithoutProperties(_this$props2,_excluded4),style={},svgTransform=null,controlled=!!position,draggable=!controlled||this.state.dragging,validPosition=position||defaultPosition,transformOpts={x:(0,_positionFns.canDragX)(this)&&draggable?this.state.x:validPosition.x,y:(0,_positionFns.canDragY)(this)&&draggable?this.state.y:validPosition.y};this.state.isElementSVG?svgTransform=(0,_domFns.createSVGTransform)(transformOpts,positionOffset):style=(0,_domFns.createCSSTransform)(transformOpts,positionOffset);var className=(0,_clsx2.default)(children.props.className||"",defaultClassName,(_clsx={},_defineProperty(_clsx,defaultClassNameDragging,this.state.dragging),_defineProperty(_clsx,defaultClassNameDragged,this.state.dragged),_clsx));return React59.createElement(_DraggableCore.default,_extends4({},draggableCoreProps,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),React59.cloneElement(React59.Children.only(children),{className,style:_objectSpread(_objectSpread({},children.props.style),style),transform:svgTransform}))}}],[{key:"getDerivedStateFromProps",value:function(_ref,_ref2){var position=_ref.position,prevPropsPosition=_ref2.prevPropsPosition;return position&&(!prevPropsPosition||position.x!==prevPropsPosition.x||position.y!==prevPropsPosition.y)?((0,_log.default)("Draggable: getDerivedStateFromProps %j",{position,prevPropsPosition}),{x:position.x,y:position.y,prevPropsPosition:_objectSpread({},position)}):null}}]),Draggable3}(React59.Component);exports.default=Draggable2;_defineProperty(Draggable2,"displayName","Draggable");_defineProperty(Draggable2,"propTypes",_objectSpread(_objectSpread({},_DraggableCore.default.propTypes),{},{axis:_propTypes.default.oneOf(["both","x","y","none"]),bounds:_propTypes.default.oneOfType([_propTypes.default.shape({left:_propTypes.default.number,right:_propTypes.default.number,top:_propTypes.default.number,bottom:_propTypes.default.number}),_propTypes.default.string,_propTypes.default.oneOf([!1])]),defaultClassName:_propTypes.default.string,defaultClassNameDragging:_propTypes.default.string,defaultClassNameDragged:_propTypes.default.string,defaultPosition:_propTypes.default.shape({x:_propTypes.default.number,y:_propTypes.default.number}),positionOffset:_propTypes.default.shape({x:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),y:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string])}),position:_propTypes.default.shape({x:_propTypes.default.number,y:_propTypes.default.number}),className:_shims.dontSetMe,style:_shims.dontSetMe,transform:_shims.dontSetMe}));_defineProperty(Draggable2,"defaultProps",_objectSpread(_objectSpread({},_DraggableCore.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))}});var require_cjs=__commonJS({"../../node_modules/react-draggable/build/cjs/cjs.js"(exports,module){"use strict";var _require=require_Draggable(),Draggable2=_require.default,DraggableCore=_require.DraggableCore;module.exports=Draggable2;module.exports.default=Draggable2;module.exports.DraggableCore=DraggableCore}});var require_throttle=__commonJS({"../../node_modules/lodash/throttle.js"(exports,module){var debounce5=require_debounce(),isObject5=require_isObject(),FUNC_ERROR_TEXT3="Expected a function";function throttle3(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT3);return isObject5(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce5(func,wait,{leading,maxWait:wait,trailing})}module.exports=throttle3}});var require_react_is_development2=__commonJS({"../../node_modules/downshift/node_modules/react-is/cjs/react-is.development.js"(exports){"use strict";(function(){"use strict";var REACT_ELEMENT_TYPE=60103,REACT_PORTAL_TYPE=60106,REACT_FRAGMENT_TYPE=60107,REACT_STRICT_MODE_TYPE=60108,REACT_PROFILER_TYPE=60114,REACT_PROVIDER_TYPE=60109,REACT_CONTEXT_TYPE=60110,REACT_FORWARD_REF_TYPE=60112,REACT_SUSPENSE_TYPE=60113,REACT_SUSPENSE_LIST_TYPE=60120,REACT_MEMO_TYPE=60115,REACT_LAZY_TYPE=60116,REACT_BLOCK_TYPE=60121,REACT_SERVER_BLOCK_TYPE=60122,REACT_FUNDAMENTAL_TYPE=60117,REACT_SCOPE_TYPE=60119,REACT_OPAQUE_ID_TYPE=60128,REACT_DEBUG_TRACING_MODE_TYPE=60129,REACT_OFFSCREEN_TYPE=60130,REACT_LEGACY_HIDDEN_TYPE=60131;if(typeof Symbol=="function"&&Symbol.for){var symbolFor=Symbol.for;REACT_ELEMENT_TYPE=symbolFor("react.element"),REACT_PORTAL_TYPE=symbolFor("react.portal"),REACT_FRAGMENT_TYPE=symbolFor("react.fragment"),REACT_STRICT_MODE_TYPE=symbolFor("react.strict_mode"),REACT_PROFILER_TYPE=symbolFor("react.profiler"),REACT_PROVIDER_TYPE=symbolFor("react.provider"),REACT_CONTEXT_TYPE=symbolFor("react.context"),REACT_FORWARD_REF_TYPE=symbolFor("react.forward_ref"),REACT_SUSPENSE_TYPE=symbolFor("react.suspense"),REACT_SUSPENSE_LIST_TYPE=symbolFor("react.suspense_list"),REACT_MEMO_TYPE=symbolFor("react.memo"),REACT_LAZY_TYPE=symbolFor("react.lazy"),REACT_BLOCK_TYPE=symbolFor("react.block"),REACT_SERVER_BLOCK_TYPE=symbolFor("react.server.block"),REACT_FUNDAMENTAL_TYPE=symbolFor("react.fundamental"),REACT_SCOPE_TYPE=symbolFor("react.scope"),REACT_OPAQUE_ID_TYPE=symbolFor("react.opaque.id"),REACT_DEBUG_TRACING_MODE_TYPE=symbolFor("react.debug_trace_mode"),REACT_OFFSCREEN_TYPE=symbolFor("react.offscreen"),REACT_LEGACY_HIDDEN_TYPE=symbolFor("react.legacy_hidden")}var enableScopeAPI=!1;function isValidElementType(type){return!!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||type===REACT_DEBUG_TRACING_MODE_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||type===REACT_LEGACY_HIDDEN_TYPE||enableScopeAPI||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_BLOCK_TYPE||type[0]===REACT_SERVER_BLOCK_TYPE))}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:case REACT_SUSPENSE_LIST_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment17=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense3=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1,hasWarnedAboutDeprecatedIsConcurrentMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isConcurrentMode(object){return hasWarnedAboutDeprecatedIsConcurrentMode||(hasWarnedAboutDeprecatedIsConcurrentMode=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element2,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment17,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense3,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef2,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf})()}});var require_react_is2=__commonJS({"../../node_modules/downshift/node_modules/react-is/index.js"(exports,module){"use strict";module.exports=require_react_is_development2()}});var require_fuse=__commonJS({"../../node_modules/fuse.js/dist/fuse.js"(exports,module){(function(e4,t4){typeof exports=="object"&&typeof module=="object"?module.exports=t4():typeof define=="function"&&define.amd?define("Fuse",[],t4):typeof exports=="object"?exports.Fuse=t4():e4.Fuse=t4()})(exports,function(){return function(e4){var t4={};function r6(n5){if(t4[n5])return t4[n5].exports;var o4=t4[n5]={i:n5,l:!1,exports:{}};return e4[n5].call(o4.exports,o4,o4.exports,r6),o4.l=!0,o4.exports}return r6.m=e4,r6.c=t4,r6.d=function(e5,t5,n5){r6.o(e5,t5)||Object.defineProperty(e5,t5,{enumerable:!0,get:n5})},r6.r=function(e5){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e5,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e5,"__esModule",{value:!0})},r6.t=function(e5,t5){if(1&t5&&(e5=r6(e5)),8&t5||4&t5&&typeof e5=="object"&&e5&&e5.__esModule)return e5;var n5=Object.create(null);if(r6.r(n5),Object.defineProperty(n5,"default",{enumerable:!0,value:e5}),2&t5&&typeof e5!="string")for(var o4 in e5)r6.d(n5,o4,function(t6){return e5[t6]}.bind(null,o4));return n5},r6.n=function(e5){var t5=e5&&e5.__esModule?function(){return e5.default}:function(){return e5};return r6.d(t5,"a",t5),t5},r6.o=function(e5,t5){return Object.prototype.hasOwnProperty.call(e5,t5)},r6.p="",r6(r6.s=0)}([function(e4,t4,r6){function n5(e5){return(n5=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e6){return typeof e6}:function(e6){return e6&&typeof Symbol=="function"&&e6.constructor===Symbol&&e6!==Symbol.prototype?"symbol":typeof e6})(e5)}function o4(e5,t5){for(var r7=0;r7<t5.length;r7++){var n6=t5[r7];n6.enumerable=n6.enumerable||!1,n6.configurable=!0,"value"in n6&&(n6.writable=!0),Object.defineProperty(e5,n6.key,n6)}}var i5=r6(1),a4=r6(7),s4=a4.get,c5=(a4.deepValue,a4.isArray),h5=function(){function e5(t6,r8){var n6=r8.location,o5=n6===void 0?0:n6,i6=r8.distance,a6=i6===void 0?100:i6,c6=r8.threshold,h6=c6===void 0?.6:c6,l4=r8.maxPatternLength,u4=l4===void 0?32:l4,f5=r8.caseSensitive,v4=f5!==void 0&&f5,p4=r8.tokenSeparator,d4=p4===void 0?/ +/g:p4,g4=r8.findAllMatches,y4=g4!==void 0&&g4,m5=r8.minMatchCharLength,k3=m5===void 0?1:m5,b5=r8.id,S3=b5===void 0?null:b5,x5=r8.keys,M3=x5===void 0?[]:x5,_2=r8.shouldSort,w5=_2===void 0||_2,L5=r8.getFn,A5=L5===void 0?s4:L5,O4=r8.sortFn,C5=O4===void 0?function(e6,t7){return e6.score-t7.score}:O4,j2=r8.tokenize,P6=j2!==void 0&&j2,I3=r8.matchAllTokens,F3=I3!==void 0&&I3,T3=r8.includeMatches,N3=T3!==void 0&&T3,z3=r8.includeScore,E5=z3!==void 0&&z3,W3=r8.verbose,K2=W3!==void 0&&W3;(function(e6,t7){if(!(e6 instanceof t7))throw new TypeError("Cannot call a class as a function")})(this,e5),this.options={location:o5,distance:a6,threshold:h6,maxPatternLength:u4,isCaseSensitive:v4,tokenSeparator:d4,findAllMatches:y4,minMatchCharLength:k3,id:S3,keys:M3,includeMatches:N3,includeScore:E5,shouldSort:w5,getFn:A5,sortFn:C5,verbose:K2,tokenize:P6,matchAllTokens:F3},this.setCollection(t6),this._processKeys(M3)}var t5,r7,a5;return t5=e5,(r7=[{key:"setCollection",value:function(e6){return this.list=e6,e6}},{key:"_processKeys",value:function(e6){if(this._keyWeights={},this._keyNames=[],e6.length&&typeof e6[0]=="string")for(var t6=0,r8=e6.length;t6<r8;t6+=1){var n6=e6[t6];this._keyWeights[n6]=1,this._keyNames.push(n6)}else{for(var o5=null,i6=null,a6=0,s5=0,c6=e6.length;s5<c6;s5+=1){var h6=e6[s5];if(!h6.hasOwnProperty("name"))throw new Error('Missing "name" property in key object');var l4=h6.name;if(this._keyNames.push(l4),!h6.hasOwnProperty("weight"))throw new Error('Missing "weight" property in key object');var u4=h6.weight;if(u4<0||u4>1)throw new Error('"weight" property in key must bein the range of [0, 1)');i6=i6==null?u4:Math.max(i6,u4),o5=o5==null?u4:Math.min(o5,u4),this._keyWeights[l4]=u4,a6+=u4}if(a6>1)throw new Error("Total of weights cannot exceed 1")}}},{key:"search",value:function(e6){var t6=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{limit:!1};this._log(`---------
|
|
9
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(o4,minLen){if(o4){if(typeof o4=="string")return _arrayLikeToArray(o4,minLen);var n5=Object.prototype.toString.call(o4).slice(8,-1);if(n5==="Object"&&o4.constructor&&(n5=o4.constructor.name),n5==="Map"||n5==="Set")return Array.from(o4);if(n5==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n5))return _arrayLikeToArray(o4,minLen)}}function _arrayLikeToArray(arr,len){(len==null||len>arr.length)&&(len=arr.length);for(var i5=0,arr2=new Array(len);i5<len;i5++)arr2[i5]=arr[i5];return arr2}function _iterableToArrayLimit(arr,i5){var _i=arr==null?null:typeof Symbol<"u"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i!=null){var _arr=[],_n=!0,_d=!1,_s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!(i5&&_arr.length===i5));_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return!=null&&_i.return()}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i5=0;i5<props.length;i5++){var descriptor=props[i5];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _inherits(subClass,superClass){if(typeof superClass!="function"&&superClass!==null)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf3(subClass,superClass)}function _setPrototypeOf3(o4,p4){return _setPrototypeOf3=Object.setPrototypeOf||function(o5,p5){return o5.__proto__=p5,o5},_setPrototypeOf3(o4,p4)}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct3();return function(){var Super=_getPrototypeOf3(Derived),result2;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf3(this).constructor;result2=Reflect.construct(Super,arguments,NewTarget)}else result2=Super.apply(this,arguments);return _possibleConstructorReturn(this,result2)}}function _possibleConstructorReturn(self2,call){if(call&&(_typeof(call)==="object"||typeof call=="function"))return call;if(call!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized3(self2)}function _assertThisInitialized3(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _isNativeReflectConstruct3(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _getPrototypeOf3(o4){return _getPrototypeOf3=Object.setPrototypeOf?Object.getPrototypeOf:function(o5){return o5.__proto__||Object.getPrototypeOf(o5)},_getPrototypeOf3(o4)}function _defineProperty(obj,key2,value2){return key2 in obj?Object.defineProperty(obj,key2,{value:value2,enumerable:!0,configurable:!0,writable:!0}):obj[key2]=value2,obj}var Draggable2=function(_React$Component){_inherits(Draggable3,_React$Component);var _super=_createSuper(Draggable3);function Draggable3(props){var _this;return _classCallCheck(this,Draggable3),_this=_super.call(this,props),_defineProperty(_assertThisInitialized3(_this),"onDragStart",function(e4,coreData){(0,_log.default)("Draggable: onDragStart: %j",coreData);var shouldStart=_this.props.onStart(e4,(0,_positionFns.createDraggableData)(_assertThisInitialized3(_this),coreData));if(shouldStart===!1)return!1;_this.setState({dragging:!0,dragged:!0})}),_defineProperty(_assertThisInitialized3(_this),"onDrag",function(e4,coreData){if(!_this.state.dragging)return!1;(0,_log.default)("Draggable: onDrag: %j",coreData);var uiData=(0,_positionFns.createDraggableData)(_assertThisInitialized3(_this),coreData),newState={x:uiData.x,y:uiData.y};if(_this.props.bounds){var x5=newState.x,y4=newState.y;newState.x+=_this.state.slackX,newState.y+=_this.state.slackY;var _getBoundPosition=(0,_positionFns.getBoundPosition)(_assertThisInitialized3(_this),newState.x,newState.y),_getBoundPosition2=_slicedToArray(_getBoundPosition,2),newStateX=_getBoundPosition2[0],newStateY=_getBoundPosition2[1];newState.x=newStateX,newState.y=newStateY,newState.slackX=_this.state.slackX+(x5-newState.x),newState.slackY=_this.state.slackY+(y4-newState.y),uiData.x=newState.x,uiData.y=newState.y,uiData.deltaX=newState.x-_this.state.x,uiData.deltaY=newState.y-_this.state.y}var shouldUpdate=_this.props.onDrag(e4,uiData);if(shouldUpdate===!1)return!1;_this.setState(newState)}),_defineProperty(_assertThisInitialized3(_this),"onDragStop",function(e4,coreData){if(!_this.state.dragging)return!1;var shouldContinue=_this.props.onStop(e4,(0,_positionFns.createDraggableData)(_assertThisInitialized3(_this),coreData));if(shouldContinue===!1)return!1;(0,_log.default)("Draggable: onDragStop: %j",coreData);var newState={dragging:!1,slackX:0,slackY:0},controlled=!!_this.props.position;if(controlled){var _this$props$position=_this.props.position,x5=_this$props$position.x,y4=_this$props$position.y;newState.x=x5,newState.y=y4}_this.setState(newState)}),_this.state={dragging:!1,dragged:!1,x:props.position?props.position.x:props.defaultPosition.x,y:props.position?props.position.y:props.defaultPosition.y,prevPropsPosition:_objectSpread({},props.position),slackX:0,slackY:0,isElementSVG:!1},props.position&&!(props.onDrag||props.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),_this}return _createClass(Draggable3,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var _this$props$nodeRef$c,_this$props,_this$props$nodeRef;return(_this$props$nodeRef$c=(_this$props=this.props)===null||_this$props===void 0||(_this$props$nodeRef=_this$props.nodeRef)===null||_this$props$nodeRef===void 0?void 0:_this$props$nodeRef.current)!==null&&_this$props$nodeRef$c!==void 0?_this$props$nodeRef$c:_reactDom.default.findDOMNode(this)}},{key:"render",value:function(){var _clsx,_this$props2=this.props,axis=_this$props2.axis,bounds=_this$props2.bounds,children=_this$props2.children,defaultPosition=_this$props2.defaultPosition,defaultClassName=_this$props2.defaultClassName,defaultClassNameDragging=_this$props2.defaultClassNameDragging,defaultClassNameDragged=_this$props2.defaultClassNameDragged,position=_this$props2.position,positionOffset=_this$props2.positionOffset,scale=_this$props2.scale,draggableCoreProps=_objectWithoutProperties(_this$props2,_excluded4),style={},svgTransform=null,controlled=!!position,draggable=!controlled||this.state.dragging,validPosition=position||defaultPosition,transformOpts={x:(0,_positionFns.canDragX)(this)&&draggable?this.state.x:validPosition.x,y:(0,_positionFns.canDragY)(this)&&draggable?this.state.y:validPosition.y};this.state.isElementSVG?svgTransform=(0,_domFns.createSVGTransform)(transformOpts,positionOffset):style=(0,_domFns.createCSSTransform)(transformOpts,positionOffset);var className=(0,_clsx2.default)(children.props.className||"",defaultClassName,(_clsx={},_defineProperty(_clsx,defaultClassNameDragging,this.state.dragging),_defineProperty(_clsx,defaultClassNameDragged,this.state.dragged),_clsx));return React59.createElement(_DraggableCore.default,_extends4({},draggableCoreProps,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),React59.cloneElement(React59.Children.only(children),{className,style:_objectSpread(_objectSpread({},children.props.style),style),transform:svgTransform}))}}],[{key:"getDerivedStateFromProps",value:function(_ref,_ref2){var position=_ref.position,prevPropsPosition=_ref2.prevPropsPosition;return position&&(!prevPropsPosition||position.x!==prevPropsPosition.x||position.y!==prevPropsPosition.y)?((0,_log.default)("Draggable: getDerivedStateFromProps %j",{position,prevPropsPosition}),{x:position.x,y:position.y,prevPropsPosition:_objectSpread({},position)}):null}}]),Draggable3}(React59.Component);exports.default=Draggable2;_defineProperty(Draggable2,"displayName","Draggable");_defineProperty(Draggable2,"propTypes",_objectSpread(_objectSpread({},_DraggableCore.default.propTypes),{},{axis:_propTypes.default.oneOf(["both","x","y","none"]),bounds:_propTypes.default.oneOfType([_propTypes.default.shape({left:_propTypes.default.number,right:_propTypes.default.number,top:_propTypes.default.number,bottom:_propTypes.default.number}),_propTypes.default.string,_propTypes.default.oneOf([!1])]),defaultClassName:_propTypes.default.string,defaultClassNameDragging:_propTypes.default.string,defaultClassNameDragged:_propTypes.default.string,defaultPosition:_propTypes.default.shape({x:_propTypes.default.number,y:_propTypes.default.number}),positionOffset:_propTypes.default.shape({x:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),y:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string])}),position:_propTypes.default.shape({x:_propTypes.default.number,y:_propTypes.default.number}),className:_shims.dontSetMe,style:_shims.dontSetMe,transform:_shims.dontSetMe}));_defineProperty(Draggable2,"defaultProps",_objectSpread(_objectSpread({},_DraggableCore.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))}});var require_cjs=__commonJS({"../../node_modules/react-draggable/build/cjs/cjs.js"(exports,module){"use strict";var _require=require_Draggable(),Draggable2=_require.default,DraggableCore=_require.DraggableCore;module.exports=Draggable2;module.exports.default=Draggable2;module.exports.DraggableCore=DraggableCore}});var require_throttle=__commonJS({"../../node_modules/lodash/throttle.js"(exports,module){var debounce5=require_debounce(),isObject5=require_isObject(),FUNC_ERROR_TEXT3="Expected a function";function throttle3(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT3);return isObject5(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce5(func,wait,{leading,maxWait:wait,trailing})}module.exports=throttle3}});var require_react_is_development2=__commonJS({"../../node_modules/downshift/node_modules/react-is/cjs/react-is.development.js"(exports){"use strict";(function(){"use strict";var REACT_ELEMENT_TYPE=60103,REACT_PORTAL_TYPE=60106,REACT_FRAGMENT_TYPE=60107,REACT_STRICT_MODE_TYPE=60108,REACT_PROFILER_TYPE=60114,REACT_PROVIDER_TYPE=60109,REACT_CONTEXT_TYPE=60110,REACT_FORWARD_REF_TYPE=60112,REACT_SUSPENSE_TYPE=60113,REACT_SUSPENSE_LIST_TYPE=60120,REACT_MEMO_TYPE=60115,REACT_LAZY_TYPE=60116,REACT_BLOCK_TYPE=60121,REACT_SERVER_BLOCK_TYPE=60122,REACT_FUNDAMENTAL_TYPE=60117,REACT_SCOPE_TYPE=60119,REACT_OPAQUE_ID_TYPE=60128,REACT_DEBUG_TRACING_MODE_TYPE=60129,REACT_OFFSCREEN_TYPE=60130,REACT_LEGACY_HIDDEN_TYPE=60131;if(typeof Symbol=="function"&&Symbol.for){var symbolFor=Symbol.for;REACT_ELEMENT_TYPE=symbolFor("react.element"),REACT_PORTAL_TYPE=symbolFor("react.portal"),REACT_FRAGMENT_TYPE=symbolFor("react.fragment"),REACT_STRICT_MODE_TYPE=symbolFor("react.strict_mode"),REACT_PROFILER_TYPE=symbolFor("react.profiler"),REACT_PROVIDER_TYPE=symbolFor("react.provider"),REACT_CONTEXT_TYPE=symbolFor("react.context"),REACT_FORWARD_REF_TYPE=symbolFor("react.forward_ref"),REACT_SUSPENSE_TYPE=symbolFor("react.suspense"),REACT_SUSPENSE_LIST_TYPE=symbolFor("react.suspense_list"),REACT_MEMO_TYPE=symbolFor("react.memo"),REACT_LAZY_TYPE=symbolFor("react.lazy"),REACT_BLOCK_TYPE=symbolFor("react.block"),REACT_SERVER_BLOCK_TYPE=symbolFor("react.server.block"),REACT_FUNDAMENTAL_TYPE=symbolFor("react.fundamental"),REACT_SCOPE_TYPE=symbolFor("react.scope"),REACT_OPAQUE_ID_TYPE=symbolFor("react.opaque.id"),REACT_DEBUG_TRACING_MODE_TYPE=symbolFor("react.debug_trace_mode"),REACT_OFFSCREEN_TYPE=symbolFor("react.offscreen"),REACT_LEGACY_HIDDEN_TYPE=symbolFor("react.legacy_hidden")}var enableScopeAPI=!1;function isValidElementType(type){return!!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||type===REACT_DEBUG_TRACING_MODE_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||type===REACT_LEGACY_HIDDEN_TYPE||enableScopeAPI||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_BLOCK_TYPE||type[0]===REACT_SERVER_BLOCK_TYPE))}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:case REACT_SUSPENSE_LIST_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment17=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense3=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1,hasWarnedAboutDeprecatedIsConcurrentMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isConcurrentMode(object){return hasWarnedAboutDeprecatedIsConcurrentMode||(hasWarnedAboutDeprecatedIsConcurrentMode=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element2,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment17,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense3,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef2,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf})()}});var require_react_is2=__commonJS({"../../node_modules/downshift/node_modules/react-is/index.js"(exports,module){"use strict";module.exports=require_react_is_development2()}});var require_fuse=__commonJS({"../../node_modules/fuse.js/dist/fuse.js"(exports,module){(function(e4,t4){typeof exports=="object"&&typeof module=="object"?module.exports=t4():typeof define=="function"&&define.amd?define("Fuse",[],t4):typeof exports=="object"?exports.Fuse=t4():e4.Fuse=t4()})(exports,function(){return function(e4){var t4={};function r6(n5){if(t4[n5])return t4[n5].exports;var o4=t4[n5]={i:n5,l:!1,exports:{}};return e4[n5].call(o4.exports,o4,o4.exports,r6),o4.l=!0,o4.exports}return r6.m=e4,r6.c=t4,r6.d=function(e5,t5,n5){r6.o(e5,t5)||Object.defineProperty(e5,t5,{enumerable:!0,get:n5})},r6.r=function(e5){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e5,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e5,"__esModule",{value:!0})},r6.t=function(e5,t5){if(1&t5&&(e5=r6(e5)),8&t5||4&t5&&typeof e5=="object"&&e5&&e5.__esModule)return e5;var n5=Object.create(null);if(r6.r(n5),Object.defineProperty(n5,"default",{enumerable:!0,value:e5}),2&t5&&typeof e5!="string")for(var o4 in e5)r6.d(n5,o4,(function(t6){return e5[t6]}).bind(null,o4));return n5},r6.n=function(e5){var t5=e5&&e5.__esModule?function(){return e5.default}:function(){return e5};return r6.d(t5,"a",t5),t5},r6.o=function(e5,t5){return Object.prototype.hasOwnProperty.call(e5,t5)},r6.p="",r6(r6.s=0)}([function(e4,t4,r6){function n5(e5){return(n5=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e6){return typeof e6}:function(e6){return e6&&typeof Symbol=="function"&&e6.constructor===Symbol&&e6!==Symbol.prototype?"symbol":typeof e6})(e5)}function o4(e5,t5){for(var r7=0;r7<t5.length;r7++){var n6=t5[r7];n6.enumerable=n6.enumerable||!1,n6.configurable=!0,"value"in n6&&(n6.writable=!0),Object.defineProperty(e5,n6.key,n6)}}var i5=r6(1),a4=r6(7),s4=a4.get,c5=(a4.deepValue,a4.isArray),h5=function(){function e5(t6,r8){var n6=r8.location,o5=n6===void 0?0:n6,i6=r8.distance,a6=i6===void 0?100:i6,c6=r8.threshold,h6=c6===void 0?.6:c6,l4=r8.maxPatternLength,u4=l4===void 0?32:l4,f5=r8.caseSensitive,v4=f5!==void 0&&f5,p4=r8.tokenSeparator,d4=p4===void 0?/ +/g:p4,g4=r8.findAllMatches,y4=g4!==void 0&&g4,m5=r8.minMatchCharLength,k3=m5===void 0?1:m5,b5=r8.id,S3=b5===void 0?null:b5,x5=r8.keys,M3=x5===void 0?[]:x5,_2=r8.shouldSort,w5=_2===void 0||_2,L5=r8.getFn,A5=L5===void 0?s4:L5,O4=r8.sortFn,C5=O4===void 0?function(e6,t7){return e6.score-t7.score}:O4,j2=r8.tokenize,P6=j2!==void 0&&j2,I3=r8.matchAllTokens,F3=I3!==void 0&&I3,T3=r8.includeMatches,N3=T3!==void 0&&T3,z3=r8.includeScore,E5=z3!==void 0&&z3,W3=r8.verbose,K2=W3!==void 0&&W3;(function(e6,t7){if(!(e6 instanceof t7))throw new TypeError("Cannot call a class as a function")})(this,e5),this.options={location:o5,distance:a6,threshold:h6,maxPatternLength:u4,isCaseSensitive:v4,tokenSeparator:d4,findAllMatches:y4,minMatchCharLength:k3,id:S3,keys:M3,includeMatches:N3,includeScore:E5,shouldSort:w5,getFn:A5,sortFn:C5,verbose:K2,tokenize:P6,matchAllTokens:F3},this.setCollection(t6),this._processKeys(M3)}var t5,r7,a5;return t5=e5,(r7=[{key:"setCollection",value:function(e6){return this.list=e6,e6}},{key:"_processKeys",value:function(e6){if(this._keyWeights={},this._keyNames=[],e6.length&&typeof e6[0]=="string")for(var t6=0,r8=e6.length;t6<r8;t6+=1){var n6=e6[t6];this._keyWeights[n6]=1,this._keyNames.push(n6)}else{for(var o5=null,i6=null,a6=0,s5=0,c6=e6.length;s5<c6;s5+=1){var h6=e6[s5];if(!h6.hasOwnProperty("name"))throw new Error('Missing "name" property in key object');var l4=h6.name;if(this._keyNames.push(l4),!h6.hasOwnProperty("weight"))throw new Error('Missing "weight" property in key object');var u4=h6.weight;if(u4<0||u4>1)throw new Error('"weight" property in key must bein the range of [0, 1)');i6=i6==null?u4:Math.max(i6,u4),o5=o5==null?u4:Math.min(o5,u4),this._keyWeights[l4]=u4,a6+=u4}if(a6>1)throw new Error("Total of weights cannot exceed 1")}}},{key:"search",value:function(e6){var t6=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{limit:!1};this._log(`---------
|
|
10
10
|
Search pattern: "`.concat(e6,'"'));var r8=this._prepareSearchers(e6),n6=r8.tokenSearchers,o5=r8.fullSearcher,i6=this._search(n6,o5);return this._computeScore(i6),this.options.shouldSort&&this._sort(i6),t6.limit&&typeof t6.limit=="number"&&(i6=i6.slice(0,t6.limit)),this._format(i6)}},{key:"_prepareSearchers",value:function(){var e6=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"",t6=[];if(this.options.tokenize)for(var r8=e6.split(this.options.tokenSeparator),n6=0,o5=r8.length;n6<o5;n6+=1)t6.push(new i5(r8[n6],this.options));return{tokenSearchers:t6,fullSearcher:new i5(e6,this.options)}}},{key:"_search",value:function(){var e6=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t6=arguments.length>1?arguments[1]:void 0,r8=this.list,n6={},o5=[];if(typeof r8[0]=="string"){for(var i6=0,a6=r8.length;i6<a6;i6+=1)this._analyze({key:"",value:r8[i6],record:i6,index:i6},{resultMap:n6,results:o5,tokenSearchers:e6,fullSearcher:t6});return o5}for(var s5=0,c6=r8.length;s5<c6;s5+=1)for(var h6=r8[s5],l4=0,u4=this._keyNames.length;l4<u4;l4+=1){var f5=this._keyNames[l4];this._analyze({key:f5,value:this.options.getFn(h6,f5),record:h6,index:s5},{resultMap:n6,results:o5,tokenSearchers:e6,fullSearcher:t6})}return o5}},{key:"_analyze",value:function(e6,t6){var r8=this,n6=e6.key,o5=e6.arrayIndex,i6=o5===void 0?-1:o5,a6=e6.value,s5=e6.record,h6=e6.index,l4=t6.tokenSearchers,u4=l4===void 0?[]:l4,f5=t6.fullSearcher,v4=t6.resultMap,p4=v4===void 0?{}:v4,d4=t6.results,g4=d4===void 0?[]:d4;(function e7(t7,o6,i7,a7){if(o6!=null){if(typeof o6=="string"){var s6=!1,h7=-1,l5=0;r8._log(`
|
|
11
11
|
Key: `.concat(n6===""?"--":n6));var v5=f5.search(o6);if(r8._log('Full text: "'.concat(o6,'", score: ').concat(v5.score)),r8.options.tokenize){for(var d5=o6.split(r8.options.tokenSeparator),y4=d5.length,m5=[],k3=0,b5=u4.length;k3<b5;k3+=1){var S3=u4[k3];r8._log(`
|
|
12
12
|
Pattern: "`.concat(S3.pattern,'"'));for(var x5=!1,M3=0;M3<y4;M3+=1){var _2=d5[M3],w5=S3.search(_2),L5={};w5.isMatch?(L5[_2]=w5.score,s6=!0,x5=!0,m5.push(w5.score)):(L5[_2]=1,r8.options.matchAllTokens||m5.push(1)),r8._log('Token: "'.concat(_2,'", score: ').concat(L5[_2]))}x5&&(l5+=1)}h7=m5[0];for(var A5=m5.length,O4=1;O4<A5;O4+=1)h7+=m5[O4];h7/=A5,r8._log("Token score average:",h7)}var C5=v5.score;h7>-1&&(C5=(C5+h7)/2),r8._log("Score average:",C5);var j2=!r8.options.tokenize||!r8.options.matchAllTokens||l5>=u4.length;if(r8._log(`
|
|
@@ -19,7 +19,7 @@ Sorting....`),e6.sort(this.options.sortFn)}},{key:"_format",value:function(e6){v
|
|
|
19
19
|
|
|
20
20
|
Output:
|
|
21
21
|
|
|
22
|
-
`,JSON.stringify(e6,function(e7,t7){if(n5(t7)==="object"&&t7!==null){if(r8.indexOf(t7)!==-1)return;r8.push(t7)}return t7},2)),r8=null}var o5=[];this.options.includeMatches&&o5.push(function(e7,t7){var r9=e7.output;t7.matches=[];for(var n6=0,o6=r9.length;n6<o6;n6+=1){var i7=r9[n6];if(i7.matchedIndices.length!==0){var a7={indices:i7.matchedIndices,value:i7.value};i7.key&&(a7.key=i7.key),i7.hasOwnProperty("arrayIndex")&&i7.arrayIndex>-1&&(a7.arrayIndex=i7.arrayIndex),t7.matches.push(a7)}}}),this.options.includeScore&&o5.push(function(e7,t7){t7.score=e7.score});for(var i6=0,a6=e6.length;i6<a6;i6+=1){var s5=e6[i6];if(this.options.id&&(s5.item=this.options.getFn(s5.item,this.options.id)[0]),o5.length){for(var c6={item:s5.item},h6=0,l4=o5.length;h6<l4;h6+=1)o5[h6](s5,c6);t6.push(c6)}else t6.push(s5.item)}return t6}},{key:"_log",value:function(){var e6;this.options.verbose&&(e6=console).log.apply(e6,arguments)}}])&&o4(t5.prototype,r7),a5&&o4(t5,a5),e5}();e4.exports=h5},function(e4,t4,r6){function n5(e5,t5){for(var r7=0;r7<t5.length;r7++){var n6=t5[r7];n6.enumerable=n6.enumerable||!1,n6.configurable=!0,"value"in n6&&(n6.writable=!0),Object.defineProperty(e5,n6.key,n6)}}var o4=r6(2),i5=r6(3),a4=r6(6),s4=function(){function e5(t6,r8){var n6=r8.location,o5=n6===void 0?0:n6,i6=r8.distance,s6=i6===void 0?100:i6,c5=r8.threshold,h5=c5===void 0?.6:c5,l4=r8.maxPatternLength,u4=l4===void 0?32:l4,f5=r8.isCaseSensitive,v4=f5!==void 0&&f5,p4=r8.tokenSeparator,d4=p4===void 0?/ +/g:p4,g4=r8.findAllMatches,y4=g4!==void 0&&g4,m5=r8.minMatchCharLength,k3=m5===void 0?1:m5,b5=r8.includeMatches,S3=b5!==void 0&&b5;(function(e6,t7){if(!(e6 instanceof t7))throw new TypeError("Cannot call a class as a function")})(this,e5),this.options={location:o5,distance:s6,threshold:h5,maxPatternLength:u4,isCaseSensitive:v4,tokenSeparator:d4,findAllMatches:y4,includeMatches:S3,minMatchCharLength:k3},this.pattern=v4?t6:t6.toLowerCase(),this.pattern.length<=u4&&(this.patternAlphabet=a4(this.pattern))}var t5,r7,s5;return t5=e5,(r7=[{key:"search",value:function(e6){var t6=this.options,r8=t6.isCaseSensitive,n6=t6.includeMatches;if(r8||(e6=e6.toLowerCase()),this.pattern===e6){var a5={isMatch:!0,score:0};return n6&&(a5.matchedIndices=[[0,e6.length-1]]),a5}var s6=this.options,c5=s6.maxPatternLength,h5=s6.tokenSeparator;if(this.pattern.length>c5)return o4(e6,this.pattern,h5);var l4=this.options,u4=l4.location,f5=l4.distance,v4=l4.threshold,p4=l4.findAllMatches,d4=l4.minMatchCharLength;return i5(e6,this.pattern,this.patternAlphabet,{location:u4,distance:f5,threshold:v4,findAllMatches:p4,minMatchCharLength:d4,includeMatches:n6})}}])&&n5(t5.prototype,r7),s5&&n5(t5,s5),e5}();e4.exports=s4},function(e4,t4){var r6=/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;e4.exports=function(e5,t5){var n5=arguments.length>2&&arguments[2]!==void 0?arguments[2]:/ +/g,o4=new RegExp(t5.replace(r6,"\\$&").replace(n5,"|")),i5=e5.match(o4),a4=!!i5,s4=[];if(a4)for(var c5=0,h5=i5.length;c5<h5;c5+=1){var l4=i5[c5];s4.push([e5.indexOf(l4),l4.length-1])}return{score:a4?.5:1,isMatch:a4,matchedIndices:s4}}},function(e4,t4,r6){var n5=r6(4),o4=r6(5);e4.exports=function(e5,t5,r7,i5){for(var a4=i5.location,s4=a4===void 0?0:a4,c5=i5.distance,h5=c5===void 0?100:c5,l4=i5.threshold,u4=l4===void 0?.6:l4,f5=i5.findAllMatches,v4=f5!==void 0&&f5,p4=i5.minMatchCharLength,d4=p4===void 0?1:p4,g4=i5.includeMatches,y4=g4!==void 0&&g4,m5=s4,k3=e5.length,b5=u4,S3=e5.indexOf(t5,m5),x5=t5.length,M3=[],_2=0;_2<k3;_2+=1)M3[_2]=0;if(S3!==-1){var w5=n5(t5,{errors:0,currentLocation:S3,expectedLocation:m5,distance:h5});if(b5=Math.min(w5,b5),(S3=e5.lastIndexOf(t5,m5+x5))!==-1){var L5=n5(t5,{errors:0,currentLocation:S3,expectedLocation:m5,distance:h5});b5=Math.min(L5,b5)}}S3=-1;for(var A5=[],O4=1,C5=x5+k3,j2=1<<(x5<=31?x5-1:30),P6=0;P6<x5;P6+=1){for(var I3=0,F3=C5;I3<F3;)n5(t5,{errors:P6,currentLocation:m5+F3,expectedLocation:m5,distance:h5})<=b5?I3=F3:C5=F3,F3=Math.floor((C5-I3)/2+I3);C5=F3;var T3=Math.max(1,m5-F3+1),N3=v4?k3:Math.min(m5+F3,k3)+x5,z3=Array(N3+2);z3[N3+1]=(1<<P6)-1;for(var E5=N3;E5>=T3;E5-=1){var W3=E5-1,K2=r7[e5.charAt(W3)];if(K2&&(M3[W3]=1),z3[E5]=(z3[E5+1]<<1|1)&K2,P6!==0&&(z3[E5]|=(A5[E5+1]|A5[E5])<<1|1|A5[E5+1]),z3[E5]&j2&&(O4=n5(t5,{errors:P6,currentLocation:W3,expectedLocation:m5,distance:h5}))<=b5){if(b5=O4,(S3=W3)<=m5)break;T3=Math.max(1,2*m5-S3)}}if(n5(t5,{errors:P6+1,currentLocation:m5,expectedLocation:m5,distance:h5})>b5)break;A5=z3}var $={isMatch:S3>=0,score:O4===0?.001:O4};return y4&&($.matchedIndices=o4(M3,d4)),$}},function(e4,t4){e4.exports=function(e5,t5){var r6=t5.errors,n5=r6===void 0?0:r6,o4=t5.currentLocation,i5=o4===void 0?0:o4,a4=t5.expectedLocation,s4=a4===void 0?0:a4,c5=t5.distance,h5=c5===void 0?100:c5,l4=n5/e5.length,u4=Math.abs(s4-i5);return h5?l4+u4/h5:u4?1:l4}},function(e4,t4){e4.exports=function(){for(var e5=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t5=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1,r6=[],n5=-1,o4=-1,i5=0,a4=e5.length;i5<a4;i5+=1){var s4=e5[i5];s4&&n5===-1?n5=i5:s4||n5===-1||((o4=i5-1)-n5+1>=t5&&r6.push([n5,o4]),n5=-1)}return e5[i5-1]&&i5-n5>=t5&&r6.push([n5,i5-1]),r6}},function(e4,t4){e4.exports=function(e5){for(var t5={},r6=e5.length,n5=0;n5<r6;n5+=1)t5[e5.charAt(n5)]=0;for(var o4=0;o4<r6;o4+=1)t5[e5.charAt(o4)]|=1<<r6-o4-1;return t5}},function(e4,t4){var r6=function(e5){return Array.isArray?Array.isArray(e5):Object.prototype.toString.call(e5)==="[object Array]"},n5=function(e5){return e5==null?"":function(e6){if(typeof e6=="string")return e6;var t5=e6+"";return t5=="0"&&1/e6==-1/0?"-0":t5}(e5)},o4=function(e5){return typeof e5=="string"},i5=function(e5){return typeof e5=="number"};e4.exports={get:function(e5,t5){var a4=[];return function e6(t6,s4){if(s4){var c5=s4.indexOf("."),h5=s4,l4=null;c5!==-1&&(h5=s4.slice(0,c5),l4=s4.slice(c5+1));var u4=t6[h5];if(u4!=null)if(l4||!o4(u4)&&!i5(u4))if(r6(u4))for(var f5=0,v4=u4.length;f5<v4;f5+=1)e6(u4[f5],l4);else l4&&e6(u4,l4);else a4.push(n5(u4))}else a4.push(t6)}(e5,t5),a4},isArray:r6,isString:o4,isNum:i5,toString:n5}}])})}});var require_toggle_selection=__commonJS({"../../node_modules/toggle-selection/index.js"(exports,module){module.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i5=0;i5<selection.rangeCount;i5++)ranges.push(selection.getRangeAt(i5));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}}});var require_copy_to_clipboard=__commonJS({"../../node_modules/copy-to-clipboard/index.js"(exports,module){"use strict";var deselectCurrent=require_toggle_selection(),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format3(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy2(text,options3){var debug,message,reselectPrevious,range,selection,mark,success=!1;options3||(options3={}),debug=options3.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e4){if(e4.stopPropagation(),options3.format)if(e4.preventDefault(),typeof e4.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format4=clipboardToIE11Formatting[options3.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format4,text)}else e4.clipboardData.clearData(),e4.clipboardData.setData(options3.format,text);options3.onCopy&&(e4.preventDefault(),options3.onCopy(e4.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options3.format||"text",text),options3.onCopy&&options3.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format3("message"in options3?options3.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module.exports=copy2}});var import_react80=__toESM(require_react()),import_react_dom6=__toESM(require_react_dom());var dist_exports={};__export(dist_exports,{BaseLocationProvider:()=>BaseLocationProvider,DEEPLY_EQUAL:()=>DEEPLY_EQUAL,Link:()=>Link2,Location:()=>Location,LocationProvider:()=>LocationProvider,Match:()=>Match,Route:()=>Route2,buildArgsParam:()=>buildArgsParam,deepDiff:()=>deepDiff,getMatch:()=>getMatch,parsePath:()=>parsePath,queryFromLocation:()=>queryFromLocation,queryFromString:()=>queryFromString,stringifyQuery:()=>stringifyQuery,useNavigate:()=>useNavigate2});var import_memoizerific=__toESM(require_memoizerific(),1),import_qs=__toESM(require_lib(),1),__create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS2=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key2 of __getOwnPropNames(from))!__hasOwnProp.call(to,key2)&&key2!==except&&__defProp(to,key2,{get:()=>from[key2],enumerable:!(desc=__getOwnPropDesc(from,key2))||desc.enumerable});return to},__toESM2=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),require_freeGlobal=__commonJS2({"../../node_modules/lodash/_freeGlobal.js"(exports,module){var freeGlobal3=typeof global=="object"&&global&&global.Object===Object&&global;module.exports=freeGlobal3}}),require_root=__commonJS2({"../../node_modules/lodash/_root.js"(exports,module){var freeGlobal3=require_freeGlobal(),freeSelf3=typeof self=="object"&&self&&self.Object===Object&&self,root4=freeGlobal3||freeSelf3||Function("return this")();module.exports=root4}}),require_Symbol=__commonJS2({"../../node_modules/lodash/_Symbol.js"(exports,module){var root4=require_root(),Symbol22=root4.Symbol;module.exports=Symbol22}}),require_getRawTag=__commonJS2({"../../node_modules/lodash/_getRawTag.js"(exports,module){var Symbol22=require_Symbol(),objectProto7=Object.prototype,hasOwnProperty6=objectProto7.hasOwnProperty,nativeObjectToString4=objectProto7.toString,symToStringTag4=Symbol22?Symbol22.toStringTag:void 0;function getRawTag3(value2){var isOwn=hasOwnProperty6.call(value2,symToStringTag4),tag=value2[symToStringTag4];try{value2[symToStringTag4]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString4.call(value2);return unmasked&&(isOwn?value2[symToStringTag4]=tag:delete value2[symToStringTag4]),result2}module.exports=getRawTag3}}),require_objectToString=__commonJS2({"../../node_modules/lodash/_objectToString.js"(exports,module){var objectProto7=Object.prototype,nativeObjectToString4=objectProto7.toString;function objectToString3(value2){return nativeObjectToString4.call(value2)}module.exports=objectToString3}}),require_baseGetTag=__commonJS2({"../../node_modules/lodash/_baseGetTag.js"(exports,module){var Symbol22=require_Symbol(),getRawTag3=require_getRawTag(),objectToString3=require_objectToString(),nullTag3="[object Null]",undefinedTag3="[object Undefined]",symToStringTag4=Symbol22?Symbol22.toStringTag:void 0;function baseGetTag3(value2){return value2==null?value2===void 0?undefinedTag3:nullTag3:symToStringTag4&&symToStringTag4 in Object(value2)?getRawTag3(value2):objectToString3(value2)}module.exports=baseGetTag3}}),require_overArg=__commonJS2({"../../node_modules/lodash/_overArg.js"(exports,module){function overArg(func,transform){return function(arg){return func(transform(arg))}}module.exports=overArg}}),require_getPrototype=__commonJS2({"../../node_modules/lodash/_getPrototype.js"(exports,module){var overArg=require_overArg(),getPrototype=overArg(Object.getPrototypeOf,Object);module.exports=getPrototype}}),require_isObjectLike=__commonJS2({"../../node_modules/lodash/isObjectLike.js"(exports,module){function isObjectLike3(value2){return value2!=null&&typeof value2=="object"}module.exports=isObjectLike3}}),require_isPlainObject=__commonJS2({"../../node_modules/lodash/isPlainObject.js"(exports,module){var baseGetTag3=require_baseGetTag(),getPrototype=require_getPrototype(),isObjectLike3=require_isObjectLike(),objectTag="[object Object]",funcProto3=Function.prototype,objectProto7=Object.prototype,funcToString3=funcProto3.toString,hasOwnProperty6=objectProto7.hasOwnProperty,objectCtorString=funcToString3.call(Object);function isPlainObject2(value2){if(!isObjectLike3(value2)||baseGetTag3(value2)!=objectTag)return!1;var proto=getPrototype(value2);if(proto===null)return!0;var Ctor=hasOwnProperty6.call(proto,"constructor")&&proto.constructor;return typeof Ctor=="function"&&Ctor instanceof Ctor&&funcToString3.call(Ctor)==objectCtorString}module.exports=isPlainObject2}}),has=Object.prototype.hasOwnProperty;function find(iter,tar,key2){for(key2 of iter.keys())if(dequal(key2,tar))return key2}function dequal(foo,bar){var ctor,len,tmp;if(foo===bar)return!0;if(foo&&bar&&(ctor=foo.constructor)===bar.constructor){if(ctor===Date)return foo.getTime()===bar.getTime();if(ctor===RegExp)return foo.toString()===bar.toString();if(ctor===Array){if((len=foo.length)===bar.length)for(;len--&&dequal(foo[len],bar[len]););return len===-1}if(ctor===Set){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len,tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!bar.has(tmp))return!1;return!0}if(ctor===Map){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len[0],tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!dequal(len[1],bar.get(tmp)))return!1;return!0}if(ctor===ArrayBuffer)foo=new Uint8Array(foo),bar=new Uint8Array(bar);else if(ctor===DataView){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo.getInt8(len)===bar.getInt8(len););return len===-1}if(ArrayBuffer.isView(foo)){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo[len]===bar[len];);return len===-1}if(!ctor||typeof foo=="object"){len=0;for(ctor in foo)if(has.call(foo,ctor)&&++len&&!has.call(bar,ctor)||!(ctor in bar)||!dequal(foo[ctor],bar[ctor]))return!1;return Object.keys(bar).length===len}}return foo!==foo&&bar!==bar}var import_isPlainObject=__toESM2(require_isPlainObject());function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from(typeof templ=="string"?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce(function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map(function(match){var _a,_b;return(_b=(_a=match.match(/[\t ]/g))===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0})):arr},[]);if(indentLengths.length){var pattern_1=new RegExp(`
|
|
22
|
+
`,JSON.stringify(e6,function(e7,t7){if(n5(t7)==="object"&&t7!==null){if(r8.indexOf(t7)!==-1)return;r8.push(t7)}return t7},2)),r8=null}var o5=[];this.options.includeMatches&&o5.push(function(e7,t7){var r9=e7.output;t7.matches=[];for(var n6=0,o6=r9.length;n6<o6;n6+=1){var i7=r9[n6];if(i7.matchedIndices.length!==0){var a7={indices:i7.matchedIndices,value:i7.value};i7.key&&(a7.key=i7.key),i7.hasOwnProperty("arrayIndex")&&i7.arrayIndex>-1&&(a7.arrayIndex=i7.arrayIndex),t7.matches.push(a7)}}}),this.options.includeScore&&o5.push(function(e7,t7){t7.score=e7.score});for(var i6=0,a6=e6.length;i6<a6;i6+=1){var s5=e6[i6];if(this.options.id&&(s5.item=this.options.getFn(s5.item,this.options.id)[0]),o5.length){for(var c6={item:s5.item},h6=0,l4=o5.length;h6<l4;h6+=1)o5[h6](s5,c6);t6.push(c6)}else t6.push(s5.item)}return t6}},{key:"_log",value:function(){var e6;this.options.verbose&&(e6=console).log.apply(e6,arguments)}}])&&o4(t5.prototype,r7),a5&&o4(t5,a5),e5}();e4.exports=h5},function(e4,t4,r6){function n5(e5,t5){for(var r7=0;r7<t5.length;r7++){var n6=t5[r7];n6.enumerable=n6.enumerable||!1,n6.configurable=!0,"value"in n6&&(n6.writable=!0),Object.defineProperty(e5,n6.key,n6)}}var o4=r6(2),i5=r6(3),a4=r6(6),s4=function(){function e5(t6,r8){var n6=r8.location,o5=n6===void 0?0:n6,i6=r8.distance,s6=i6===void 0?100:i6,c5=r8.threshold,h5=c5===void 0?.6:c5,l4=r8.maxPatternLength,u4=l4===void 0?32:l4,f5=r8.isCaseSensitive,v4=f5!==void 0&&f5,p4=r8.tokenSeparator,d4=p4===void 0?/ +/g:p4,g4=r8.findAllMatches,y4=g4!==void 0&&g4,m5=r8.minMatchCharLength,k3=m5===void 0?1:m5,b5=r8.includeMatches,S3=b5!==void 0&&b5;(function(e6,t7){if(!(e6 instanceof t7))throw new TypeError("Cannot call a class as a function")})(this,e5),this.options={location:o5,distance:s6,threshold:h5,maxPatternLength:u4,isCaseSensitive:v4,tokenSeparator:d4,findAllMatches:y4,includeMatches:S3,minMatchCharLength:k3},this.pattern=v4?t6:t6.toLowerCase(),this.pattern.length<=u4&&(this.patternAlphabet=a4(this.pattern))}var t5,r7,s5;return t5=e5,(r7=[{key:"search",value:function(e6){var t6=this.options,r8=t6.isCaseSensitive,n6=t6.includeMatches;if(r8||(e6=e6.toLowerCase()),this.pattern===e6){var a5={isMatch:!0,score:0};return n6&&(a5.matchedIndices=[[0,e6.length-1]]),a5}var s6=this.options,c5=s6.maxPatternLength,h5=s6.tokenSeparator;if(this.pattern.length>c5)return o4(e6,this.pattern,h5);var l4=this.options,u4=l4.location,f5=l4.distance,v4=l4.threshold,p4=l4.findAllMatches,d4=l4.minMatchCharLength;return i5(e6,this.pattern,this.patternAlphabet,{location:u4,distance:f5,threshold:v4,findAllMatches:p4,minMatchCharLength:d4,includeMatches:n6})}}])&&n5(t5.prototype,r7),s5&&n5(t5,s5),e5}();e4.exports=s4},function(e4,t4){var r6=/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;e4.exports=function(e5,t5){var n5=arguments.length>2&&arguments[2]!==void 0?arguments[2]:/ +/g,o4=new RegExp(t5.replace(r6,"\\$&").replace(n5,"|")),i5=e5.match(o4),a4=!!i5,s4=[];if(a4)for(var c5=0,h5=i5.length;c5<h5;c5+=1){var l4=i5[c5];s4.push([e5.indexOf(l4),l4.length-1])}return{score:a4?.5:1,isMatch:a4,matchedIndices:s4}}},function(e4,t4,r6){var n5=r6(4),o4=r6(5);e4.exports=function(e5,t5,r7,i5){for(var a4=i5.location,s4=a4===void 0?0:a4,c5=i5.distance,h5=c5===void 0?100:c5,l4=i5.threshold,u4=l4===void 0?.6:l4,f5=i5.findAllMatches,v4=f5!==void 0&&f5,p4=i5.minMatchCharLength,d4=p4===void 0?1:p4,g4=i5.includeMatches,y4=g4!==void 0&&g4,m5=s4,k3=e5.length,b5=u4,S3=e5.indexOf(t5,m5),x5=t5.length,M3=[],_2=0;_2<k3;_2+=1)M3[_2]=0;if(S3!==-1){var w5=n5(t5,{errors:0,currentLocation:S3,expectedLocation:m5,distance:h5});if(b5=Math.min(w5,b5),(S3=e5.lastIndexOf(t5,m5+x5))!==-1){var L5=n5(t5,{errors:0,currentLocation:S3,expectedLocation:m5,distance:h5});b5=Math.min(L5,b5)}}S3=-1;for(var A5=[],O4=1,C5=x5+k3,j2=1<<(x5<=31?x5-1:30),P6=0;P6<x5;P6+=1){for(var I3=0,F3=C5;I3<F3;)n5(t5,{errors:P6,currentLocation:m5+F3,expectedLocation:m5,distance:h5})<=b5?I3=F3:C5=F3,F3=Math.floor((C5-I3)/2+I3);C5=F3;var T3=Math.max(1,m5-F3+1),N3=v4?k3:Math.min(m5+F3,k3)+x5,z3=Array(N3+2);z3[N3+1]=(1<<P6)-1;for(var E5=N3;E5>=T3;E5-=1){var W3=E5-1,K2=r7[e5.charAt(W3)];if(K2&&(M3[W3]=1),z3[E5]=(z3[E5+1]<<1|1)&K2,P6!==0&&(z3[E5]|=(A5[E5+1]|A5[E5])<<1|1|A5[E5+1]),z3[E5]&j2&&(O4=n5(t5,{errors:P6,currentLocation:W3,expectedLocation:m5,distance:h5}))<=b5){if(b5=O4,(S3=W3)<=m5)break;T3=Math.max(1,2*m5-S3)}}if(n5(t5,{errors:P6+1,currentLocation:m5,expectedLocation:m5,distance:h5})>b5)break;A5=z3}var $={isMatch:S3>=0,score:O4===0?.001:O4};return y4&&($.matchedIndices=o4(M3,d4)),$}},function(e4,t4){e4.exports=function(e5,t5){var r6=t5.errors,n5=r6===void 0?0:r6,o4=t5.currentLocation,i5=o4===void 0?0:o4,a4=t5.expectedLocation,s4=a4===void 0?0:a4,c5=t5.distance,h5=c5===void 0?100:c5,l4=n5/e5.length,u4=Math.abs(s4-i5);return h5?l4+u4/h5:u4?1:l4}},function(e4,t4){e4.exports=function(){for(var e5=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t5=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1,r6=[],n5=-1,o4=-1,i5=0,a4=e5.length;i5<a4;i5+=1){var s4=e5[i5];s4&&n5===-1?n5=i5:s4||n5===-1||((o4=i5-1)-n5+1>=t5&&r6.push([n5,o4]),n5=-1)}return e5[i5-1]&&i5-n5>=t5&&r6.push([n5,i5-1]),r6}},function(e4,t4){e4.exports=function(e5){for(var t5={},r6=e5.length,n5=0;n5<r6;n5+=1)t5[e5.charAt(n5)]=0;for(var o4=0;o4<r6;o4+=1)t5[e5.charAt(o4)]|=1<<r6-o4-1;return t5}},function(e4,t4){var r6=function(e5){return Array.isArray?Array.isArray(e5):Object.prototype.toString.call(e5)==="[object Array]"},n5=function(e5){return e5==null?"":function(e6){if(typeof e6=="string")return e6;var t5=e6+"";return t5=="0"&&1/e6==-1/0?"-0":t5}(e5)},o4=function(e5){return typeof e5=="string"},i5=function(e5){return typeof e5=="number"};e4.exports={get:function(e5,t5){var a4=[];return function e6(t6,s4){if(s4){var c5=s4.indexOf("."),h5=s4,l4=null;c5!==-1&&(h5=s4.slice(0,c5),l4=s4.slice(c5+1));var u4=t6[h5];if(u4!=null)if(l4||!o4(u4)&&!i5(u4))if(r6(u4))for(var f5=0,v4=u4.length;f5<v4;f5+=1)e6(u4[f5],l4);else l4&&e6(u4,l4);else a4.push(n5(u4))}else a4.push(t6)}(e5,t5),a4},isArray:r6,isString:o4,isNum:i5,toString:n5}}])})}});var require_toggle_selection=__commonJS({"../../node_modules/toggle-selection/index.js"(exports,module){module.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i5=0;i5<selection.rangeCount;i5++)ranges.push(selection.getRangeAt(i5));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}}});var require_copy_to_clipboard=__commonJS({"../../node_modules/copy-to-clipboard/index.js"(exports,module){"use strict";var deselectCurrent=require_toggle_selection(),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format3(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy2(text,options3){var debug,message,reselectPrevious,range,selection,mark,success=!1;options3||(options3={}),debug=options3.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e4){if(e4.stopPropagation(),options3.format)if(e4.preventDefault(),typeof e4.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format4=clipboardToIE11Formatting[options3.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format4,text)}else e4.clipboardData.clearData(),e4.clipboardData.setData(options3.format,text);options3.onCopy&&(e4.preventDefault(),options3.onCopy(e4.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options3.format||"text",text),options3.onCopy&&options3.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format3("message"in options3?options3.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module.exports=copy2}});var import_react85=__toESM(require_react()),import_react_dom6=__toESM(require_react_dom());var dist_exports={};__export(dist_exports,{BaseLocationProvider:()=>BaseLocationProvider,DEEPLY_EQUAL:()=>DEEPLY_EQUAL,Link:()=>Link2,Location:()=>Location,LocationProvider:()=>LocationProvider,Match:()=>Match,Route:()=>Route2,buildArgsParam:()=>buildArgsParam,deepDiff:()=>deepDiff,getMatch:()=>getMatch,parsePath:()=>parsePath,queryFromLocation:()=>queryFromLocation,queryFromString:()=>queryFromString,stringifyQuery:()=>stringifyQuery,useNavigate:()=>useNavigate2});var import_memoizerific=__toESM(require_memoizerific(),1),import_qs=__toESM(require_lib(),1),__create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS2=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key2 of __getOwnPropNames(from))!__hasOwnProp.call(to,key2)&&key2!==except&&__defProp(to,key2,{get:()=>from[key2],enumerable:!(desc=__getOwnPropDesc(from,key2))||desc.enumerable});return to},__toESM2=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),require_freeGlobal=__commonJS2({"../../node_modules/lodash/_freeGlobal.js"(exports,module){var freeGlobal3=typeof global=="object"&&global&&global.Object===Object&&global;module.exports=freeGlobal3}}),require_root=__commonJS2({"../../node_modules/lodash/_root.js"(exports,module){var freeGlobal3=require_freeGlobal(),freeSelf3=typeof self=="object"&&self&&self.Object===Object&&self,root4=freeGlobal3||freeSelf3||Function("return this")();module.exports=root4}}),require_Symbol=__commonJS2({"../../node_modules/lodash/_Symbol.js"(exports,module){var root4=require_root(),Symbol22=root4.Symbol;module.exports=Symbol22}}),require_getRawTag=__commonJS2({"../../node_modules/lodash/_getRawTag.js"(exports,module){var Symbol22=require_Symbol(),objectProto7=Object.prototype,hasOwnProperty6=objectProto7.hasOwnProperty,nativeObjectToString4=objectProto7.toString,symToStringTag4=Symbol22?Symbol22.toStringTag:void 0;function getRawTag3(value2){var isOwn=hasOwnProperty6.call(value2,symToStringTag4),tag=value2[symToStringTag4];try{value2[symToStringTag4]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString4.call(value2);return unmasked&&(isOwn?value2[symToStringTag4]=tag:delete value2[symToStringTag4]),result2}module.exports=getRawTag3}}),require_objectToString=__commonJS2({"../../node_modules/lodash/_objectToString.js"(exports,module){var objectProto7=Object.prototype,nativeObjectToString4=objectProto7.toString;function objectToString3(value2){return nativeObjectToString4.call(value2)}module.exports=objectToString3}}),require_baseGetTag=__commonJS2({"../../node_modules/lodash/_baseGetTag.js"(exports,module){var Symbol22=require_Symbol(),getRawTag3=require_getRawTag(),objectToString3=require_objectToString(),nullTag3="[object Null]",undefinedTag3="[object Undefined]",symToStringTag4=Symbol22?Symbol22.toStringTag:void 0;function baseGetTag3(value2){return value2==null?value2===void 0?undefinedTag3:nullTag3:symToStringTag4&&symToStringTag4 in Object(value2)?getRawTag3(value2):objectToString3(value2)}module.exports=baseGetTag3}}),require_overArg=__commonJS2({"../../node_modules/lodash/_overArg.js"(exports,module){function overArg(func,transform){return function(arg){return func(transform(arg))}}module.exports=overArg}}),require_getPrototype=__commonJS2({"../../node_modules/lodash/_getPrototype.js"(exports,module){var overArg=require_overArg(),getPrototype=overArg(Object.getPrototypeOf,Object);module.exports=getPrototype}}),require_isObjectLike=__commonJS2({"../../node_modules/lodash/isObjectLike.js"(exports,module){function isObjectLike3(value2){return value2!=null&&typeof value2=="object"}module.exports=isObjectLike3}}),require_isPlainObject=__commonJS2({"../../node_modules/lodash/isPlainObject.js"(exports,module){var baseGetTag3=require_baseGetTag(),getPrototype=require_getPrototype(),isObjectLike3=require_isObjectLike(),objectTag="[object Object]",funcProto3=Function.prototype,objectProto7=Object.prototype,funcToString3=funcProto3.toString,hasOwnProperty6=objectProto7.hasOwnProperty,objectCtorString=funcToString3.call(Object);function isPlainObject2(value2){if(!isObjectLike3(value2)||baseGetTag3(value2)!=objectTag)return!1;var proto=getPrototype(value2);if(proto===null)return!0;var Ctor=hasOwnProperty6.call(proto,"constructor")&&proto.constructor;return typeof Ctor=="function"&&Ctor instanceof Ctor&&funcToString3.call(Ctor)==objectCtorString}module.exports=isPlainObject2}}),has=Object.prototype.hasOwnProperty;function find(iter,tar,key2){for(key2 of iter.keys())if(dequal(key2,tar))return key2}function dequal(foo,bar){var ctor,len,tmp;if(foo===bar)return!0;if(foo&&bar&&(ctor=foo.constructor)===bar.constructor){if(ctor===Date)return foo.getTime()===bar.getTime();if(ctor===RegExp)return foo.toString()===bar.toString();if(ctor===Array){if((len=foo.length)===bar.length)for(;len--&&dequal(foo[len],bar[len]););return len===-1}if(ctor===Set){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len,tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!bar.has(tmp))return!1;return!0}if(ctor===Map){if(foo.size!==bar.size)return!1;for(len of foo)if(tmp=len[0],tmp&&typeof tmp=="object"&&(tmp=find(bar,tmp),!tmp)||!dequal(len[1],bar.get(tmp)))return!1;return!0}if(ctor===ArrayBuffer)foo=new Uint8Array(foo),bar=new Uint8Array(bar);else if(ctor===DataView){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo.getInt8(len)===bar.getInt8(len););return len===-1}if(ArrayBuffer.isView(foo)){if((len=foo.byteLength)===bar.byteLength)for(;len--&&foo[len]===bar[len];);return len===-1}if(!ctor||typeof foo=="object"){len=0;for(ctor in foo)if(has.call(foo,ctor)&&++len&&!has.call(bar,ctor)||!(ctor in bar)||!dequal(foo[ctor],bar[ctor]))return!1;return Object.keys(bar).length===len}}return foo!==foo&&bar!==bar}var import_isPlainObject=__toESM2(require_isPlainObject());function dedent(templ){for(var values=[],_i=1;_i<arguments.length;_i++)values[_i-1]=arguments[_i];var strings=Array.from(typeof templ=="string"?[templ]:templ);strings[strings.length-1]=strings[strings.length-1].replace(/\r?\n([\t ]*)$/,"");var indentLengths=strings.reduce(function(arr,str){var matches=str.match(/\n([\t ]+|(?!\s).)/g);return matches?arr.concat(matches.map(function(match){var _a,_b;return(_b=(_a=match.match(/[\t ]/g))===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0})):arr},[]);if(indentLengths.length){var pattern_1=new RegExp(`
|
|
23
23
|
[ ]{`+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map(function(str){return str.replace(pattern_1,`
|
|
24
24
|
`)})}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach(function(value2,i5){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value2;typeof value2=="string"&&value2.includes(`
|
|
25
25
|
`)&&(indentedValue=String(value2).split(`
|
|
@@ -50,7 +50,7 @@ Output:
|
|
|
50
50
|
it's possible a CORS error happened.
|
|
51
51
|
|
|
52
52
|
Please check your dev-tools network tab.
|
|
53
|
-
`});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index3;setStoriesData?index3=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index3&&(index3=addRefIds(index3,ref)),api.updateRef(id,{index:index3,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(["story","docs"].includes(data?.type)){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store22.getState(),firstStory=Object.keys(index3).find(id=>index3[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index3,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index3,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index3,storyId){let entry=index3[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index3,childStoryId)},findLeafStoryId(index3,storyId){return api.findLeafEntry(index3,storyId)?.id},findSiblingStoryId(storyId,index3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index3),position2=lookupList2.findIndex(i5=>i5.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index3),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[storyId]={...index3[storyId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[storyId]={...index3[storyId],...update2},await store22.setState({index:index3})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[docsId]={...index3[docsId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[docsId]={...index3[docsId],...update2},await store22.setState({index:index3})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,update2)=>{let{status}=store22.getState(),newStatus={...status};Object.entries(update2).forEach(([storyId,value2])=>{newStatus[storyId]={...newStatus[storyId]||{}},newStatus[storyId][id]=value2}),await store22.setState({status:newStatus},{persistence:"session"})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{}},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let state=store22.getState(),isCanvasRoute=state.path==="/"||state.viewMode==="story"||state.viewMode==="docs",stateHasSelection=state.viewMode&&state.storyId,stateSelectionDifferent=state.viewMode!==viewMode||state.storyId!==storyId;isCanvasRoute&&(stateHasSelection&&stateSelectionDifferent?fullAPI.emit(SET_CURRENT_STORY,{storyId:state.storyId,viewMode:state.viewMode}):stateSelectionDifferent&&navigate(`/${viewMode}/${storyId}`))}}),fullAPI.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index3,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index3,1,!0),api.findSiblingStoryId(storyId,index3,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(id,{...update2,prepared:!0},ref)}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES?.storyStoreV7&&(fullAPI.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init8=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=e4.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i5)=>Array.isArray(input)?!input.includes(shortcut[i5]):input!==shortcut[i5]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o4){return Object.keys(o4)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document23.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,path,customQueryParams,storyId}},init10=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v4])=>v4).sort(([a4],[b5])=>a4<b5?-1:1).map(([k3,v4])=>`${k3}=${v4}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{plain:!0,...options3})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)})};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="0.0.0-pr-23611-sha-d83da132",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),fullAPI.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return fullAPI.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>fullAPI.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){fullAPI.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData);let urlState=fullAPI.getUrlState();!(urlState?.path==="/onboarding"||urlState.queryParams?.onboarding==="true")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.addPanel=(id,options3)=>{this.add(id,{type:Addon_TypesEnum.PANEL,...options3})},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(id,callback)=>{this.loaders[id]&&logger.warn(`${id} was loaded twice, this could have bad side-effects`),this.loaders[id]=callback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}getElements(type){return this.elements[type]||(this.elements[type]={}),this.elements[type]}add(id,addon){let{type}=addon,collection=this.getElements(type);collection[id]={id,...addon}}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":props.viewMode,singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_exports].map(m5=>m5.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m5=>m5.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m5=>m5.api));this.state=state,this.api=api}static{this.displayName="Manager"}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}},EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c5=>c5;function ManagerConsumer({filter=defaultFilter,children}){let c5=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let data=filterer.current(c5),l4=(0,import_react2.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c5.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...data})},l4)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId)||addonStateCache[stateId],state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2);api.getAddonState(stateId)&&api.getAddonState(stateId)!==state&&api.setAddonState(stateId,state).then(s4=>{addonStateCache[stateId]=s4});let setState=(s4,options3)=>{let result2=api.setAddonState(stateId,s4,options3);return addonStateCache[stateId]=result2,result2},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:setState,[`${SHARED_STATE_SET}-client-${stateId}`]:setState},stateInitializationHandlers={[SET_STORIES]:async()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(await setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(await setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,async(newStateOrMerger,options3)=>{let result2=await setState(newStateOrMerger,options3);emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,result2)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data?.type==="story"?data.args:{},updateArgs=(0,import_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&¤t.argTypes||{}}var import_react3=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r6=arguments[e4];for(var n5 in r6)Object.prototype.hasOwnProperty.call(r6,n5)&&(t4[n5]=r6[n5])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c2(t4,e4)}function c2(t4,e4){return c2=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c2(t4,e4)}function u(t4,e4){if(t4==null)return{};var r6,n5,i5={},o4=Object.keys(t4);for(n5=0;n5<o4.length;n5++)e4.indexOf(r6=o4[n5])>=0||(i5[r6]=t4[r6]);return i5}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h2=Object.keys(l).map(function(t4){return l[t4]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t4,e4){return t4[m2[e4]]=e4,t4},{}),T=function(t4,e4){for(var r6=t4.length-1;r6>=0;r6-=1){var n5=t4[r6];if(Object.prototype.hasOwnProperty.call(n5,e4))return n5[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r6=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r6&&e4)return r6.replace(/%s/g,function(){return e4});var n5=T(t4,"defaultTitle");return e4||n5||void 0},b2=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r6){if(!e5.length)for(var n5=Object.keys(r6),i5=0;i5<n5.length;i5+=1){var o4=n5[i5].toLowerCase();if(t4.indexOf(o4)!==-1&&r6[o4])return e5.concat(r6)}return e5},[])},C2=function(t4,e4,r6){var n5={};return r6.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r7){var i5={};r7.filter(function(t6){for(var r8,o5=Object.keys(t6),a4=0;a4<o5.length;a4+=1){var s5=o5[a4],c6=s5.toLowerCase();e4.indexOf(c6)===-1||r8==="rel"&&t6[r8].toLowerCase()==="canonical"||c6==="rel"&&t6[c6].toLowerCase()==="stylesheet"||(r8=c6),e4.indexOf(s5)===-1||s5!=="innerHTML"&&s5!=="cssText"&&s5!=="itemprop"||(r8=s5)}if(!r8||!t6[r8])return!1;var u5=t6[r8].toLowerCase();return n5[r8]||(n5[r8]={}),i5[r8]||(i5[r8]={}),!n5[r8][u5]&&(i5[r8][u5]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o4=Object.keys(i5),s4=0;s4<o4.length;s4+=1){var c5=o4[s4],u4=a({},n5[c5],i5[c5]);n5[c5]=u4}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r6=0;r6<t4.length;r6+=1)if(t4[r6][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E2=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r6){return function(t6,e5){for(var r7=Object.keys(t6),n5=0;n5<r7.length;n5+=1)if(e5[r7[n5]]&&e5[r7[n5]].includes(t6[r7[n5]]))return!0;return!1}(r6,e4)?t5.priority.push(r6):t5.default.push(r6),t5},{priority:[],default:[]}):{default:t4}},I2=function(t4,e4){var r6;return a({},t4,((r6={})[e4]=void 0,r6))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")},x2=function(t4){return Object.keys(t4).reduce(function(e4,r6){var n5=t4[r6]!==void 0?r6+'="'+t4[r6]+'"':""+r6;return e4?e4+" "+n5:n5},"")},L2=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r6){return e5[m2[r6]||r6]=t4[r6],e5},e4)},j=function(e4,r6){return r6.map(function(r7,n5){var i5,o4=((i5={key:n5})["data-rh"]=!0,i5);return Object.keys(r7).forEach(function(t4){var e5=m2[t4]||t4;e5==="innerHTML"||e5==="cssText"?o4.dangerouslySetInnerHTML={__html:r7.innerHTML||r7.cssText}:o4[e5]=r7[t4]}),import_react3.default.createElement(e4,o4)})},M=function(e4,r6,n5){switch(e4){case l.TITLE:return{toComponent:function(){return n6=r6.titleAttributes,(i5={key:e5=r6.title})["data-rh"]=!0,o4=L2(n6,i5),[import_react3.default.createElement(l.TITLE,o4,e5)];var e5,n6,i5,o4},toString:function(){return function(t4,e5,r7,n6){var i5=x2(r7),o4=S(e5);return i5?"<"+t4+' data-rh="true" '+i5+">"+w2(o4,n6)+"</"+t4+">":"<"+t4+' data-rh="true">'+w2(o4,n6)+"</"+t4+">"}(e4,r6.title,r6.titleAttributes,n5)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r6)},toString:function(){return x2(r6)}};default:return{toComponent:function(){return j(e4,r6)},toString:function(){return function(t4,e5,r7){return e5.reduce(function(e6,n6){var i5=Object.keys(n6).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i6=n6[e7]===void 0?e7:e7+'="'+w2(n6[e7],r7)+'"';return t5?t5+" "+i6:i6},""),o4=n6.innerHTML||n6.cssText||"",a4=P2.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i5+(a4?"/>":">"+o4+"</"+t4+">")},"")}(e4,r6,n5)}}}},k=function(t4){var e4=t4.baseTag,r6=t4.bodyAttributes,n5=t4.encode,i5=t4.htmlAttributes,o4=t4.noscriptTags,a4=t4.styleTags,s4=t4.title,c5=s4===void 0?"":s4,u4=t4.titleAttributes,h5=t4.linkTags,m5=t4.metaTags,y4=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g4=function(t5){var e5=t5.linkTags,r7=t5.scriptTags,n6=t5.encode,i6=E2(t5.metaTags,d),o5=E2(e5,p),a5=E2(r7,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i6.priority),j(l.LINK,o5.priority),j(l.SCRIPT,a5.priority))},toString:function(){return M(l.META,i6.priority,n6)+" "+M(l.LINK,o5.priority,n6)+" "+M(l.SCRIPT,a5.priority,n6)}},metaTags:i6.default,linkTags:o5.default,scriptTags:a5.default}}(t4);T3=g4.priorityMethods,h5=g4.linkTags,m5=g4.metaTags,y4=g4.scriptTags}return{priority:T3,base:M(l.BASE,e4,n5),bodyAttributes:M("bodyAttributes",r6,n5),htmlAttributes:M("htmlAttributes",i5,n5),link:M(l.LINK,h5,n5),meta:M(l.META,m5,n5),noscript:M(l.NOSCRIPT,o4,n5),script:M(l.SCRIPT,y4,n5),style:M(l.STYLE,a4,n5),title:M(l.TITLE,{title:c5,titleAttributes:u4},n5)}},H=[],N2=function(t4,e4){var r6=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r6.context.helmet=t5},helmetInstances:{get:function(){return r6.canUseDOM?H:r6.instances},add:function(t5){(r6.canUseDOM?H:r6.instances).push(t5)},remove:function(t5){var e5=(r6.canUseDOM?H:r6.instances).indexOf(t5);(r6.canUseDOM?H:r6.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R2=import_react3.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r6(t4){var n5;return(n5=e4.call(this,t4)||this).helmetData=new N2(n5.props.context,r6.canUseDOM),n5}return s(r6,e4),r6.prototype.render=function(){return import_react3.default.createElement(R2.Provider,{value:this.helmetData.value},this.props.children)},r6}(import_react3.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r6,n5=document.head||document.querySelector(l.HEAD),i5=n5.querySelectorAll(t4+"[data-rh]"),o4=[].slice.call(i5),a4=[];return e4&&e4.length&&e4.forEach(function(e5){var n6=document.createElement(t4);for(var i6 in e5)Object.prototype.hasOwnProperty.call(e5,i6)&&(i6==="innerHTML"?n6.innerHTML=e5.innerHTML:i6==="cssText"?n6.styleSheet?n6.styleSheet.cssText=e5.cssText:n6.appendChild(document.createTextNode(e5.cssText)):n6.setAttribute(i6,e5[i6]===void 0?"":e5[i6]));n6.setAttribute("data-rh","true"),o4.some(function(t5,e6){return r6=e6,n6.isEqualNode(t5)})?o4.splice(r6,1):a4.push(n6)}),o4.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a4.forEach(function(t5){return n5.appendChild(t5)}),{oldTags:o4,newTags:a4}},B2=function(t4,e4){var r6=document.getElementsByTagName(t4)[0];if(r6){for(var n5=r6.getAttribute("data-rh"),i5=n5?n5.split(","):[],o4=[].concat(i5),a4=Object.keys(e4),s4=0;s4<a4.length;s4+=1){var c5=a4[s4],u4=e4[c5]||"";r6.getAttribute(c5)!==u4&&r6.setAttribute(c5,u4),i5.indexOf(c5)===-1&&i5.push(c5);var l4=o4.indexOf(c5);l4!==-1&&o4.splice(l4,1)}for(var p4=o4.length-1;p4>=0;p4-=1)r6.removeAttribute(o4[p4]);i5.length===o4.length?r6.removeAttribute("data-rh"):r6.getAttribute("data-rh")!==a4.join(",")&&r6.setAttribute("data-rh",a4.join(","))}},K=function(t4,e4){var r6=t4.baseTag,n5=t4.htmlAttributes,i5=t4.linkTags,o4=t4.metaTags,a4=t4.noscriptTags,s4=t4.onChangeClientState,c5=t4.scriptTags,u4=t4.styleTags,p4=t4.title,f5=t4.titleAttributes;B2(l.BODY,t4.bodyAttributes),B2(l.HTML,n5),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B2(l.TITLE,e5)}(p4,f5);var d4={baseTag:Y(l.BASE,r6),linkTags:Y(l.LINK,i5),metaTags:Y(l.META,o4),noscriptTags:Y(l.NOSCRIPT,a4),scriptTags:Y(l.SCRIPT,c5),styleTags:Y(l.STYLE,u4)},h5={},m5={};Object.keys(d4).forEach(function(t5){var e5=d4[t5],r7=e5.newTags,n6=e5.oldTags;r7.length&&(h5[t5]=r7),n6.length&&(m5[t5]=d4[t5].oldTags)}),e4&&e4(),s4(t4,h5,m5)},_=null,z=function(t4){function e4(){for(var e5,r7=arguments.length,n5=new Array(r7),i5=0;i5<r7;i5++)n5[i5]=arguments[i5];return(e5=t4.call.apply(t4,[this].concat(n5))||this).rendered=!1,e5}s(e4,t4);var r6=e4.prototype;return r6.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r6.componentDidUpdate=function(){this.emitChange()},r6.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r6.emitChange=function(){var t5,e5,r7=this.props.context,n5=r7.setHelmet,i5=null,o4=(t5=r7.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C2(l.LINK,["rel","href"],t5),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b2(t5),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t5),styleTags:C2(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o4,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i5=k(o4)),n5(i5)},r6.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r6.render=function(){return this.init(),null},e4}(import_react3.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r6(){return e4.apply(this,arguments)||this}s(r6,e4);var o4=r6.prototype;return o4.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I2(this.props,"helmetData"),I2(t4,"helmetData"))},o4.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o4.flattenArrayTypeChildren=function(t4){var e5,r7=t4.child,n5=t4.arrayTypeChildren;return a({},n5,((e5={})[r7.type]=[].concat(n5[r7.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r7,t4.nestedChildren))]),e5))},o4.mapObjectTypeChildren=function(t4){var e5,r7,n5=t4.child,i5=t4.newProps,o5=t4.newChildProps,s4=t4.nestedChildren;switch(n5.type){case l.TITLE:return a({},i5,((e5={})[n5.type]=s4,e5.titleAttributes=a({},o5),e5));case l.BODY:return a({},i5,{bodyAttributes:a({},o5)});case l.HTML:return a({},i5,{htmlAttributes:a({},o5)});default:return a({},i5,((r7={})[n5.type]=a({},o5),r7))}},o4.mapArrayTypeChildrenToProps=function(t4,e5){var r7=a({},e5);return Object.keys(t4).forEach(function(e6){var n5;r7=a({},r7,((n5={})[e6]=t4[e6],n5))}),r7},o4.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h2.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h2.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o4.mapChildrenToProps=function(e5,r7){var n5=this,i5={};return import_react3.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o5=e6.children,a4=u(e6,F),s4=Object.keys(a4).reduce(function(t5,e7){return t5[y[e7]||e7]=a4[e7],t5},{}),c5=t4.type;switch(typeof c5=="symbol"?c5=c5.toString():n5.warnOnInvalidChildren(t4,o5),c5){case l.FRAGMENT:r7=n5.mapChildrenToProps(o5,r7);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i5=n5.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i5,newChildProps:s4,nestedChildren:o5});break;default:r7=n5.mapObjectTypeChildren({child:t4,newProps:r7,newChildProps:s4,nestedChildren:o5})}}}),this.mapArrayTypeChildrenToProps(i5,r7)},o4.render=function(){var e5=this.props,r7=e5.children,n5=u(e5,G),i5=a({},n5),o5=n5.helmetData;return r7&&(i5=this.mapChildrenToProps(r7,i5)),!o5||o5 instanceof N2||(o5=new N2(o5.context,o5.instances)),o5?import_react3.default.createElement(z,a({},i5,{context:o5.value,helmetData:void 0})):import_react3.default.createElement(R2.Consumer,null,function(e6){return import_react3.default.createElement(z,a({},i5,{context:e6}))})},r6}(import_react3.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react71=__toESM(require_react());var React3=__toESM(require_react()),import_react4=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d4,b5){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d5,b6){d5.__proto__=b6}||function(d5,b6){for(var p4 in b6)Object.prototype.hasOwnProperty.call(b6,p4)&&(d5[p4]=b6[p4])},extendStatics(d4,b5)};function __extends(d4,b5){if(typeof b5!="function"&&b5!==null)throw new TypeError("Class extends value "+String(b5)+" is not a constructor or null");extendStatics(d4,b5);function __(){this.constructor=d4}d4.prototype=b5===null?Object.create(b5):(__.prototype=b5.prototype,new __)}var __assign=function(){return __assign=Object.assign||function(t4){for(var s4,i5=1,n5=arguments.length;i5<n5;i5++){s4=arguments[i5];for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&(t4[p4]=s4[p4])}return t4},__assign.apply(this,arguments)};function __rest(s4,e4){var t4={};for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&e4.indexOf(p4)<0&&(t4[p4]=s4[p4]);if(s4!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i5=0,p4=Object.getOwnPropertySymbols(s4);i5<p4.length;i5++)e4.indexOf(p4[i5])<0&&Object.prototype.propertyIsEnumerable.call(s4,p4[i5])&&(t4[p4[i5]]=s4[p4[i5]]);return t4}var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function isObject$3(value2){var type=typeof value2;return value2!=null&&(type=="object"||type=="function")}var isObject_1=isObject$3,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal2=_freeGlobal,freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root$2=freeGlobal2||freeSelf2||Function("return this")(),_root=root$2,root$1=_root,now$1=function(){return root$1.Date.now()},now_1=now$1,reWhitespace=/\s/;function trimmedEndIndex$1(string){for(var index3=string.length;index3--&&reWhitespace.test(string.charAt(index3)););return index3}var _trimmedEndIndex=trimmedEndIndex$1,trimmedEndIndex=_trimmedEndIndex,reTrimStart=/^\s+/;function baseTrim$1(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}var _baseTrim=baseTrim$1,root3=_root,Symbol$2=root3.Symbol,_Symbol=Symbol$2,Symbol$1=_Symbol,objectProto$1=Object.prototype,hasOwnProperty5=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag$1(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag$1),tag=value2[symToStringTag$1];try{value2[symToStringTag$1]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString$1.call(value2);return unmasked&&(isOwn?value2[symToStringTag$1]=tag:delete value2[symToStringTag$1]),result2}var _getRawTag=getRawTag$1,objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString$1(value2){return nativeObjectToString3.call(value2)}var _objectToString=objectToString$1,Symbol3=_Symbol,getRawTag2=_getRawTag,objectToString2=_objectToString,nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol3?Symbol3.toStringTag:void 0;function baseGetTag$1(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}var _baseGetTag=baseGetTag$1;function isObjectLike$1(value2){return value2!=null&&typeof value2=="object"}var isObjectLike_1=isObjectLike$1,baseGetTag2=_baseGetTag,isObjectLike2=isObjectLike_1,symbolTag2="[object Symbol]";function isSymbol$1(value2){return typeof value2=="symbol"||isObjectLike2(value2)&&baseGetTag2(value2)==symbolTag2}var isSymbol_1=isSymbol$1,baseTrim=_baseTrim,isObject$2=isObject_1,isSymbol2=isSymbol_1,NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber$1(value2){if(typeof value2=="number")return value2;if(isSymbol2(value2))return NAN;if(isObject$2(value2)){var other=typeof value2.valueOf=="function"?value2.valueOf():value2;value2=isObject$2(other)?other+"":other}if(typeof value2!="string")return value2===0?value2:+value2;value2=baseTrim(value2);var isBinary=reIsBinary.test(value2);return isBinary||reIsOctal.test(value2)?freeParseInt(value2.slice(2),isBinary?2:8):reIsBadHex.test(value2)?NAN:+value2}var toNumber_1=toNumber$1,isObject$1=isObject_1,now=now_1,toNumber=toNumber_1,FUNC_ERROR_TEXT$1="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce$1(func,wait,options3){var lastArgs,lastThis,maxWait,result2,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT$1);wait=toNumber(wait)||0,isObject$1(options3)&&(leading=!!options3.leading,maxing="maxWait"in options3,maxWait=maxing?nativeMax(toNumber(options3.maxWait)||0,wait):maxWait,trailing="trailing"in options3?!!options3.trailing:trailing);function invokeFunc(time){var args2=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result2=func.apply(thisArg,args2),result2}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result2}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result2)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result2:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result2}return debounced.cancel=cancel,debounced.flush=flush,debounced}var debounce_1=debounce$1,debounce=debounce_1,isObject4=isObject_1,FUNC_ERROR_TEXT2="Expected a function";function throttle(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT2);return isObject4(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})}var throttle_1=throttle,patchResizeHandler=function(resizeCallback,refreshMode,refreshRate,refreshOptions){switch(refreshMode){case"debounce":return debounce_1(resizeCallback,refreshRate,refreshOptions);case"throttle":return throttle_1(resizeCallback,refreshRate,refreshOptions);default:return resizeCallback}},isFunction2=function(fn){return typeof fn=="function"},isSSR=function(){return typeof window>"u"},isDOMElement=function(element){return element instanceof Element||element instanceof HTMLDocument},createNotifier=function(onResize,setSize,handleWidth,handleHeight){return function(_a){var width=_a.width,height=_a.height;setSize(function(prev){return prev.width===width&&prev.height===height||prev.width===width&&!handleHeight||prev.height===height&&!handleWidth?prev:(onResize&&isFunction2(onResize)&&onResize(width,height),{width,height})})}},ResizeDetector=function(_super){__extends(ResizeDetector2,_super);function ResizeDetector2(props){var _this=_super.call(this,props)||this;_this.cancelHandler=function(){_this.resizeHandler&&_this.resizeHandler.cancel&&(_this.resizeHandler.cancel(),_this.resizeHandler=null)},_this.attachObserver=function(){var _a2=_this.props,targetRef=_a2.targetRef,observerOptions=_a2.observerOptions;if(!isSSR()){targetRef&&targetRef.current&&(_this.targetRef.current=targetRef.current);var element=_this.getElement();element&&(_this.observableElement&&_this.observableElement===element||(_this.observableElement=element,_this.resizeObserver.observe(element,observerOptions)))}},_this.getElement=function(){var _a2=_this.props,querySelector=_a2.querySelector,targetDomEl=_a2.targetDomEl;if(isSSR())return null;if(querySelector)return document.querySelector(querySelector);if(targetDomEl&&isDOMElement(targetDomEl))return targetDomEl;if(_this.targetRef&&isDOMElement(_this.targetRef.current))return _this.targetRef.current;var currentElement=(0,import_react_dom.findDOMNode)(_this);if(!currentElement)return null;var renderType=_this.getRenderType();switch(renderType){case"renderProp":return currentElement;case"childFunction":return currentElement;case"child":return currentElement;case"childArray":return currentElement;default:return currentElement.parentElement}},_this.createResizeHandler=function(entries){var _a2=_this.props,_b=_a2.handleWidth,handleWidth=_b===void 0?!0:_b,_c=_a2.handleHeight,handleHeight=_c===void 0?!0:_c,onResize=_a2.onResize;if(!(!handleWidth&&!handleHeight)){var notifyResize=createNotifier(onResize,_this.setState.bind(_this),handleWidth,handleHeight);entries.forEach(function(entry){var _a3=entry&&entry.contentRect||{},width=_a3.width,height=_a3.height,shouldSetSize=!_this.skipOnMount&&!isSSR();shouldSetSize&¬ifyResize({width,height}),_this.skipOnMount=!1})}},_this.getRenderType=function(){var _a2=_this.props,render=_a2.render,children=_a2.children;return isFunction2(render)?"renderProp":isFunction2(children)?"childFunction":(0,import_react4.isValidElement)(children)?"child":Array.isArray(children)?"childArray":"parent"};var skipOnMount=props.skipOnMount,refreshMode=props.refreshMode,_a=props.refreshRate,refreshRate=_a===void 0?1e3:_a,refreshOptions=props.refreshOptions;return _this.state={width:void 0,height:void 0},_this.skipOnMount=skipOnMount,_this.targetRef=(0,import_react4.createRef)(),_this.observableElement=null,isSSR()||(_this.resizeHandler=patchResizeHandler(_this.createResizeHandler,refreshMode,refreshRate,refreshOptions),_this.resizeObserver=new window.ResizeObserver(_this.resizeHandler)),_this}return ResizeDetector2.prototype.componentDidMount=function(){this.attachObserver()},ResizeDetector2.prototype.componentDidUpdate=function(){this.attachObserver()},ResizeDetector2.prototype.componentWillUnmount=function(){isSSR()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},ResizeDetector2.prototype.render=function(){var _a=this.props,render=_a.render,children=_a.children,_b=_a.nodeType,WrapperTag=_b===void 0?"div":_b,_c=this.state,width=_c.width,height=_c.height,childProps={width,height,targetRef:this.targetRef},renderType=this.getRenderType(),typedChildren;switch(renderType){case"renderProp":return render&&render(childProps);case"childFunction":return typedChildren=children,typedChildren(childProps);case"child":if(typedChildren=children,typedChildren.type&&typeof typedChildren.type=="string"){childProps.targetRef;var nativeProps=__rest(childProps,["targetRef"]);return(0,import_react4.cloneElement)(typedChildren,nativeProps)}return(0,import_react4.cloneElement)(typedChildren,childProps);case"childArray":return typedChildren=children,typedChildren.map(function(el){return!!el&&(0,import_react4.cloneElement)(el,childProps)});default:return React3.createElement(WrapperTag,null)}},ResizeDetector2}(import_react4.PureComponent);var useEnhancedEffect=isSSR()?import_react4.useEffect:import_react4.useLayoutEffect;function useResizeDetector(props){props===void 0&&(props={});var _a=props.skipOnMount,skipOnMount=_a===void 0?!1:_a,refreshMode=props.refreshMode,_b=props.refreshRate,refreshRate=_b===void 0?1e3:_b,refreshOptions=props.refreshOptions,_c=props.handleWidth,handleWidth=_c===void 0?!0:_c,_d=props.handleHeight,handleHeight=_d===void 0?!0:_d,targetRef=props.targetRef,observerOptions=props.observerOptions,onResize=props.onResize,skipResize=(0,import_react4.useRef)(skipOnMount),localRef=(0,import_react4.useRef)(null),ref=targetRef??localRef,resizeHandler=(0,import_react4.useRef)(),_e=(0,import_react4.useState)({width:void 0,height:void 0}),size=_e[0],setSize=_e[1];return useEnhancedEffect(function(){if(!isSSR()){var notifyResize=createNotifier(onResize,setSize,handleWidth,handleHeight),resizeCallback=function(entries){!handleWidth&&!handleHeight||entries.forEach(function(entry){var _a2=entry&&entry.contentRect||{},width=_a2.width,height=_a2.height,shouldSetSize=!skipResize.current&&!isSSR();shouldSetSize&¬ifyResize({width,height}),skipResize.current=!1})};resizeHandler.current=patchResizeHandler(resizeCallback,refreshMode,refreshRate,refreshOptions);var resizeObserver=new window.ResizeObserver(resizeHandler.current);return ref.current&&resizeObserver.observe(ref.current,observerOptions),function(){resizeObserver.disconnect();var patchedResizeHandler=resizeHandler.current;patchedResizeHandler&&patchedResizeHandler.cancel&&patchedResizeHandler.cancel()}}},[refreshMode,refreshRate,refreshOptions,handleWidth,handleHeight,onResize,observerOptions,ref.current]),__assign({ref},size)}var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf(o4,p4){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o4,p4)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o4){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o4)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a4=[null];a4.push.apply(a4,args22);var Constructor=Function.bind.apply(Parent2,a4),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper4)}function Wrapper4(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper4,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
53
|
+
`});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index3;setStoriesData?index3=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index3&&(index3=addRefIds(index3,ref)),api.updateRef(id,{index:index3,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(["story","docs"].includes(data?.type)){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store22.getState(),firstStory=Object.keys(index3).find(id=>index3[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index3,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index3,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index3,storyId){let entry=index3[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index3,childStoryId)},findLeafStoryId(index3,storyId){return api.findLeafEntry(index3,storyId)?.id},findSiblingStoryId(storyId,index3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index3),position2=lookupList2.findIndex(i5=>i5.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index3),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[storyId]={...index3[storyId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[storyId]={...index3[storyId],...update2},await store22.setState({index:index3})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[docsId]={...index3[docsId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[docsId]={...index3[docsId],...update2},await store22.setState({index:index3})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,update2)=>{let{status}=store22.getState(),newStatus={...status};Object.entries(update2).forEach(([storyId,value2])=>{newStatus[storyId]={...newStatus[storyId]||{}},newStatus[storyId][id]=value2}),await store22.setState({status:newStatus},{persistence:"session"})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{}},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let state=store22.getState(),isCanvasRoute=state.path==="/"||state.viewMode==="story"||state.viewMode==="docs",stateHasSelection=state.viewMode&&state.storyId,stateSelectionDifferent=state.viewMode!==viewMode||state.storyId!==storyId;isCanvasRoute&&(stateHasSelection&&stateSelectionDifferent?fullAPI.emit(SET_CURRENT_STORY,{storyId:state.storyId,viewMode:state.viewMode}):stateSelectionDifferent&&navigate(`/${viewMode}/${storyId}`))}}),fullAPI.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index3,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index3,1,!0),api.findSiblingStoryId(storyId,index3,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(id,{...update2,prepared:!0},ref)}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES?.storyStoreV7&&(fullAPI.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init8=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=e4.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i5)=>Array.isArray(input)?!input.includes(shortcut[i5]):input!==shortcut[i5]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o4){return Object.keys(o4)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document23.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,path,customQueryParams,storyId}},init10=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v4])=>v4).sort(([a4],[b5])=>a4<b5?-1:1).map(([k3,v4])=>`${k3}=${v4}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{plain:!0,...options3})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)})};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="0.0.0-pr-23853-sha-93b33e06",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),fullAPI.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return fullAPI.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>fullAPI.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){fullAPI.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData);let urlState=fullAPI.getUrlState();!(urlState?.path==="/onboarding"||urlState.queryParams?.onboarding==="true")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.addPanel=(id,options3)=>{this.add(id,{type:Addon_TypesEnum.PANEL,...options3})},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(id,callback)=>{this.loaders[id]&&logger.warn(`${id} was loaded twice, this could have bad side-effects`),this.loaders[id]=callback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}getElements(type){return this.elements[type]||(this.elements[type]={}),this.elements[type]}add(id,addon){let{type}=addon,collection=this.getElements(type);collection[id]={id,...addon}}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":props.viewMode,singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_exports].map(m5=>m5.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m5=>m5.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m5=>m5.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c5=>c5;function ManagerConsumer({filter=defaultFilter,children}){let c5=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let data=filterer.current(c5),l4=(0,import_react2.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c5.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...data})},l4)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId)||addonStateCache[stateId],state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2);api.getAddonState(stateId)&&api.getAddonState(stateId)!==state&&api.setAddonState(stateId,state).then(s4=>{addonStateCache[stateId]=s4});let setState=(s4,options3)=>{let result2=api.setAddonState(stateId,s4,options3);return addonStateCache[stateId]=result2,result2},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:setState,[`${SHARED_STATE_SET}-client-${stateId}`]:setState},stateInitializationHandlers={[SET_STORIES]:async()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(await setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(await setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,async(newStateOrMerger,options3)=>{let result2=await setState(newStateOrMerger,options3);emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,result2)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data?.type==="story"?data.args:{},updateArgs=(0,import_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&¤t.argTypes||{}}var import_react3=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r6=arguments[e4];for(var n5 in r6)Object.prototype.hasOwnProperty.call(r6,n5)&&(t4[n5]=r6[n5])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c2(t4,e4)}function c2(t4,e4){return c2=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c2(t4,e4)}function u(t4,e4){if(t4==null)return{};var r6,n5,i5={},o4=Object.keys(t4);for(n5=0;n5<o4.length;n5++)e4.indexOf(r6=o4[n5])>=0||(i5[r6]=t4[r6]);return i5}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h2=Object.keys(l).map(function(t4){return l[t4]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t4,e4){return t4[m2[e4]]=e4,t4},{}),T=function(t4,e4){for(var r6=t4.length-1;r6>=0;r6-=1){var n5=t4[r6];if(Object.prototype.hasOwnProperty.call(n5,e4))return n5[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r6=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r6&&e4)return r6.replace(/%s/g,function(){return e4});var n5=T(t4,"defaultTitle");return e4||n5||void 0},b2=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r6){if(!e5.length)for(var n5=Object.keys(r6),i5=0;i5<n5.length;i5+=1){var o4=n5[i5].toLowerCase();if(t4.indexOf(o4)!==-1&&r6[o4])return e5.concat(r6)}return e5},[])},C2=function(t4,e4,r6){var n5={};return r6.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r7){var i5={};r7.filter(function(t6){for(var r8,o5=Object.keys(t6),a4=0;a4<o5.length;a4+=1){var s5=o5[a4],c6=s5.toLowerCase();e4.indexOf(c6)===-1||r8==="rel"&&t6[r8].toLowerCase()==="canonical"||c6==="rel"&&t6[c6].toLowerCase()==="stylesheet"||(r8=c6),e4.indexOf(s5)===-1||s5!=="innerHTML"&&s5!=="cssText"&&s5!=="itemprop"||(r8=s5)}if(!r8||!t6[r8])return!1;var u5=t6[r8].toLowerCase();return n5[r8]||(n5[r8]={}),i5[r8]||(i5[r8]={}),!n5[r8][u5]&&(i5[r8][u5]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o4=Object.keys(i5),s4=0;s4<o4.length;s4+=1){var c5=o4[s4],u4=a({},n5[c5],i5[c5]);n5[c5]=u4}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r6=0;r6<t4.length;r6+=1)if(t4[r6][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E2=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r6){return function(t6,e5){for(var r7=Object.keys(t6),n5=0;n5<r7.length;n5+=1)if(e5[r7[n5]]&&e5[r7[n5]].includes(t6[r7[n5]]))return!0;return!1}(r6,e4)?t5.priority.push(r6):t5.default.push(r6),t5},{priority:[],default:[]}):{default:t4}},I2=function(t4,e4){var r6;return a({},t4,((r6={})[e4]=void 0,r6))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")},x2=function(t4){return Object.keys(t4).reduce(function(e4,r6){var n5=t4[r6]!==void 0?r6+'="'+t4[r6]+'"':""+r6;return e4?e4+" "+n5:n5},"")},L2=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r6){return e5[m2[r6]||r6]=t4[r6],e5},e4)},j=function(e4,r6){return r6.map(function(r7,n5){var i5,o4=((i5={key:n5})["data-rh"]=!0,i5);return Object.keys(r7).forEach(function(t4){var e5=m2[t4]||t4;e5==="innerHTML"||e5==="cssText"?o4.dangerouslySetInnerHTML={__html:r7.innerHTML||r7.cssText}:o4[e5]=r7[t4]}),import_react3.default.createElement(e4,o4)})},M=function(e4,r6,n5){switch(e4){case l.TITLE:return{toComponent:function(){return n6=r6.titleAttributes,(i5={key:e5=r6.title})["data-rh"]=!0,o4=L2(n6,i5),[import_react3.default.createElement(l.TITLE,o4,e5)];var e5,n6,i5,o4},toString:function(){return function(t4,e5,r7,n6){var i5=x2(r7),o4=S(e5);return i5?"<"+t4+' data-rh="true" '+i5+">"+w2(o4,n6)+"</"+t4+">":"<"+t4+' data-rh="true">'+w2(o4,n6)+"</"+t4+">"}(e4,r6.title,r6.titleAttributes,n5)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r6)},toString:function(){return x2(r6)}};default:return{toComponent:function(){return j(e4,r6)},toString:function(){return function(t4,e5,r7){return e5.reduce(function(e6,n6){var i5=Object.keys(n6).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i6=n6[e7]===void 0?e7:e7+'="'+w2(n6[e7],r7)+'"';return t5?t5+" "+i6:i6},""),o4=n6.innerHTML||n6.cssText||"",a4=P2.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i5+(a4?"/>":">"+o4+"</"+t4+">")},"")}(e4,r6,n5)}}}},k=function(t4){var e4=t4.baseTag,r6=t4.bodyAttributes,n5=t4.encode,i5=t4.htmlAttributes,o4=t4.noscriptTags,a4=t4.styleTags,s4=t4.title,c5=s4===void 0?"":s4,u4=t4.titleAttributes,h5=t4.linkTags,m5=t4.metaTags,y4=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g4=function(t5){var e5=t5.linkTags,r7=t5.scriptTags,n6=t5.encode,i6=E2(t5.metaTags,d),o5=E2(e5,p),a5=E2(r7,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i6.priority),j(l.LINK,o5.priority),j(l.SCRIPT,a5.priority))},toString:function(){return M(l.META,i6.priority,n6)+" "+M(l.LINK,o5.priority,n6)+" "+M(l.SCRIPT,a5.priority,n6)}},metaTags:i6.default,linkTags:o5.default,scriptTags:a5.default}}(t4);T3=g4.priorityMethods,h5=g4.linkTags,m5=g4.metaTags,y4=g4.scriptTags}return{priority:T3,base:M(l.BASE,e4,n5),bodyAttributes:M("bodyAttributes",r6,n5),htmlAttributes:M("htmlAttributes",i5,n5),link:M(l.LINK,h5,n5),meta:M(l.META,m5,n5),noscript:M(l.NOSCRIPT,o4,n5),script:M(l.SCRIPT,y4,n5),style:M(l.STYLE,a4,n5),title:M(l.TITLE,{title:c5,titleAttributes:u4},n5)}},H=[],N2=function(t4,e4){var r6=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r6.context.helmet=t5},helmetInstances:{get:function(){return r6.canUseDOM?H:r6.instances},add:function(t5){(r6.canUseDOM?H:r6.instances).push(t5)},remove:function(t5){var e5=(r6.canUseDOM?H:r6.instances).indexOf(t5);(r6.canUseDOM?H:r6.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R2=import_react3.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r6(t4){var n5;return(n5=e4.call(this,t4)||this).helmetData=new N2(n5.props.context,r6.canUseDOM),n5}return s(r6,e4),r6.prototype.render=function(){return import_react3.default.createElement(R2.Provider,{value:this.helmetData.value},this.props.children)},r6}(import_react3.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r6,n5=document.head||document.querySelector(l.HEAD),i5=n5.querySelectorAll(t4+"[data-rh]"),o4=[].slice.call(i5),a4=[];return e4&&e4.length&&e4.forEach(function(e5){var n6=document.createElement(t4);for(var i6 in e5)Object.prototype.hasOwnProperty.call(e5,i6)&&(i6==="innerHTML"?n6.innerHTML=e5.innerHTML:i6==="cssText"?n6.styleSheet?n6.styleSheet.cssText=e5.cssText:n6.appendChild(document.createTextNode(e5.cssText)):n6.setAttribute(i6,e5[i6]===void 0?"":e5[i6]));n6.setAttribute("data-rh","true"),o4.some(function(t5,e6){return r6=e6,n6.isEqualNode(t5)})?o4.splice(r6,1):a4.push(n6)}),o4.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a4.forEach(function(t5){return n5.appendChild(t5)}),{oldTags:o4,newTags:a4}},B2=function(t4,e4){var r6=document.getElementsByTagName(t4)[0];if(r6){for(var n5=r6.getAttribute("data-rh"),i5=n5?n5.split(","):[],o4=[].concat(i5),a4=Object.keys(e4),s4=0;s4<a4.length;s4+=1){var c5=a4[s4],u4=e4[c5]||"";r6.getAttribute(c5)!==u4&&r6.setAttribute(c5,u4),i5.indexOf(c5)===-1&&i5.push(c5);var l4=o4.indexOf(c5);l4!==-1&&o4.splice(l4,1)}for(var p4=o4.length-1;p4>=0;p4-=1)r6.removeAttribute(o4[p4]);i5.length===o4.length?r6.removeAttribute("data-rh"):r6.getAttribute("data-rh")!==a4.join(",")&&r6.setAttribute("data-rh",a4.join(","))}},K=function(t4,e4){var r6=t4.baseTag,n5=t4.htmlAttributes,i5=t4.linkTags,o4=t4.metaTags,a4=t4.noscriptTags,s4=t4.onChangeClientState,c5=t4.scriptTags,u4=t4.styleTags,p4=t4.title,f5=t4.titleAttributes;B2(l.BODY,t4.bodyAttributes),B2(l.HTML,n5),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B2(l.TITLE,e5)}(p4,f5);var d4={baseTag:Y(l.BASE,r6),linkTags:Y(l.LINK,i5),metaTags:Y(l.META,o4),noscriptTags:Y(l.NOSCRIPT,a4),scriptTags:Y(l.SCRIPT,c5),styleTags:Y(l.STYLE,u4)},h5={},m5={};Object.keys(d4).forEach(function(t5){var e5=d4[t5],r7=e5.newTags,n6=e5.oldTags;r7.length&&(h5[t5]=r7),n6.length&&(m5[t5]=d4[t5].oldTags)}),e4&&e4(),s4(t4,h5,m5)},_=null,z=function(t4){function e4(){for(var e5,r7=arguments.length,n5=new Array(r7),i5=0;i5<r7;i5++)n5[i5]=arguments[i5];return(e5=t4.call.apply(t4,[this].concat(n5))||this).rendered=!1,e5}s(e4,t4);var r6=e4.prototype;return r6.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r6.componentDidUpdate=function(){this.emitChange()},r6.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r6.emitChange=function(){var t5,e5,r7=this.props.context,n5=r7.setHelmet,i5=null,o4=(t5=r7.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C2(l.LINK,["rel","href"],t5),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b2(t5),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t5),styleTags:C2(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o4,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i5=k(o4)),n5(i5)},r6.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r6.render=function(){return this.init(),null},e4}(import_react3.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r6(){return e4.apply(this,arguments)||this}s(r6,e4);var o4=r6.prototype;return o4.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I2(this.props,"helmetData"),I2(t4,"helmetData"))},o4.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o4.flattenArrayTypeChildren=function(t4){var e5,r7=t4.child,n5=t4.arrayTypeChildren;return a({},n5,((e5={})[r7.type]=[].concat(n5[r7.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r7,t4.nestedChildren))]),e5))},o4.mapObjectTypeChildren=function(t4){var e5,r7,n5=t4.child,i5=t4.newProps,o5=t4.newChildProps,s4=t4.nestedChildren;switch(n5.type){case l.TITLE:return a({},i5,((e5={})[n5.type]=s4,e5.titleAttributes=a({},o5),e5));case l.BODY:return a({},i5,{bodyAttributes:a({},o5)});case l.HTML:return a({},i5,{htmlAttributes:a({},o5)});default:return a({},i5,((r7={})[n5.type]=a({},o5),r7))}},o4.mapArrayTypeChildrenToProps=function(t4,e5){var r7=a({},e5);return Object.keys(t4).forEach(function(e6){var n5;r7=a({},r7,((n5={})[e6]=t4[e6],n5))}),r7},o4.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h2.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h2.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o4.mapChildrenToProps=function(e5,r7){var n5=this,i5={};return import_react3.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o5=e6.children,a4=u(e6,F),s4=Object.keys(a4).reduce(function(t5,e7){return t5[y[e7]||e7]=a4[e7],t5},{}),c5=t4.type;switch(typeof c5=="symbol"?c5=c5.toString():n5.warnOnInvalidChildren(t4,o5),c5){case l.FRAGMENT:r7=n5.mapChildrenToProps(o5,r7);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i5=n5.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i5,newChildProps:s4,nestedChildren:o5});break;default:r7=n5.mapObjectTypeChildren({child:t4,newProps:r7,newChildProps:s4,nestedChildren:o5})}}}),this.mapArrayTypeChildrenToProps(i5,r7)},o4.render=function(){var e5=this.props,r7=e5.children,n5=u(e5,G),i5=a({},n5),o5=n5.helmetData;return r7&&(i5=this.mapChildrenToProps(r7,i5)),!o5||o5 instanceof N2||(o5=new N2(o5.context,o5.instances)),o5?import_react3.default.createElement(z,a({},i5,{context:o5.value,helmetData:void 0})):import_react3.default.createElement(R2.Consumer,null,function(e6){return import_react3.default.createElement(z,a({},i5,{context:e6}))})},r6}(import_react3.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react76=__toESM(require_react());var React3=__toESM(require_react()),import_react4=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d4,b5){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d5,b6){d5.__proto__=b6}||function(d5,b6){for(var p4 in b6)Object.prototype.hasOwnProperty.call(b6,p4)&&(d5[p4]=b6[p4])},extendStatics(d4,b5)};function __extends(d4,b5){if(typeof b5!="function"&&b5!==null)throw new TypeError("Class extends value "+String(b5)+" is not a constructor or null");extendStatics(d4,b5);function __(){this.constructor=d4}d4.prototype=b5===null?Object.create(b5):(__.prototype=b5.prototype,new __)}var __assign=function(){return __assign=Object.assign||function(t4){for(var s4,i5=1,n5=arguments.length;i5<n5;i5++){s4=arguments[i5];for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&(t4[p4]=s4[p4])}return t4},__assign.apply(this,arguments)};function __rest(s4,e4){var t4={};for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&e4.indexOf(p4)<0&&(t4[p4]=s4[p4]);if(s4!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i5=0,p4=Object.getOwnPropertySymbols(s4);i5<p4.length;i5++)e4.indexOf(p4[i5])<0&&Object.prototype.propertyIsEnumerable.call(s4,p4[i5])&&(t4[p4[i5]]=s4[p4[i5]]);return t4}var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function isObject$3(value2){var type=typeof value2;return value2!=null&&(type=="object"||type=="function")}var isObject_1=isObject$3,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal2=_freeGlobal,freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root$2=freeGlobal2||freeSelf2||Function("return this")(),_root=root$2,root$1=_root,now$1=function(){return root$1.Date.now()},now_1=now$1,reWhitespace=/\s/;function trimmedEndIndex$1(string){for(var index3=string.length;index3--&&reWhitespace.test(string.charAt(index3)););return index3}var _trimmedEndIndex=trimmedEndIndex$1,trimmedEndIndex=_trimmedEndIndex,reTrimStart=/^\s+/;function baseTrim$1(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}var _baseTrim=baseTrim$1,root3=_root,Symbol$2=root3.Symbol,_Symbol=Symbol$2,Symbol$1=_Symbol,objectProto$1=Object.prototype,hasOwnProperty5=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag$1(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag$1),tag=value2[symToStringTag$1];try{value2[symToStringTag$1]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString$1.call(value2);return unmasked&&(isOwn?value2[symToStringTag$1]=tag:delete value2[symToStringTag$1]),result2}var _getRawTag=getRawTag$1,objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString$1(value2){return nativeObjectToString3.call(value2)}var _objectToString=objectToString$1,Symbol3=_Symbol,getRawTag2=_getRawTag,objectToString2=_objectToString,nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol3?Symbol3.toStringTag:void 0;function baseGetTag$1(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}var _baseGetTag=baseGetTag$1;function isObjectLike$1(value2){return value2!=null&&typeof value2=="object"}var isObjectLike_1=isObjectLike$1,baseGetTag2=_baseGetTag,isObjectLike2=isObjectLike_1,symbolTag2="[object Symbol]";function isSymbol$1(value2){return typeof value2=="symbol"||isObjectLike2(value2)&&baseGetTag2(value2)==symbolTag2}var isSymbol_1=isSymbol$1,baseTrim=_baseTrim,isObject$2=isObject_1,isSymbol2=isSymbol_1,NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber$1(value2){if(typeof value2=="number")return value2;if(isSymbol2(value2))return NAN;if(isObject$2(value2)){var other=typeof value2.valueOf=="function"?value2.valueOf():value2;value2=isObject$2(other)?other+"":other}if(typeof value2!="string")return value2===0?value2:+value2;value2=baseTrim(value2);var isBinary=reIsBinary.test(value2);return isBinary||reIsOctal.test(value2)?freeParseInt(value2.slice(2),isBinary?2:8):reIsBadHex.test(value2)?NAN:+value2}var toNumber_1=toNumber$1,isObject$1=isObject_1,now=now_1,toNumber=toNumber_1,FUNC_ERROR_TEXT$1="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce$1(func,wait,options3){var lastArgs,lastThis,maxWait,result2,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT$1);wait=toNumber(wait)||0,isObject$1(options3)&&(leading=!!options3.leading,maxing="maxWait"in options3,maxWait=maxing?nativeMax(toNumber(options3.maxWait)||0,wait):maxWait,trailing="trailing"in options3?!!options3.trailing:trailing);function invokeFunc(time){var args2=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result2=func.apply(thisArg,args2),result2}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result2}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result2)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result2:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result2}return debounced.cancel=cancel,debounced.flush=flush,debounced}var debounce_1=debounce$1,debounce=debounce_1,isObject4=isObject_1,FUNC_ERROR_TEXT2="Expected a function";function throttle(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT2);return isObject4(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})}var throttle_1=throttle,patchResizeHandler=function(resizeCallback,refreshMode,refreshRate,refreshOptions){switch(refreshMode){case"debounce":return debounce_1(resizeCallback,refreshRate,refreshOptions);case"throttle":return throttle_1(resizeCallback,refreshRate,refreshOptions);default:return resizeCallback}},isFunction2=function(fn){return typeof fn=="function"},isSSR=function(){return typeof window>"u"},isDOMElement=function(element){return element instanceof Element||element instanceof HTMLDocument},createNotifier=function(onResize,setSize,handleWidth,handleHeight){return function(_a){var width=_a.width,height=_a.height;setSize(function(prev){return prev.width===width&&prev.height===height||prev.width===width&&!handleHeight||prev.height===height&&!handleWidth?prev:(onResize&&isFunction2(onResize)&&onResize(width,height),{width,height})})}},ResizeDetector=function(_super){__extends(ResizeDetector2,_super);function ResizeDetector2(props){var _this=_super.call(this,props)||this;_this.cancelHandler=function(){_this.resizeHandler&&_this.resizeHandler.cancel&&(_this.resizeHandler.cancel(),_this.resizeHandler=null)},_this.attachObserver=function(){var _a2=_this.props,targetRef=_a2.targetRef,observerOptions=_a2.observerOptions;if(!isSSR()){targetRef&&targetRef.current&&(_this.targetRef.current=targetRef.current);var element=_this.getElement();element&&(_this.observableElement&&_this.observableElement===element||(_this.observableElement=element,_this.resizeObserver.observe(element,observerOptions)))}},_this.getElement=function(){var _a2=_this.props,querySelector=_a2.querySelector,targetDomEl=_a2.targetDomEl;if(isSSR())return null;if(querySelector)return document.querySelector(querySelector);if(targetDomEl&&isDOMElement(targetDomEl))return targetDomEl;if(_this.targetRef&&isDOMElement(_this.targetRef.current))return _this.targetRef.current;var currentElement=(0,import_react_dom.findDOMNode)(_this);if(!currentElement)return null;var renderType=_this.getRenderType();switch(renderType){case"renderProp":return currentElement;case"childFunction":return currentElement;case"child":return currentElement;case"childArray":return currentElement;default:return currentElement.parentElement}},_this.createResizeHandler=function(entries){var _a2=_this.props,_b=_a2.handleWidth,handleWidth=_b===void 0?!0:_b,_c=_a2.handleHeight,handleHeight=_c===void 0?!0:_c,onResize=_a2.onResize;if(!(!handleWidth&&!handleHeight)){var notifyResize=createNotifier(onResize,_this.setState.bind(_this),handleWidth,handleHeight);entries.forEach(function(entry){var _a3=entry&&entry.contentRect||{},width=_a3.width,height=_a3.height,shouldSetSize=!_this.skipOnMount&&!isSSR();shouldSetSize&¬ifyResize({width,height}),_this.skipOnMount=!1})}},_this.getRenderType=function(){var _a2=_this.props,render=_a2.render,children=_a2.children;return isFunction2(render)?"renderProp":isFunction2(children)?"childFunction":(0,import_react4.isValidElement)(children)?"child":Array.isArray(children)?"childArray":"parent"};var skipOnMount=props.skipOnMount,refreshMode=props.refreshMode,_a=props.refreshRate,refreshRate=_a===void 0?1e3:_a,refreshOptions=props.refreshOptions;return _this.state={width:void 0,height:void 0},_this.skipOnMount=skipOnMount,_this.targetRef=(0,import_react4.createRef)(),_this.observableElement=null,isSSR()||(_this.resizeHandler=patchResizeHandler(_this.createResizeHandler,refreshMode,refreshRate,refreshOptions),_this.resizeObserver=new window.ResizeObserver(_this.resizeHandler)),_this}return ResizeDetector2.prototype.componentDidMount=function(){this.attachObserver()},ResizeDetector2.prototype.componentDidUpdate=function(){this.attachObserver()},ResizeDetector2.prototype.componentWillUnmount=function(){isSSR()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},ResizeDetector2.prototype.render=function(){var _a=this.props,render=_a.render,children=_a.children,_b=_a.nodeType,WrapperTag=_b===void 0?"div":_b,_c=this.state,width=_c.width,height=_c.height,childProps={width,height,targetRef:this.targetRef},renderType=this.getRenderType(),typedChildren;switch(renderType){case"renderProp":return render&&render(childProps);case"childFunction":return typedChildren=children,typedChildren(childProps);case"child":if(typedChildren=children,typedChildren.type&&typeof typedChildren.type=="string"){childProps.targetRef;var nativeProps=__rest(childProps,["targetRef"]);return(0,import_react4.cloneElement)(typedChildren,nativeProps)}return(0,import_react4.cloneElement)(typedChildren,childProps);case"childArray":return typedChildren=children,typedChildren.map(function(el){return!!el&&(0,import_react4.cloneElement)(el,childProps)});default:return React3.createElement(WrapperTag,null)}},ResizeDetector2}(import_react4.PureComponent);var useEnhancedEffect=isSSR()?import_react4.useEffect:import_react4.useLayoutEffect;function useResizeDetector(props){props===void 0&&(props={});var _a=props.skipOnMount,skipOnMount=_a===void 0?!1:_a,refreshMode=props.refreshMode,_b=props.refreshRate,refreshRate=_b===void 0?1e3:_b,refreshOptions=props.refreshOptions,_c=props.handleWidth,handleWidth=_c===void 0?!0:_c,_d=props.handleHeight,handleHeight=_d===void 0?!0:_d,targetRef=props.targetRef,observerOptions=props.observerOptions,onResize=props.onResize,skipResize=(0,import_react4.useRef)(skipOnMount),localRef=(0,import_react4.useRef)(null),ref=targetRef??localRef,resizeHandler=(0,import_react4.useRef)(),_e=(0,import_react4.useState)({width:void 0,height:void 0}),size=_e[0],setSize=_e[1];return useEnhancedEffect(function(){if(!isSSR()){var notifyResize=createNotifier(onResize,setSize,handleWidth,handleHeight),resizeCallback=function(entries){!handleWidth&&!handleHeight||entries.forEach(function(entry){var _a2=entry&&entry.contentRect||{},width=_a2.width,height=_a2.height,shouldSetSize=!skipResize.current&&!isSSR();shouldSetSize&¬ifyResize({width,height}),skipResize.current=!1})};resizeHandler.current=patchResizeHandler(resizeCallback,refreshMode,refreshRate,refreshOptions);var resizeObserver=new window.ResizeObserver(resizeHandler.current);return ref.current&&resizeObserver.observe(ref.current,observerOptions),function(){resizeObserver.disconnect();var patchedResizeHandler=resizeHandler.current;patchedResizeHandler&&patchedResizeHandler.cancel&&patchedResizeHandler.cancel()}}},[refreshMode,refreshRate,refreshOptions,handleWidth,handleHeight,onResize,observerOptions,ref.current]),__assign({ref},size)}var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf(o4,p4){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o4,p4)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o4){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o4)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a4=[null];a4.push.apply(a4,args22);var Constructor=Function.bind.apply(Parent2,a4),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper4)}function Wrapper4(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper4,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
54
54
|
|
|
55
55
|
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
|
|
56
56
|
|
|
@@ -207,7 +207,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
|
|
|
207
207
|
path {
|
|
208
208
|
fill: currentColor;
|
|
209
209
|
}
|
|
210
|
-
`,Icons=({icon,useSymbol,...props})=>import_react6.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react6.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react6.memo)(function({icons:keys2=Object.keys(icons)}){return import_react6.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys2.map(key2=>import_react6.default.createElement("symbol",{id:`icon--${key2}`,key:key2},icons[key2])))}),LEFT_BUTTON=0,isPlainLeftClick=e4=>e4.button===LEFT_BUTTON&&!e4.altKey&&!e4.ctrlKey&&!e4.metaKey&&!e4.shiftKey,cancelled=(e4,cb)=>{isPlainLeftClick(e4)&&(e4.preventDefault(),cb(e4))},LinkInner=newStyled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A22=newStyled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link22=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react6.default.createElement(A22,{...rest,onClick:onClick&&cancel?e4=>cancelled(e4,onClick):onClick,className},import_react6.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react6.default.createElement(Icons,{icon:"arrowright"})));Link22.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=newStyled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}})),languages=[],Comp=null,LazySyntaxHighlighter=(0,import_react6.lazy)(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import("./syntaxhighlighter-4OVWVELQ-5IZ45DZY.js");return languages.length>0&&(languages.forEach(args2=>{SyntaxHighlighter3.registerLanguage(...args2)}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>import_react6.default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=(0,import_react6.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-4OVWVELQ-5IZ45DZY.js"),import("./formatter-ZNWCFYAW-PTAV2L2P.js")]);return languages.length>0&&(languages.forEach(args2=>{SyntaxHighlighter3.registerLanguage(...args2)}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>import_react6.default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter22=props=>import_react6.default.createElement(import_react6.Suspense,{fallback:import_react6.default.createElement("div",null)},props.format!==!1?import_react6.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react6.default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter22.registerLanguage=(...args2)=>{if(Comp!==null){Comp.registerLanguage(...args2);return}languages.push(args2)};var toNumber2=input=>typeof input=="number"?input:Number(input),Container=newStyled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber2(typeof outer=="number"||!outer?outer:col||row);return import_react6.default.createElement(Container,{col,row,outer:outerAmount,...rest},children)},Title=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react6.Children.toArray(children);return import_react6.default.createElement(Message,{...props},import_react6.default.createElement(Title,null,title),desc&&import_react6.default.createElement(Desc,null,desc))},ZoomElementWrapper=newStyled.div(({scale=1,elementHeight})=>({height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react6.useRef)(null),[elementHeight,setElementHeight]=(0,import_react6.useState)(0),onResize=(0,import_react6.useCallback)(({height})=>{height&&setElementHeight(height/scale)},[scale]);return(0,import_react6.useEffect)(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),import_react6.default.createElement(ZoomElementWrapper,{scale,elementHeight},import_react6.default.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=class extends import_react6.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}},Zoom={Element:ZoomElement,IFrame:ZoomIFrame},{document:document4}=scope,ErrorName=newStyled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=newStyled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return import_react6.default.createElement(import_react6.Fragment,null,"This error has no stack or message");if(!error.stack)return import_react6.default.createElement(import_react6.Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
|
|
210
|
+
`,Icons=({icon,useSymbol,...props})=>import_react6.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react6.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react6.memo)(function({icons:keys2=Object.keys(icons)}){return import_react6.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys2.map(key2=>import_react6.default.createElement("symbol",{id:`icon--${key2}`,key:key2},icons[key2])))}),LEFT_BUTTON=0,isPlainLeftClick=e4=>e4.button===LEFT_BUTTON&&!e4.altKey&&!e4.ctrlKey&&!e4.metaKey&&!e4.shiftKey,cancelled=(e4,cb)=>{isPlainLeftClick(e4)&&(e4.preventDefault(),cb(e4))},LinkInner=newStyled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A22=newStyled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link22=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react6.default.createElement(A22,{...rest,onClick:onClick&&cancel?e4=>cancelled(e4,onClick):onClick,className},import_react6.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react6.default.createElement(Icons,{icon:"arrowright"})));Link22.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=newStyled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}})),languages=[],Comp=null,LazySyntaxHighlighter=(0,import_react6.lazy)(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import("./syntaxhighlighter-4OVWVELQ-5IZ45DZY.js");return languages.length>0&&(languages.forEach(args2=>{SyntaxHighlighter3.registerLanguage(...args2)}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>import_react6.default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=(0,import_react6.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-4OVWVELQ-5IZ45DZY.js"),import("./formatter-6736J7QO-TGL2ZGQC.js")]);return languages.length>0&&(languages.forEach(args2=>{SyntaxHighlighter3.registerLanguage(...args2)}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>import_react6.default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter22=props=>import_react6.default.createElement(import_react6.Suspense,{fallback:import_react6.default.createElement("div",null)},props.format!==!1?import_react6.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react6.default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter22.registerLanguage=(...args2)=>{if(Comp!==null){Comp.registerLanguage(...args2);return}languages.push(args2)};var toNumber2=input=>typeof input=="number"?input:Number(input),Container=newStyled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber2(typeof outer=="number"||!outer?outer:col||row);return import_react6.default.createElement(Container,{col,row,outer:outerAmount,...rest},children)},Title=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react6.Children.toArray(children);return import_react6.default.createElement(Message,{...props},import_react6.default.createElement(Title,null,title),desc&&import_react6.default.createElement(Desc,null,desc))},ZoomElementWrapper=newStyled.div(({scale=1,elementHeight})=>({height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react6.useRef)(null),[elementHeight,setElementHeight]=(0,import_react6.useState)(0),onResize=(0,import_react6.useCallback)(({height})=>{height&&setElementHeight(height/scale)},[scale]);return(0,import_react6.useEffect)(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),import_react6.default.createElement(ZoomElementWrapper,{scale,elementHeight},import_react6.default.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=class extends import_react6.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}},Zoom={Element:ZoomElement,IFrame:ZoomIFrame},{document:document4}=scope,ErrorName=newStyled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=newStyled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return import_react6.default.createElement(import_react6.Fragment,null,"This error has no stack or message");if(!error.stack)return import_react6.default.createElement(import_react6.Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
|
|
211
211
|
|
|
212
212
|
${input}`);let match=input.match(firstLineRegex);if(!match)return import_react6.default.createElement(import_react6.Fragment,null,input);let[,type,name2]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result2=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result2?{name:(result2[1]||"").replace("/<",""),location:result2[2].replace(document4.location.origin,"")}:null}).filter(Boolean);return import_react6.default.createElement(import_react6.Fragment,null,import_react6.default.createElement("span",null,type),": ",import_react6.default.createElement(ErrorName,null,name2),import_react6.default.createElement("br",null),lines.map((l4,i5)=>l4.name?import_react6.default.createElement(import_react6.Fragment,{key:i5}," ","at ",import_react6.default.createElement(ErrorImportant,null,l4.name)," (",import_react6.default.createElement(ErrorDetail,null,l4.location),")",import_react6.default.createElement("br",null)):import_react6.default.createElement(import_react6.Fragment,{key:i5}," ","at ",import_react6.default.createElement(ErrorDetail,null,l4.location),import_react6.default.createElement("br",null))))},ButtonWrapper=newStyled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color2;return gray?color2=theme.color.mediumlight:secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),color2?{background:color2,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color2)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color2,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color2=theme.color.primary;return outline&&primary?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,"svg path":{fill:color2},"&:hover":{boxShadow:`${color2} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color2;return secondary?color2=theme.color.secondary:primary&&(color2=theme.color.primary),outline&&color2?{boxShadow:`${color2} 0 0 0 1px inset`,color:color2,"svg path":{fill:color2},"&:hover":{boxShadow:`${color2} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color2,boxShadow:`${color2} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color2} 0 0 0 1px inset, ${rgba(color2,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react6.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react6.default.createElement(ButtonLink,{...props,ref},children):import_react6.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}}),Wrapper=newStyled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=newStyled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react6.default.createElement(Wrapper,{...props},label?import_react6.default.createElement(Label,null,import_react6.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var updateRef=function(ref,value2){if(typeof ref=="function"){ref(value2);return}ref.current=value2},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react6.useRef)();return(0,import_react6.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef,noop=function(){},_excluded3=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded3);props.value;var libRef=React5.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef);return React5.useRef(0),React5.useRef(),React5.createElement("textarea",_extends({},props,{onChange,ref}))},index=React5.forwardRef(TextareaAutosize),styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(newStyled((0,import_react6.forwardRef)(function({size,valid,align,...props},ref){return import_react6.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(newStyled((0,import_react6.forwardRef)(function({size,valid,align,...props},ref){return import_react6.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(newStyled((0,import_react6.forwardRef)(function({size,valid,align,...props},ref){return import_react6.default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=newStyled((0,import_react6.forwardRef)(function({size,valid,align,...props},ref){return import_react6.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react6.forwardRef)(function(props,ref){return import_react6.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"}),Form=Object.assign(newStyled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3}),LazyWithTooltip=(0,import_react6.lazy)(()=>import("./WithTooltip-YBG737T3-GLWUADFI.js").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react6.default.createElement(import_react6.Suspense,{fallback:import_react6.default.createElement("div",null)},import_react6.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react6.lazy)(()=>import("./WithTooltip-YBG737T3-GLWUADFI.js").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>import_react6.default.createElement(import_react6.Suspense,{fallback:import_react6.default.createElement("div",null)},import_react6.default.createElement(LazyWithTooltipPure,{...props})),Title2=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=newStyled.span(),Links=newStyled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=newStyled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=newStyled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react6.default.createElement(MessageWrapper,null,import_react6.default.createElement(Message2,null,title&&import_react6.default.createElement(Title2,null,title),desc&&import_react6.default.createElement(Desc2,null,desc)),links&&import_react6.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react6.default.createElement(Link22,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=newStyled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react6.default.createElement(Note,{...props},note),Title3=newStyled(({active,loading,disabled,...rest})=>import_react6.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=newStyled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=newStyled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific4.default)(100)((onClick,href,LinkWrapper)=>{let result2={};return onClick&&Object.assign(result2,{onClick}),href&&Object.assign(result2,{href}),LinkWrapper&&href&&Object.assign(result2,{to:href,as:LinkWrapper}),result2}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return import_react6.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react6.default.createElement(Left,{...commonProps},isStorybookIcon?import_react6.default.createElement(Icons,{icon}):icon):left&&import_react6.default.createElement(Left,{...commonProps},left),title||center?import_react6.default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&import_react6.default.createElement(Title3,{...commonProps,loading},title),center&&import_react6.default.createElement(CenterText,{...commonProps},center)):null,right&&import_react6.default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:import_react6.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react6.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react6.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react6.default.createElement(List,null,links.map(({isGatsby,...p4})=>import_react6.default.createElement(Item2,{key:p4.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p4})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=import_react6.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react6.default.createElement("a",{ref,...restProps},children):import_react6.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react6.default.createElement(IconButtonSkeletonWrapper,null,import_react6.default.createElement(IconPlaceholder,null)),Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react6.default.createElement(ScrollArea,{vertical:!1,className},children):import_react6.default.createElement("div",{className},children),Bar=newStyled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=newStyled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=import_react6.Children.toArray(children);return import_react6.default.createElement(Bar,{...rest},import_react6.default.createElement(BarInner,{bgColor:backgroundColor},import_react6.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?import_react6.default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>import_react6.Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active,key:key2})=>import_react6.default.createElement(VisuallyHidden,{key:key2,active,role:"tabpanel"},content)}}),CollapseIcon=newStyled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active,theme,preActive})=>`
|
|
213
213
|
color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
|
|
@@ -217,7 +217,7 @@ ${input}`);let match=input.match(firstLineRegex);if(!match)return import_react6.
|
|
|
217
217
|
color: ${theme.color.secondary};
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
|
-
`);function useList(list){let tabBarRef=(0,import_react6.useRef)(),addonsRef=(0,import_react6.useRef)(),tabRefs=(0,import_react6.useRef)(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react6.useState)(list),[invisibleList,setInvisibleList]=(0,import_react6.useState)([]),previousList=(0,import_react6.useRef)(list),AddonTab=(0,import_react6.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react6.useState)(!1);return import_react6.default.createElement(import_react6.default.Fragment,null,import_react6.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react6.default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)}}))})},import_react6.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react6.default.createElement(CollapseIcon,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index22)=>{let indexId=`index-${index22}`;return import_react6.default.createElement(TabButton,{id:`tabbutton-${L(id)??indexId}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=(0,import_react6.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x5,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x5+width-widthAddonsTab:x5+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x5+widthSum+tabWidth>rightBorder;return(!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react6.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper2=newStyled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar=newStyled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar.displayName="TabBar";var Content=newStyled.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",[`& > *:first-child${ignoreSsrWarning2}`]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),TabWrapper=({active,render,children})=>import_react6.default.createElement(VisuallyHidden,{active},render?render():children),Tabs=(0,import_react6.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let idList=childrenToList(children).map(i5=>i5.id),list=(0,import_react6.useMemo)(()=>childrenToList(children).map((i5,index22)=>({...i5,active:selected?i5.id===selected:index22===0})),[selected,...idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?import_react6.default.createElement(Wrapper2,{absolute,bordered,id:htmlId},import_react6.default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},import_react6.default.createElement(TabBar,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color:color2},index22)=>{let indexId=`index-${index22}`;return import_react6.default.createElement(TabButton,{id:`tabbutton-${L(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref)},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color2,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)},role:"tab"},typeof title=="function"?import_react6.default.createElement("title",null):title)}),import_react6.default.createElement(AddonTab,{menuName,actions})),tools),import_react6.default.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>import_react6.default.createElement(render,{key:id,active},null)))):import_react6.default.createElement(Placeholder,null,import_react6.default.createElement(import_react6.Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends import_react6.Component{constructor(props){super(props),this.handlers={onSelect:id=>this.setState({selected:id})},this.state={selected:props.initial}}static{this.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0}}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return import_react6.default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}},Separator=newStyled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index22)=>item?import_react6.default.createElement(import_react6.Fragment,{key:item.id||item.key||`f-${index22}`},acc,index22>0?import_react6.default.createElement(Separator,{key:`s-${index22}`}):null,item.render()||item):acc,null),usePrevious=value2=>{let ref=(0,import_react6.useRef)();return(0,import_react6.useEffect)(()=>{ref.current=value2},[value2]),ref.current},useUpdate=(update2,value2)=>{let previousValue=usePrevious(value2);return update2?value2:previousValue},AddonPanel=({active,children})=>import_react6.default.createElement("div",{hidden:!active},useUpdate(active,children)),StorybookLogo=({alt,...props})=>import_react6.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react6.default.createElement("title",null,alt):null,import_react6.default.createElement("defs",null,import_react6.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),import_react6.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react6.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),import_react6.default.createElement("mask",{id:"b",fill:"#fff"},import_react6.default.createElement("use",{xlinkHref:"#a"})),import_react6.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react6.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"}))),StorybookIcon=({...props})=>import_react6.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react6.default.createElement("title",null,"Storybook icon"),import_react6.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react6.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),import_react6.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),import_react6.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"}))),rotate360=keyframes`
|
|
220
|
+
`);function useList(list){let tabBarRef=(0,import_react6.useRef)(),addonsRef=(0,import_react6.useRef)(),tabRefs=(0,import_react6.useRef)(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react6.useState)(list),[invisibleList,setInvisibleList]=(0,import_react6.useState)([]),previousList=(0,import_react6.useRef)(list),AddonTab=(0,import_react6.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react6.useState)(!1);return import_react6.default.createElement(import_react6.default.Fragment,null,import_react6.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react6.default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)}}))})},import_react6.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react6.default.createElement(CollapseIcon,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index22)=>{let indexId=`index-${index22}`;return import_react6.default.createElement(TabButton,{id:`tabbutton-${L(id)??indexId}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=(0,import_react6.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x5,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x5+width-widthAddonsTab:x5+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x5+widthSum+tabWidth>rightBorder;return(!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react6.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper2=newStyled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar=newStyled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar.displayName="TabBar";var Content=newStyled.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",[`& > *:first-child${ignoreSsrWarning2}`]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),TabWrapper=({active,render,children})=>import_react6.default.createElement(VisuallyHidden,{active},render?render():children),Tabs=(0,import_react6.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let idList=childrenToList(children).map(i5=>i5.id),list=(0,import_react6.useMemo)(()=>childrenToList(children).map((i5,index22)=>({...i5,active:selected?i5.id===selected:index22===0})),[selected,...idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?import_react6.default.createElement(Wrapper2,{absolute,bordered,id:htmlId},import_react6.default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},import_react6.default.createElement(TabBar,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color:color2},index22)=>{let indexId=`index-${index22}`;return import_react6.default.createElement(TabButton,{id:`tabbutton-${L(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref)},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color2,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)},role:"tab"},typeof title=="function"?import_react6.default.createElement("title",null):title)}),import_react6.default.createElement(AddonTab,{menuName,actions})),tools),import_react6.default.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>import_react6.default.createElement(render,{key:id,active},null)))):import_react6.default.createElement(Placeholder,null,import_react6.default.createElement(import_react6.Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends import_react6.Component{constructor(props){super(props),this.handlers={onSelect:id=>this.setState({selected:id})},this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return import_react6.default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0};var Separator=newStyled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index22)=>item?import_react6.default.createElement(import_react6.Fragment,{key:item.id||item.key||`f-${index22}`},acc,index22>0?import_react6.default.createElement(Separator,{key:`s-${index22}`}):null,item.render()||item):acc,null),usePrevious=value2=>{let ref=(0,import_react6.useRef)();return(0,import_react6.useEffect)(()=>{ref.current=value2},[value2]),ref.current},useUpdate=(update2,value2)=>{let previousValue=usePrevious(value2);return update2?value2:previousValue},AddonPanel=({active,children})=>import_react6.default.createElement("div",{hidden:!active},useUpdate(active,children)),StorybookLogo=({alt,...props})=>import_react6.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react6.default.createElement("title",null,alt):null,import_react6.default.createElement("defs",null,import_react6.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),import_react6.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react6.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),import_react6.default.createElement("mask",{id:"b",fill:"#fff"},import_react6.default.createElement("use",{xlinkHref:"#a"})),import_react6.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react6.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"}))),StorybookIcon=({...props})=>import_react6.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react6.default.createElement("title",null,"Storybook icon"),import_react6.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react6.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),import_react6.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),import_react6.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"}))),rotate360=keyframes`
|
|
221
221
|
from {
|
|
222
222
|
transform: rotate(0deg);
|
|
223
223
|
}
|
|
@@ -242,7 +242,7 @@ ${input}`);let match=input.match(firstLineRegex);if(!match)return import_react6.
|
|
|
242
242
|
overflow: hidden;
|
|
243
243
|
font-family: ${typography.fonts.mono};
|
|
244
244
|
font-size: ${typography.size.s2-1}px;
|
|
245
|
-
`,ClipboardCode=({code,...props})=>import_react6.default.createElement(Code2,{id:"clipboard-code",...props},code),components2=components,resetComponents={};Object.keys(components).forEach(key2=>{resetComponents[key2]=(0,import_react6.forwardRef)((props,ref)=>(0,import_react6.createElement)(key2,{...props,ref}))});var import_react7=__toESM(require_react());var Root=newStyled.div({position:"fixed",left:0,top:0,width:"100vw",height:"100vh",overflow:"hidden"});var{SIDEBAR,CANVAS,ADDONS}=ActiveTabs2,Pane=newStyled.div({transition:"transform .2s ease",position:"absolute",top:0,height:"100%",overflow:"auto"},({theme})=>({background:theme.background.content,"&:nth-of-type(1)":{borderRight:`1px solid ${theme.appBorderColor}`},"&:nth-of-type(3)":{borderLeft:`1px solid ${theme.appBorderColor}`}}),({index:index3})=>{switch(index3){case 0:return{width:"80vw",transform:"translateX(-80vw)",left:0};case 1:return{width:"100%",transform:"translateX(0) scale(1)",left:0};case 2:return{width:"80vw",transform:"translateX(80vw)",right:0};default:return{}}},({active,index:index3})=>{switch(!0){case(index3===0&&active===SIDEBAR):return{transform:"translateX(-0px)"};case(index3===1&&active===SIDEBAR):return{transform:"translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2)"};case(index3===1&&active===ADDONS):return{transform:"translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2)"};case(index3===2&&active===ADDONS):return{transform:"translateX(0px)"};default:return{}}}),Panels=import_react7.default.memo(({children,active,isFullscreen})=>import_react7.default.createElement(PanelsContainer,{isFullscreen},import_react7.Children.toArray(children).map((item,index3)=>import_react7.default.createElement(Pane,{key:index3,index:index3,active},item))));Panels.displayName="Panels";var PanelsContainer=newStyled.div({position:"fixed",top:0,left:0,width:"100vw"},({isFullscreen})=>({height:isFullscreen?"100vh":"calc(100% - 40px)"})),Bar2=newStyled.nav({position:"fixed",bottom:0,left:0,width:"100vw",height:40,display:"flex",boxShadow:"0 1px 5px 0 rgba(0, 0, 0, 0.1)","& > *":{flex:1}},({theme})=>({background:theme.barBg})),Mobile=({Sidebar:Sidebar6,Preview:Preview4,Panel:Panel3,Notifications,pages,viewMode,options:options3})=>{let[{active},setState]=(0,import_react7.useState)({active:options3.isFullscreen?CANVAS:options3.initialActive||SIDEBAR}),api=useStorybookApi(),handleCanvasClick=(0,import_react7.useCallback)(()=>{setState({active:CANVAS});let id=api.retrieveSelection();id?api.selectStory(id):api.selectFirstStory()},[]),handleSideBarClick=(0,import_react7.useCallback)(()=>{setState({active:SIDEBAR});let id=api.retrieveSelection();id?api.selectStory(id):api.selectFirstStory()},[]);return import_react7.default.createElement(Root,null,import_react7.default.createElement(Notifications,{placement:{position:"fixed",bottom:60,left:20,right:20}}),import_react7.default.createElement(Panels,{active,isFullscreen:options3.isFullscreen},import_react7.default.createElement(Sidebar6,null),import_react7.default.createElement("div",null,import_react7.default.createElement("div",{hidden:viewMode!=="docs"&&viewMode!=="story"},import_react7.default.createElement(Preview4,{showToolbar:options3.showToolbar,id:"main",viewMode})),pages.map(({id,render:Content3})=>import_react7.default.createElement(import_react7.Fragment,{key:id},import_react7.default.createElement(Content3,null)))),import_react7.default.createElement(Panel3,{hidden:viewMode!=="story"})),!options3.isFullscreen&&import_react7.default.createElement(Bar2,null,import_react7.default.createElement(TabButton,{onClick:handleSideBarClick,active:active===SIDEBAR},"Sidebar"),import_react7.default.createElement(TabButton,{onClick:handleCanvasClick,active:active===CANVAS&&(viewMode==="docs"||viewMode==="story")},"Canvas"),import_react7.default.createElement(Location,null,({path})=>import_react7.default.createElement(import_react7.default.Fragment,null,pages.map(({id,title,url})=>import_react7.default.createElement(TabButton,{key:id,onClick:()=>{setState({active:CANVAS}),api.navigateUrl(url,{plain:!1})},active:active===CANVAS&&path.startsWith(url)},title)))),viewMode==="story"&&options3.showPanel?import_react7.default.createElement(TabButton,{onClick:()=>setState({active:ADDONS}),active:active===ADDONS},"Addons"):null))};var import_react9=__toESM(require_react());var import_react8=__toESM(require_react());var import_store22=__toESM(require_store2()),import_debounce=__toESM(require_debounce()),import_memoizerific5=__toESM(require_memoizerific());var get3=()=>{try{return import_store22.default.local.get("storybook-layout")||!1}catch(e4){return console.error(e4),!1}},write=(0,import_memoizerific5.default)(1)(changes=>{try{import_store22.default.local.set("storybook-layout",changes)}catch(e4){console.error(e4)}}),set2=(0,import_debounce.default)(write,500);var import_react_draggable=__toESM(require_cjs());var Handle=newStyled.div(({theme})=>({zIndex:10,position:"absolute",top:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",transition:"color 0.2s linear, background-size 0.2s linear, background 0.2s linear, background-position 0s linear"}),({axis})=>({cursor:axis==="x"?"col-resize":"row-resize"}),({axis})=>axis==="x"?{height:"100%",width:10,marginLeft:-10}:{height:10,width:"100%",marginTop:-10},({axis,isDragging})=>{if(axis==="y"){let style={backgroundImage:"radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",backgroundSize:"100% 50px",backgroundPosition:"50% 0",backgroundRepeat:"no-repeat"};return isDragging?style:{...style,backgroundPosition:"50% 10px","&:hover":style}}if(axis==="x"){let style={backgroundImage:"radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",backgroundSize:"50px 100%",backgroundPosition:"0 50%",backgroundRepeat:"no-repeat"};return isDragging?style:{...style,backgroundPosition:"10px 50%","&:hover":style}}return{}});var MIN_NAV_WIDTH=200,MIN_CANVAS_WIDTH=200,MIN_CANVAS_HEIGHT=200,MIN_PANEL_WIDTH=220,MIN_PANEL_HEIGHT=200,DEFAULT_NAV_WIDTH=230,DEFAULT_PANEL_WIDTH=400,Pane2=newStyled.div({position:"absolute",boxSizing:"border-box",top:0,left:0,width:"100%",height:"100%"},({hidden})=>hidden?{opacity:0}:{opacity:1},({top})=>top?{zIndex:9}:{},({border,theme})=>{switch(border){case"left":return{borderLeft:`1px solid ${theme.appBorderColor}`};case"right":return{borderRight:`1px solid ${theme.appBorderColor}`};case"top":return{borderTop:`1px solid ${theme.appBorderColor}`};case"bottom":return{borderBottom:`1px solid ${theme.appBorderColor}`};default:return{}}},({animate})=>animate?{transition:["width","height","top","left","background","opacity","transform"].map(p4=>`${p4} 0.1s ease-out`).join(",")}:{}),Paper=newStyled.div({position:"absolute",top:0,left:0,width:"100%",height:"100%"},({isFullscreen,theme})=>isFullscreen?{boxShadow:"none",borderRadius:0}:{borderTopLeftRadius:theme.appBorderRadius===0?theme.appBorderRadius:theme.appBorderRadius+1,borderBottomLeftRadius:theme.appBorderRadius===0?theme.appBorderRadius:theme.appBorderRadius+1,overflow:"hidden",boxShadow:theme.base==="light"?"0 1px 3px 1px rgba(0, 0, 0, 0.05), 0px 0 0px 1px rgba(0, 0, 0, 0.05)":`0px 0 0px 1px ${theme.appBorderColor}`,transform:"translateZ(0)"}),Sidebar=({hidden=!1,children,position=void 0,...props})=>hidden?null:import_react8.default.createElement(Pane2,{style:position,...props},children),Main=({isFullscreen=!1,children,position=void 0,...props})=>import_react8.default.createElement(Pane2,{style:position,top:!0,...props,role:"main"},import_react8.default.createElement(Paper,{isFullscreen},children)),Preview=({hidden=!1,children,position=void 0,...props})=>import_react8.default.createElement(Pane2,{style:position,top:!0,hidden,...props},children),Panel=({hidden=!1,children,position=void 0,align="right",...props})=>import_react8.default.createElement(Pane2,{style:position,hidden,...props,border:align==="bottom"?"top":"left"},children),HoverBlocker=newStyled.div({position:"absolute",left:0,top:0,zIndex:15,height:"100vh",width:"100vw"}),getPreviewPosition=({panelPosition,isPanelHidden,isNavHidden,isFullscreen,bounds,resizerPanel,resizerNav,margin})=>{if(isFullscreen||isPanelHidden)return{};let navX=isNavHidden?0:resizerNav.x,panelX=resizerPanel.x,panelY=resizerPanel.y;return panelPosition==="bottom"?{height:panelY-margin,left:0,top:0,width:bounds.width-navX-2*margin}:{height:bounds.height-2*margin,left:0,top:0,width:panelX-navX-margin}},getMainPosition=({bounds,resizerNav,isNavHidden,isFullscreen,margin})=>{if(isFullscreen)return{};let navX=isNavHidden?0:resizerNav.x;return{height:bounds.height-margin*2,left:navX+margin,top:margin,width:bounds.width-navX-margin*2}},getPanelPosition=({isPanelBottom,isPanelHidden,isNavHidden,bounds,resizerPanel,resizerNav,margin})=>{let navX=isNavHidden?0:resizerNav.x,panelX=resizerPanel.x,panelY=resizerPanel.y;return isPanelBottom&&isPanelHidden?{height:bounds.height-panelY-margin,left:0,top:panelY-margin,width:bounds.width-navX-2*margin}:!isPanelBottom&&isPanelHidden?{height:bounds.height-2*margin,left:panelX-navX-margin,top:0,width:bounds.width-panelX-margin}:isPanelBottom?{height:bounds.height-panelY-margin,left:0,top:panelY-margin,width:bounds.width-navX-2*margin}:{height:bounds.height-2*margin,left:panelX-navX-margin,top:0,width:bounds.width-panelX-margin}},Layout=class extends import_react8.Component{constructor(props){super(props);this.resizeNav=(e4,data)=>{data.deltaX&&this.setState({resizerNav:{x:data.x,y:data.y}})};this.resizePanel=(e4,data)=>{let{options:options3}=this.props;(data.deltaY&&options3.panelPosition==="bottom"||data.deltaX&&options3.panelPosition==="right")&&this.setState({resizerPanel:{x:data.x,y:data.y}})};this.setDragNav=()=>{this.setState({isDragging:"nav"})};this.setDragPanel=()=>{this.setState({isDragging:"panel"})};this.unsetDrag=()=>{this.setState({isDragging:!1})};this.navRef=import_react8.default.createRef(),this.panelRef=import_react8.default.createRef();let{bounds,options:options3}=props,{resizerNav,resizerPanel}=get3();this.state={isDragging:!1,resizerNav:resizerNav||{x:DEFAULT_NAV_WIDTH,y:0},resizerPanel:resizerPanel||(options3.panelPosition==="bottom"?{x:0,y:Math.round(bounds.height*.6)}:{x:bounds.width-DEFAULT_PANEL_WIDTH,y:0})}}static{this.defaultProps={viewMode:void 0}}static getDerivedStateFromProps(props,state){let{bounds,options:options3}=props,{resizerPanel,resizerNav}=state,isNavHidden=options3.isFullscreen||!options3.showNav,isPanelHidden=options3.isFullscreen||!options3.showPanel,{panelPosition}=options3,isPanelRight=panelPosition==="right",isPanelBottom=panelPosition==="bottom",navX=resizerNav.x,panelX=resizerPanel.x,panelY=resizerPanel.y,mutation={};if(!isNavHidden){let minMainWidth=MIN_CANVAS_WIDTH+(!isPanelHidden&&isPanelRight?MIN_PANEL_WIDTH:0),maxNavX=bounds.width-minMainWidth,minNavX=MIN_NAV_WIDTH;navX>maxNavX?mutation.resizerNav={x:maxNavX,y:0}:(navX<minNavX||maxNavX<minNavX)&&(mutation.resizerNav={x:minNavX,y:0})}if(isPanelRight&&!isPanelHidden){let maxPanelX=bounds.width-MIN_PANEL_WIDTH,minPanelX=navX+MIN_CANVAS_WIDTH;panelX>maxPanelX||panelX===0?mutation.resizerPanel={x:maxPanelX,y:0}:panelX<minPanelX&&(mutation.resizerPanel={x:minPanelX,y:0})}if(isPanelBottom&&!isPanelHidden){let maxPanelY=bounds.height-MIN_PANEL_HEIGHT;(panelY>maxPanelY||panelY===0)&&(mutation.resizerPanel={x:0,y:bounds.height-200})}return mutation.resizerPanel||mutation.resizerNav?{...state,...mutation}:state}componentDidUpdate(prevProps,prevState){let{resizerPanel,resizerNav}=this.state;set2({resizerPanel,resizerNav});let{width:prevWidth,height:prevHeight}=prevProps.bounds,{bounds,options:options3}=this.props,{width,height}=bounds;if(width!==prevWidth||height!==prevHeight){let{panelPosition}=options3;panelPosition==="bottom"?this.setState({resizerPanel:{x:prevState.resizerPanel.x,y:prevState.resizerPanel.y-(prevHeight-height)}}):this.setState({resizerPanel:{x:prevState.resizerPanel.x-(prevWidth-width),y:prevState.resizerPanel.y}})}}render(){let{children,bounds,options:options3,viewMode,panelCount}=this.props,{isDragging,resizerNav,resizerPanel}=this.state,margin=0,isNavHidden=options3.isFullscreen||!options3.showNav,isPanelHidden=options3.isFullscreen||!options3.showPanel||viewMode!=="story"||panelCount===0,isFullscreen=options3.isFullscreen||isNavHidden&&isPanelHidden,{showToolbar}=options3,{panelPosition}=options3,isPanelBottom=panelPosition==="bottom",isPanelRight=panelPosition==="right",panelX=resizerPanel.x,navX=resizerNav.x;return bounds?import_react8.default.createElement(import_react8.Fragment,null,isNavHidden?null:import_react8.default.createElement(import_react_draggable.default,{axis:"x",position:resizerNav,bounds:{left:MIN_NAV_WIDTH,top:0,right:isPanelRight&&!isPanelHidden?panelX-MIN_CANVAS_WIDTH:bounds.width-MIN_CANVAS_WIDTH,bottom:0},onStart:this.setDragNav,onDrag:this.resizeNav,onStop:this.unsetDrag,nodeRef:this.navRef},import_react8.default.createElement(Handle,{ref:this.navRef,axis:"x",isDragging:isDragging==="nav"})),isPanelHidden?null:import_react8.default.createElement(import_react_draggable.default,{axis:isPanelBottom?"y":"x",position:resizerPanel,bounds:isPanelBottom?{left:0,top:MIN_CANVAS_HEIGHT,right:0,bottom:bounds.height-MIN_PANEL_HEIGHT}:{left:isNavHidden?MIN_CANVAS_WIDTH:navX+MIN_CANVAS_WIDTH,top:0,right:bounds.width-MIN_PANEL_WIDTH,bottom:0},onStart:this.setDragPanel,onDrag:this.resizePanel,onStop:this.unsetDrag,nodeRef:this.panelRef},import_react8.default.createElement(Handle,{ref:this.panelRef,isDragging:isDragging==="panel",style:isPanelBottom?{left:navX+margin,width:bounds.width-navX-2*margin,marginTop:-10}:{marginLeft:-10},axis:isPanelBottom?"y":"x"})),isDragging?import_react8.default.createElement(HoverBlocker,null):null,children({mainProps:{viewMode,animate:!isDragging,isFullscreen,position:getMainPosition({bounds,resizerNav,isNavHidden,isFullscreen,margin})},previewProps:{viewMode,animate:!isDragging,isFullscreen,showToolbar,position:getPreviewPosition({isFullscreen,isNavHidden,isPanelHidden,resizerNav,resizerPanel,bounds,panelPosition,margin})},navProps:{viewMode,animate:!isDragging,hidden:isNavHidden,position:{height:bounds.height,left:0,top:0,width:navX+margin}},panelProps:{viewMode,animate:!isDragging,align:options3.panelPosition,hidden:isPanelHidden,position:getPanelPosition({isPanelBottom,isPanelHidden,isNavHidden,bounds,resizerPanel,resizerNav,margin})}})):null}},ThemedLayout=withTheme(Layout);var Desktop=Object.assign(import_react9.default.memo(function({Panel:Panel3,Sidebar:Sidebar6,Preview:Preview4,Notifications,pages,options:options3,viewMode=void 0,width=0,height=0,panelCount}){return import_react9.default.createElement(import_react9.Fragment,null,import_react9.default.createElement(Notifications,{placement:{position:"fixed",bottom:20,left:20}}),width&&height?import_react9.default.createElement(ThemedLayout,{options:options3,bounds:{width,height,top:0,left:0},viewMode,panelCount},({navProps,mainProps,panelProps,previewProps})=>import_react9.default.createElement(import_react9.Fragment,null,import_react9.default.createElement(Sidebar,{...navProps},import_react9.default.createElement(Sidebar6,null)),import_react9.default.createElement(Main,{...mainProps,isFullscreen:!!mainProps.isFullscreen},import_react9.default.createElement(Route2,{path:/(^\/story|docs|onboarding\/|^\/$)/,hideOnly:!0},import_react9.default.createElement(Preview,{...previewProps,hidden:!1},import_react9.default.createElement(Preview4,{id:"main"})),import_react9.default.createElement(Route2,{path:"/story/",startsWith:!0,hideOnly:!0},import_react9.default.createElement(Panel,{...panelProps,hidden:!1},import_react9.default.createElement(Panel3,null)))),pages.map(({id,render:Content3})=>import_react9.default.createElement(import_react9.Fragment,{key:id},import_react9.default.createElement(Content3,null)))))):import_react9.default.createElement("div",{title:JSON.stringify({width,height})}))}),{displayName:"DesktopLayout"});var import_react52=__toESM(require_react());var import_react50=__toESM(require_react());var import_react35=__toESM(require_react());var import_react10=__toESM(require_react());var StorybookLogoStyled=newStyled(StorybookLogo)(({theme})=>({width:"auto",height:"22px !important",display:"block",color:theme.base==="light"?theme.color.defaultText:theme.color.lightest})),Img2=newStyled.img({width:"auto",height:"auto",display:"block",maxWidth:"100%"}),LogoLink=newStyled.a(({theme})=>({display:"inline-block",height:"100%",margin:"-3px -4px",padding:"2px 3px",border:"1px solid transparent",borderRadius:3,color:"inherit",textDecoration:"none","&:focus":{outline:0,borderColor:theme.color.secondary}})),Brand=withTheme(({theme})=>{let{title="Storybook",url="./",image,target}=theme.brand,targetValue=target||(url==="./"?"":"_blank");if(image===null)return title===null?null:url?import_react10.default.createElement(LogoLink,{href:url,target:targetValue,dangerouslySetInnerHTML:{__html:title}}):import_react10.default.createElement("div",{dangerouslySetInnerHTML:{__html:title}});let logo=image?import_react10.default.createElement(Img2,{src:image,alt:title}):import_react10.default.createElement(StorybookLogoStyled,{alt:title});return url?import_react10.default.createElement(LogoLink,{title,href:url,target:targetValue},logo):import_react10.default.createElement("div",null,logo)});var import_react34=__toESM(require_react());function _extends3(){return _extends3=Object.assign?Object.assign.bind():function(target){for(var i5=1;i5<arguments.length;i5++){var source2=arguments[i5];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends3.apply(this,arguments)}function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf2(o4,p4){return _setPrototypeOf2=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o5,p5){return o5.__proto__=p5,o5},_setPrototypeOf2(o4,p4)}function _inheritsLoose2(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf2(subClass,superClass)}function _getPrototypeOf2(o4){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o5){return o5.__proto__||Object.getPrototypeOf(o5)},_getPrototypeOf2(o4)}function _isNativeFunction2(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args3,Class2){var a4=[null];a4.push.apply(a4,args3);var Constructor=Function.bind.apply(Parent2,a4),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper4)}function Wrapper4(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper4,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
245
|
+
`,ClipboardCode=({code,...props})=>import_react6.default.createElement(Code2,{id:"clipboard-code",...props},code),components2=components,resetComponents={};Object.keys(components).forEach(key2=>{resetComponents[key2]=(0,import_react6.forwardRef)((props,ref)=>(0,import_react6.createElement)(key2,{...props,ref}))});var import_react7=__toESM(require_react());var Root=newStyled.div({position:"fixed",left:0,top:0,width:"100vw",height:"100vh",overflow:"hidden"});var{SIDEBAR,CANVAS,ADDONS}=ActiveTabs2,Pane=newStyled.div({transition:"transform .2s ease",position:"absolute",top:0,height:"100%",overflow:"auto"},({theme})=>({background:theme.background.content,"&:nth-of-type(1)":{borderRight:`1px solid ${theme.appBorderColor}`},"&:nth-of-type(3)":{borderLeft:`1px solid ${theme.appBorderColor}`}}),({index:index3})=>{switch(index3){case 0:return{width:"80vw",transform:"translateX(-80vw)",left:0};case 1:return{width:"100%",transform:"translateX(0) scale(1)",left:0};case 2:return{width:"80vw",transform:"translateX(80vw)",right:0};default:return{}}},({active,index:index3})=>{switch(!0){case(index3===0&&active===SIDEBAR):return{transform:"translateX(-0px)"};case(index3===1&&active===SIDEBAR):return{transform:"translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2)"};case(index3===1&&active===ADDONS):return{transform:"translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2)"};case(index3===2&&active===ADDONS):return{transform:"translateX(0px)"};default:return{}}}),Panels=import_react7.default.memo(({children,active,isFullscreen})=>import_react7.default.createElement(PanelsContainer,{isFullscreen},import_react7.Children.toArray(children).map((item,index3)=>import_react7.default.createElement(Pane,{key:index3,index:index3,active},item))));Panels.displayName="Panels";var PanelsContainer=newStyled.div({position:"fixed",top:0,left:0,width:"100vw"},({isFullscreen})=>({height:isFullscreen?"100vh":"calc(100% - 40px)"})),Bar2=newStyled.nav({position:"fixed",bottom:0,left:0,width:"100vw",height:40,display:"flex",boxShadow:"0 1px 5px 0 rgba(0, 0, 0, 0.1)","& > *":{flex:1}},({theme})=>({background:theme.barBg})),Mobile=({Sidebar:Sidebar6,Preview:Preview4,Panel:Panel3,Notifications,pages,viewMode,options:options3})=>{let[{active},setState]=(0,import_react7.useState)({active:options3.isFullscreen?CANVAS:options3.initialActive||SIDEBAR}),api=useStorybookApi(),handleCanvasClick=(0,import_react7.useCallback)(()=>{setState({active:CANVAS});let id=api.retrieveSelection();id?api.selectStory(id):api.selectFirstStory()},[]),handleSideBarClick=(0,import_react7.useCallback)(()=>{setState({active:SIDEBAR});let id=api.retrieveSelection();id?api.selectStory(id):api.selectFirstStory()},[]);return import_react7.default.createElement(Root,null,import_react7.default.createElement(Notifications,{placement:{position:"fixed",bottom:60,left:20,right:20}}),import_react7.default.createElement(Panels,{active,isFullscreen:options3.isFullscreen},import_react7.default.createElement(Sidebar6,null),import_react7.default.createElement("div",null,import_react7.default.createElement("div",{hidden:viewMode!=="docs"&&viewMode!=="story"},import_react7.default.createElement(Preview4,{showToolbar:options3.showToolbar,id:"main",viewMode})),pages.map(({id,render:Content3})=>import_react7.default.createElement(import_react7.Fragment,{key:id},import_react7.default.createElement(Content3,null)))),import_react7.default.createElement(Panel3,{hidden:viewMode!=="story"})),!options3.isFullscreen&&import_react7.default.createElement(Bar2,null,import_react7.default.createElement(TabButton,{onClick:handleSideBarClick,active:active===SIDEBAR},"Sidebar"),import_react7.default.createElement(TabButton,{onClick:handleCanvasClick,active:active===CANVAS&&(viewMode==="docs"||viewMode==="story")},"Canvas"),import_react7.default.createElement(Location,null,({path})=>import_react7.default.createElement(import_react7.default.Fragment,null,pages.map(({id,title,url})=>import_react7.default.createElement(TabButton,{key:id,onClick:()=>{setState({active:CANVAS}),api.navigateUrl(url,{plain:!1})},active:active===CANVAS&&path.startsWith(url)},title)))),viewMode==="story"&&options3.showPanel?import_react7.default.createElement(TabButton,{onClick:()=>setState({active:ADDONS}),active:active===ADDONS},"Addons"):null))};var import_react9=__toESM(require_react());var import_react8=__toESM(require_react());var import_store22=__toESM(require_store2()),import_debounce=__toESM(require_debounce()),import_memoizerific5=__toESM(require_memoizerific());var get3=()=>{try{return import_store22.default.local.get("storybook-layout")||!1}catch(e4){return console.error(e4),!1}},write=(0,import_memoizerific5.default)(1)(changes=>{try{import_store22.default.local.set("storybook-layout",changes)}catch(e4){console.error(e4)}}),set2=(0,import_debounce.default)(write,500);var import_react_draggable=__toESM(require_cjs());var Handle=newStyled.div(({theme})=>({zIndex:10,position:"absolute",top:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",transition:"color 0.2s linear, background-size 0.2s linear, background 0.2s linear, background-position 0s linear"}),({axis})=>({cursor:axis==="x"?"col-resize":"row-resize"}),({axis})=>axis==="x"?{height:"100%",width:10,marginLeft:-10}:{height:10,width:"100%",marginTop:-10},({axis,isDragging})=>{if(axis==="y"){let style={backgroundImage:"radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",backgroundSize:"100% 50px",backgroundPosition:"50% 0",backgroundRepeat:"no-repeat"};return isDragging?style:{...style,backgroundPosition:"50% 10px","&:hover":style}}if(axis==="x"){let style={backgroundImage:"radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",backgroundSize:"50px 100%",backgroundPosition:"0 50%",backgroundRepeat:"no-repeat"};return isDragging?style:{...style,backgroundPosition:"10px 50%","&:hover":style}}return{}});var MIN_NAV_WIDTH=200,MIN_CANVAS_WIDTH=200,MIN_CANVAS_HEIGHT=200,MIN_PANEL_WIDTH=220,MIN_PANEL_HEIGHT=200,DEFAULT_NAV_WIDTH=230,DEFAULT_PANEL_WIDTH=400,Pane2=newStyled.div({position:"absolute",boxSizing:"border-box",top:0,left:0,width:"100%",height:"100%"},({hidden})=>hidden?{opacity:0}:{opacity:1},({top})=>top?{zIndex:9}:{},({border,theme})=>{switch(border){case"left":return{borderLeft:`1px solid ${theme.appBorderColor}`};case"right":return{borderRight:`1px solid ${theme.appBorderColor}`};case"top":return{borderTop:`1px solid ${theme.appBorderColor}`};case"bottom":return{borderBottom:`1px solid ${theme.appBorderColor}`};default:return{}}},({animate})=>animate?{transition:["width","height","top","left","background","opacity","transform"].map(p4=>`${p4} 0.1s ease-out`).join(",")}:{}),Paper=newStyled.div({position:"absolute",top:0,left:0,width:"100%",height:"100%"},({isFullscreen,theme})=>isFullscreen?{boxShadow:"none",borderRadius:0}:{borderTopLeftRadius:theme.appBorderRadius===0?theme.appBorderRadius:theme.appBorderRadius+1,borderBottomLeftRadius:theme.appBorderRadius===0?theme.appBorderRadius:theme.appBorderRadius+1,overflow:"hidden",boxShadow:theme.base==="light"?"0 1px 3px 1px rgba(0, 0, 0, 0.05), 0px 0 0px 1px rgba(0, 0, 0, 0.05)":`0px 0 0px 1px ${theme.appBorderColor}`,transform:"translateZ(0)"}),Sidebar=({hidden=!1,children,position=void 0,...props})=>hidden?null:import_react8.default.createElement(Pane2,{style:position,...props},children),Main=({isFullscreen=!1,children,position=void 0,...props})=>import_react8.default.createElement(Pane2,{style:position,top:!0,...props,role:"main"},import_react8.default.createElement(Paper,{isFullscreen},children)),Preview=({hidden=!1,children,position=void 0,...props})=>import_react8.default.createElement(Pane2,{style:position,top:!0,hidden,...props},children),Panel=({hidden=!1,children,position=void 0,align="right",...props})=>import_react8.default.createElement(Pane2,{style:position,hidden,...props,border:align==="bottom"?"top":"left"},children),HoverBlocker=newStyled.div({position:"absolute",left:0,top:0,zIndex:15,height:"100vh",width:"100vw"}),getPreviewPosition=({panelPosition,isPanelHidden,isNavHidden,isFullscreen,bounds,resizerPanel,resizerNav,margin})=>{if(isFullscreen||isPanelHidden)return{};let navX=isNavHidden?0:resizerNav.x,panelX=resizerPanel.x,panelY=resizerPanel.y;return panelPosition==="bottom"?{height:panelY-margin,left:0,top:0,width:bounds.width-navX-2*margin}:{height:bounds.height-2*margin,left:0,top:0,width:panelX-navX-margin}},getMainPosition=({bounds,resizerNav,isNavHidden,isFullscreen,margin})=>{if(isFullscreen)return{};let navX=isNavHidden?0:resizerNav.x;return{height:bounds.height-margin*2,left:navX+margin,top:margin,width:bounds.width-navX-margin*2}},getPanelPosition=({isPanelBottom,isPanelHidden,isNavHidden,bounds,resizerPanel,resizerNav,margin})=>{let navX=isNavHidden?0:resizerNav.x,panelX=resizerPanel.x,panelY=resizerPanel.y;return isPanelBottom&&isPanelHidden?{height:bounds.height-panelY-margin,left:0,top:panelY-margin,width:bounds.width-navX-2*margin}:!isPanelBottom&&isPanelHidden?{height:bounds.height-2*margin,left:panelX-navX-margin,top:0,width:bounds.width-panelX-margin}:isPanelBottom?{height:bounds.height-panelY-margin,left:0,top:panelY-margin,width:bounds.width-navX-2*margin}:{height:bounds.height-2*margin,left:panelX-navX-margin,top:0,width:bounds.width-panelX-margin}},Layout=class extends import_react8.Component{constructor(props){super(props);this.resizeNav=(e4,data)=>{data.deltaX&&this.setState({resizerNav:{x:data.x,y:data.y}})};this.resizePanel=(e4,data)=>{let{options:options3}=this.props;(data.deltaY&&options3.panelPosition==="bottom"||data.deltaX&&options3.panelPosition==="right")&&this.setState({resizerPanel:{x:data.x,y:data.y}})};this.setDragNav=()=>{this.setState({isDragging:"nav"})};this.setDragPanel=()=>{this.setState({isDragging:"panel"})};this.unsetDrag=()=>{this.setState({isDragging:!1})};this.navRef=import_react8.default.createRef(),this.panelRef=import_react8.default.createRef();let{bounds,options:options3}=props,{resizerNav,resizerPanel}=get3();this.state={isDragging:!1,resizerNav:resizerNav||{x:DEFAULT_NAV_WIDTH,y:0},resizerPanel:resizerPanel||(options3.panelPosition==="bottom"?{x:0,y:Math.round(bounds.height*.6)}:{x:bounds.width-DEFAULT_PANEL_WIDTH,y:0})}}static getDerivedStateFromProps(props,state){let{bounds,options:options3}=props,{resizerPanel,resizerNav}=state,isNavHidden=options3.isFullscreen||!options3.showNav,isPanelHidden=options3.isFullscreen||!options3.showPanel,{panelPosition}=options3,isPanelRight=panelPosition==="right",isPanelBottom=panelPosition==="bottom",navX=resizerNav.x,panelX=resizerPanel.x,panelY=resizerPanel.y,mutation={};if(!isNavHidden){let minMainWidth=MIN_CANVAS_WIDTH+(!isPanelHidden&&isPanelRight?MIN_PANEL_WIDTH:0),maxNavX=bounds.width-minMainWidth,minNavX=MIN_NAV_WIDTH;navX>maxNavX?mutation.resizerNav={x:maxNavX,y:0}:(navX<minNavX||maxNavX<minNavX)&&(mutation.resizerNav={x:minNavX,y:0})}if(isPanelRight&&!isPanelHidden){let maxPanelX=bounds.width-MIN_PANEL_WIDTH,minPanelX=navX+MIN_CANVAS_WIDTH;panelX>maxPanelX||panelX===0?mutation.resizerPanel={x:maxPanelX,y:0}:panelX<minPanelX&&(mutation.resizerPanel={x:minPanelX,y:0})}if(isPanelBottom&&!isPanelHidden){let maxPanelY=bounds.height-MIN_PANEL_HEIGHT;(panelY>maxPanelY||panelY===0)&&(mutation.resizerPanel={x:0,y:bounds.height-200})}return mutation.resizerPanel||mutation.resizerNav?{...state,...mutation}:state}componentDidUpdate(prevProps,prevState){let{resizerPanel,resizerNav}=this.state;set2({resizerPanel,resizerNav});let{width:prevWidth,height:prevHeight}=prevProps.bounds,{bounds,options:options3}=this.props,{width,height}=bounds;if(width!==prevWidth||height!==prevHeight){let{panelPosition}=options3;panelPosition==="bottom"?this.setState({resizerPanel:{x:prevState.resizerPanel.x,y:prevState.resizerPanel.y-(prevHeight-height)}}):this.setState({resizerPanel:{x:prevState.resizerPanel.x-(prevWidth-width),y:prevState.resizerPanel.y}})}}render(){let{children,bounds,options:options3,viewMode,panelCount}=this.props,{isDragging,resizerNav,resizerPanel}=this.state,margin=0,isNavHidden=options3.isFullscreen||!options3.showNav,isPanelHidden=options3.isFullscreen||!options3.showPanel||viewMode!=="story"||panelCount===0,isFullscreen=options3.isFullscreen||isNavHidden&&isPanelHidden,{showToolbar}=options3,{panelPosition}=options3,isPanelBottom=panelPosition==="bottom",isPanelRight=panelPosition==="right",panelX=resizerPanel.x,navX=resizerNav.x;return bounds?import_react8.default.createElement(import_react8.Fragment,null,isNavHidden?null:import_react8.default.createElement(import_react_draggable.default,{axis:"x",position:resizerNav,bounds:{left:MIN_NAV_WIDTH,top:0,right:isPanelRight&&!isPanelHidden?panelX-MIN_CANVAS_WIDTH:bounds.width-MIN_CANVAS_WIDTH,bottom:0},onStart:this.setDragNav,onDrag:this.resizeNav,onStop:this.unsetDrag,nodeRef:this.navRef},import_react8.default.createElement(Handle,{ref:this.navRef,axis:"x",isDragging:isDragging==="nav"})),isPanelHidden?null:import_react8.default.createElement(import_react_draggable.default,{axis:isPanelBottom?"y":"x",position:resizerPanel,bounds:isPanelBottom?{left:0,top:MIN_CANVAS_HEIGHT,right:0,bottom:bounds.height-MIN_PANEL_HEIGHT}:{left:isNavHidden?MIN_CANVAS_WIDTH:navX+MIN_CANVAS_WIDTH,top:0,right:bounds.width-MIN_PANEL_WIDTH,bottom:0},onStart:this.setDragPanel,onDrag:this.resizePanel,onStop:this.unsetDrag,nodeRef:this.panelRef},import_react8.default.createElement(Handle,{ref:this.panelRef,isDragging:isDragging==="panel",style:isPanelBottom?{left:navX+margin,width:bounds.width-navX-2*margin,marginTop:-10}:{marginLeft:-10},axis:isPanelBottom?"y":"x"})),isDragging?import_react8.default.createElement(HoverBlocker,null):null,children({mainProps:{viewMode,animate:!isDragging,isFullscreen,position:getMainPosition({bounds,resizerNav,isNavHidden,isFullscreen,margin})},previewProps:{viewMode,animate:!isDragging,isFullscreen,showToolbar,position:getPreviewPosition({isFullscreen,isNavHidden,isPanelHidden,resizerNav,resizerPanel,bounds,panelPosition,margin})},navProps:{viewMode,animate:!isDragging,hidden:isNavHidden,position:{height:bounds.height,left:0,top:0,width:navX+margin}},panelProps:{viewMode,animate:!isDragging,align:options3.panelPosition,hidden:isPanelHidden,position:getPanelPosition({isPanelBottom,isPanelHidden,isNavHidden,bounds,resizerPanel,resizerNav,margin})}})):null}};Layout.defaultProps={viewMode:void 0};var ThemedLayout=withTheme(Layout);var Desktop=Object.assign(import_react9.default.memo(function({Panel:Panel3,Sidebar:Sidebar6,Preview:Preview4,Notifications,pages,options:options3,viewMode=void 0,width=0,height=0,panelCount}){return import_react9.default.createElement(import_react9.Fragment,null,import_react9.default.createElement(Notifications,{placement:{position:"fixed",bottom:20,left:20}}),width&&height?import_react9.default.createElement(ThemedLayout,{options:options3,bounds:{width,height,top:0,left:0},viewMode,panelCount},({navProps,mainProps,panelProps,previewProps})=>import_react9.default.createElement(import_react9.Fragment,null,import_react9.default.createElement(Sidebar,{...navProps},import_react9.default.createElement(Sidebar6,null)),import_react9.default.createElement(Main,{...mainProps,isFullscreen:!!mainProps.isFullscreen},import_react9.default.createElement(Route2,{path:/(^\/story|docs|onboarding\/|^\/$)/,hideOnly:!0},import_react9.default.createElement(Preview,{...previewProps,hidden:!1},import_react9.default.createElement(Preview4,{id:"main"})),import_react9.default.createElement(Route2,{path:"/story/",startsWith:!0,hideOnly:!0},import_react9.default.createElement(Panel,{...panelProps,hidden:!1},import_react9.default.createElement(Panel3,null)))),pages.map(({id,render:Content3})=>import_react9.default.createElement(import_react9.Fragment,{key:id},import_react9.default.createElement(Content3,null)))))):import_react9.default.createElement("div",{title:JSON.stringify({width,height})}))}),{displayName:"DesktopLayout"});var import_react57=__toESM(require_react());var import_react55=__toESM(require_react());var import_react40=__toESM(require_react());var import_react10=__toESM(require_react());var StorybookLogoStyled=newStyled(StorybookLogo)(({theme})=>({width:"auto",height:"22px !important",display:"block",color:theme.base==="light"?theme.color.defaultText:theme.color.lightest})),Img2=newStyled.img({width:"auto",height:"auto",display:"block",maxWidth:"100%"}),LogoLink=newStyled.a(({theme})=>({display:"inline-block",height:"100%",margin:"-3px -4px",padding:"2px 3px",border:"1px solid transparent",borderRadius:3,color:"inherit",textDecoration:"none","&:focus":{outline:0,borderColor:theme.color.secondary}})),Brand=withTheme(({theme})=>{let{title="Storybook",url="./",image,target}=theme.brand,targetValue=target||(url==="./"?"":"_blank");if(image===null)return title===null?null:url?import_react10.default.createElement(LogoLink,{href:url,target:targetValue,dangerouslySetInnerHTML:{__html:title}}):import_react10.default.createElement("div",{dangerouslySetInnerHTML:{__html:title}});let logo=image?import_react10.default.createElement(Img2,{src:image,alt:title}):import_react10.default.createElement(StorybookLogoStyled,{alt:title});return url?import_react10.default.createElement(LogoLink,{title,href:url,target:targetValue},logo):import_react10.default.createElement("div",null,logo)});var import_react39=__toESM(require_react());function _extends3(){return _extends3=Object.assign?Object.assign.bind():function(target){for(var i5=1;i5<arguments.length;i5++){var source2=arguments[i5];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends3.apply(this,arguments)}function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf2(o4,p4){return _setPrototypeOf2=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o5,p5){return o5.__proto__=p5,o5},_setPrototypeOf2(o4,p4)}function _inheritsLoose2(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf2(subClass,superClass)}function _getPrototypeOf2(o4){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o5){return o5.__proto__||Object.getPrototypeOf(o5)},_getPrototypeOf2(o4)}function _isNativeFunction2(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args3,Class2){var a4=[null];a4.push.apply(a4,args3);var Constructor=Function.bind.apply(Parent2,a4),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper4)}function Wrapper4(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper4,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
246
246
|
|
|
247
247
|
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
|
|
248
248
|
|
|
@@ -390,7 +390,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
|
|
|
390
390
|
`,77:`remToPx expects a value in "rem" but you provided it in "%s".
|
|
391
391
|
|
|
392
392
|
`,78:`base must be set in "px" or "%" but you set it in "%s".
|
|
393
|
-
`};function format2(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];var a4=args2[0],b5=[],c5;for(c5=1;c5<args2.length;c5+=1)b5.push(args2[c5]);return b5.forEach(function(d4){a4=a4.replace(/%[a-z]/,d4)}),a4}var PolishedError2=function(_Error){_inheritsLoose2(PolishedError3,_Error);function PolishedError3(code){for(var _this,_len2=arguments.length,args2=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args2[_key2-1]=arguments[_key2];return _this=_Error.call(this,format2.apply(void 0,[ERRORS2[code]].concat(args2)))||this,_assertThisInitialized2(_this)}return PolishedError3}(_wrapNativeSuper2(Error));function colorToInt2(color2){return Math.round(color2*255)}function convertToInt2(red,green,blue){return colorToInt2(red)+","+colorToInt2(green)+","+colorToInt2(blue)}function hslToRgb2(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt2),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap2={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex2(color2){if(typeof color2!="string")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap2[normalizedColorName]?"#"+namedColorMap2[normalizedColorName]:color2}var hexRegex2=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex2=/^#[a-fA-F0-9]{8}$/,reducedHexRegex2=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex2=/^#[a-fA-F0-9]{4}$/,rgbRegex2=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex2=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex2=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex2=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb2(color2){if(typeof color2!="string")throw new PolishedError2(3);var normalizedColor=nameToHex2(color2);if(normalizedColor.match(hexRegex2))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex2)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex2))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex2)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex2.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex2.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex2.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb2(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex2.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError2(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex2.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb2(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex2.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError2(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError2(5)}var reduceHexValue2=function(value2){return value2.length===7&&value2[1]===value2[2]&&value2[3]===value2[4]&&value2[5]===value2[6]?"#"+value2[1]+value2[3]+value2[5]:value2},reduceHexValue$12=reduceHexValue2;function numberToHex2(value2){var hex=value2.toString(16);return hex.length===1?"0"+hex:hex}function rgb2(value2,green,blue){if(typeof value2=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$12("#"+numberToHex2(value2)+numberToHex2(green)+numberToHex2(blue));if(typeof value2=="object"&&green===void 0&&blue===void 0)return reduceHexValue$12("#"+numberToHex2(value2.red)+numberToHex2(value2.green)+numberToHex2(value2.blue));throw new PolishedError2(6)}function rgba2(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb2(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else{if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb2(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb2(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError2(7)}function curried2(f5,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f5.apply(this,combined):curried2(f5,length,combined)}}function curry2(f5){return curried2(f5,f5.length,[])}function guard2(lowerBoundary,upperBoundary,value2){return Math.max(lowerBoundary,Math.min(upperBoundary,value2))}function transparentize2(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb2(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends3({},parsedColor,{alpha:guard2(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba2(colorWithAlpha)}var curriedTransparentize2=curry2(transparentize2),curriedTransparentize$12=curriedTransparentize2;var experimental_exports={};__export(experimental_exports,{Button:()=>Button4,Icon:()=>dist_exports6,Input:()=>Input2,Link:()=>Link5,Select:()=>Select2});var React82=__toESM(require_react(),1),import_react33=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1),import_react_dom5=__toESM(require_react_dom(),1);function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value2,[min,max]){return Math.min(max,Math.max(min,value2))}function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler,ourEventHandler,{checkForDefaultPrevented=!0}={}){return function(event){if(originalEventHandler?.(event),checkForDefaultPrevented===!1||!event.defaultPrevented)return ourEventHandler?.(event)}}var import_react14=__toESM(require_react(),1);var import_react11=__toESM(require_react(),1);function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName,createContextScopeDeps=[]){let defaultContexts=[];function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName,defaultContext){let BaseContext=(0,import_react11.createContext)(defaultContext),index3=defaultContexts.length;defaultContexts=[...defaultContexts,defaultContext];function Provider2(props){let{scope:scope3,children,...context}=props,Context2=scope3?.[scopeName][index3]||BaseContext,value2=(0,import_react11.useMemo)(()=>context,Object.values(context));return(0,import_react11.createElement)(Context2.Provider,{value:value2},children)}function useContext3(consumerName,scope3){let Context2=scope3?.[scopeName][index3]||BaseContext,context=(0,import_react11.useContext)(Context2);if(context)return context;if(defaultContext!==void 0)return defaultContext;throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``)}return Provider2.displayName=rootComponentName+"Provider",[Provider2,useContext3]}let createScope=()=>{let scopeContexts=defaultContexts.map(defaultContext=>(0,import_react11.createContext)(defaultContext));return function(scope3){let contexts=scope3?.[scopeName]||scopeContexts;return(0,import_react11.useMemo)(()=>({[`__scope${scopeName}`]:{...scope3,[scopeName]:contexts}}),[scope3,contexts])}};return createScope.scopeName=scopeName,[$c512c27ab02ef895$export$fd42f52fd3ae1109,$c512c27ab02ef895$var$composeContextScopes(createScope,...createContextScopeDeps)]}function $c512c27ab02ef895$var$composeContextScopes(...scopes){let baseScope=scopes[0];if(scopes.length===1)return baseScope;let createScope1=()=>{let scopeHooks=scopes.map(createScope=>({useScope:createScope(),scopeName:createScope.scopeName}));return function(overrideScopes){let nextScopes1=scopeHooks.reduce((nextScopes,{useScope,scopeName})=>{let currentScope=useScope(overrideScopes)[`__scope${scopeName}`];return{...nextScopes,...currentScope}},{});return(0,import_react11.useMemo)(()=>({[`__scope${baseScope.scopeName}`]:nextScopes1}),[nextScopes1])}};return createScope1.scopeName=baseScope.scopeName,createScope1}var import_react12=__toESM(require_react(),1);function $6ed0406888f73fc4$var$setRef(ref,value2){typeof ref=="function"?ref(value2):ref!=null&&(ref.current=value2)}function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs2){return node=>refs2.forEach(ref=>$6ed0406888f73fc4$var$setRef(ref,node))}function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs2){return(0,import_react12.useCallback)($6ed0406888f73fc4$export$43e446d32b3d21af(...refs2),refs2)}var import_react13=__toESM(require_react(),1);var $5e63c961fc1ce211$export$8c6ed5c666ac1360=(0,import_react13.forwardRef)((props,forwardedRef)=>{let{children,...slotProps}=props,childrenArray=import_react13.Children.toArray(children),slottable=childrenArray.find($5e63c961fc1ce211$var$isSlottable);if(slottable){let newElement=slottable.props.children,newChildren=childrenArray.map(child=>child===slottable?import_react13.Children.count(newElement)>1?import_react13.Children.only(null):(0,import_react13.isValidElement)(newElement)?newElement.props.children:null:child);return(0,import_react13.createElement)($5e63c961fc1ce211$var$SlotClone,_extends3({},slotProps,{ref:forwardedRef}),(0,import_react13.isValidElement)(newElement)?(0,import_react13.cloneElement)(newElement,void 0,newChildren):null)}return(0,import_react13.createElement)($5e63c961fc1ce211$var$SlotClone,_extends3({},slotProps,{ref:forwardedRef}),children)});$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName="Slot";var $5e63c961fc1ce211$var$SlotClone=(0,import_react13.forwardRef)((props,forwardedRef)=>{let{children,...slotProps}=props;return(0,import_react13.isValidElement)(children)?(0,import_react13.cloneElement)(children,{...$5e63c961fc1ce211$var$mergeProps(slotProps,children.props),ref:forwardedRef?$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef,children.ref):children.ref}):import_react13.Children.count(children)>1?import_react13.Children.only(null):null});$5e63c961fc1ce211$var$SlotClone.displayName="SlotClone";var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45=({children})=>(0,import_react13.createElement)(import_react13.Fragment,null,children);function $5e63c961fc1ce211$var$isSlottable(child){return(0,import_react13.isValidElement)(child)&&child.type===$5e63c961fc1ce211$export$d9f1ccf0bdb05d45}function $5e63c961fc1ce211$var$mergeProps(slotProps,childProps){let overrideProps={...childProps};for(let propName in childProps){let slotPropValue=slotProps[propName],childPropValue=childProps[propName];/^on[A-Z]/.test(propName)?slotPropValue&&childPropValue?overrideProps[propName]=(...args2)=>{childPropValue(...args2),slotPropValue(...args2)}:slotPropValue&&(overrideProps[propName]=slotPropValue):propName==="style"?overrideProps[propName]={...slotPropValue,...childPropValue}:propName==="className"&&(overrideProps[propName]=[slotPropValue,childPropValue].filter(Boolean).join(" "))}return{...slotProps,...overrideProps}}function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name2){let PROVIDER_NAME=name2+"CollectionProvider",[createCollectionContext,createCollectionScope]=$c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME),[CollectionProviderImpl,useCollectionContext]=createCollectionContext(PROVIDER_NAME,{collectionRef:{current:null},itemMap:new Map}),CollectionProvider=props=>{let{scope:scope3,children}=props,ref=import_react14.default.useRef(null),itemMap=import_react14.default.useRef(new Map).current;return import_react14.default.createElement(CollectionProviderImpl,{scope:scope3,itemMap,collectionRef:ref},children)},COLLECTION_SLOT_NAME=name2+"CollectionSlot",CollectionSlot=import_react14.default.forwardRef((props,forwardedRef)=>{let{scope:scope3,children}=props,context=useCollectionContext(COLLECTION_SLOT_NAME,scope3),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.collectionRef);return import_react14.default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360,{ref:composedRefs},children)}),ITEM_SLOT_NAME=name2+"CollectionItemSlot",ITEM_DATA_ATTR="data-radix-collection-item",CollectionItemSlot=import_react14.default.forwardRef((props,forwardedRef)=>{let{scope:scope3,children,...itemData}=props,ref=import_react14.default.useRef(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref),context=useCollectionContext(ITEM_SLOT_NAME,scope3);return import_react14.default.useEffect(()=>(context.itemMap.set(ref,{ref,...itemData}),()=>void context.itemMap.delete(ref))),import_react14.default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360,{[ITEM_DATA_ATTR]:"",ref:composedRefs},children)});function useCollection(scope3){let context=useCollectionContext(name2+"CollectionConsumer",scope3);return import_react14.default.useCallback(()=>{let collectionNode=context.collectionRef.current;if(!collectionNode)return[];let orderedNodes=Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));return Array.from(context.itemMap.values()).sort((a4,b5)=>orderedNodes.indexOf(a4.ref.current)-orderedNodes.indexOf(b5.ref.current))},[context.collectionRef,context.itemMap])}return[{Provider:CollectionProvider,Slot:CollectionSlot,ItemSlot:CollectionItemSlot},useCollection,createCollectionScope]}var import_react15=__toESM(require_react(),1),$f631663db3294ace$var$DirectionContext=(0,import_react15.createContext)(void 0);function $f631663db3294ace$export$b39126d51d94e6f3(localDir){let globalDir=(0,import_react15.useContext)($f631663db3294ace$var$DirectionContext);return localDir||globalDir||"ltr"}var import_react19=__toESM(require_react(),1);var import_react16=__toESM(require_react(),1),import_react_dom2=__toESM(require_react_dom(),1);var $8927f6f2acc4f386$var$NODES=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],$8927f6f2acc4f386$export$250ffa63cdc0d034=$8927f6f2acc4f386$var$NODES.reduce((primitive,node)=>{let Node3=(0,import_react16.forwardRef)((props,forwardedRef)=>{let{asChild,...primitiveProps}=props,Comp2=asChild?$5e63c961fc1ce211$export$8c6ed5c666ac1360:node;return(0,import_react16.useEffect)(()=>{window[Symbol.for("radix-ui")]=!0},[]),(0,import_react16.createElement)(Comp2,_extends3({},primitiveProps,{ref:forwardedRef}))});return Node3.displayName=`Primitive.${node}`,{...primitive,[node]:Node3}},{});function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target,event){target&&(0,import_react_dom2.flushSync)(()=>target.dispatchEvent(event))}var import_react17=__toESM(require_react(),1);function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback){let callbackRef=(0,import_react17.useRef)(callback);return(0,import_react17.useEffect)(()=>{callbackRef.current=callback}),(0,import_react17.useMemo)(()=>(...args2)=>{var _callbackRef$current;return(_callbackRef$current=callbackRef.current)===null||_callbackRef$current===void 0?void 0:_callbackRef$current.call(callbackRef,...args2)},[])}var import_react18=__toESM(require_react(),1);function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp,ownerDocument=globalThis?.document){let onEscapeKeyDown=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);(0,import_react18.useEffect)(()=>{let handleKeyDown=event=>{event.key==="Escape"&&onEscapeKeyDown(event)};return ownerDocument.addEventListener("keydown",handleKeyDown),()=>ownerDocument.removeEventListener("keydown",handleKeyDown)},[onEscapeKeyDown,ownerDocument])}var $5cb92bef7577960e$var$CONTEXT_UPDATE="dismissableLayer.update",$5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE="dismissableLayer.pointerDownOutside",$5cb92bef7577960e$var$FOCUS_OUTSIDE="dismissableLayer.focusOutside",$5cb92bef7577960e$var$originalBodyPointerEvents,$5cb92bef7577960e$var$DismissableLayerContext=(0,import_react19.createContext)({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),$5cb92bef7577960e$export$177fb62ff3ec1f22=(0,import_react19.forwardRef)((props,forwardedRef)=>{var _node$ownerDocument;let{disableOutsidePointerEvents=!1,onEscapeKeyDown,onPointerDownOutside,onFocusOutside,onInteractOutside,onDismiss,...layerProps}=props,context=(0,import_react19.useContext)($5cb92bef7577960e$var$DismissableLayerContext),[node1,setNode]=(0,import_react19.useState)(null),ownerDocument=(_node$ownerDocument=node1?.ownerDocument)!==null&&_node$ownerDocument!==void 0?_node$ownerDocument:globalThis?.document,[,force]=(0,import_react19.useState)({}),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setNode(node)),layers=Array.from(context.layers),[highestLayerWithOutsidePointerEventsDisabled]=[...context.layersWithOutsidePointerEventsDisabled].slice(-1),highestLayerWithOutsidePointerEventsDisabledIndex=layers.indexOf(highestLayerWithOutsidePointerEventsDisabled),index3=node1?layers.indexOf(node1):-1,isBodyPointerEventsDisabled=context.layersWithOutsidePointerEventsDisabled.size>0,isPointerEventsEnabled=index3>=highestLayerWithOutsidePointerEventsDisabledIndex,pointerDownOutside=$5cb92bef7577960e$var$usePointerDownOutside(event=>{let target=event.target,isPointerDownOnBranch=[...context.branches].some(branch=>branch.contains(target));!isPointerEventsEnabled||isPointerDownOnBranch||(onPointerDownOutside?.(event),onInteractOutside?.(event),event.defaultPrevented||onDismiss?.())},ownerDocument),focusOutside=$5cb92bef7577960e$var$useFocusOutside(event=>{let target=event.target;[...context.branches].some(branch=>branch.contains(target))||(onFocusOutside?.(event),onInteractOutside?.(event),event.defaultPrevented||onDismiss?.())},ownerDocument);return $addc16e1bbe58fd0$export$3a72a57244d6e765(event=>{index3===context.layers.size-1&&(onEscapeKeyDown?.(event),!event.defaultPrevented&&onDismiss&&(event.preventDefault(),onDismiss()))},ownerDocument),(0,import_react19.useEffect)(()=>{if(node1)return disableOutsidePointerEvents&&(context.layersWithOutsidePointerEventsDisabled.size===0&&($5cb92bef7577960e$var$originalBodyPointerEvents=ownerDocument.body.style.pointerEvents,ownerDocument.body.style.pointerEvents="none"),context.layersWithOutsidePointerEventsDisabled.add(node1)),context.layers.add(node1),$5cb92bef7577960e$var$dispatchUpdate(),()=>{disableOutsidePointerEvents&&context.layersWithOutsidePointerEventsDisabled.size===1&&(ownerDocument.body.style.pointerEvents=$5cb92bef7577960e$var$originalBodyPointerEvents)}},[node1,ownerDocument,disableOutsidePointerEvents,context]),(0,import_react19.useEffect)(()=>()=>{node1&&(context.layers.delete(node1),context.layersWithOutsidePointerEventsDisabled.delete(node1),$5cb92bef7577960e$var$dispatchUpdate())},[node1,context]),(0,import_react19.useEffect)(()=>{let handleUpdate=()=>force({});return document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE,handleUpdate),()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE,handleUpdate)},[]),(0,import_react19.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},layerProps,{ref:composedRefs,style:{pointerEvents:isBodyPointerEventsDisabled?isPointerEventsEnabled?"auto":"none":void 0,...props.style},onFocusCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture,focusOutside.onFocusCapture),onBlurCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture,focusOutside.onBlurCapture),onPointerDownCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture,pointerDownOutside.onPointerDownCapture)}))});function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside,ownerDocument=globalThis?.document){let handlePointerDownOutside=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside),isPointerInsideReactTreeRef=(0,import_react19.useRef)(!1),handleClickRef=(0,import_react19.useRef)(()=>{});return(0,import_react19.useEffect)(()=>{let handlePointerDown=event=>{if(event.target&&!isPointerInsideReactTreeRef.current){let handleAndDispatchPointerDownOutsideEvent=function(){$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE,handlePointerDownOutside,eventDetail,{discrete:!0})},eventDetail={originalEvent:event};event.pointerType==="touch"?(ownerDocument.removeEventListener("click",handleClickRef.current),handleClickRef.current=handleAndDispatchPointerDownOutsideEvent,ownerDocument.addEventListener("click",handleClickRef.current,{once:!0})):handleAndDispatchPointerDownOutsideEvent()}isPointerInsideReactTreeRef.current=!1},timerId=window.setTimeout(()=>{ownerDocument.addEventListener("pointerdown",handlePointerDown)},0);return()=>{window.clearTimeout(timerId),ownerDocument.removeEventListener("pointerdown",handlePointerDown),ownerDocument.removeEventListener("click",handleClickRef.current)}},[ownerDocument,handlePointerDownOutside]),{onPointerDownCapture:()=>isPointerInsideReactTreeRef.current=!0}}function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside,ownerDocument=globalThis?.document){let handleFocusOutside=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside),isFocusInsideReactTreeRef=(0,import_react19.useRef)(!1);return(0,import_react19.useEffect)(()=>{let handleFocus=event=>{event.target&&!isFocusInsideReactTreeRef.current&&$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$FOCUS_OUTSIDE,handleFocusOutside,{originalEvent:event},{discrete:!1})};return ownerDocument.addEventListener("focusin",handleFocus),()=>ownerDocument.removeEventListener("focusin",handleFocus)},[ownerDocument,handleFocusOutside]),{onFocusCapture:()=>isFocusInsideReactTreeRef.current=!0,onBlurCapture:()=>isFocusInsideReactTreeRef.current=!1}}function $5cb92bef7577960e$var$dispatchUpdate(){let event=new CustomEvent($5cb92bef7577960e$var$CONTEXT_UPDATE);document.dispatchEvent(event)}function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name2,handler,detail,{discrete}){let target=detail.originalEvent.target,event=new CustomEvent(name2,{bubbles:!1,cancelable:!0,detail});handler&&target.addEventListener(name2,handler,{once:!0}),discrete?$8927f6f2acc4f386$export$6d1a0317bde7de7f(target,event):target.dispatchEvent(event)}var import_react20=__toESM(require_react(),1),$3db38b7d1fb3fe6a$var$count=0;function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c(){(0,import_react20.useEffect)(()=>{var _edgeGuards$,_edgeGuards$2;let edgeGuards=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(_edgeGuards$=edgeGuards[0])!==null&&_edgeGuards$!==void 0?_edgeGuards$:$3db38b7d1fb3fe6a$var$createFocusGuard()),document.body.insertAdjacentElement("beforeend",(_edgeGuards$2=edgeGuards[1])!==null&&_edgeGuards$2!==void 0?_edgeGuards$2:$3db38b7d1fb3fe6a$var$createFocusGuard()),$3db38b7d1fb3fe6a$var$count++,()=>{$3db38b7d1fb3fe6a$var$count===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(node=>node.remove()),$3db38b7d1fb3fe6a$var$count--}},[])}function $3db38b7d1fb3fe6a$var$createFocusGuard(){let element=document.createElement("span");return element.setAttribute("data-radix-focus-guard",""),element.tabIndex=0,element.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",element}var import_react21=__toESM(require_react(),1);var $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT="focusScope.autoFocusOnMount",$d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT="focusScope.autoFocusOnUnmount",$d3863c46a17e8a28$var$EVENT_OPTIONS={bubbles:!1,cancelable:!0};var $d3863c46a17e8a28$export$20e40289641fbbb6=(0,import_react21.forwardRef)((props,forwardedRef)=>{let{loop=!1,trapped=!1,onMountAutoFocus:onMountAutoFocusProp,onUnmountAutoFocus:onUnmountAutoFocusProp,...scopeProps}=props,[container1,setContainer]=(0,import_react21.useState)(null),onMountAutoFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp),onUnmountAutoFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp),lastFocusedElementRef=(0,import_react21.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContainer(node)),focusScope=(0,import_react21.useRef)({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;(0,import_react21.useEffect)(()=>{if(trapped){let handleFocusIn=function(event){if(focusScope.paused||!container1)return;let target=event.target;container1.contains(target)?lastFocusedElementRef.current=target:$d3863c46a17e8a28$var$focus(lastFocusedElementRef.current,{select:!0})},handleFocusOut=function(event){if(focusScope.paused||!container1)return;let relatedTarget=event.relatedTarget;relatedTarget!==null&&(container1.contains(relatedTarget)||$d3863c46a17e8a28$var$focus(lastFocusedElementRef.current,{select:!0}))},handleMutations=function(mutations){let focusedElement=document.activeElement;for(let mutation of mutations)mutation.removedNodes.length>0&&(container1!=null&&container1.contains(focusedElement)||$d3863c46a17e8a28$var$focus(container1))};document.addEventListener("focusin",handleFocusIn),document.addEventListener("focusout",handleFocusOut);let mutationObserver=new MutationObserver(handleMutations);return container1&&mutationObserver.observe(container1,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",handleFocusIn),document.removeEventListener("focusout",handleFocusOut),mutationObserver.disconnect()}}},[trapped,container1,focusScope.paused]),(0,import_react21.useEffect)(()=>{if(container1){$d3863c46a17e8a28$var$focusScopesStack.add(focusScope);let previouslyFocusedElement=document.activeElement;if(!container1.contains(previouslyFocusedElement)){let mountEvent=new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,$d3863c46a17e8a28$var$EVENT_OPTIONS);container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,onMountAutoFocus),container1.dispatchEvent(mountEvent),mountEvent.defaultPrevented||($d3863c46a17e8a28$var$focusFirst($d3863c46a17e8a28$var$removeLinks($d3863c46a17e8a28$var$getTabbableCandidates(container1)),{select:!0}),document.activeElement===previouslyFocusedElement&&$d3863c46a17e8a28$var$focus(container1))}return()=>{container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,onMountAutoFocus),setTimeout(()=>{let unmountEvent=new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,$d3863c46a17e8a28$var$EVENT_OPTIONS);container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,onUnmountAutoFocus),container1.dispatchEvent(unmountEvent),unmountEvent.defaultPrevented||$d3863c46a17e8a28$var$focus(previouslyFocusedElement??document.body,{select:!0}),container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,onUnmountAutoFocus),$d3863c46a17e8a28$var$focusScopesStack.remove(focusScope)},0)}}},[container1,onMountAutoFocus,onUnmountAutoFocus,focusScope]);let handleKeyDown=(0,import_react21.useCallback)(event=>{if(!loop&&!trapped||focusScope.paused)return;let isTabKey=event.key==="Tab"&&!event.altKey&&!event.ctrlKey&&!event.metaKey,focusedElement=document.activeElement;if(isTabKey&&focusedElement){let container=event.currentTarget,[first,last]=$d3863c46a17e8a28$var$getTabbableEdges(container);first&&last?!event.shiftKey&&focusedElement===last?(event.preventDefault(),loop&&$d3863c46a17e8a28$var$focus(first,{select:!0})):event.shiftKey&&focusedElement===first&&(event.preventDefault(),loop&&$d3863c46a17e8a28$var$focus(last,{select:!0})):focusedElement===container&&event.preventDefault()}},[loop,trapped,focusScope.paused]);return(0,import_react21.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({tabIndex:-1},scopeProps,{ref:composedRefs,onKeyDown:handleKeyDown}))});function $d3863c46a17e8a28$var$focusFirst(candidates,{select=!1}={}){let previouslyFocusedElement=document.activeElement;for(let candidate of candidates)if($d3863c46a17e8a28$var$focus(candidate,{select}),document.activeElement!==previouslyFocusedElement)return}function $d3863c46a17e8a28$var$getTabbableEdges(container){let candidates=$d3863c46a17e8a28$var$getTabbableCandidates(container),first=$d3863c46a17e8a28$var$findVisible(candidates,container),last=$d3863c46a17e8a28$var$findVisible(candidates.reverse(),container);return[first,last]}function $d3863c46a17e8a28$var$getTabbableCandidates(container){let nodes=[],walker=document.createTreeWalker(container,NodeFilter.SHOW_ELEMENT,{acceptNode:node=>{let isHiddenInput=node.tagName==="INPUT"&&node.type==="hidden";return node.disabled||node.hidden||isHiddenInput?NodeFilter.FILTER_SKIP:node.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;walker.nextNode();)nodes.push(walker.currentNode);return nodes}function $d3863c46a17e8a28$var$findVisible(elements,container){for(let element of elements)if(!$d3863c46a17e8a28$var$isHidden(element,{upTo:container}))return element}function $d3863c46a17e8a28$var$isHidden(node,{upTo}){if(getComputedStyle(node).visibility==="hidden")return!0;for(;node;){if(upTo!==void 0&&node===upTo)return!1;if(getComputedStyle(node).display==="none")return!0;node=node.parentElement}return!1}function $d3863c46a17e8a28$var$isSelectableInput(element){return element instanceof HTMLInputElement&&"select"in element}function $d3863c46a17e8a28$var$focus(element,{select=!1}={}){if(element&&element.focus){let previouslyFocusedElement=document.activeElement;element.focus({preventScroll:!0}),element!==previouslyFocusedElement&&$d3863c46a17e8a28$var$isSelectableInput(element)&&select&&element.select()}}var $d3863c46a17e8a28$var$focusScopesStack=$d3863c46a17e8a28$var$createFocusScopesStack();function $d3863c46a17e8a28$var$createFocusScopesStack(){let stack=[];return{add(focusScope){let activeFocusScope=stack[0];focusScope!==activeFocusScope&&activeFocusScope?.pause(),stack=$d3863c46a17e8a28$var$arrayRemove(stack,focusScope),stack.unshift(focusScope)},remove(focusScope){var _stack$;stack=$d3863c46a17e8a28$var$arrayRemove(stack,focusScope),(_stack$=stack[0])===null||_stack$===void 0||_stack$.resume()}}}function $d3863c46a17e8a28$var$arrayRemove(array,item){let updatedArray=[...array],index3=updatedArray.indexOf(item);return index3!==-1&&updatedArray.splice(index3,1),updatedArray}function $d3863c46a17e8a28$var$removeLinks(items){return items.filter(item=>item.tagName!=="A")}var $2AODx$react=__toESM(require_react(),1);var import_react22=__toESM(require_react(),1),$9f79659886946c16$export$e5c5a5f917a5871c=globalThis?.document?import_react22.useLayoutEffect:()=>{};var $1746a345f3d73bb7$var$useReactId=$2AODx$react["useId".toString()]||(()=>{}),$1746a345f3d73bb7$var$count=0;function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId){let[id,setId]=$2AODx$react.useState($1746a345f3d73bb7$var$useReactId());return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{deterministicId||setId(reactId=>reactId??String($1746a345f3d73bb7$var$count++))},[deterministicId]),deterministicId||(id?`radix-${id}`:"")}var import_react25=__toESM(require_react(),1);function t2(t4){return t4.split("-")[1]}function e2(t4){return t4==="y"?"height":"width"}function n2(t4){return t4.split("-")[0]}function o2(t4){return["top","bottom"].includes(n2(t4))?"x":"y"}function i2(i5,r6,a4){let{reference:l4,floating:s4}=i5,c5=l4.x+l4.width/2-s4.width/2,f5=l4.y+l4.height/2-s4.height/2,m5=o2(r6),u4=e2(m5),g4=l4[u4]/2-s4[u4]/2,d4=m5==="x",p4;switch(n2(r6)){case"top":p4={x:c5,y:l4.y-s4.height};break;case"bottom":p4={x:c5,y:l4.y+l4.height};break;case"right":p4={x:l4.x+l4.width,y:f5};break;case"left":p4={x:l4.x-s4.width,y:f5};break;default:p4={x:l4.x,y:l4.y}}switch(t2(r6)){case"start":p4[m5]-=g4*(a4&&d4?-1:1);break;case"end":p4[m5]+=g4*(a4&&d4?-1:1)}return p4}var r3=async(t4,e4,n5)=>{let{placement:o4="bottom",strategy:r6="absolute",middleware:a4=[],platform:l4}=n5,s4=a4.filter(Boolean),c5=await(l4.isRTL==null?void 0:l4.isRTL(e4)),f5=await l4.getElementRects({reference:t4,floating:e4,strategy:r6}),{x:m5,y:u4}=i2(f5,o4,c5),g4=o4,d4={},p4=0;for(let n6=0;n6<s4.length;n6++){let{name:a5,fn:h5}=s4[n6],{x:y4,y:x5,data:w5,reset:v4}=await h5({x:m5,y:u4,initialPlacement:o4,placement:g4,strategy:r6,middlewareData:d4,rects:f5,platform:l4,elements:{reference:t4,floating:e4}});m5=y4??m5,u4=x5??u4,d4={...d4,[a5]:{...d4[a5],...w5}},v4&&p4<=50&&(p4++,typeof v4=="object"&&(v4.placement&&(g4=v4.placement),v4.rects&&(f5=v4.rects===!0?await l4.getElementRects({reference:t4,floating:e4,strategy:r6}):v4.rects),{x:m5,y:u4}=i2(f5,g4,c5)),n6=-1)}return{x:m5,y:u4,placement:g4,strategy:r6,middlewareData:d4}};function a2(t4,e4){return typeof t4=="function"?t4(e4):t4}function l2(t4){return typeof t4!="number"?function(t5){return{top:0,right:0,bottom:0,left:0,...t5}}(t4):{top:t4,right:t4,bottom:t4,left:t4}}function s2(t4){return{...t4,top:t4.y,left:t4.x,right:t4.x+t4.width,bottom:t4.y+t4.height}}async function c3(t4,e4){var n5;e4===void 0&&(e4={});let{x:o4,y:i5,platform:r6,rects:c5,elements:f5,strategy:m5}=t4,{boundary:u4="clippingAncestors",rootBoundary:g4="viewport",elementContext:d4="floating",altBoundary:p4=!1,padding:h5=0}=a2(e4,t4),y4=l2(h5),x5=f5[p4?d4==="floating"?"reference":"floating":d4],w5=s2(await r6.getClippingRect({element:(n5=await(r6.isElement==null?void 0:r6.isElement(x5)))==null||n5?x5:x5.contextElement||await(r6.getDocumentElement==null?void 0:r6.getDocumentElement(f5.floating)),boundary:u4,rootBoundary:g4,strategy:m5})),v4=d4==="floating"?{...c5.floating,x:o4,y:i5}:c5.reference,b5=await(r6.getOffsetParent==null?void 0:r6.getOffsetParent(f5.floating)),A5=await(r6.isElement==null?void 0:r6.isElement(b5))&&await(r6.getScale==null?void 0:r6.getScale(b5))||{x:1,y:1},R5=s2(r6.convertOffsetParentRelativeRectToViewportRelativeRect?await r6.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v4,offsetParent:b5,strategy:m5}):v4);return{top:(w5.top-R5.top+y4.top)/A5.y,bottom:(R5.bottom-w5.bottom+y4.bottom)/A5.y,left:(w5.left-R5.left+y4.left)/A5.x,right:(R5.right-w5.right+y4.right)/A5.x}}var f3=Math.min,m3=Math.max;function u2(t4,e4,n5){return m3(t4,f3(e4,n5))}var g2=n5=>({name:"arrow",options:n5,async fn(i5){let{x:r6,y:s4,placement:c5,rects:m5,platform:g4,elements:d4}=i5,{element:p4,padding:h5=0}=a2(n5,i5)||{};if(p4==null)return{};let y4=l2(h5),x5={x:r6,y:s4},w5=o2(c5),v4=e2(w5),b5=await g4.getDimensions(p4),A5=w5==="y",R5=A5?"top":"left",P6=A5?"bottom":"right",E5=A5?"clientHeight":"clientWidth",T3=m5.reference[v4]+m5.reference[w5]-x5[w5]-m5.floating[v4],D4=x5[w5]-m5.reference[w5],L5=await(g4.getOffsetParent==null?void 0:g4.getOffsetParent(p4)),k3=L5?L5[E5]:0;k3&&await(g4.isElement==null?void 0:g4.isElement(L5))||(k3=d4.floating[E5]||m5.floating[v4]);let O4=T3/2-D4/2,B5=k3/2-b5[v4]/2-1,C5=f3(y4[R5],B5),H8=f3(y4[P6],B5),S3=C5,F3=k3-b5[v4]-H8,M3=k3/2-b5[v4]/2+O4,V2=u2(S3,M3,F3),W3=t2(c5)!=null&&M3!=V2&&m5.reference[v4]/2-(M3<S3?C5:H8)-b5[v4]/2<0?M3<S3?S3-M3:F3-M3:0;return{[w5]:x5[w5]-W3,data:{[w5]:V2,centerOffset:M3-V2+W3}}}}),d2=["top","right","bottom","left"],p2=d2.reduce((t4,e4)=>t4.concat(e4,e4+"-start",e4+"-end"),[]),h3={left:"right",right:"left",bottom:"top",top:"bottom"};function y2(t4){return t4.replace(/left|right|bottom|top/g,t5=>h3[t5])}function x3(n5,i5,r6){r6===void 0&&(r6=!1);let a4=t2(n5),l4=o2(n5),s4=e2(l4),c5=l4==="x"?a4===(r6?"end":"start")?"right":"left":a4==="start"?"bottom":"top";return i5.reference[s4]>i5.floating[s4]&&(c5=y2(c5)),{main:c5,cross:y2(c5)}}var w3={start:"end",end:"start"};function v2(t4){return t4.replace(/start|end/g,t5=>w3[t5])}var A3=function(e4){return e4===void 0&&(e4={}),{name:"flip",options:e4,async fn(o4){var i5;let{placement:r6,middlewareData:l4,rects:s4,initialPlacement:f5,platform:m5,elements:u4}=o4,{mainAxis:g4=!0,crossAxis:d4=!0,fallbackPlacements:p4,fallbackStrategy:h5="bestFit",fallbackAxisSideDirection:w5="none",flipAlignment:b5=!0,...A5}=a2(e4,o4),R5=n2(r6),P6=n2(f5)===f5,E5=await(m5.isRTL==null?void 0:m5.isRTL(u4.floating)),T3=p4||(P6||!b5?[y2(f5)]:function(t4){let e5=y2(t4);return[v2(t4),e5,v2(e5)]}(f5));p4||w5==="none"||T3.push(...function(e5,o5,i6,r7){let a4=t2(e5),l5=function(t4,e6,n5){let o6=["left","right"],i7=["right","left"],r8=["top","bottom"],a5=["bottom","top"];switch(t4){case"top":case"bottom":return n5?e6?i7:o6:e6?o6:i7;case"left":case"right":return e6?r8:a5;default:return[]}}(n2(e5),i6==="start",r7);return a4&&(l5=l5.map(t4=>t4+"-"+a4),o5&&(l5=l5.concat(l5.map(v2)))),l5}(f5,b5,w5,E5));let D4=[f5,...T3],L5=await c3(o4,A5),k3=[],O4=((i5=l4.flip)==null?void 0:i5.overflows)||[];if(g4&&k3.push(L5[R5]),d4){let{main:t4,cross:e5}=x3(r6,s4,E5);k3.push(L5[t4],L5[e5])}if(O4=[...O4,{placement:r6,overflows:k3}],!k3.every(t4=>t4<=0)){var B5,C5;let t4=(((B5=l4.flip)==null?void 0:B5.index)||0)+1,e5=D4[t4];if(e5)return{data:{index:t4,overflows:O4},reset:{placement:e5}};let n5=(C5=O4.filter(t5=>t5.overflows[0]<=0).sort((t5,e6)=>t5.overflows[1]-e6.overflows[1])[0])==null?void 0:C5.placement;if(!n5)switch(h5){case"bestFit":{var H8;let t5=(H8=O4.map(t6=>[t6.placement,t6.overflows.filter(t7=>t7>0).reduce((t7,e6)=>t7+e6,0)]).sort((t6,e6)=>t6[1]-e6[1])[0])==null?void 0:H8[0];t5&&(n5=t5);break}case"initialPlacement":n5=f5}if(r6!==n5)return{reset:{placement:n5}}}return{}}}};function R3(t4,e4){return{top:t4.top-e4.height,right:t4.right-e4.width,bottom:t4.bottom-e4.height,left:t4.left-e4.width}}function P4(t4){return d2.some(e4=>t4[e4]>=0)}var E3=function(t4){return t4===void 0&&(t4={}),{name:"hide",options:t4,async fn(e4){let{rects:n5}=e4,{strategy:o4="referenceHidden",...i5}=a2(t4,e4);switch(o4){case"referenceHidden":{let t5=R3(await c3(e4,{...i5,elementContext:"reference"}),n5.reference);return{data:{referenceHiddenOffsets:t5,referenceHidden:P4(t5)}}}case"escaped":{let t5=R3(await c3(e4,{...i5,altBoundary:!0}),n5.floating);return{data:{escapedOffsets:t5,escaped:P4(t5)}}}default:return{}}}}};var L3=function(e4){return e4===void 0&&(e4=0),{name:"offset",options:e4,async fn(i5){let{x:r6,y:l4}=i5,s4=await async function(e5,i6){let{placement:r7,platform:l5,elements:s5}=e5,c5=await(l5.isRTL==null?void 0:l5.isRTL(s5.floating)),f5=n2(r7),m5=t2(r7),u4=o2(r7)==="x",g4=["left","top"].includes(f5)?-1:1,d4=c5&&u4?-1:1,p4=a2(i6,e5),{mainAxis:h5,crossAxis:y4,alignmentAxis:x5}=typeof p4=="number"?{mainAxis:p4,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p4};return m5&&typeof x5=="number"&&(y4=m5==="end"?-1*x5:x5),u4?{x:y4*d4,y:h5*g4}:{x:h5*g4,y:y4*d4}}(i5,e4);return{x:r6+s4.x,y:l4+s4.y,data:s4}}}};function k2(t4){return t4==="x"?"y":"x"}var O2=function(t4){return t4===void 0&&(t4={}),{name:"shift",options:t4,async fn(e4){let{x:i5,y:r6,placement:l4}=e4,{mainAxis:s4=!0,crossAxis:f5=!1,limiter:m5={fn:t5=>{let{x:e5,y:n5}=t5;return{x:e5,y:n5}}},...g4}=a2(t4,e4),d4={x:i5,y:r6},p4=await c3(e4,g4),h5=o2(n2(l4)),y4=k2(h5),x5=d4[h5],w5=d4[y4];if(s4){let t5=h5==="y"?"bottom":"right";x5=u2(x5+p4[h5==="y"?"top":"left"],x5,x5-p4[t5])}if(f5){let t5=y4==="y"?"bottom":"right";w5=u2(w5+p4[y4==="y"?"top":"left"],w5,w5-p4[t5])}let v4=m5.fn({...e4,[h5]:x5,[y4]:w5});return{...v4,data:{x:v4.x-i5,y:v4.y-r6}}}}},B3=function(t4){return t4===void 0&&(t4={}),{options:t4,fn(e4){let{x:i5,y:r6,placement:l4,rects:s4,middlewareData:c5}=e4,{offset:f5=0,mainAxis:m5=!0,crossAxis:u4=!0}=a2(t4,e4),g4={x:i5,y:r6},d4=o2(l4),p4=k2(d4),h5=g4[d4],y4=g4[p4],x5=a2(f5,e4),w5=typeof x5=="number"?{mainAxis:x5,crossAxis:0}:{mainAxis:0,crossAxis:0,...x5};if(m5){let t5=d4==="y"?"height":"width",e5=s4.reference[d4]-s4.floating[t5]+w5.mainAxis,n5=s4.reference[d4]+s4.reference[t5]-w5.mainAxis;h5<e5?h5=e5:h5>n5&&(h5=n5)}if(u4){var v4,b5;let t5=d4==="y"?"width":"height",e5=["top","left"].includes(n2(l4)),o4=s4.reference[p4]-s4.floating[t5]+(e5&&((v4=c5.offset)==null?void 0:v4[p4])||0)+(e5?0:w5.crossAxis),i6=s4.reference[p4]+s4.reference[t5]+(e5?0:((b5=c5.offset)==null?void 0:b5[p4])||0)-(e5?w5.crossAxis:0);y4<o4?y4=o4:y4>i6&&(y4=i6)}return{[d4]:h5,[p4]:y4}}}},C3=function(e4){return e4===void 0&&(e4={}),{name:"size",options:e4,async fn(i5){let{placement:r6,rects:l4,platform:s4,elements:u4}=i5,{apply:g4=()=>{},...d4}=a2(e4,i5),p4=await c3(i5,d4),h5=n2(r6),y4=t2(r6),x5=o2(r6)==="x",{width:w5,height:v4}=l4.floating,b5,A5;h5==="top"||h5==="bottom"?(b5=h5,A5=y4===(await(s4.isRTL==null?void 0:s4.isRTL(u4.floating))?"start":"end")?"left":"right"):(A5=h5,b5=y4==="end"?"top":"bottom");let R5=v4-p4[b5],P6=w5-p4[A5],E5=!i5.middlewareData.shift,T3=R5,D4=P6;if(x5){let t4=w5-p4.left-p4.right;D4=y4||E5?f3(P6,t4):t4}else{let t4=v4-p4.top-p4.bottom;T3=y4||E5?f3(R5,t4):t4}if(E5&&!y4){let t4=m3(p4.left,0),e5=m3(p4.right,0),n5=m3(p4.top,0),o4=m3(p4.bottom,0);x5?D4=w5-2*(t4!==0||e5!==0?t4+e5:m3(p4.left,p4.right)):T3=v4-2*(n5!==0||o4!==0?n5+o4:m3(p4.top,p4.bottom))}await g4({...i5,availableWidth:D4,availableHeight:T3});let L5=await s4.getDimensions(u4.floating);return w5!==L5.width||v4!==L5.height?{reset:{rects:!0}}:{}}}};function n3(t4){var e4;return(t4==null||(e4=t4.ownerDocument)==null?void 0:e4.defaultView)||window}function o3(t4){return n3(t4).getComputedStyle(t4)}function i3(t4){return t4 instanceof n3(t4).Node}function r4(t4){return i3(t4)?(t4.nodeName||"").toLowerCase():"#document"}function c4(t4){return t4 instanceof HTMLElement||t4 instanceof n3(t4).HTMLElement}function l3(t4){return typeof ShadowRoot<"u"&&(t4 instanceof n3(t4).ShadowRoot||t4 instanceof ShadowRoot)}function s3(t4){let{overflow:e4,overflowX:n5,overflowY:i5,display:r6}=o3(t4);return/auto|scroll|overlay|hidden|clip/.test(e4+i5+n5)&&!["inline","contents"].includes(r6)}function f4(t4){return["table","td","th"].includes(r4(t4))}function u3(t4){let e4=a3(),n5=o3(t4);return n5.transform!=="none"||n5.perspective!=="none"||!!n5.containerType&&n5.containerType!=="normal"||!e4&&!!n5.backdropFilter&&n5.backdropFilter!=="none"||!e4&&!!n5.filter&&n5.filter!=="none"||["transform","perspective","filter"].some(t5=>(n5.willChange||"").includes(t5))||["paint","layout","strict","content"].some(t5=>(n5.contain||"").includes(t5))}function a3(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function d3(t4){return["html","body","#document"].includes(r4(t4))}var h4=Math.min,p3=Math.max,m4=Math.round,g3=Math.floor,y3=t4=>({x:t4,y:t4});function w4(t4){let e4=o3(t4),n5=parseFloat(e4.width)||0,i5=parseFloat(e4.height)||0,r6=c4(t4),l4=r6?t4.offsetWidth:n5,s4=r6?t4.offsetHeight:i5,f5=m4(n5)!==l4||m4(i5)!==s4;return f5&&(n5=l4,i5=s4),{width:n5,height:i5,$:f5}}function x4(t4){return t4 instanceof Element||t4 instanceof n3(t4).Element}function v3(t4){return x4(t4)?t4:t4.contextElement}function b4(t4){let e4=v3(t4);if(!c4(e4))return y3(1);let n5=e4.getBoundingClientRect(),{width:o4,height:i5,$:r6}=w4(e4),l4=(r6?m4(n5.width):n5.width)/o4,s4=(r6?m4(n5.height):n5.height)/i5;return l4&&Number.isFinite(l4)||(l4=1),s4&&Number.isFinite(s4)||(s4=1),{x:l4,y:s4}}var L4=y3(0);function T2(t4){let e4=n3(t4);return a3()&&e4.visualViewport?{x:e4.visualViewport.offsetLeft,y:e4.visualViewport.offsetTop}:L4}function R4(e4,o4,i5,r6){o4===void 0&&(o4=!1),i5===void 0&&(i5=!1);let c5=e4.getBoundingClientRect(),l4=v3(e4),s4=y3(1);o4&&(r6?x4(r6)&&(s4=b4(r6)):s4=b4(e4));let f5=function(t4,e5,o5){return e5===void 0&&(e5=!1),!(!o5||e5&&o5!==n3(t4))&&e5}(l4,i5,r6)?T2(l4):y3(0),u4=(c5.left+f5.x)/s4.x,a4=(c5.top+f5.y)/s4.y,d4=c5.width/s4.x,h5=c5.height/s4.y;if(l4){let t4=n3(l4),e5=r6&&x4(r6)?n3(r6):r6,o5=t4.frameElement;for(;o5&&r6&&e5!==t4;){let t5=b4(o5),e6=o5.getBoundingClientRect(),i6=getComputedStyle(o5),r7=e6.left+(o5.clientLeft+parseFloat(i6.paddingLeft))*t5.x,c6=e6.top+(o5.clientTop+parseFloat(i6.paddingTop))*t5.y;u4*=t5.x,a4*=t5.y,d4*=t5.x,h5*=t5.y,u4+=r7,a4+=c6,o5=n3(o5).frameElement}}return s2({width:d4,height:h5,x:u4,y:a4})}function E4(t4){return x4(t4)?{scrollLeft:t4.scrollLeft,scrollTop:t4.scrollTop}:{scrollLeft:t4.pageXOffset,scrollTop:t4.pageYOffset}}function S2(t4){var e4;return(e4=(i3(t4)?t4.ownerDocument:t4.document)||window.document)==null?void 0:e4.documentElement}function C4(t4){return R4(S2(t4)).left+E4(t4).scrollLeft}function F2(t4){if(r4(t4)==="html")return t4;let e4=t4.assignedSlot||t4.parentNode||l3(t4)&&t4.host||S2(t4);return l3(e4)?e4.host:e4}function O3(t4){let e4=F2(t4);return d3(e4)?t4.ownerDocument?t4.ownerDocument.body:t4.body:c4(e4)&&s3(e4)?e4:O3(e4)}function D3(t4,e4){var o4;e4===void 0&&(e4=[]);let i5=O3(t4),r6=i5===((o4=t4.ownerDocument)==null?void 0:o4.body),c5=n3(i5);return r6?e4.concat(c5,c5.visualViewport||[],s3(i5)?i5:[]):e4.concat(i5,D3(i5))}function H7(e4,i5,r6){let l4;if(i5==="viewport")l4=function(t4,e5){let o4=n3(t4),i6=S2(t4),r7=o4.visualViewport,c5=i6.clientWidth,l5=i6.clientHeight,s4=0,f5=0;if(r7){c5=r7.width,l5=r7.height;let t5=a3();(!t5||t5&&e5==="fixed")&&(s4=r7.offsetLeft,f5=r7.offsetTop)}return{width:c5,height:l5,x:s4,y:f5}}(e4,r6);else if(i5==="document")l4=function(t4){let e5=S2(t4),n5=E4(t4),i6=t4.ownerDocument.body,r7=p3(e5.scrollWidth,e5.clientWidth,i6.scrollWidth,i6.clientWidth),c5=p3(e5.scrollHeight,e5.clientHeight,i6.scrollHeight,i6.clientHeight),l5=-n5.scrollLeft+C4(t4),s4=-n5.scrollTop;return o3(i6).direction==="rtl"&&(l5+=p3(e5.clientWidth,i6.clientWidth)-r7),{width:r7,height:c5,x:l5,y:s4}}(S2(e4));else if(x4(i5))l4=function(t4,e5){let n5=R4(t4,!0,e5==="fixed"),o4=n5.top+t4.clientTop,i6=n5.left+t4.clientLeft,r7=c4(t4)?b4(t4):y3(1);return{width:t4.clientWidth*r7.x,height:t4.clientHeight*r7.y,x:i6*r7.x,y:o4*r7.y}}(i5,r6);else{let t4=T2(e4);l4={...i5,x:i5.x-t4.x,y:i5.y-t4.y}}return s2(l4)}function W2(t4,e4){let n5=F2(t4);return!(n5===e4||!x4(n5)||d3(n5))&&(o3(n5).position==="fixed"||W2(n5,e4))}function M2(t4,e4,n5){let o4=c4(e4),i5=S2(e4),l4=n5==="fixed",f5=R4(t4,!0,l4,e4),u4={scrollLeft:0,scrollTop:0},a4=y3(0);if(o4||!o4&&!l4)if((r4(e4)!=="body"||s3(i5))&&(u4=E4(e4)),c4(e4)){let t5=R4(e4,!0,l4,e4);a4.x=t5.x+e4.clientLeft,a4.y=t5.y+e4.clientTop}else i5&&(a4.x=C4(i5));return{x:f5.left+u4.scrollLeft-a4.x,y:f5.top+u4.scrollTop-a4.y,width:f5.width,height:f5.height}}function z2(t4,e4){return c4(t4)&&o3(t4).position!=="fixed"?e4?e4(t4):t4.offsetParent:null}function P5(t4,e4){let i5=n3(t4);if(!c4(t4))return i5;let l4=z2(t4,e4);for(;l4&&f4(l4)&&o3(l4).position==="static";)l4=z2(l4,e4);return l4&&(r4(l4)==="html"||r4(l4)==="body"&&o3(l4).position==="static"&&!u3(l4))?i5:l4||function(t5){let e5=F2(t5);for(;c4(e5)&&!d3(e5);){if(u3(e5))return e5;e5=F2(e5)}return null}(t4)||i5}var V={convertOffsetParentRelativeRectToViewportRelativeRect:function(t4){let{rect:e4,offsetParent:n5,strategy:o4}=t4,i5=c4(n5),l4=S2(n5);if(n5===l4)return e4;let f5={scrollLeft:0,scrollTop:0},u4=y3(1),a4=y3(0);if((i5||!i5&&o4!=="fixed")&&((r4(n5)!=="body"||s3(l4))&&(f5=E4(n5)),c4(n5))){let t5=R4(n5);u4=b4(n5),a4.x=t5.x+n5.clientLeft,a4.y=t5.y+n5.clientTop}return{width:e4.width*u4.x,height:e4.height*u4.y,x:e4.x*u4.x-f5.scrollLeft*u4.x+a4.x,y:e4.y*u4.y-f5.scrollTop*u4.y+a4.y}},getDocumentElement:S2,getClippingRect:function(t4){let{element:e4,boundary:n5,rootBoundary:i5,strategy:c5}=t4,l4=[...n5==="clippingAncestors"?function(t5,e5){let n6=e5.get(t5);if(n6)return n6;let i6=D3(t5).filter(t6=>x4(t6)&&r4(t6)!=="body"),c6=null,l5=o3(t5).position==="fixed",f6=l5?F2(t5):t5;for(;x4(f6)&&!d3(f6);){let e6=o3(f6),n7=u3(f6);n7||e6.position!=="fixed"||(c6=null),(l5?!n7&&!c6:!n7&&e6.position==="static"&&c6&&["absolute","fixed"].includes(c6.position)||s3(f6)&&!n7&&W2(t5,f6))?i6=i6.filter(t6=>t6!==f6):c6=e6,f6=F2(f6)}return e5.set(t5,i6),i6}(e4,this._c):[].concat(n5),i5],f5=l4[0],a4=l4.reduce((t5,n6)=>{let o4=H7(e4,n6,c5);return t5.top=p3(o4.top,t5.top),t5.right=h4(o4.right,t5.right),t5.bottom=h4(o4.bottom,t5.bottom),t5.left=p3(o4.left,t5.left),t5},H7(e4,f5,c5));return{width:a4.right-a4.left,height:a4.bottom-a4.top,x:a4.left,y:a4.top}},getOffsetParent:P5,getElementRects:async function(t4){let{reference:e4,floating:n5,strategy:o4}=t4,i5=this.getOffsetParent||P5,r6=this.getDimensions;return{reference:M2(e4,await i5(n5),o4),floating:{x:0,y:0,...await r6(n5)}}},getClientRects:function(t4){return Array.from(t4.getClientRects())},getDimensions:function(t4){return w4(t4)},getScale:b4,isElement:x4,isRTL:function(t4){return getComputedStyle(t4).direction==="rtl"}};function A4(t4,e4,n5,o4){o4===void 0&&(o4={});let{ancestorScroll:i5=!0,ancestorResize:r6=!0,elementResize:c5=typeof ResizeObserver=="function",layoutShift:l4=typeof IntersectionObserver=="function",animationFrame:s4=!1}=o4,f5=v3(t4),u4=i5||r6?[...f5?D3(f5):[],...D3(e4)]:[];u4.forEach(t5=>{i5&&t5.addEventListener("scroll",n5,{passive:!0}),r6&&t5.addEventListener("resize",n5)});let a4=f5&&l4?function(t5,e5){let n6,o5=null,i6=S2(t5);function r7(){clearTimeout(n6),o5&&o5.disconnect(),o5=null}return function c6(l5,s5){l5===void 0&&(l5=!1),s5===void 0&&(s5=1),r7();let{left:f6,top:u5,width:a5,height:d5}=t5.getBoundingClientRect();if(l5||e5(),!a5||!d5)return;let m6={rootMargin:-g3(u5)+"px "+-g3(i6.clientWidth-(f6+a5))+"px "+-g3(i6.clientHeight-(u5+d5))+"px "+-g3(f6)+"px",threshold:p3(0,h4(1,s5))||1},y5=!0;function w6(t6){let e6=t6[0].intersectionRatio;if(e6!==s5){if(!y5)return c6();e6?c6(!1,e6):n6=setTimeout(()=>{c6(!1,1e-7)},100)}y5=!1}try{o5=new IntersectionObserver(w6,{...m6,root:i6.ownerDocument})}catch{o5=new IntersectionObserver(w6,m6)}o5.observe(t5)}(!0),r7}(f5,n5):null,d4,m5=-1,y4=null;c5&&(y4=new ResizeObserver(t5=>{let[o5]=t5;o5&&o5.target===f5&&y4&&(y4.unobserve(e4),cancelAnimationFrame(m5),m5=requestAnimationFrame(()=>{y4&&y4.observe(e4)})),n5()}),f5&&!s4&&y4.observe(f5),y4.observe(e4));let w5=s4?R4(t4):null;return s4&&function e5(){let o5=R4(t4);!w5||o5.x===w5.x&&o5.y===w5.y&&o5.width===w5.width&&o5.height===w5.height||n5(),w5=o5,d4=requestAnimationFrame(e5)}(),n5(),()=>{u4.forEach(t5=>{i5&&t5.removeEventListener("scroll",n5),r6&&t5.removeEventListener("resize",n5)}),a4&&a4(),y4&&y4.disconnect(),y4=null,s4&&cancelAnimationFrame(d4)}}var B4=(t4,n5,o4)=>{let i5=new Map,r6={platform:V,...o4},c5={...r6.platform,_c:i5};return r3(t4,n5,{...r6,platform:c5})};var React9=__toESM(require_react()),import_react23=__toESM(require_react()),ReactDOM=__toESM(require_react_dom()),arrow=options3=>{function isRef(value2){return{}.hasOwnProperty.call(value2,"current")}return{name:"arrow",options:options3,fn(state){let{element,padding}=typeof options3=="function"?options3(state):options3;return element&&isRef(element)?element.current!=null?g2({element:element.current,padding}).fn(state):{}:element?g2({element,padding}).fn(state):{}}}},index2=typeof document<"u"?import_react23.useLayoutEffect:import_react23.useEffect;function deepEqual(a4,b5){if(a4===b5)return!0;if(typeof a4!=typeof b5)return!1;if(typeof a4=="function"&&a4.toString()===b5.toString())return!0;let length,i5,keys2;if(a4&&b5&&typeof a4=="object"){if(Array.isArray(a4)){if(length=a4.length,length!=b5.length)return!1;for(i5=length;i5--!==0;)if(!deepEqual(a4[i5],b5[i5]))return!1;return!0}if(keys2=Object.keys(a4),length=keys2.length,length!==Object.keys(b5).length)return!1;for(i5=length;i5--!==0;)if(!{}.hasOwnProperty.call(b5,keys2[i5]))return!1;for(i5=length;i5--!==0;){let key2=keys2[i5];if(!(key2==="_owner"&&a4.$$typeof)&&!deepEqual(a4[key2],b5[key2]))return!1}return!0}return a4!==a4&&b5!==b5}function getDPR(element){return typeof window>"u"?1:(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value2){let dpr=getDPR(element);return Math.round(value2*dpr)/dpr}function useLatestRef(value2){let ref=React9.useRef(value2);return index2(()=>{ref.current=value2}),ref}function useFloating(options3){options3===void 0&&(options3={});let{placement="bottom",strategy="absolute",middleware=[],platform,elements:{reference:externalReference,floating:externalFloating}={},transform=!0,whileElementsMounted,open}=options3,[data,setData]=React9.useState({x:0,y:0,strategy,placement,middlewareData:{},isPositioned:!1}),[latestMiddleware,setLatestMiddleware]=React9.useState(middleware);deepEqual(latestMiddleware,middleware)||setLatestMiddleware(middleware);let[_reference,_setReference]=React9.useState(null),[_floating,_setFloating]=React9.useState(null),setReference=React9.useCallback(node=>{node!=referenceRef.current&&(referenceRef.current=node,_setReference(node))},[_setReference]),setFloating=React9.useCallback(node=>{node!==floatingRef.current&&(floatingRef.current=node,_setFloating(node))},[_setFloating]),referenceEl=externalReference||_reference,floatingEl=externalFloating||_floating,referenceRef=React9.useRef(null),floatingRef=React9.useRef(null),dataRef=React9.useRef(data),whileElementsMountedRef=useLatestRef(whileElementsMounted),platformRef=useLatestRef(platform),update2=React9.useCallback(()=>{if(!referenceRef.current||!floatingRef.current)return;let config={placement,strategy,middleware:latestMiddleware};platformRef.current&&(config.platform=platformRef.current),B4(referenceRef.current,floatingRef.current,config).then(data2=>{let fullData={...data2,isPositioned:!0};isMountedRef.current&&!deepEqual(dataRef.current,fullData)&&(dataRef.current=fullData,ReactDOM.flushSync(()=>{setData(fullData)}))})},[latestMiddleware,placement,strategy,platformRef]);index2(()=>{open===!1&&dataRef.current.isPositioned&&(dataRef.current.isPositioned=!1,setData(data2=>({...data2,isPositioned:!1})))},[open]);let isMountedRef=React9.useRef(!1);index2(()=>(isMountedRef.current=!0,()=>{isMountedRef.current=!1}),[]),index2(()=>{if(referenceEl&&(referenceRef.current=referenceEl),floatingEl&&(floatingRef.current=floatingEl),referenceEl&&floatingEl){if(whileElementsMountedRef.current)return whileElementsMountedRef.current(referenceEl,floatingEl,update2);update2()}},[referenceEl,floatingEl,update2,whileElementsMountedRef]);let refs2=React9.useMemo(()=>({reference:referenceRef,floating:floatingRef,setReference,setFloating}),[setReference,setFloating]),elements=React9.useMemo(()=>({reference:referenceEl,floating:floatingEl}),[referenceEl,floatingEl]),floatingStyles=React9.useMemo(()=>{let initialStyles={position:strategy,left:0,top:0};if(!elements.floating)return initialStyles;let x5=roundByDPR(elements.floating,data.x),y4=roundByDPR(elements.floating,data.y);return transform?{...initialStyles,transform:"translate("+x5+"px, "+y4+"px)",...getDPR(elements.floating)>=1.5&&{willChange:"transform"}}:{position:strategy,left:x5,top:y4}},[strategy,transform,elements.floating,data.x,data.y]);return React9.useMemo(()=>({...data,update:update2,refs:refs2,elements,floatingStyles}),[data,update2,refs2,elements,floatingStyles])}var import_react24=__toESM(require_react(),1);function $db6c3485150b8e66$export$1ab7ae714698c4b8(element){let[size,setSize]=(0,import_react24.useState)(void 0);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(element){setSize({width:element.offsetWidth,height:element.offsetHeight});let resizeObserver=new ResizeObserver(entries=>{if(!Array.isArray(entries)||!entries.length)return;let entry=entries[0],width,height;if("borderBoxSize"in entry){let borderSizeEntry=entry.borderBoxSize,borderSize=Array.isArray(borderSizeEntry)?borderSizeEntry[0]:borderSizeEntry;width=borderSize.inlineSize,height=borderSize.blockSize}else width=element.offsetWidth,height=element.offsetHeight;setSize({width,height})});return resizeObserver.observe(element,{box:"border-box"}),()=>resizeObserver.unobserve(element)}else setSize(void 0)},[element]),size}var $cf1ac5d9fe0e8206$var$POPPER_NAME="Popper",[$cf1ac5d9fe0e8206$var$createPopperContext,$cf1ac5d9fe0e8206$export$722aac194ae923]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($cf1ac5d9fe0e8206$var$POPPER_NAME),[$cf1ac5d9fe0e8206$var$PopperProvider,$cf1ac5d9fe0e8206$var$usePopperContext]=$cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$POPPER_NAME),$cf1ac5d9fe0e8206$export$badac9ada3a0bdf9=props=>{let{__scopePopper,children}=props,[anchor,setAnchor]=(0,import_react25.useState)(null);return(0,import_react25.createElement)($cf1ac5d9fe0e8206$var$PopperProvider,{scope:__scopePopper,anchor,onAnchorChange:setAnchor},children)},$cf1ac5d9fe0e8206$var$ANCHOR_NAME="PopperAnchor",$cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d=(0,import_react25.forwardRef)((props,forwardedRef)=>{let{__scopePopper,virtualRef,...anchorProps}=props,context=$cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$ANCHOR_NAME,__scopePopper),ref=(0,import_react25.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref);return(0,import_react25.useEffect)(()=>{context.onAnchorChange(virtualRef?.current||ref.current)}),virtualRef?null:(0,import_react25.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},anchorProps,{ref:composedRefs}))}),$cf1ac5d9fe0e8206$var$CONTENT_NAME="PopperContent",[$cf1ac5d9fe0e8206$var$PopperContentProvider,$cf1ac5d9fe0e8206$var$useContentContext]=$cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME),$cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc=(0,import_react25.forwardRef)((props,forwardedRef)=>{var _arrowSize$width,_arrowSize$height,_middlewareData$arrow,_middlewareData$arrow2,_middlewareData$arrow3,_middlewareData$trans,_middlewareData$trans2,_middlewareData$hide;let{__scopePopper,side="bottom",sideOffset=0,align="center",alignOffset=0,arrowPadding=0,collisionBoundary=[],collisionPadding:collisionPaddingProp=0,sticky="partial",hideWhenDetached=!1,avoidCollisions=!0,onPlaced,...contentProps}=props,context=$cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME,__scopePopper),[content,setContent]=(0,import_react25.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContent(node)),[arrow2,setArrow]=(0,import_react25.useState)(null),arrowSize=$db6c3485150b8e66$export$1ab7ae714698c4b8(arrow2),arrowWidth=(_arrowSize$width=arrowSize?.width)!==null&&_arrowSize$width!==void 0?_arrowSize$width:0,arrowHeight=(_arrowSize$height=arrowSize?.height)!==null&&_arrowSize$height!==void 0?_arrowSize$height:0,desiredPlacement=side+(align!=="center"?"-"+align:""),collisionPadding=typeof collisionPaddingProp=="number"?collisionPaddingProp:{top:0,right:0,bottom:0,left:0,...collisionPaddingProp},boundary=Array.isArray(collisionBoundary)?collisionBoundary:[collisionBoundary],hasExplicitBoundaries=boundary.length>0,detectOverflowOptions={padding:collisionPadding,boundary:boundary.filter($cf1ac5d9fe0e8206$var$isNotNull),altBoundary:hasExplicitBoundaries},{refs:refs2,floatingStyles,placement,isPositioned,middlewareData}=useFloating({strategy:"fixed",placement:desiredPlacement,whileElementsMounted:A4,elements:{reference:context.anchor},middleware:[L3({mainAxis:sideOffset+arrowHeight,alignmentAxis:alignOffset}),avoidCollisions&&O2({mainAxis:!0,crossAxis:!1,limiter:sticky==="partial"?B3():void 0,...detectOverflowOptions}),avoidCollisions&&A3({...detectOverflowOptions}),C3({...detectOverflowOptions,apply:({elements,rects,availableWidth,availableHeight})=>{let{width:anchorWidth,height:anchorHeight}=rects.reference,contentStyle=elements.floating.style;contentStyle.setProperty("--radix-popper-available-width",`${availableWidth}px`),contentStyle.setProperty("--radix-popper-available-height",`${availableHeight}px`),contentStyle.setProperty("--radix-popper-anchor-width",`${anchorWidth}px`),contentStyle.setProperty("--radix-popper-anchor-height",`${anchorHeight}px`)}}),arrow2&&arrow({element:arrow2,padding:arrowPadding}),$cf1ac5d9fe0e8206$var$transformOrigin({arrowWidth,arrowHeight}),hideWhenDetached&&E3({strategy:"referenceHidden"})]}),[placedSide,placedAlign]=$cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement),handlePlaced=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPlaced);$9f79659886946c16$export$e5c5a5f917a5871c(()=>{isPositioned&&handlePlaced?.()},[isPositioned,handlePlaced]);let arrowX=(_middlewareData$arrow=middlewareData.arrow)===null||_middlewareData$arrow===void 0?void 0:_middlewareData$arrow.x,arrowY=(_middlewareData$arrow2=middlewareData.arrow)===null||_middlewareData$arrow2===void 0?void 0:_middlewareData$arrow2.y,cannotCenterArrow=((_middlewareData$arrow3=middlewareData.arrow)===null||_middlewareData$arrow3===void 0?void 0:_middlewareData$arrow3.centerOffset)!==0,[contentZIndex,setContentZIndex]=(0,import_react25.useState)();return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{content&&setContentZIndex(window.getComputedStyle(content).zIndex)},[content]),(0,import_react25.createElement)("div",{ref:refs2.setFloating,"data-radix-popper-content-wrapper":"",style:{...floatingStyles,transform:isPositioned?floatingStyles.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:contentZIndex,"--radix-popper-transform-origin":[(_middlewareData$trans=middlewareData.transformOrigin)===null||_middlewareData$trans===void 0?void 0:_middlewareData$trans.x,(_middlewareData$trans2=middlewareData.transformOrigin)===null||_middlewareData$trans2===void 0?void 0:_middlewareData$trans2.y].join(" ")},dir:props.dir},(0,import_react25.createElement)($cf1ac5d9fe0e8206$var$PopperContentProvider,{scope:__scopePopper,placedSide,onArrowChange:setArrow,arrowX,arrowY,shouldHideArrow:cannotCenterArrow},(0,import_react25.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"data-side":placedSide,"data-align":placedAlign},contentProps,{ref:composedRefs,style:{...contentProps.style,animation:isPositioned?void 0:"none",opacity:(_middlewareData$hide=middlewareData.hide)!==null&&_middlewareData$hide!==void 0&&_middlewareData$hide.referenceHidden?0:void 0}}))))});function $cf1ac5d9fe0e8206$var$isNotNull(value2){return value2!==null}var $cf1ac5d9fe0e8206$var$transformOrigin=options3=>({name:"transformOrigin",options:options3,fn(data){var _middlewareData$arrow4,_middlewareData$arrow5,_middlewareData$arrow6,_middlewareData$arrow7,_middlewareData$arrow8;let{placement,rects,middlewareData}=data,isArrowHidden=((_middlewareData$arrow4=middlewareData.arrow)===null||_middlewareData$arrow4===void 0?void 0:_middlewareData$arrow4.centerOffset)!==0,arrowWidth=isArrowHidden?0:options3.arrowWidth,arrowHeight=isArrowHidden?0:options3.arrowHeight,[placedSide,placedAlign]=$cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement),noArrowAlign={start:"0%",center:"50%",end:"100%"}[placedAlign],arrowXCenter=((_middlewareData$arrow5=(_middlewareData$arrow6=middlewareData.arrow)===null||_middlewareData$arrow6===void 0?void 0:_middlewareData$arrow6.x)!==null&&_middlewareData$arrow5!==void 0?_middlewareData$arrow5:0)+arrowWidth/2,arrowYCenter=((_middlewareData$arrow7=(_middlewareData$arrow8=middlewareData.arrow)===null||_middlewareData$arrow8===void 0?void 0:_middlewareData$arrow8.y)!==null&&_middlewareData$arrow7!==void 0?_middlewareData$arrow7:0)+arrowHeight/2,x5="",y4="";return placedSide==="bottom"?(x5=isArrowHidden?noArrowAlign:`${arrowXCenter}px`,y4=`${-arrowHeight}px`):placedSide==="top"?(x5=isArrowHidden?noArrowAlign:`${arrowXCenter}px`,y4=`${rects.floating.height+arrowHeight}px`):placedSide==="right"?(x5=`${-arrowHeight}px`,y4=isArrowHidden?noArrowAlign:`${arrowYCenter}px`):placedSide==="left"&&(x5=`${rects.floating.width+arrowHeight}px`,y4=isArrowHidden?noArrowAlign:`${arrowYCenter}px`),{data:{x:x5,y:y4}}}});function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement){let[side,align="center"]=placement.split("-");return[side,align]}var $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9=$cf1ac5d9fe0e8206$export$badac9ada3a0bdf9,$cf1ac5d9fe0e8206$export$b688253958b8dfe7=$cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d,$cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2=$cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;var import_react26=__toESM(require_react(),1),import_react_dom4=__toESM(require_react_dom(),1);var $f1701beae083dbae$export$602eac185826482c=(0,import_react26.forwardRef)((props,forwardedRef)=>{var _globalThis$document;let{container=globalThis==null||(_globalThis$document=globalThis.document)===null||_globalThis$document===void 0?void 0:_globalThis$document.body,...portalProps}=props;return container?import_react_dom4.default.createPortal((0,import_react26.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},portalProps,{ref:forwardedRef})),container):null});var import_react27=__toESM(require_react(),1);function $71cd76cc60e0454e$export$6f32135080cb4c3({prop,defaultProp,onChange=()=>{}}){let[uncontrolledProp,setUncontrolledProp]=$71cd76cc60e0454e$var$useUncontrolledState({defaultProp,onChange}),isControlled=prop!==void 0,value1=isControlled?prop:uncontrolledProp,handleChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange),setValue=(0,import_react27.useCallback)(nextValue=>{if(isControlled){let value2=typeof nextValue=="function"?nextValue(prop):nextValue;value2!==prop&&handleChange(value2)}else setUncontrolledProp(nextValue)},[isControlled,prop,setUncontrolledProp,handleChange]);return[value1,setValue]}function $71cd76cc60e0454e$var$useUncontrolledState({defaultProp,onChange}){let uncontrolledState=(0,import_react27.useState)(defaultProp),[value2]=uncontrolledState,prevValueRef=(0,import_react27.useRef)(value2),handleChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);return(0,import_react27.useEffect)(()=>{prevValueRef.current!==value2&&(handleChange(value2),prevValueRef.current=value2)},[value2,prevValueRef,handleChange]),uncontrolledState}var import_react28=__toESM(require_react(),1);function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value2){let ref=(0,import_react28.useRef)({value:value2,previous:value2});return(0,import_react28.useMemo)(()=>(ref.current.value!==value2&&(ref.current.previous=ref.current.value,ref.current.value=value2),ref.current.previous),[value2])}var import_react29=__toESM(require_react(),1);var $ea1ef594cf570d83$export$439d29a4e110a164=(0,import_react29.forwardRef)((props,forwardedRef)=>(0,import_react29.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({},props,{ref:forwardedRef,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...props.style}})));var getDefaultParent=function(originalTarget){if(typeof document>"u")return null;var sampleTarget=Array.isArray(originalTarget)?originalTarget[0]:originalTarget;return sampleTarget.ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,unwrapHost=function(node){return node&&(node.host||unwrapHost(node.parentNode))},correctTargets=function(parent,targets){return targets.map(function(target){if(parent.contains(target))return target;var correctedTarget=unwrapHost(target);return correctedTarget&&parent.contains(correctedTarget)?correctedTarget:(console.error("aria-hidden",target,"in not contained inside",parent,". Doing nothing"),null)}).filter(function(x5){return!!x5})},applyAttributeToOthers=function(originalTarget,parentNode,markerName,controlAttribute){var targets=correctTargets(parentNode,Array.isArray(originalTarget)?originalTarget:[originalTarget]);markerMap[markerName]||(markerMap[markerName]=new WeakMap);var markerCounter=markerMap[markerName],hiddenNodes=[],elementsToKeep=new Set,elementsToStop=new Set(targets),keep=function(el){!el||elementsToKeep.has(el)||(elementsToKeep.add(el),keep(el.parentNode))};targets.forEach(keep);var deep=function(parent){!parent||elementsToStop.has(parent)||Array.prototype.forEach.call(parent.children,function(node){if(elementsToKeep.has(node))deep(node);else{var attr=node.getAttribute(controlAttribute),alreadyHidden=attr!==null&&attr!=="false",counterValue=(counterMap.get(node)||0)+1,markerValue=(markerCounter.get(node)||0)+1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),hiddenNodes.push(node),counterValue===1&&alreadyHidden&&uncontrolledNodes.set(node,!0),markerValue===1&&node.setAttribute(markerName,"true"),alreadyHidden||node.setAttribute(controlAttribute,"true")}})};return deep(parentNode),elementsToKeep.clear(),lockCount++,function(){hiddenNodes.forEach(function(node){var counterValue=counterMap.get(node)-1,markerValue=markerCounter.get(node)-1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),counterValue||(uncontrolledNodes.has(node)||node.removeAttribute(controlAttribute),uncontrolledNodes.delete(node)),markerValue||node.removeAttribute(markerName)}),lockCount--,lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={})}},hideOthers=function(originalTarget,parentNode,markerName){markerName===void 0&&(markerName="data-aria-hidden");var targets=Array.from(Array.isArray(originalTarget)?originalTarget:[originalTarget]),activeParentNode=parentNode||getDefaultParent(originalTarget);return activeParentNode?(targets.push.apply(targets,Array.from(activeParentNode.querySelectorAll("[aria-live]"))),applyAttributeToOthers(targets,activeParentNode,markerName,"aria-hidden")):function(){return null}};var __assign2=function(){return __assign2=Object.assign||function(t4){for(var s4,i5=1,n5=arguments.length;i5<n5;i5++){s4=arguments[i5];for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&(t4[p4]=s4[p4])}return t4},__assign2.apply(this,arguments)};function __rest2(s4,e4){var t4={};for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&e4.indexOf(p4)<0&&(t4[p4]=s4[p4]);if(s4!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i5=0,p4=Object.getOwnPropertySymbols(s4);i5<p4.length;i5++)e4.indexOf(p4[i5])<0&&Object.prototype.propertyIsEnumerable.call(s4,p4[i5])&&(t4[p4[i5]]=s4[p4[i5]]);return t4}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i5=0,l4=from.length,ar;i5<l4;i5++)(ar||!(i5 in from))&&(ar||(ar=Array.prototype.slice.call(from,0,i5)),ar[i5]=from[i5]);return to.concat(ar||Array.prototype.slice.call(from))}var React15=__toESM(require_react());var React11=__toESM(require_react());var zeroRightClassName="right-scroll-bar-position",fullWidthClassName="width-before-scroll-bar",noScrollbarsClassName="with-scroll-bars-hidden",removedBarSizeVariable="--removed-body-scroll-bar-size";function assignRef(ref,value2){return typeof ref=="function"?ref(value2):ref&&(ref.current=value2),ref}var import_react30=__toESM(require_react());function useCallbackRef(initialValue,callback){var ref=(0,import_react30.useState)(function(){return{value:initialValue,callback,facade:{get current(){return ref.value},set current(value2){var last=ref.value;last!==value2&&(ref.value=value2,ref.callback(value2,last))}}}})[0];return ref.callback=callback,ref.facade}function useMergeRefs(refs2,defaultValue){return useCallbackRef(defaultValue||null,function(newValue){return refs2.forEach(function(ref){return assignRef(ref,newValue)})})}function ItoI(a4){return a4}function innerCreateMedium(defaults,middleware){middleware===void 0&&(middleware=ItoI);var buffer=[],assigned=!1,medium={read:function(){if(assigned)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return buffer.length?buffer[buffer.length-1]:defaults},useMedium:function(data){var item=middleware(data,assigned);return buffer.push(item),function(){buffer=buffer.filter(function(x5){return x5!==item})}},assignSyncMedium:function(cb){for(assigned=!0;buffer.length;){var cbs=buffer;buffer=[],cbs.forEach(cb)}buffer={push:function(x5){return cb(x5)},filter:function(){return buffer}}},assignMedium:function(cb){assigned=!0;var pendingQueue=[];if(buffer.length){var cbs=buffer;buffer=[],cbs.forEach(cb),pendingQueue=buffer}var executeQueue=function(){var cbs2=pendingQueue;pendingQueue=[],cbs2.forEach(cb)},cycle2=function(){return Promise.resolve().then(executeQueue)};cycle2(),buffer={push:function(x5){pendingQueue.push(x5),cycle2()},filter:function(filter){return pendingQueue=pendingQueue.filter(filter),buffer}}}};return medium}function createSidecarMedium(options3){options3===void 0&&(options3={});var medium=innerCreateMedium(null);return medium.options=__assign2({async:!0,ssr:!1},options3),medium}var React10=__toESM(require_react()),SideCar=function(_a){var sideCar=_a.sideCar,rest=__rest2(_a,["sideCar"]);if(!sideCar)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var Target=sideCar.read();if(!Target)throw new Error("Sidecar medium not found");return React10.createElement(Target,__assign2({},rest))};SideCar.isSideCarExport=!0;function exportSidecar(medium,exported){return medium.useMedium(exported),SideCar}var effectCar=createSidecarMedium();var nothing=function(){},RemoveScroll=React11.forwardRef(function(props,parentRef){var ref=React11.useRef(null),_a=React11.useState({onScrollCapture:nothing,onWheelCapture:nothing,onTouchMoveCapture:nothing}),callbacks=_a[0],setCallbacks=_a[1],forwardProps=props.forwardProps,children=props.children,className=props.className,removeScrollBar=props.removeScrollBar,enabled=props.enabled,shards=props.shards,sideCar=props.sideCar,noIsolation=props.noIsolation,inert=props.inert,allowPinchZoom=props.allowPinchZoom,_b=props.as,Container7=_b===void 0?"div":_b,rest=__rest2(props,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),SideCar2=sideCar,containerRef=useMergeRefs([ref,parentRef]),containerProps=__assign2(__assign2({},rest),callbacks);return React11.createElement(React11.Fragment,null,enabled&&React11.createElement(SideCar2,{sideCar:effectCar,removeScrollBar,shards,noIsolation,inert,setCallbacks,allowPinchZoom:!!allowPinchZoom,lockRef:ref}),forwardProps?React11.cloneElement(React11.Children.only(children),__assign2(__assign2({},containerProps),{ref:containerRef})):React11.createElement(Container7,__assign2({},containerProps,{className,ref:containerRef}),children))});RemoveScroll.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};RemoveScroll.classNames={fullWidth:fullWidthClassName,zeroRight:zeroRightClassName};var React14=__toESM(require_react());var React13=__toESM(require_react());var React12=__toESM(require_react());var currentNonce;var getNonce=function(){if(currentNonce)return currentNonce;if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function makeStyleTag(){if(!document)return null;var tag=document.createElement("style");tag.type="text/css";var nonce=getNonce();return nonce&&tag.setAttribute("nonce",nonce),tag}function injectStyles(tag,css){tag.styleSheet?tag.styleSheet.cssText=css:tag.appendChild(document.createTextNode(css))}function insertStyleTag(tag){var head=document.head||document.getElementsByTagName("head")[0];head.appendChild(tag)}var stylesheetSingleton=function(){var counter=0,stylesheet=null;return{add:function(style){counter==0&&(stylesheet=makeStyleTag())&&(injectStyles(stylesheet,style),insertStyleTag(stylesheet)),counter++},remove:function(){counter--,!counter&&stylesheet&&(stylesheet.parentNode&&stylesheet.parentNode.removeChild(stylesheet),stylesheet=null)}}};var styleHookSingleton=function(){var sheet=stylesheetSingleton();return function(styles3,isDynamic){React12.useEffect(function(){return sheet.add(styles3),function(){sheet.remove()}},[styles3&&isDynamic])}};var styleSingleton=function(){var useStyle=styleHookSingleton(),Sheet=function(_a){var styles3=_a.styles,dynamic=_a.dynamic;return useStyle(styles3,dynamic),null};return Sheet};var zeroGap={left:0,top:0,right:0,gap:0},parse2=function(x5){return parseInt(x5||"",10)||0},getOffset=function(gapMode){var cs=window.getComputedStyle(document.body),left=cs[gapMode==="padding"?"paddingLeft":"marginLeft"],top=cs[gapMode==="padding"?"paddingTop":"marginTop"],right=cs[gapMode==="padding"?"paddingRight":"marginRight"];return[parse2(left),parse2(top),parse2(right)]},getGapWidth=function(gapMode){if(gapMode===void 0&&(gapMode="margin"),typeof window>"u")return zeroGap;var offsets=getOffset(gapMode),documentWidth=document.documentElement.clientWidth,windowWidth=window.innerWidth;return{left:offsets[0],top:offsets[1],right:offsets[2],gap:Math.max(0,windowWidth-documentWidth+offsets[2]-offsets[0])}};var Style=styleSingleton(),getStyles=function(_a,allowRelative,gapMode,important){var left=_a.left,top=_a.top,right=_a.right,gap=_a.gap;return gapMode===void 0&&(gapMode="margin"),`
|
|
393
|
+
`};function format2(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];var a4=args2[0],b5=[],c5;for(c5=1;c5<args2.length;c5+=1)b5.push(args2[c5]);return b5.forEach(function(d4){a4=a4.replace(/%[a-z]/,d4)}),a4}var PolishedError2=function(_Error){_inheritsLoose2(PolishedError3,_Error);function PolishedError3(code){for(var _this,_len2=arguments.length,args2=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args2[_key2-1]=arguments[_key2];return _this=_Error.call(this,format2.apply(void 0,[ERRORS2[code]].concat(args2)))||this,_assertThisInitialized2(_this)}return PolishedError3}(_wrapNativeSuper2(Error));function colorToInt2(color2){return Math.round(color2*255)}function convertToInt2(red,green,blue){return colorToInt2(red)+","+colorToInt2(green)+","+colorToInt2(blue)}function hslToRgb2(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt2),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap2={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex2(color2){if(typeof color2!="string")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap2[normalizedColorName]?"#"+namedColorMap2[normalizedColorName]:color2}var hexRegex2=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex2=/^#[a-fA-F0-9]{8}$/,reducedHexRegex2=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex2=/^#[a-fA-F0-9]{4}$/,rgbRegex2=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex2=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex2=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex2=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb2(color2){if(typeof color2!="string")throw new PolishedError2(3);var normalizedColor=nameToHex2(color2);if(normalizedColor.match(hexRegex2))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex2)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex2))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex2)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex2.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex2.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex2.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb2(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex2.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError2(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex2.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb2(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex2.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError2(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError2(5)}var reduceHexValue2=function(value2){return value2.length===7&&value2[1]===value2[2]&&value2[3]===value2[4]&&value2[5]===value2[6]?"#"+value2[1]+value2[3]+value2[5]:value2},reduceHexValue$12=reduceHexValue2;function numberToHex2(value2){var hex=value2.toString(16);return hex.length===1?"0"+hex:hex}function rgb2(value2,green,blue){if(typeof value2=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$12("#"+numberToHex2(value2)+numberToHex2(green)+numberToHex2(blue));if(typeof value2=="object"&&green===void 0&&blue===void 0)return reduceHexValue$12("#"+numberToHex2(value2.red)+numberToHex2(value2.green)+numberToHex2(value2.blue));throw new PolishedError2(6)}function rgba2(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb2(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else{if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb2(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb2(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError2(7)}function curried2(f5,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f5.apply(this,combined):curried2(f5,length,combined)}}function curry2(f5){return curried2(f5,f5.length,[])}function guard2(lowerBoundary,upperBoundary,value2){return Math.max(lowerBoundary,Math.min(upperBoundary,value2))}function transparentize2(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb2(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends3({},parsedColor,{alpha:guard2(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba2(colorWithAlpha)}var curriedTransparentize2=curry2(transparentize2),curriedTransparentize$12=curriedTransparentize2;var experimental_exports={};__export(experimental_exports,{Button:()=>Button4,Icon:()=>dist_exports6,IconButton:()=>IconButton2,Input:()=>Input2,Link:()=>Link5,Select:()=>Select2,Toolbar:()=>Toolbar});var React82=__toESM(require_react(),1),import_react38=__toESM(require_react(),1);var dist_exports6={};__export(dist_exports6,{Accessibility:()=>Accessibility,AccessibilityAlt:()=>AccessibilityAlt,Add:()=>Add,Admin:()=>Admin,Alert:()=>Alert,AlertAlt:()=>AlertAlt,Apple:()=>Apple,ArrowDown:()=>ArrowDown,ArrowLeft:()=>ArrowLeft,ArrowRight:()=>ArrowRight,ArrowSolidDown:()=>ArrowSolidDown,ArrowSolidLeft:()=>ArrowSolidLeft,ArrowSolidRight:()=>ArrowSolidRight,ArrowSolidUp:()=>ArrowSolidUp,ArrowUp:()=>ArrowUp,AzureDevOps:()=>AzureDevOps,Back:()=>Back,Basket:()=>Basket,BatchAccept:()=>BatchAccept,BatchDeny:()=>BatchDeny,Beaker:()=>Beaker,Bell:()=>Bell,Bitbucket:()=>Bitbucket,Bold:()=>Bold,Book:()=>Book,Bookmark:()=>Bookmark,BookmarkHollow:()=>BookmarkHollow,BottomBar:()=>BottomBar,BottomBarToggle:()=>BottomBarToggle,Box:()=>Box,Branch:()=>Branch,Browser:()=>Browser,Button:()=>Button2,CPU:()=>CPU,Calendar:()=>Calendar,Camera:()=>Camera,Category:()=>Category,Certificate:()=>Certificate,Changed:()=>Changed,Chat:()=>Chat,Check:()=>Check,ChevronDown:()=>ChevronDown,ChevronLeft:()=>ChevronLeft,ChevronRight:()=>ChevronRight,ChevronUp:()=>ChevronUp,Chromatic:()=>Chromatic,Chrome:()=>Chrome,Circle:()=>Circle,CircleHollow:()=>CircleHollow,Clear:()=>Clear,Close:()=>Close,CloseAlt:()=>CloseAlt,Cloud:()=>Cloud,CloudHollow:()=>CloudHollow,Cog:()=>Cog,Collapse:()=>Collapse,Command:()=>Command,Comment:()=>Comment,CommentAdd:()=>CommentAdd,Comments:()=>Comments,Commit:()=>Commit,Compass:()=>Compass,Component:()=>Component5,ComponentDriven:()=>ComponentDriven,Contrast:()=>Contrast,Controls:()=>Controls,Copy:()=>Copy,Credit:()=>Credit,Cross:()=>Cross,Dashboard:()=>Dashboard,Database:()=>Database,Delete:()=>Delete,Diamond:()=>Diamond,Direction:()=>Direction,Discord:()=>Discord,DocChart:()=>DocChart,DocList:()=>DocList,Document:()=>Document,Download:()=>Download,Drag:()=>Drag,Edit:()=>Edit,Ellipsis:()=>Ellipsis2,Email:()=>Email,Expand:()=>Expand,ExpandAlt:()=>ExpandAlt,Eye:()=>Eye,EyeClose:()=>EyeClose,FaceHappy:()=>FaceHappy,FaceNeutral:()=>FaceNeutral,FaceSad:()=>FaceSad,Facebook:()=>Facebook,Failed:()=>Failed,FastForward:()=>FastForward,Figma:()=>Figma,Filter:()=>Filter,Flag:()=>Flag,Folder:()=>Folder,Form:()=>Form2,GDrive:()=>GDrive,Github:()=>Github,Gitlab:()=>Gitlab,Globe:()=>Globe,Google:()=>Google,GraphBar:()=>GraphBar,GraphLine:()=>GraphLine,Graphql:()=>Graphql,Grid:()=>Grid,GridAlt:()=>GridAlt,Grow:()=>Grow,Heart:()=>Heart,HeartHollow:()=>HeartHollow,Home:()=>Home,Hourglass:()=>Hourglass,Info:()=>Info,Italic:()=>Italic,JumpTo:()=>JumpTo,Key:()=>Key,Lightning:()=>Lightning,LightningOff:()=>LightningOff,Link:()=>Link4,LinkBroken:()=>LinkBroken,Linkedin:()=>Linkedin,Linux:()=>Linux,ListOrdered:()=>ListOrdered,ListUnordered:()=>ListUnordered,Location:()=>Location2,Lock:()=>Lock,Markdown:()=>Markdown,Markup:()=>Markup,Medium:()=>Medium,Memory:()=>Memory,Menu:()=>Menu,MenuReverse:()=>MenuReverse,Merge:()=>Merge,Mirror:()=>Mirror,Mobile:()=>Mobile2,Moon:()=>Moon,Nut:()=>Nut,Outbox:()=>Outbox,Outline:()=>Outline,PaintBrush:()=>PaintBrush,PaperClip:()=>PaperClip,Paragraph:()=>Paragraph,Passed:()=>Passed,Phone:()=>Phone,Photo:()=>Photo,PhotoDrag:()=>PhotoDrag,Pin:()=>Pin,PinAlt:()=>PinAlt,Play:()=>Play,PlayBack:()=>PlayBack,PlayNext:()=>PlayNext,Plus:()=>Plus,PointerDefault:()=>PointerDefault,PointerHand:()=>PointerHand,Power:()=>Power,Print:()=>Print,Proceed:()=>Proceed,Profile:()=>Profile,PullRequest:()=>PullRequest,Question:()=>Question,RSS:()=>RSS,Redirect:()=>Redirect,Redux:()=>Redux,Refresh:()=>Refresh,Reply:()=>Reply,Repo:()=>Repo,RequestChange:()=>RequestChange,Rewind:()=>Rewind,Ruler:()=>Ruler,Search:()=>Search,Share:()=>Share,ShareAlt:()=>ShareAlt,Shield:()=>Shield,SideBySide:()=>SideBySide,Sidebar:()=>Sidebar2,SidebarAlt:()=>SidebarAlt,SidebarAltToggle:()=>SidebarAltToggle,SidebarToggle:()=>SidebarToggle,Speaker:()=>Speaker,Stacked:()=>Stacked,Star:()=>Star,StarHollow:()=>StarHollow,Sticker:()=>Sticker,Stop:()=>Stop,StopAlt:()=>StopAlt,Storybook:()=>Storybook,Structure:()=>Structure,Subtract:()=>Subtract,Sun:()=>Sun,Support:()=>Support,SwitchAlt:()=>SwitchAlt,Sync:()=>Sync,Tablet:()=>Tablet,ThumbsUp:()=>ThumbsUp,Time:()=>Time,Timer:()=>Timer,Transfer:()=>Transfer,Trash:()=>Trash,Twitter:()=>Twitter,Type:()=>Type,Ubuntu:()=>Ubuntu,Undo:()=>Undo,Unfold:()=>Unfold,Unlock:()=>Unlock,Unpin:()=>Unpin,Upload:()=>Upload,User:()=>User,UserAdd:()=>UserAdd,UserAlt:()=>UserAlt,Users:()=>Users,VSCode:()=>VSCode,Verified:()=>Verified,Video:()=>Video,Wand:()=>Wand,Watch:()=>Watch,Windows:()=>Windows,Wrench:()=>Wrench,Youtube:()=>Youtube,Zoom:()=>Zoom2,ZoomOut:()=>ZoomOut,ZoomReset:()=>ZoomReset,iconList:()=>iconList});var import_react11=__toESM(require_react(),1),iconList=[{name:"Images",icons:["Photo","Component","Grid","Outline","PhotoDrag","GridAlt","Search","Zoom","ZoomOut","ZoomReset","Eye","EyeClose","Lightning","LightningOff","Contrast","SwitchAlt","Mirror","Grow","PaintBrush","Ruler","Stop","Camera","Video","Speaker","Play","PlayBack","PlayNext","Rewind","FastForward","StopAlt","SideBySide","Stacked","Sun","Moon"]},{name:"Documents",icons:["Book","Document","Copy","Category","Folder","Print","GraphLine","Calendar","GraphBar","Menu","MenuReverse","Filter","DocChart","DocList","Drag"]},{name:"Editing",icons:["Markup","Bold","Italic","PaperClip","ListOrdered","ListUnordered","Paragraph","Markdown"]},{name:"Git",icons:["Repo","Commit","Branch","PullRequest","Merge"]},{name:"OS",icons:["Apple","Linux","Ubuntu","Windows","Chrome"]},{name:"Logos",icons:["Storybook","AzureDevOps","Bitbucket","Chromatic","ComponentDriven","Discord","Facebook","Figma","GDrive","Github","Gitlab","Google","Graphql","Medium","Redux","Twitter","Youtube","VSCode","Linkedin"]},{name:"Devices",icons:["Browser","Tablet","Mobile","Watch","Sidebar","SidebarAlt","SidebarAltToggle","SidebarToggle","BottomBar","BottomBarToggle","CPU","Database","Memory","Structure","Box","Power"]},{name:"CRUD",icons:["Edit","Cog","Nut","Wrench","Ellipsis","Wand","Check","Form","BatchDeny","BatchAccept","Controls","Plus","CloseAlt","Cross","Trash","PinAlt","Unpin","Add","Subtract","Close","Delete","Passed","Changed","Failed","Clear","Comment","CommentAdd","RequestChange","Comments","Chat","Lock","Unlock","Key","Outbox","Credit","Button","Type","PointerDefault","PointerHand","Command"]},{name:"Communicate",icons:["Info","Question","Support","Alert","AlertAlt","Email","Phone","Link","LinkBroken","Bell","RSS","ShareAlt","Share","JumpTo","CircleHollow","Circle","BookmarkHollow","Bookmark","Diamond","HeartHollow","Heart","StarHollow","Star","Certificate","Verified","ThumbsUp","Shield","Basket","Beaker","Hourglass","Flag","CloudHollow","Cloud","Sticker"]},{name:"Wayfinding",icons:["ChevronUp","ChevronDown","ChevronLeft","ChevronRight","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","ArrowSolidUp","ArrowSolidDown","ArrowSolidLeft","ArrowSolidRight","ExpandAlt","Collapse","Expand","Unfold","Transfer","Redirect","Undo","Reply","Sync","Upload","Download","Back","Proceed","Refresh","Globe","Compass","Location","Pin","Time","Dashboard","Timer","Home","Admin","Direction"]},{name:"People",icons:["User","UserAlt","UserAdd","Users","Profile","FaceHappy","FaceNeutral","FaceSad","Accessibility","AccessibilityAlt"]}],Fallback=({size})=>import_react11.default.createElement("div",{style:{width:size,height:size}});function withSuspense(WrappedComponent){function ComponentWithSuspense(props){return import_react11.default.createElement(import_react11.Suspense,{fallback:import_react11.default.createElement(Fallback,{...props})},import_react11.default.createElement(WrappedComponent,{...props}))}return ComponentWithSuspense}var Photo=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Photo}))),Component5=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Component}))),Grid=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Grid}))),Outline=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Outline}))),PhotoDrag=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PhotoDrag}))),GridAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).GridAlt}))),Search=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Search}))),Zoom2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Zoom}))),ZoomOut=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).ZoomOut}))),ZoomReset=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).ZoomReset}))),Eye=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Eye}))),EyeClose=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).EyeClose}))),Lightning=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Lightning}))),LightningOff=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).LightningOff}))),Contrast=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Contrast}))),SwitchAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).SwitchAlt}))),Mirror=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Mirror}))),Grow=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Grow}))),PaintBrush=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PaintBrush}))),Ruler=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Ruler}))),Stop=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Stop}))),Camera=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Camera}))),Video=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Video}))),Speaker=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Speaker}))),Play=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Play}))),PlayBack=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PlayBack}))),PlayNext=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PlayNext}))),Rewind=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Rewind}))),FastForward=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).FastForward}))),StopAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).StopAlt}))),SideBySide=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).SideBySide}))),Stacked=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Stacked}))),Sun=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Sun}))),Moon=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Moon}))),Book=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Book}))),Document=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Document}))),Copy=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Copy}))),Category=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Category}))),Folder=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Folder}))),Print=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Print}))),GraphLine=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).GraphLine}))),Calendar=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Calendar}))),GraphBar=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).GraphBar}))),Menu=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Menu}))),MenuReverse=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).MenuReverse}))),Filter=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Filter}))),DocChart=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).DocChart}))),DocList=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).DocList}))),Drag=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Drag}))),Markup=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Markup}))),Bold=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Bold}))),Italic=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Italic}))),PaperClip=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).PaperClip}))),ListOrdered=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).ListOrdered}))),ListUnordered=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).ListUnordered}))),Paragraph=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Paragraph}))),Markdown=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Markdown}))),Repo=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Repo}))),Commit=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Commit}))),Branch=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Branch}))),PullRequest=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).PullRequest}))),Merge=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Merge}))),Apple=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Apple}))),Linux=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Linux}))),Ubuntu=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Ubuntu}))),Windows=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Windows}))),Chrome=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Chrome}))),Storybook=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Storybook}))),AzureDevOps=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).AzureDevOps}))),Bitbucket=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Bitbucket}))),Chromatic=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Chromatic}))),ComponentDriven=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).ComponentDriven}))),Discord=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Discord}))),Facebook=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Facebook}))),Figma=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Figma}))),GDrive=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).GDrive}))),Github=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Github}))),Gitlab=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Gitlab}))),Google=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Google}))),Graphql=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Graphql}))),Medium=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Medium}))),Redux=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Redux}))),Twitter=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Twitter}))),Youtube=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Youtube}))),VSCode=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).VSCode}))),Linkedin=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Linkedin}))),Browser=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Browser}))),Tablet=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Tablet}))),Mobile2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Mobile}))),Watch=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Watch}))),Sidebar2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Sidebar}))),SidebarAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).SidebarAlt}))),SidebarAltToggle=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).SidebarAltToggle}))),SidebarToggle=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).SidebarToggle}))),BottomBar=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).BottomBar}))),BottomBarToggle=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).BottomBarToggle}))),CPU=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).CPU}))),Database=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Database}))),Memory=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Memory}))),Structure=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Structure}))),Box=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Box}))),Power=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Power}))),Edit=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Edit}))),Cog=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Cog}))),Nut=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Nut}))),Wrench=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Wrench}))),Ellipsis2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Ellipsis}))),Wand=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Wand}))),Check=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Check}))),Form2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Form}))),BatchDeny=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).BatchDeny}))),BatchAccept=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).BatchAccept}))),Controls=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Controls}))),Plus=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Plus}))),CloseAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).CloseAlt}))),Cross=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Cross}))),Trash=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Trash}))),PinAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).PinAlt}))),Unpin=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Unpin}))),Add=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Add}))),Subtract=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Subtract}))),Close=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Close}))),Delete=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Delete}))),Passed=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Passed}))),Changed=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Changed}))),Failed=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Failed}))),Clear=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Clear}))),Comment=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Comment}))),CommentAdd=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).CommentAdd}))),RequestChange=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).RequestChange}))),Comments=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Comments}))),Chat=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Chat}))),Lock=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Lock}))),Unlock=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Unlock}))),Key=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Key}))),Outbox=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Outbox}))),Credit=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Credit}))),Button2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Button}))),Type=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Type}))),PointerDefault=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).PointerDefault}))),PointerHand=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).PointerHand}))),Command=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Command}))),Info=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Info}))),Question=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Question}))),Support=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Support}))),Alert=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Alert}))),AlertAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).AlertAlt}))),Email=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Email}))),Phone=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Phone}))),Link4=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Link}))),LinkBroken=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).LinkBroken}))),Bell=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Bell}))),RSS=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).RSS}))),ShareAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).ShareAlt}))),Share=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Share}))),JumpTo=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).JumpTo}))),CircleHollow=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).CircleHollow}))),Circle=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Circle}))),BookmarkHollow=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).BookmarkHollow}))),Bookmark=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Bookmark}))),Diamond=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Diamond}))),HeartHollow=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).HeartHollow}))),Heart=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Heart}))),StarHollow=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).StarHollow}))),Star=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Star}))),Certificate=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Certificate}))),Verified=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Verified}))),ThumbsUp=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).ThumbsUp}))),Shield=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Shield}))),Basket=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Basket}))),Beaker=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Beaker}))),Hourglass=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Hourglass}))),Flag=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Flag}))),CloudHollow=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).CloudHollow}))),Cloud=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Cloud}))),Sticker=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Sticker}))),ChevronUp=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronUp}))),ChevronDown=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronDown}))),ChevronLeft=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronLeft}))),ChevronRight=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronRight}))),ArrowUp=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowUp}))),ArrowDown=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowDown}))),ArrowLeft=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowLeft}))),ArrowRight=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowRight}))),ArrowSolidUp=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidUp}))),ArrowSolidDown=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidDown}))),ArrowSolidLeft=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidLeft}))),ArrowSolidRight=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidRight}))),ExpandAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ExpandAlt}))),Collapse=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Collapse}))),Expand=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Expand}))),Unfold=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Unfold}))),Transfer=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Transfer}))),Redirect=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Redirect}))),Undo=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Undo}))),Reply=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Reply}))),Sync=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Sync}))),Upload=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Upload}))),Download=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Download}))),Back=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Back}))),Proceed=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Proceed}))),Refresh=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Refresh}))),Globe=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Globe}))),Compass=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Compass}))),Location2=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Location}))),Pin=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Pin}))),Time=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Time}))),Dashboard=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Dashboard}))),Timer=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Timer}))),Home=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Home}))),Admin=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Admin}))),Direction=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Direction}))),User=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).User}))),UserAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).UserAlt}))),UserAdd=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).UserAdd}))),Users=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).Users}))),Profile=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).Profile}))),FaceHappy=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).FaceHappy}))),FaceNeutral=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).FaceNeutral}))),FaceSad=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).FaceSad}))),Accessibility=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).Accessibility}))),AccessibilityAlt=withSuspense((0,import_react11.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).AccessibilityAlt})));var import_react32=__toESM(require_react(),1),import_react_dom5=__toESM(require_react_dom(),1);function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value2,[min,max]){return Math.min(max,Math.max(min,value2))}function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler,ourEventHandler,{checkForDefaultPrevented=!0}={}){return function(event){if(originalEventHandler?.(event),checkForDefaultPrevented===!1||!event.defaultPrevented)return ourEventHandler?.(event)}}var import_react15=__toESM(require_react(),1);var import_react12=__toESM(require_react(),1);function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName,createContextScopeDeps=[]){let defaultContexts=[];function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName,defaultContext){let BaseContext=(0,import_react12.createContext)(defaultContext),index3=defaultContexts.length;defaultContexts=[...defaultContexts,defaultContext];function Provider2(props){let{scope:scope3,children,...context}=props,Context2=scope3?.[scopeName][index3]||BaseContext,value2=(0,import_react12.useMemo)(()=>context,Object.values(context));return(0,import_react12.createElement)(Context2.Provider,{value:value2},children)}function useContext3(consumerName,scope3){let Context2=scope3?.[scopeName][index3]||BaseContext,context=(0,import_react12.useContext)(Context2);if(context)return context;if(defaultContext!==void 0)return defaultContext;throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``)}return Provider2.displayName=rootComponentName+"Provider",[Provider2,useContext3]}let createScope=()=>{let scopeContexts=defaultContexts.map(defaultContext=>(0,import_react12.createContext)(defaultContext));return function(scope3){let contexts=scope3?.[scopeName]||scopeContexts;return(0,import_react12.useMemo)(()=>({[`__scope${scopeName}`]:{...scope3,[scopeName]:contexts}}),[scope3,contexts])}};return createScope.scopeName=scopeName,[$c512c27ab02ef895$export$fd42f52fd3ae1109,$c512c27ab02ef895$var$composeContextScopes(createScope,...createContextScopeDeps)]}function $c512c27ab02ef895$var$composeContextScopes(...scopes){let baseScope=scopes[0];if(scopes.length===1)return baseScope;let createScope1=()=>{let scopeHooks=scopes.map(createScope=>({useScope:createScope(),scopeName:createScope.scopeName}));return function(overrideScopes){let nextScopes1=scopeHooks.reduce((nextScopes,{useScope,scopeName})=>{let currentScope=useScope(overrideScopes)[`__scope${scopeName}`];return{...nextScopes,...currentScope}},{});return(0,import_react12.useMemo)(()=>({[`__scope${baseScope.scopeName}`]:nextScopes1}),[nextScopes1])}};return createScope1.scopeName=baseScope.scopeName,createScope1}var import_react13=__toESM(require_react(),1);function $6ed0406888f73fc4$var$setRef(ref,value2){typeof ref=="function"?ref(value2):ref!=null&&(ref.current=value2)}function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs2){return node=>refs2.forEach(ref=>$6ed0406888f73fc4$var$setRef(ref,node))}function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs2){return(0,import_react13.useCallback)($6ed0406888f73fc4$export$43e446d32b3d21af(...refs2),refs2)}var import_react14=__toESM(require_react(),1);var $5e63c961fc1ce211$export$8c6ed5c666ac1360=(0,import_react14.forwardRef)((props,forwardedRef)=>{let{children,...slotProps}=props,childrenArray=import_react14.Children.toArray(children),slottable=childrenArray.find($5e63c961fc1ce211$var$isSlottable);if(slottable){let newElement=slottable.props.children,newChildren=childrenArray.map(child=>child===slottable?import_react14.Children.count(newElement)>1?import_react14.Children.only(null):(0,import_react14.isValidElement)(newElement)?newElement.props.children:null:child);return(0,import_react14.createElement)($5e63c961fc1ce211$var$SlotClone,_extends3({},slotProps,{ref:forwardedRef}),(0,import_react14.isValidElement)(newElement)?(0,import_react14.cloneElement)(newElement,void 0,newChildren):null)}return(0,import_react14.createElement)($5e63c961fc1ce211$var$SlotClone,_extends3({},slotProps,{ref:forwardedRef}),children)});$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName="Slot";var $5e63c961fc1ce211$var$SlotClone=(0,import_react14.forwardRef)((props,forwardedRef)=>{let{children,...slotProps}=props;return(0,import_react14.isValidElement)(children)?(0,import_react14.cloneElement)(children,{...$5e63c961fc1ce211$var$mergeProps(slotProps,children.props),ref:forwardedRef?$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef,children.ref):children.ref}):import_react14.Children.count(children)>1?import_react14.Children.only(null):null});$5e63c961fc1ce211$var$SlotClone.displayName="SlotClone";var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45=({children})=>(0,import_react14.createElement)(import_react14.Fragment,null,children);function $5e63c961fc1ce211$var$isSlottable(child){return(0,import_react14.isValidElement)(child)&&child.type===$5e63c961fc1ce211$export$d9f1ccf0bdb05d45}function $5e63c961fc1ce211$var$mergeProps(slotProps,childProps){let overrideProps={...childProps};for(let propName in childProps){let slotPropValue=slotProps[propName],childPropValue=childProps[propName];/^on[A-Z]/.test(propName)?slotPropValue&&childPropValue?overrideProps[propName]=(...args2)=>{childPropValue(...args2),slotPropValue(...args2)}:slotPropValue&&(overrideProps[propName]=slotPropValue):propName==="style"?overrideProps[propName]={...slotPropValue,...childPropValue}:propName==="className"&&(overrideProps[propName]=[slotPropValue,childPropValue].filter(Boolean).join(" "))}return{...slotProps,...overrideProps}}function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name2){let PROVIDER_NAME=name2+"CollectionProvider",[createCollectionContext,createCollectionScope]=$c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME),[CollectionProviderImpl,useCollectionContext]=createCollectionContext(PROVIDER_NAME,{collectionRef:{current:null},itemMap:new Map}),CollectionProvider=props=>{let{scope:scope3,children}=props,ref=import_react15.default.useRef(null),itemMap=import_react15.default.useRef(new Map).current;return import_react15.default.createElement(CollectionProviderImpl,{scope:scope3,itemMap,collectionRef:ref},children)},COLLECTION_SLOT_NAME=name2+"CollectionSlot",CollectionSlot=import_react15.default.forwardRef((props,forwardedRef)=>{let{scope:scope3,children}=props,context=useCollectionContext(COLLECTION_SLOT_NAME,scope3),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.collectionRef);return import_react15.default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360,{ref:composedRefs},children)}),ITEM_SLOT_NAME=name2+"CollectionItemSlot",ITEM_DATA_ATTR="data-radix-collection-item",CollectionItemSlot=import_react15.default.forwardRef((props,forwardedRef)=>{let{scope:scope3,children,...itemData}=props,ref=import_react15.default.useRef(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref),context=useCollectionContext(ITEM_SLOT_NAME,scope3);return import_react15.default.useEffect(()=>(context.itemMap.set(ref,{ref,...itemData}),()=>void context.itemMap.delete(ref))),import_react15.default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360,{[ITEM_DATA_ATTR]:"",ref:composedRefs},children)});function useCollection(scope3){let context=useCollectionContext(name2+"CollectionConsumer",scope3);return import_react15.default.useCallback(()=>{let collectionNode=context.collectionRef.current;if(!collectionNode)return[];let orderedNodes=Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));return Array.from(context.itemMap.values()).sort((a4,b5)=>orderedNodes.indexOf(a4.ref.current)-orderedNodes.indexOf(b5.ref.current))},[context.collectionRef,context.itemMap])}return[{Provider:CollectionProvider,Slot:CollectionSlot,ItemSlot:CollectionItemSlot},useCollection,createCollectionScope]}var import_react16=__toESM(require_react(),1),$f631663db3294ace$var$DirectionContext=(0,import_react16.createContext)(void 0);function $f631663db3294ace$export$b39126d51d94e6f3(localDir){let globalDir=(0,import_react16.useContext)($f631663db3294ace$var$DirectionContext);return localDir||globalDir||"ltr"}var import_react20=__toESM(require_react(),1);var import_react17=__toESM(require_react(),1),import_react_dom2=__toESM(require_react_dom(),1);var $8927f6f2acc4f386$var$NODES=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],$8927f6f2acc4f386$export$250ffa63cdc0d034=$8927f6f2acc4f386$var$NODES.reduce((primitive,node)=>{let Node3=(0,import_react17.forwardRef)((props,forwardedRef)=>{let{asChild,...primitiveProps}=props,Comp2=asChild?$5e63c961fc1ce211$export$8c6ed5c666ac1360:node;return(0,import_react17.useEffect)(()=>{window[Symbol.for("radix-ui")]=!0},[]),(0,import_react17.createElement)(Comp2,_extends3({},primitiveProps,{ref:forwardedRef}))});return Node3.displayName=`Primitive.${node}`,{...primitive,[node]:Node3}},{});function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target,event){target&&(0,import_react_dom2.flushSync)(()=>target.dispatchEvent(event))}var import_react18=__toESM(require_react(),1);function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback){let callbackRef=(0,import_react18.useRef)(callback);return(0,import_react18.useEffect)(()=>{callbackRef.current=callback}),(0,import_react18.useMemo)(()=>(...args2)=>{var _callbackRef$current;return(_callbackRef$current=callbackRef.current)===null||_callbackRef$current===void 0?void 0:_callbackRef$current.call(callbackRef,...args2)},[])}var import_react19=__toESM(require_react(),1);function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp,ownerDocument=globalThis?.document){let onEscapeKeyDown=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);(0,import_react19.useEffect)(()=>{let handleKeyDown=event=>{event.key==="Escape"&&onEscapeKeyDown(event)};return ownerDocument.addEventListener("keydown",handleKeyDown),()=>ownerDocument.removeEventListener("keydown",handleKeyDown)},[onEscapeKeyDown,ownerDocument])}var $5cb92bef7577960e$var$CONTEXT_UPDATE="dismissableLayer.update",$5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE="dismissableLayer.pointerDownOutside",$5cb92bef7577960e$var$FOCUS_OUTSIDE="dismissableLayer.focusOutside",$5cb92bef7577960e$var$originalBodyPointerEvents,$5cb92bef7577960e$var$DismissableLayerContext=(0,import_react20.createContext)({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),$5cb92bef7577960e$export$177fb62ff3ec1f22=(0,import_react20.forwardRef)((props,forwardedRef)=>{var _node$ownerDocument;let{disableOutsidePointerEvents=!1,onEscapeKeyDown,onPointerDownOutside,onFocusOutside,onInteractOutside,onDismiss,...layerProps}=props,context=(0,import_react20.useContext)($5cb92bef7577960e$var$DismissableLayerContext),[node1,setNode]=(0,import_react20.useState)(null),ownerDocument=(_node$ownerDocument=node1?.ownerDocument)!==null&&_node$ownerDocument!==void 0?_node$ownerDocument:globalThis?.document,[,force]=(0,import_react20.useState)({}),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setNode(node)),layers=Array.from(context.layers),[highestLayerWithOutsidePointerEventsDisabled]=[...context.layersWithOutsidePointerEventsDisabled].slice(-1),highestLayerWithOutsidePointerEventsDisabledIndex=layers.indexOf(highestLayerWithOutsidePointerEventsDisabled),index3=node1?layers.indexOf(node1):-1,isBodyPointerEventsDisabled=context.layersWithOutsidePointerEventsDisabled.size>0,isPointerEventsEnabled=index3>=highestLayerWithOutsidePointerEventsDisabledIndex,pointerDownOutside=$5cb92bef7577960e$var$usePointerDownOutside(event=>{let target=event.target,isPointerDownOnBranch=[...context.branches].some(branch=>branch.contains(target));!isPointerEventsEnabled||isPointerDownOnBranch||(onPointerDownOutside?.(event),onInteractOutside?.(event),event.defaultPrevented||onDismiss?.())},ownerDocument),focusOutside=$5cb92bef7577960e$var$useFocusOutside(event=>{let target=event.target;[...context.branches].some(branch=>branch.contains(target))||(onFocusOutside?.(event),onInteractOutside?.(event),event.defaultPrevented||onDismiss?.())},ownerDocument);return $addc16e1bbe58fd0$export$3a72a57244d6e765(event=>{index3===context.layers.size-1&&(onEscapeKeyDown?.(event),!event.defaultPrevented&&onDismiss&&(event.preventDefault(),onDismiss()))},ownerDocument),(0,import_react20.useEffect)(()=>{if(node1)return disableOutsidePointerEvents&&(context.layersWithOutsidePointerEventsDisabled.size===0&&($5cb92bef7577960e$var$originalBodyPointerEvents=ownerDocument.body.style.pointerEvents,ownerDocument.body.style.pointerEvents="none"),context.layersWithOutsidePointerEventsDisabled.add(node1)),context.layers.add(node1),$5cb92bef7577960e$var$dispatchUpdate(),()=>{disableOutsidePointerEvents&&context.layersWithOutsidePointerEventsDisabled.size===1&&(ownerDocument.body.style.pointerEvents=$5cb92bef7577960e$var$originalBodyPointerEvents)}},[node1,ownerDocument,disableOutsidePointerEvents,context]),(0,import_react20.useEffect)(()=>()=>{node1&&(context.layers.delete(node1),context.layersWithOutsidePointerEventsDisabled.delete(node1),$5cb92bef7577960e$var$dispatchUpdate())},[node1,context]),(0,import_react20.useEffect)(()=>{let handleUpdate=()=>force({});return document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE,handleUpdate),()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE,handleUpdate)},[]),(0,import_react20.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},layerProps,{ref:composedRefs,style:{pointerEvents:isBodyPointerEventsDisabled?isPointerEventsEnabled?"auto":"none":void 0,...props.style},onFocusCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture,focusOutside.onFocusCapture),onBlurCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture,focusOutside.onBlurCapture),onPointerDownCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture,pointerDownOutside.onPointerDownCapture)}))});function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside,ownerDocument=globalThis?.document){let handlePointerDownOutside=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside),isPointerInsideReactTreeRef=(0,import_react20.useRef)(!1),handleClickRef=(0,import_react20.useRef)(()=>{});return(0,import_react20.useEffect)(()=>{let handlePointerDown=event=>{if(event.target&&!isPointerInsideReactTreeRef.current){let handleAndDispatchPointerDownOutsideEvent=function(){$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE,handlePointerDownOutside,eventDetail,{discrete:!0})},eventDetail={originalEvent:event};event.pointerType==="touch"?(ownerDocument.removeEventListener("click",handleClickRef.current),handleClickRef.current=handleAndDispatchPointerDownOutsideEvent,ownerDocument.addEventListener("click",handleClickRef.current,{once:!0})):handleAndDispatchPointerDownOutsideEvent()}isPointerInsideReactTreeRef.current=!1},timerId=window.setTimeout(()=>{ownerDocument.addEventListener("pointerdown",handlePointerDown)},0);return()=>{window.clearTimeout(timerId),ownerDocument.removeEventListener("pointerdown",handlePointerDown),ownerDocument.removeEventListener("click",handleClickRef.current)}},[ownerDocument,handlePointerDownOutside]),{onPointerDownCapture:()=>isPointerInsideReactTreeRef.current=!0}}function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside,ownerDocument=globalThis?.document){let handleFocusOutside=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside),isFocusInsideReactTreeRef=(0,import_react20.useRef)(!1);return(0,import_react20.useEffect)(()=>{let handleFocus=event=>{event.target&&!isFocusInsideReactTreeRef.current&&$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$FOCUS_OUTSIDE,handleFocusOutside,{originalEvent:event},{discrete:!1})};return ownerDocument.addEventListener("focusin",handleFocus),()=>ownerDocument.removeEventListener("focusin",handleFocus)},[ownerDocument,handleFocusOutside]),{onFocusCapture:()=>isFocusInsideReactTreeRef.current=!0,onBlurCapture:()=>isFocusInsideReactTreeRef.current=!1}}function $5cb92bef7577960e$var$dispatchUpdate(){let event=new CustomEvent($5cb92bef7577960e$var$CONTEXT_UPDATE);document.dispatchEvent(event)}function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name2,handler,detail,{discrete}){let target=detail.originalEvent.target,event=new CustomEvent(name2,{bubbles:!1,cancelable:!0,detail});handler&&target.addEventListener(name2,handler,{once:!0}),discrete?$8927f6f2acc4f386$export$6d1a0317bde7de7f(target,event):target.dispatchEvent(event)}var import_react21=__toESM(require_react(),1),$3db38b7d1fb3fe6a$var$count=0;function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c(){(0,import_react21.useEffect)(()=>{var _edgeGuards$,_edgeGuards$2;let edgeGuards=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(_edgeGuards$=edgeGuards[0])!==null&&_edgeGuards$!==void 0?_edgeGuards$:$3db38b7d1fb3fe6a$var$createFocusGuard()),document.body.insertAdjacentElement("beforeend",(_edgeGuards$2=edgeGuards[1])!==null&&_edgeGuards$2!==void 0?_edgeGuards$2:$3db38b7d1fb3fe6a$var$createFocusGuard()),$3db38b7d1fb3fe6a$var$count++,()=>{$3db38b7d1fb3fe6a$var$count===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(node=>node.remove()),$3db38b7d1fb3fe6a$var$count--}},[])}function $3db38b7d1fb3fe6a$var$createFocusGuard(){let element=document.createElement("span");return element.setAttribute("data-radix-focus-guard",""),element.tabIndex=0,element.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",element}var import_react22=__toESM(require_react(),1);var $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT="focusScope.autoFocusOnMount",$d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT="focusScope.autoFocusOnUnmount",$d3863c46a17e8a28$var$EVENT_OPTIONS={bubbles:!1,cancelable:!0};var $d3863c46a17e8a28$export$20e40289641fbbb6=(0,import_react22.forwardRef)((props,forwardedRef)=>{let{loop=!1,trapped=!1,onMountAutoFocus:onMountAutoFocusProp,onUnmountAutoFocus:onUnmountAutoFocusProp,...scopeProps}=props,[container1,setContainer]=(0,import_react22.useState)(null),onMountAutoFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp),onUnmountAutoFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp),lastFocusedElementRef=(0,import_react22.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContainer(node)),focusScope=(0,import_react22.useRef)({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;(0,import_react22.useEffect)(()=>{if(trapped){let handleFocusIn=function(event){if(focusScope.paused||!container1)return;let target=event.target;container1.contains(target)?lastFocusedElementRef.current=target:$d3863c46a17e8a28$var$focus(lastFocusedElementRef.current,{select:!0})},handleFocusOut=function(event){if(focusScope.paused||!container1)return;let relatedTarget=event.relatedTarget;relatedTarget!==null&&(container1.contains(relatedTarget)||$d3863c46a17e8a28$var$focus(lastFocusedElementRef.current,{select:!0}))},handleMutations=function(mutations){let focusedElement=document.activeElement;for(let mutation of mutations)mutation.removedNodes.length>0&&(container1!=null&&container1.contains(focusedElement)||$d3863c46a17e8a28$var$focus(container1))};document.addEventListener("focusin",handleFocusIn),document.addEventListener("focusout",handleFocusOut);let mutationObserver=new MutationObserver(handleMutations);return container1&&mutationObserver.observe(container1,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",handleFocusIn),document.removeEventListener("focusout",handleFocusOut),mutationObserver.disconnect()}}},[trapped,container1,focusScope.paused]),(0,import_react22.useEffect)(()=>{if(container1){$d3863c46a17e8a28$var$focusScopesStack.add(focusScope);let previouslyFocusedElement=document.activeElement;if(!container1.contains(previouslyFocusedElement)){let mountEvent=new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,$d3863c46a17e8a28$var$EVENT_OPTIONS);container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,onMountAutoFocus),container1.dispatchEvent(mountEvent),mountEvent.defaultPrevented||($d3863c46a17e8a28$var$focusFirst($d3863c46a17e8a28$var$removeLinks($d3863c46a17e8a28$var$getTabbableCandidates(container1)),{select:!0}),document.activeElement===previouslyFocusedElement&&$d3863c46a17e8a28$var$focus(container1))}return()=>{container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,onMountAutoFocus),setTimeout(()=>{let unmountEvent=new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,$d3863c46a17e8a28$var$EVENT_OPTIONS);container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,onUnmountAutoFocus),container1.dispatchEvent(unmountEvent),unmountEvent.defaultPrevented||$d3863c46a17e8a28$var$focus(previouslyFocusedElement??document.body,{select:!0}),container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,onUnmountAutoFocus),$d3863c46a17e8a28$var$focusScopesStack.remove(focusScope)},0)}}},[container1,onMountAutoFocus,onUnmountAutoFocus,focusScope]);let handleKeyDown=(0,import_react22.useCallback)(event=>{if(!loop&&!trapped||focusScope.paused)return;let isTabKey=event.key==="Tab"&&!event.altKey&&!event.ctrlKey&&!event.metaKey,focusedElement=document.activeElement;if(isTabKey&&focusedElement){let container=event.currentTarget,[first,last]=$d3863c46a17e8a28$var$getTabbableEdges(container);first&&last?!event.shiftKey&&focusedElement===last?(event.preventDefault(),loop&&$d3863c46a17e8a28$var$focus(first,{select:!0})):event.shiftKey&&focusedElement===first&&(event.preventDefault(),loop&&$d3863c46a17e8a28$var$focus(last,{select:!0})):focusedElement===container&&event.preventDefault()}},[loop,trapped,focusScope.paused]);return(0,import_react22.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({tabIndex:-1},scopeProps,{ref:composedRefs,onKeyDown:handleKeyDown}))});function $d3863c46a17e8a28$var$focusFirst(candidates,{select=!1}={}){let previouslyFocusedElement=document.activeElement;for(let candidate of candidates)if($d3863c46a17e8a28$var$focus(candidate,{select}),document.activeElement!==previouslyFocusedElement)return}function $d3863c46a17e8a28$var$getTabbableEdges(container){let candidates=$d3863c46a17e8a28$var$getTabbableCandidates(container),first=$d3863c46a17e8a28$var$findVisible(candidates,container),last=$d3863c46a17e8a28$var$findVisible(candidates.reverse(),container);return[first,last]}function $d3863c46a17e8a28$var$getTabbableCandidates(container){let nodes=[],walker=document.createTreeWalker(container,NodeFilter.SHOW_ELEMENT,{acceptNode:node=>{let isHiddenInput=node.tagName==="INPUT"&&node.type==="hidden";return node.disabled||node.hidden||isHiddenInput?NodeFilter.FILTER_SKIP:node.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;walker.nextNode();)nodes.push(walker.currentNode);return nodes}function $d3863c46a17e8a28$var$findVisible(elements,container){for(let element of elements)if(!$d3863c46a17e8a28$var$isHidden(element,{upTo:container}))return element}function $d3863c46a17e8a28$var$isHidden(node,{upTo}){if(getComputedStyle(node).visibility==="hidden")return!0;for(;node;){if(upTo!==void 0&&node===upTo)return!1;if(getComputedStyle(node).display==="none")return!0;node=node.parentElement}return!1}function $d3863c46a17e8a28$var$isSelectableInput(element){return element instanceof HTMLInputElement&&"select"in element}function $d3863c46a17e8a28$var$focus(element,{select=!1}={}){if(element&&element.focus){let previouslyFocusedElement=document.activeElement;element.focus({preventScroll:!0}),element!==previouslyFocusedElement&&$d3863c46a17e8a28$var$isSelectableInput(element)&&select&&element.select()}}var $d3863c46a17e8a28$var$focusScopesStack=$d3863c46a17e8a28$var$createFocusScopesStack();function $d3863c46a17e8a28$var$createFocusScopesStack(){let stack=[];return{add(focusScope){let activeFocusScope=stack[0];focusScope!==activeFocusScope&&activeFocusScope?.pause(),stack=$d3863c46a17e8a28$var$arrayRemove(stack,focusScope),stack.unshift(focusScope)},remove(focusScope){var _stack$;stack=$d3863c46a17e8a28$var$arrayRemove(stack,focusScope),(_stack$=stack[0])===null||_stack$===void 0||_stack$.resume()}}}function $d3863c46a17e8a28$var$arrayRemove(array,item){let updatedArray=[...array],index3=updatedArray.indexOf(item);return index3!==-1&&updatedArray.splice(index3,1),updatedArray}function $d3863c46a17e8a28$var$removeLinks(items){return items.filter(item=>item.tagName!=="A")}var $2AODx$react=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1),$9f79659886946c16$export$e5c5a5f917a5871c=globalThis?.document?import_react23.useLayoutEffect:()=>{};var $1746a345f3d73bb7$var$useReactId=$2AODx$react["useId".toString()]||(()=>{}),$1746a345f3d73bb7$var$count=0;function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId){let[id,setId]=$2AODx$react.useState($1746a345f3d73bb7$var$useReactId());return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{deterministicId||setId(reactId=>reactId??String($1746a345f3d73bb7$var$count++))},[deterministicId]),deterministicId||(id?`radix-${id}`:"")}var import_react26=__toESM(require_react(),1);function t2(t4){return t4.split("-")[1]}function e2(t4){return t4==="y"?"height":"width"}function n2(t4){return t4.split("-")[0]}function o2(t4){return["top","bottom"].includes(n2(t4))?"x":"y"}function i2(i5,r6,a4){let{reference:l4,floating:s4}=i5,c5=l4.x+l4.width/2-s4.width/2,f5=l4.y+l4.height/2-s4.height/2,m5=o2(r6),u4=e2(m5),g4=l4[u4]/2-s4[u4]/2,d4=m5==="x",p4;switch(n2(r6)){case"top":p4={x:c5,y:l4.y-s4.height};break;case"bottom":p4={x:c5,y:l4.y+l4.height};break;case"right":p4={x:l4.x+l4.width,y:f5};break;case"left":p4={x:l4.x-s4.width,y:f5};break;default:p4={x:l4.x,y:l4.y}}switch(t2(r6)){case"start":p4[m5]-=g4*(a4&&d4?-1:1);break;case"end":p4[m5]+=g4*(a4&&d4?-1:1)}return p4}var r3=async(t4,e4,n5)=>{let{placement:o4="bottom",strategy:r6="absolute",middleware:a4=[],platform:l4}=n5,s4=a4.filter(Boolean),c5=await(l4.isRTL==null?void 0:l4.isRTL(e4)),f5=await l4.getElementRects({reference:t4,floating:e4,strategy:r6}),{x:m5,y:u4}=i2(f5,o4,c5),g4=o4,d4={},p4=0;for(let n6=0;n6<s4.length;n6++){let{name:a5,fn:h5}=s4[n6],{x:y4,y:x5,data:w5,reset:v4}=await h5({x:m5,y:u4,initialPlacement:o4,placement:g4,strategy:r6,middlewareData:d4,rects:f5,platform:l4,elements:{reference:t4,floating:e4}});m5=y4??m5,u4=x5??u4,d4={...d4,[a5]:{...d4[a5],...w5}},v4&&p4<=50&&(p4++,typeof v4=="object"&&(v4.placement&&(g4=v4.placement),v4.rects&&(f5=v4.rects===!0?await l4.getElementRects({reference:t4,floating:e4,strategy:r6}):v4.rects),{x:m5,y:u4}=i2(f5,g4,c5)),n6=-1)}return{x:m5,y:u4,placement:g4,strategy:r6,middlewareData:d4}};function a2(t4,e4){return typeof t4=="function"?t4(e4):t4}function l2(t4){return typeof t4!="number"?function(t5){return{top:0,right:0,bottom:0,left:0,...t5}}(t4):{top:t4,right:t4,bottom:t4,left:t4}}function s2(t4){return{...t4,top:t4.y,left:t4.x,right:t4.x+t4.width,bottom:t4.y+t4.height}}async function c3(t4,e4){var n5;e4===void 0&&(e4={});let{x:o4,y:i5,platform:r6,rects:c5,elements:f5,strategy:m5}=t4,{boundary:u4="clippingAncestors",rootBoundary:g4="viewport",elementContext:d4="floating",altBoundary:p4=!1,padding:h5=0}=a2(e4,t4),y4=l2(h5),x5=f5[p4?d4==="floating"?"reference":"floating":d4],w5=s2(await r6.getClippingRect({element:(n5=await(r6.isElement==null?void 0:r6.isElement(x5)))==null||n5?x5:x5.contextElement||await(r6.getDocumentElement==null?void 0:r6.getDocumentElement(f5.floating)),boundary:u4,rootBoundary:g4,strategy:m5})),v4=d4==="floating"?{...c5.floating,x:o4,y:i5}:c5.reference,b5=await(r6.getOffsetParent==null?void 0:r6.getOffsetParent(f5.floating)),A5=await(r6.isElement==null?void 0:r6.isElement(b5))&&await(r6.getScale==null?void 0:r6.getScale(b5))||{x:1,y:1},R5=s2(r6.convertOffsetParentRelativeRectToViewportRelativeRect?await r6.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v4,offsetParent:b5,strategy:m5}):v4);return{top:(w5.top-R5.top+y4.top)/A5.y,bottom:(R5.bottom-w5.bottom+y4.bottom)/A5.y,left:(w5.left-R5.left+y4.left)/A5.x,right:(R5.right-w5.right+y4.right)/A5.x}}var f3=Math.min,m3=Math.max;function u2(t4,e4,n5){return m3(t4,f3(e4,n5))}var g2=n5=>({name:"arrow",options:n5,async fn(i5){let{x:r6,y:s4,placement:c5,rects:m5,platform:g4,elements:d4}=i5,{element:p4,padding:h5=0}=a2(n5,i5)||{};if(p4==null)return{};let y4=l2(h5),x5={x:r6,y:s4},w5=o2(c5),v4=e2(w5),b5=await g4.getDimensions(p4),A5=w5==="y",R5=A5?"top":"left",P6=A5?"bottom":"right",E5=A5?"clientHeight":"clientWidth",T3=m5.reference[v4]+m5.reference[w5]-x5[w5]-m5.floating[v4],D4=x5[w5]-m5.reference[w5],L5=await(g4.getOffsetParent==null?void 0:g4.getOffsetParent(p4)),k3=L5?L5[E5]:0;k3&&await(g4.isElement==null?void 0:g4.isElement(L5))||(k3=d4.floating[E5]||m5.floating[v4]);let O4=T3/2-D4/2,B5=k3/2-b5[v4]/2-1,C5=f3(y4[R5],B5),H8=f3(y4[P6],B5),S3=C5,F3=k3-b5[v4]-H8,M3=k3/2-b5[v4]/2+O4,V2=u2(S3,M3,F3),W3=t2(c5)!=null&&M3!=V2&&m5.reference[v4]/2-(M3<S3?C5:H8)-b5[v4]/2<0?M3<S3?S3-M3:F3-M3:0;return{[w5]:x5[w5]-W3,data:{[w5]:V2,centerOffset:M3-V2+W3}}}}),d2=["top","right","bottom","left"],p2=d2.reduce((t4,e4)=>t4.concat(e4,e4+"-start",e4+"-end"),[]),h3={left:"right",right:"left",bottom:"top",top:"bottom"};function y2(t4){return t4.replace(/left|right|bottom|top/g,t5=>h3[t5])}function x3(n5,i5,r6){r6===void 0&&(r6=!1);let a4=t2(n5),l4=o2(n5),s4=e2(l4),c5=l4==="x"?a4===(r6?"end":"start")?"right":"left":a4==="start"?"bottom":"top";return i5.reference[s4]>i5.floating[s4]&&(c5=y2(c5)),{main:c5,cross:y2(c5)}}var w3={start:"end",end:"start"};function v2(t4){return t4.replace(/start|end/g,t5=>w3[t5])}var A3=function(e4){return e4===void 0&&(e4={}),{name:"flip",options:e4,async fn(o4){var i5;let{placement:r6,middlewareData:l4,rects:s4,initialPlacement:f5,platform:m5,elements:u4}=o4,{mainAxis:g4=!0,crossAxis:d4=!0,fallbackPlacements:p4,fallbackStrategy:h5="bestFit",fallbackAxisSideDirection:w5="none",flipAlignment:b5=!0,...A5}=a2(e4,o4),R5=n2(r6),P6=n2(f5)===f5,E5=await(m5.isRTL==null?void 0:m5.isRTL(u4.floating)),T3=p4||(P6||!b5?[y2(f5)]:function(t4){let e5=y2(t4);return[v2(t4),e5,v2(e5)]}(f5));p4||w5==="none"||T3.push(...function(e5,o5,i6,r7){let a4=t2(e5),l5=function(t4,e6,n5){let o6=["left","right"],i7=["right","left"],r8=["top","bottom"],a5=["bottom","top"];switch(t4){case"top":case"bottom":return n5?e6?i7:o6:e6?o6:i7;case"left":case"right":return e6?r8:a5;default:return[]}}(n2(e5),i6==="start",r7);return a4&&(l5=l5.map(t4=>t4+"-"+a4),o5&&(l5=l5.concat(l5.map(v2)))),l5}(f5,b5,w5,E5));let D4=[f5,...T3],L5=await c3(o4,A5),k3=[],O4=((i5=l4.flip)==null?void 0:i5.overflows)||[];if(g4&&k3.push(L5[R5]),d4){let{main:t4,cross:e5}=x3(r6,s4,E5);k3.push(L5[t4],L5[e5])}if(O4=[...O4,{placement:r6,overflows:k3}],!k3.every(t4=>t4<=0)){var B5,C5;let t4=(((B5=l4.flip)==null?void 0:B5.index)||0)+1,e5=D4[t4];if(e5)return{data:{index:t4,overflows:O4},reset:{placement:e5}};let n5=(C5=O4.filter(t5=>t5.overflows[0]<=0).sort((t5,e6)=>t5.overflows[1]-e6.overflows[1])[0])==null?void 0:C5.placement;if(!n5)switch(h5){case"bestFit":{var H8;let t5=(H8=O4.map(t6=>[t6.placement,t6.overflows.filter(t7=>t7>0).reduce((t7,e6)=>t7+e6,0)]).sort((t6,e6)=>t6[1]-e6[1])[0])==null?void 0:H8[0];t5&&(n5=t5);break}case"initialPlacement":n5=f5}if(r6!==n5)return{reset:{placement:n5}}}return{}}}};function R3(t4,e4){return{top:t4.top-e4.height,right:t4.right-e4.width,bottom:t4.bottom-e4.height,left:t4.left-e4.width}}function P4(t4){return d2.some(e4=>t4[e4]>=0)}var E3=function(t4){return t4===void 0&&(t4={}),{name:"hide",options:t4,async fn(e4){let{rects:n5}=e4,{strategy:o4="referenceHidden",...i5}=a2(t4,e4);switch(o4){case"referenceHidden":{let t5=R3(await c3(e4,{...i5,elementContext:"reference"}),n5.reference);return{data:{referenceHiddenOffsets:t5,referenceHidden:P4(t5)}}}case"escaped":{let t5=R3(await c3(e4,{...i5,altBoundary:!0}),n5.floating);return{data:{escapedOffsets:t5,escaped:P4(t5)}}}default:return{}}}}};var L3=function(e4){return e4===void 0&&(e4=0),{name:"offset",options:e4,async fn(i5){let{x:r6,y:l4}=i5,s4=await async function(e5,i6){let{placement:r7,platform:l5,elements:s5}=e5,c5=await(l5.isRTL==null?void 0:l5.isRTL(s5.floating)),f5=n2(r7),m5=t2(r7),u4=o2(r7)==="x",g4=["left","top"].includes(f5)?-1:1,d4=c5&&u4?-1:1,p4=a2(i6,e5),{mainAxis:h5,crossAxis:y4,alignmentAxis:x5}=typeof p4=="number"?{mainAxis:p4,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p4};return m5&&typeof x5=="number"&&(y4=m5==="end"?-1*x5:x5),u4?{x:y4*d4,y:h5*g4}:{x:h5*g4,y:y4*d4}}(i5,e4);return{x:r6+s4.x,y:l4+s4.y,data:s4}}}};function k2(t4){return t4==="x"?"y":"x"}var O2=function(t4){return t4===void 0&&(t4={}),{name:"shift",options:t4,async fn(e4){let{x:i5,y:r6,placement:l4}=e4,{mainAxis:s4=!0,crossAxis:f5=!1,limiter:m5={fn:t5=>{let{x:e5,y:n5}=t5;return{x:e5,y:n5}}},...g4}=a2(t4,e4),d4={x:i5,y:r6},p4=await c3(e4,g4),h5=o2(n2(l4)),y4=k2(h5),x5=d4[h5],w5=d4[y4];if(s4){let t5=h5==="y"?"bottom":"right";x5=u2(x5+p4[h5==="y"?"top":"left"],x5,x5-p4[t5])}if(f5){let t5=y4==="y"?"bottom":"right";w5=u2(w5+p4[y4==="y"?"top":"left"],w5,w5-p4[t5])}let v4=m5.fn({...e4,[h5]:x5,[y4]:w5});return{...v4,data:{x:v4.x-i5,y:v4.y-r6}}}}},B3=function(t4){return t4===void 0&&(t4={}),{options:t4,fn(e4){let{x:i5,y:r6,placement:l4,rects:s4,middlewareData:c5}=e4,{offset:f5=0,mainAxis:m5=!0,crossAxis:u4=!0}=a2(t4,e4),g4={x:i5,y:r6},d4=o2(l4),p4=k2(d4),h5=g4[d4],y4=g4[p4],x5=a2(f5,e4),w5=typeof x5=="number"?{mainAxis:x5,crossAxis:0}:{mainAxis:0,crossAxis:0,...x5};if(m5){let t5=d4==="y"?"height":"width",e5=s4.reference[d4]-s4.floating[t5]+w5.mainAxis,n5=s4.reference[d4]+s4.reference[t5]-w5.mainAxis;h5<e5?h5=e5:h5>n5&&(h5=n5)}if(u4){var v4,b5;let t5=d4==="y"?"width":"height",e5=["top","left"].includes(n2(l4)),o4=s4.reference[p4]-s4.floating[t5]+(e5&&((v4=c5.offset)==null?void 0:v4[p4])||0)+(e5?0:w5.crossAxis),i6=s4.reference[p4]+s4.reference[t5]+(e5?0:((b5=c5.offset)==null?void 0:b5[p4])||0)-(e5?w5.crossAxis:0);y4<o4?y4=o4:y4>i6&&(y4=i6)}return{[d4]:h5,[p4]:y4}}}},C3=function(e4){return e4===void 0&&(e4={}),{name:"size",options:e4,async fn(i5){let{placement:r6,rects:l4,platform:s4,elements:u4}=i5,{apply:g4=()=>{},...d4}=a2(e4,i5),p4=await c3(i5,d4),h5=n2(r6),y4=t2(r6),x5=o2(r6)==="x",{width:w5,height:v4}=l4.floating,b5,A5;h5==="top"||h5==="bottom"?(b5=h5,A5=y4===(await(s4.isRTL==null?void 0:s4.isRTL(u4.floating))?"start":"end")?"left":"right"):(A5=h5,b5=y4==="end"?"top":"bottom");let R5=v4-p4[b5],P6=w5-p4[A5],E5=!i5.middlewareData.shift,T3=R5,D4=P6;if(x5){let t4=w5-p4.left-p4.right;D4=y4||E5?f3(P6,t4):t4}else{let t4=v4-p4.top-p4.bottom;T3=y4||E5?f3(R5,t4):t4}if(E5&&!y4){let t4=m3(p4.left,0),e5=m3(p4.right,0),n5=m3(p4.top,0),o4=m3(p4.bottom,0);x5?D4=w5-2*(t4!==0||e5!==0?t4+e5:m3(p4.left,p4.right)):T3=v4-2*(n5!==0||o4!==0?n5+o4:m3(p4.top,p4.bottom))}await g4({...i5,availableWidth:D4,availableHeight:T3});let L5=await s4.getDimensions(u4.floating);return w5!==L5.width||v4!==L5.height?{reset:{rects:!0}}:{}}}};function n3(t4){var e4;return(t4==null||(e4=t4.ownerDocument)==null?void 0:e4.defaultView)||window}function o3(t4){return n3(t4).getComputedStyle(t4)}function i3(t4){return t4 instanceof n3(t4).Node}function r4(t4){return i3(t4)?(t4.nodeName||"").toLowerCase():"#document"}function c4(t4){return t4 instanceof HTMLElement||t4 instanceof n3(t4).HTMLElement}function l3(t4){return typeof ShadowRoot<"u"&&(t4 instanceof n3(t4).ShadowRoot||t4 instanceof ShadowRoot)}function s3(t4){let{overflow:e4,overflowX:n5,overflowY:i5,display:r6}=o3(t4);return/auto|scroll|overlay|hidden|clip/.test(e4+i5+n5)&&!["inline","contents"].includes(r6)}function f4(t4){return["table","td","th"].includes(r4(t4))}function u3(t4){let e4=a3(),n5=o3(t4);return n5.transform!=="none"||n5.perspective!=="none"||!!n5.containerType&&n5.containerType!=="normal"||!e4&&!!n5.backdropFilter&&n5.backdropFilter!=="none"||!e4&&!!n5.filter&&n5.filter!=="none"||["transform","perspective","filter"].some(t5=>(n5.willChange||"").includes(t5))||["paint","layout","strict","content"].some(t5=>(n5.contain||"").includes(t5))}function a3(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function d3(t4){return["html","body","#document"].includes(r4(t4))}var h4=Math.min,p3=Math.max,m4=Math.round,g3=Math.floor,y3=t4=>({x:t4,y:t4});function w4(t4){let e4=o3(t4),n5=parseFloat(e4.width)||0,i5=parseFloat(e4.height)||0,r6=c4(t4),l4=r6?t4.offsetWidth:n5,s4=r6?t4.offsetHeight:i5,f5=m4(n5)!==l4||m4(i5)!==s4;return f5&&(n5=l4,i5=s4),{width:n5,height:i5,$:f5}}function x4(t4){return t4 instanceof Element||t4 instanceof n3(t4).Element}function v3(t4){return x4(t4)?t4:t4.contextElement}function b4(t4){let e4=v3(t4);if(!c4(e4))return y3(1);let n5=e4.getBoundingClientRect(),{width:o4,height:i5,$:r6}=w4(e4),l4=(r6?m4(n5.width):n5.width)/o4,s4=(r6?m4(n5.height):n5.height)/i5;return l4&&Number.isFinite(l4)||(l4=1),s4&&Number.isFinite(s4)||(s4=1),{x:l4,y:s4}}var L4=y3(0);function T2(t4){let e4=n3(t4);return a3()&&e4.visualViewport?{x:e4.visualViewport.offsetLeft,y:e4.visualViewport.offsetTop}:L4}function R4(e4,o4,i5,r6){o4===void 0&&(o4=!1),i5===void 0&&(i5=!1);let c5=e4.getBoundingClientRect(),l4=v3(e4),s4=y3(1);o4&&(r6?x4(r6)&&(s4=b4(r6)):s4=b4(e4));let f5=function(t4,e5,o5){return e5===void 0&&(e5=!1),!(!o5||e5&&o5!==n3(t4))&&e5}(l4,i5,r6)?T2(l4):y3(0),u4=(c5.left+f5.x)/s4.x,a4=(c5.top+f5.y)/s4.y,d4=c5.width/s4.x,h5=c5.height/s4.y;if(l4){let t4=n3(l4),e5=r6&&x4(r6)?n3(r6):r6,o5=t4.frameElement;for(;o5&&r6&&e5!==t4;){let t5=b4(o5),e6=o5.getBoundingClientRect(),i6=getComputedStyle(o5),r7=e6.left+(o5.clientLeft+parseFloat(i6.paddingLeft))*t5.x,c6=e6.top+(o5.clientTop+parseFloat(i6.paddingTop))*t5.y;u4*=t5.x,a4*=t5.y,d4*=t5.x,h5*=t5.y,u4+=r7,a4+=c6,o5=n3(o5).frameElement}}return s2({width:d4,height:h5,x:u4,y:a4})}function E4(t4){return x4(t4)?{scrollLeft:t4.scrollLeft,scrollTop:t4.scrollTop}:{scrollLeft:t4.pageXOffset,scrollTop:t4.pageYOffset}}function S2(t4){var e4;return(e4=(i3(t4)?t4.ownerDocument:t4.document)||window.document)==null?void 0:e4.documentElement}function C4(t4){return R4(S2(t4)).left+E4(t4).scrollLeft}function F2(t4){if(r4(t4)==="html")return t4;let e4=t4.assignedSlot||t4.parentNode||l3(t4)&&t4.host||S2(t4);return l3(e4)?e4.host:e4}function O3(t4){let e4=F2(t4);return d3(e4)?t4.ownerDocument?t4.ownerDocument.body:t4.body:c4(e4)&&s3(e4)?e4:O3(e4)}function D3(t4,e4){var o4;e4===void 0&&(e4=[]);let i5=O3(t4),r6=i5===((o4=t4.ownerDocument)==null?void 0:o4.body),c5=n3(i5);return r6?e4.concat(c5,c5.visualViewport||[],s3(i5)?i5:[]):e4.concat(i5,D3(i5))}function H7(e4,i5,r6){let l4;if(i5==="viewport")l4=function(t4,e5){let o4=n3(t4),i6=S2(t4),r7=o4.visualViewport,c5=i6.clientWidth,l5=i6.clientHeight,s4=0,f5=0;if(r7){c5=r7.width,l5=r7.height;let t5=a3();(!t5||t5&&e5==="fixed")&&(s4=r7.offsetLeft,f5=r7.offsetTop)}return{width:c5,height:l5,x:s4,y:f5}}(e4,r6);else if(i5==="document")l4=function(t4){let e5=S2(t4),n5=E4(t4),i6=t4.ownerDocument.body,r7=p3(e5.scrollWidth,e5.clientWidth,i6.scrollWidth,i6.clientWidth),c5=p3(e5.scrollHeight,e5.clientHeight,i6.scrollHeight,i6.clientHeight),l5=-n5.scrollLeft+C4(t4),s4=-n5.scrollTop;return o3(i6).direction==="rtl"&&(l5+=p3(e5.clientWidth,i6.clientWidth)-r7),{width:r7,height:c5,x:l5,y:s4}}(S2(e4));else if(x4(i5))l4=function(t4,e5){let n5=R4(t4,!0,e5==="fixed"),o4=n5.top+t4.clientTop,i6=n5.left+t4.clientLeft,r7=c4(t4)?b4(t4):y3(1);return{width:t4.clientWidth*r7.x,height:t4.clientHeight*r7.y,x:i6*r7.x,y:o4*r7.y}}(i5,r6);else{let t4=T2(e4);l4={...i5,x:i5.x-t4.x,y:i5.y-t4.y}}return s2(l4)}function W2(t4,e4){let n5=F2(t4);return!(n5===e4||!x4(n5)||d3(n5))&&(o3(n5).position==="fixed"||W2(n5,e4))}function M2(t4,e4,n5){let o4=c4(e4),i5=S2(e4),l4=n5==="fixed",f5=R4(t4,!0,l4,e4),u4={scrollLeft:0,scrollTop:0},a4=y3(0);if(o4||!o4&&!l4)if((r4(e4)!=="body"||s3(i5))&&(u4=E4(e4)),c4(e4)){let t5=R4(e4,!0,l4,e4);a4.x=t5.x+e4.clientLeft,a4.y=t5.y+e4.clientTop}else i5&&(a4.x=C4(i5));return{x:f5.left+u4.scrollLeft-a4.x,y:f5.top+u4.scrollTop-a4.y,width:f5.width,height:f5.height}}function z2(t4,e4){return c4(t4)&&o3(t4).position!=="fixed"?e4?e4(t4):t4.offsetParent:null}function P5(t4,e4){let i5=n3(t4);if(!c4(t4))return i5;let l4=z2(t4,e4);for(;l4&&f4(l4)&&o3(l4).position==="static";)l4=z2(l4,e4);return l4&&(r4(l4)==="html"||r4(l4)==="body"&&o3(l4).position==="static"&&!u3(l4))?i5:l4||function(t5){let e5=F2(t5);for(;c4(e5)&&!d3(e5);){if(u3(e5))return e5;e5=F2(e5)}return null}(t4)||i5}var V={convertOffsetParentRelativeRectToViewportRelativeRect:function(t4){let{rect:e4,offsetParent:n5,strategy:o4}=t4,i5=c4(n5),l4=S2(n5);if(n5===l4)return e4;let f5={scrollLeft:0,scrollTop:0},u4=y3(1),a4=y3(0);if((i5||!i5&&o4!=="fixed")&&((r4(n5)!=="body"||s3(l4))&&(f5=E4(n5)),c4(n5))){let t5=R4(n5);u4=b4(n5),a4.x=t5.x+n5.clientLeft,a4.y=t5.y+n5.clientTop}return{width:e4.width*u4.x,height:e4.height*u4.y,x:e4.x*u4.x-f5.scrollLeft*u4.x+a4.x,y:e4.y*u4.y-f5.scrollTop*u4.y+a4.y}},getDocumentElement:S2,getClippingRect:function(t4){let{element:e4,boundary:n5,rootBoundary:i5,strategy:c5}=t4,l4=[...n5==="clippingAncestors"?function(t5,e5){let n6=e5.get(t5);if(n6)return n6;let i6=D3(t5).filter(t6=>x4(t6)&&r4(t6)!=="body"),c6=null,l5=o3(t5).position==="fixed",f6=l5?F2(t5):t5;for(;x4(f6)&&!d3(f6);){let e6=o3(f6),n7=u3(f6);n7||e6.position!=="fixed"||(c6=null),(l5?!n7&&!c6:!n7&&e6.position==="static"&&c6&&["absolute","fixed"].includes(c6.position)||s3(f6)&&!n7&&W2(t5,f6))?i6=i6.filter(t6=>t6!==f6):c6=e6,f6=F2(f6)}return e5.set(t5,i6),i6}(e4,this._c):[].concat(n5),i5],f5=l4[0],a4=l4.reduce((t5,n6)=>{let o4=H7(e4,n6,c5);return t5.top=p3(o4.top,t5.top),t5.right=h4(o4.right,t5.right),t5.bottom=h4(o4.bottom,t5.bottom),t5.left=p3(o4.left,t5.left),t5},H7(e4,f5,c5));return{width:a4.right-a4.left,height:a4.bottom-a4.top,x:a4.left,y:a4.top}},getOffsetParent:P5,getElementRects:async function(t4){let{reference:e4,floating:n5,strategy:o4}=t4,i5=this.getOffsetParent||P5,r6=this.getDimensions;return{reference:M2(e4,await i5(n5),o4),floating:{x:0,y:0,...await r6(n5)}}},getClientRects:function(t4){return Array.from(t4.getClientRects())},getDimensions:function(t4){return w4(t4)},getScale:b4,isElement:x4,isRTL:function(t4){return getComputedStyle(t4).direction==="rtl"}};function A4(t4,e4,n5,o4){o4===void 0&&(o4={});let{ancestorScroll:i5=!0,ancestorResize:r6=!0,elementResize:c5=typeof ResizeObserver=="function",layoutShift:l4=typeof IntersectionObserver=="function",animationFrame:s4=!1}=o4,f5=v3(t4),u4=i5||r6?[...f5?D3(f5):[],...D3(e4)]:[];u4.forEach(t5=>{i5&&t5.addEventListener("scroll",n5,{passive:!0}),r6&&t5.addEventListener("resize",n5)});let a4=f5&&l4?function(t5,e5){let n6,o5=null,i6=S2(t5);function r7(){clearTimeout(n6),o5&&o5.disconnect(),o5=null}return function c6(l5,s5){l5===void 0&&(l5=!1),s5===void 0&&(s5=1),r7();let{left:f6,top:u5,width:a5,height:d5}=t5.getBoundingClientRect();if(l5||e5(),!a5||!d5)return;let m6={rootMargin:-g3(u5)+"px "+-g3(i6.clientWidth-(f6+a5))+"px "+-g3(i6.clientHeight-(u5+d5))+"px "+-g3(f6)+"px",threshold:p3(0,h4(1,s5))||1},y5=!0;function w6(t6){let e6=t6[0].intersectionRatio;if(e6!==s5){if(!y5)return c6();e6?c6(!1,e6):n6=setTimeout(()=>{c6(!1,1e-7)},100)}y5=!1}try{o5=new IntersectionObserver(w6,{...m6,root:i6.ownerDocument})}catch{o5=new IntersectionObserver(w6,m6)}o5.observe(t5)}(!0),r7}(f5,n5):null,d4,m5=-1,y4=null;c5&&(y4=new ResizeObserver(t5=>{let[o5]=t5;o5&&o5.target===f5&&y4&&(y4.unobserve(e4),cancelAnimationFrame(m5),m5=requestAnimationFrame(()=>{y4&&y4.observe(e4)})),n5()}),f5&&!s4&&y4.observe(f5),y4.observe(e4));let w5=s4?R4(t4):null;return s4&&function e5(){let o5=R4(t4);!w5||o5.x===w5.x&&o5.y===w5.y&&o5.width===w5.width&&o5.height===w5.height||n5(),w5=o5,d4=requestAnimationFrame(e5)}(),n5(),()=>{u4.forEach(t5=>{i5&&t5.removeEventListener("scroll",n5),r6&&t5.removeEventListener("resize",n5)}),a4&&a4(),y4&&y4.disconnect(),y4=null,s4&&cancelAnimationFrame(d4)}}var B4=(t4,n5,o4)=>{let i5=new Map,r6={platform:V,...o4},c5={...r6.platform,_c:i5};return r3(t4,n5,{...r6,platform:c5})};var React9=__toESM(require_react()),import_react24=__toESM(require_react()),ReactDOM=__toESM(require_react_dom()),arrow=options3=>{function isRef(value2){return{}.hasOwnProperty.call(value2,"current")}return{name:"arrow",options:options3,fn(state){let{element,padding}=typeof options3=="function"?options3(state):options3;return element&&isRef(element)?element.current!=null?g2({element:element.current,padding}).fn(state):{}:element?g2({element,padding}).fn(state):{}}}},index2=typeof document<"u"?import_react24.useLayoutEffect:import_react24.useEffect;function deepEqual(a4,b5){if(a4===b5)return!0;if(typeof a4!=typeof b5)return!1;if(typeof a4=="function"&&a4.toString()===b5.toString())return!0;let length,i5,keys2;if(a4&&b5&&typeof a4=="object"){if(Array.isArray(a4)){if(length=a4.length,length!=b5.length)return!1;for(i5=length;i5--!==0;)if(!deepEqual(a4[i5],b5[i5]))return!1;return!0}if(keys2=Object.keys(a4),length=keys2.length,length!==Object.keys(b5).length)return!1;for(i5=length;i5--!==0;)if(!{}.hasOwnProperty.call(b5,keys2[i5]))return!1;for(i5=length;i5--!==0;){let key2=keys2[i5];if(!(key2==="_owner"&&a4.$$typeof)&&!deepEqual(a4[key2],b5[key2]))return!1}return!0}return a4!==a4&&b5!==b5}function getDPR(element){return typeof window>"u"?1:(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value2){let dpr=getDPR(element);return Math.round(value2*dpr)/dpr}function useLatestRef(value2){let ref=React9.useRef(value2);return index2(()=>{ref.current=value2}),ref}function useFloating(options3){options3===void 0&&(options3={});let{placement="bottom",strategy="absolute",middleware=[],platform,elements:{reference:externalReference,floating:externalFloating}={},transform=!0,whileElementsMounted,open}=options3,[data,setData]=React9.useState({x:0,y:0,strategy,placement,middlewareData:{},isPositioned:!1}),[latestMiddleware,setLatestMiddleware]=React9.useState(middleware);deepEqual(latestMiddleware,middleware)||setLatestMiddleware(middleware);let[_reference,_setReference]=React9.useState(null),[_floating,_setFloating]=React9.useState(null),setReference=React9.useCallback(node=>{node!=referenceRef.current&&(referenceRef.current=node,_setReference(node))},[_setReference]),setFloating=React9.useCallback(node=>{node!==floatingRef.current&&(floatingRef.current=node,_setFloating(node))},[_setFloating]),referenceEl=externalReference||_reference,floatingEl=externalFloating||_floating,referenceRef=React9.useRef(null),floatingRef=React9.useRef(null),dataRef=React9.useRef(data),whileElementsMountedRef=useLatestRef(whileElementsMounted),platformRef=useLatestRef(platform),update2=React9.useCallback(()=>{if(!referenceRef.current||!floatingRef.current)return;let config={placement,strategy,middleware:latestMiddleware};platformRef.current&&(config.platform=platformRef.current),B4(referenceRef.current,floatingRef.current,config).then(data2=>{let fullData={...data2,isPositioned:!0};isMountedRef.current&&!deepEqual(dataRef.current,fullData)&&(dataRef.current=fullData,ReactDOM.flushSync(()=>{setData(fullData)}))})},[latestMiddleware,placement,strategy,platformRef]);index2(()=>{open===!1&&dataRef.current.isPositioned&&(dataRef.current.isPositioned=!1,setData(data2=>({...data2,isPositioned:!1})))},[open]);let isMountedRef=React9.useRef(!1);index2(()=>(isMountedRef.current=!0,()=>{isMountedRef.current=!1}),[]),index2(()=>{if(referenceEl&&(referenceRef.current=referenceEl),floatingEl&&(floatingRef.current=floatingEl),referenceEl&&floatingEl){if(whileElementsMountedRef.current)return whileElementsMountedRef.current(referenceEl,floatingEl,update2);update2()}},[referenceEl,floatingEl,update2,whileElementsMountedRef]);let refs2=React9.useMemo(()=>({reference:referenceRef,floating:floatingRef,setReference,setFloating}),[setReference,setFloating]),elements=React9.useMemo(()=>({reference:referenceEl,floating:floatingEl}),[referenceEl,floatingEl]),floatingStyles=React9.useMemo(()=>{let initialStyles={position:strategy,left:0,top:0};if(!elements.floating)return initialStyles;let x5=roundByDPR(elements.floating,data.x),y4=roundByDPR(elements.floating,data.y);return transform?{...initialStyles,transform:"translate("+x5+"px, "+y4+"px)",...getDPR(elements.floating)>=1.5&&{willChange:"transform"}}:{position:strategy,left:x5,top:y4}},[strategy,transform,elements.floating,data.x,data.y]);return React9.useMemo(()=>({...data,update:update2,refs:refs2,elements,floatingStyles}),[data,update2,refs2,elements,floatingStyles])}var import_react25=__toESM(require_react(),1);function $db6c3485150b8e66$export$1ab7ae714698c4b8(element){let[size,setSize]=(0,import_react25.useState)(void 0);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(element){setSize({width:element.offsetWidth,height:element.offsetHeight});let resizeObserver=new ResizeObserver(entries=>{if(!Array.isArray(entries)||!entries.length)return;let entry=entries[0],width,height;if("borderBoxSize"in entry){let borderSizeEntry=entry.borderBoxSize,borderSize=Array.isArray(borderSizeEntry)?borderSizeEntry[0]:borderSizeEntry;width=borderSize.inlineSize,height=borderSize.blockSize}else width=element.offsetWidth,height=element.offsetHeight;setSize({width,height})});return resizeObserver.observe(element,{box:"border-box"}),()=>resizeObserver.unobserve(element)}else setSize(void 0)},[element]),size}var $cf1ac5d9fe0e8206$var$POPPER_NAME="Popper",[$cf1ac5d9fe0e8206$var$createPopperContext,$cf1ac5d9fe0e8206$export$722aac194ae923]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($cf1ac5d9fe0e8206$var$POPPER_NAME),[$cf1ac5d9fe0e8206$var$PopperProvider,$cf1ac5d9fe0e8206$var$usePopperContext]=$cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$POPPER_NAME),$cf1ac5d9fe0e8206$export$badac9ada3a0bdf9=props=>{let{__scopePopper,children}=props,[anchor,setAnchor]=(0,import_react26.useState)(null);return(0,import_react26.createElement)($cf1ac5d9fe0e8206$var$PopperProvider,{scope:__scopePopper,anchor,onAnchorChange:setAnchor},children)},$cf1ac5d9fe0e8206$var$ANCHOR_NAME="PopperAnchor",$cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d=(0,import_react26.forwardRef)((props,forwardedRef)=>{let{__scopePopper,virtualRef,...anchorProps}=props,context=$cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$ANCHOR_NAME,__scopePopper),ref=(0,import_react26.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref);return(0,import_react26.useEffect)(()=>{context.onAnchorChange(virtualRef?.current||ref.current)}),virtualRef?null:(0,import_react26.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},anchorProps,{ref:composedRefs}))}),$cf1ac5d9fe0e8206$var$CONTENT_NAME="PopperContent",[$cf1ac5d9fe0e8206$var$PopperContentProvider,$cf1ac5d9fe0e8206$var$useContentContext]=$cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME),$cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc=(0,import_react26.forwardRef)((props,forwardedRef)=>{var _arrowSize$width,_arrowSize$height,_middlewareData$arrow,_middlewareData$arrow2,_middlewareData$arrow3,_middlewareData$trans,_middlewareData$trans2,_middlewareData$hide;let{__scopePopper,side="bottom",sideOffset=0,align="center",alignOffset=0,arrowPadding=0,collisionBoundary=[],collisionPadding:collisionPaddingProp=0,sticky="partial",hideWhenDetached=!1,avoidCollisions=!0,onPlaced,...contentProps}=props,context=$cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME,__scopePopper),[content,setContent]=(0,import_react26.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContent(node)),[arrow2,setArrow]=(0,import_react26.useState)(null),arrowSize=$db6c3485150b8e66$export$1ab7ae714698c4b8(arrow2),arrowWidth=(_arrowSize$width=arrowSize?.width)!==null&&_arrowSize$width!==void 0?_arrowSize$width:0,arrowHeight=(_arrowSize$height=arrowSize?.height)!==null&&_arrowSize$height!==void 0?_arrowSize$height:0,desiredPlacement=side+(align!=="center"?"-"+align:""),collisionPadding=typeof collisionPaddingProp=="number"?collisionPaddingProp:{top:0,right:0,bottom:0,left:0,...collisionPaddingProp},boundary=Array.isArray(collisionBoundary)?collisionBoundary:[collisionBoundary],hasExplicitBoundaries=boundary.length>0,detectOverflowOptions={padding:collisionPadding,boundary:boundary.filter($cf1ac5d9fe0e8206$var$isNotNull),altBoundary:hasExplicitBoundaries},{refs:refs2,floatingStyles,placement,isPositioned,middlewareData}=useFloating({strategy:"fixed",placement:desiredPlacement,whileElementsMounted:A4,elements:{reference:context.anchor},middleware:[L3({mainAxis:sideOffset+arrowHeight,alignmentAxis:alignOffset}),avoidCollisions&&O2({mainAxis:!0,crossAxis:!1,limiter:sticky==="partial"?B3():void 0,...detectOverflowOptions}),avoidCollisions&&A3({...detectOverflowOptions}),C3({...detectOverflowOptions,apply:({elements,rects,availableWidth,availableHeight})=>{let{width:anchorWidth,height:anchorHeight}=rects.reference,contentStyle=elements.floating.style;contentStyle.setProperty("--radix-popper-available-width",`${availableWidth}px`),contentStyle.setProperty("--radix-popper-available-height",`${availableHeight}px`),contentStyle.setProperty("--radix-popper-anchor-width",`${anchorWidth}px`),contentStyle.setProperty("--radix-popper-anchor-height",`${anchorHeight}px`)}}),arrow2&&arrow({element:arrow2,padding:arrowPadding}),$cf1ac5d9fe0e8206$var$transformOrigin({arrowWidth,arrowHeight}),hideWhenDetached&&E3({strategy:"referenceHidden"})]}),[placedSide,placedAlign]=$cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement),handlePlaced=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPlaced);$9f79659886946c16$export$e5c5a5f917a5871c(()=>{isPositioned&&handlePlaced?.()},[isPositioned,handlePlaced]);let arrowX=(_middlewareData$arrow=middlewareData.arrow)===null||_middlewareData$arrow===void 0?void 0:_middlewareData$arrow.x,arrowY=(_middlewareData$arrow2=middlewareData.arrow)===null||_middlewareData$arrow2===void 0?void 0:_middlewareData$arrow2.y,cannotCenterArrow=((_middlewareData$arrow3=middlewareData.arrow)===null||_middlewareData$arrow3===void 0?void 0:_middlewareData$arrow3.centerOffset)!==0,[contentZIndex,setContentZIndex]=(0,import_react26.useState)();return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{content&&setContentZIndex(window.getComputedStyle(content).zIndex)},[content]),(0,import_react26.createElement)("div",{ref:refs2.setFloating,"data-radix-popper-content-wrapper":"",style:{...floatingStyles,transform:isPositioned?floatingStyles.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:contentZIndex,"--radix-popper-transform-origin":[(_middlewareData$trans=middlewareData.transformOrigin)===null||_middlewareData$trans===void 0?void 0:_middlewareData$trans.x,(_middlewareData$trans2=middlewareData.transformOrigin)===null||_middlewareData$trans2===void 0?void 0:_middlewareData$trans2.y].join(" ")},dir:props.dir},(0,import_react26.createElement)($cf1ac5d9fe0e8206$var$PopperContentProvider,{scope:__scopePopper,placedSide,onArrowChange:setArrow,arrowX,arrowY,shouldHideArrow:cannotCenterArrow},(0,import_react26.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"data-side":placedSide,"data-align":placedAlign},contentProps,{ref:composedRefs,style:{...contentProps.style,animation:isPositioned?void 0:"none",opacity:(_middlewareData$hide=middlewareData.hide)!==null&&_middlewareData$hide!==void 0&&_middlewareData$hide.referenceHidden?0:void 0}}))))});function $cf1ac5d9fe0e8206$var$isNotNull(value2){return value2!==null}var $cf1ac5d9fe0e8206$var$transformOrigin=options3=>({name:"transformOrigin",options:options3,fn(data){var _middlewareData$arrow4,_middlewareData$arrow5,_middlewareData$arrow6,_middlewareData$arrow7,_middlewareData$arrow8;let{placement,rects,middlewareData}=data,isArrowHidden=((_middlewareData$arrow4=middlewareData.arrow)===null||_middlewareData$arrow4===void 0?void 0:_middlewareData$arrow4.centerOffset)!==0,arrowWidth=isArrowHidden?0:options3.arrowWidth,arrowHeight=isArrowHidden?0:options3.arrowHeight,[placedSide,placedAlign]=$cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement),noArrowAlign={start:"0%",center:"50%",end:"100%"}[placedAlign],arrowXCenter=((_middlewareData$arrow5=(_middlewareData$arrow6=middlewareData.arrow)===null||_middlewareData$arrow6===void 0?void 0:_middlewareData$arrow6.x)!==null&&_middlewareData$arrow5!==void 0?_middlewareData$arrow5:0)+arrowWidth/2,arrowYCenter=((_middlewareData$arrow7=(_middlewareData$arrow8=middlewareData.arrow)===null||_middlewareData$arrow8===void 0?void 0:_middlewareData$arrow8.y)!==null&&_middlewareData$arrow7!==void 0?_middlewareData$arrow7:0)+arrowHeight/2,x5="",y4="";return placedSide==="bottom"?(x5=isArrowHidden?noArrowAlign:`${arrowXCenter}px`,y4=`${-arrowHeight}px`):placedSide==="top"?(x5=isArrowHidden?noArrowAlign:`${arrowXCenter}px`,y4=`${rects.floating.height+arrowHeight}px`):placedSide==="right"?(x5=`${-arrowHeight}px`,y4=isArrowHidden?noArrowAlign:`${arrowYCenter}px`):placedSide==="left"&&(x5=`${rects.floating.width+arrowHeight}px`,y4=isArrowHidden?noArrowAlign:`${arrowYCenter}px`),{data:{x:x5,y:y4}}}});function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement){let[side,align="center"]=placement.split("-");return[side,align]}var $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9=$cf1ac5d9fe0e8206$export$badac9ada3a0bdf9,$cf1ac5d9fe0e8206$export$b688253958b8dfe7=$cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d,$cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2=$cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;var import_react27=__toESM(require_react(),1),import_react_dom4=__toESM(require_react_dom(),1);var $f1701beae083dbae$export$602eac185826482c=(0,import_react27.forwardRef)((props,forwardedRef)=>{var _globalThis$document;let{container=globalThis==null||(_globalThis$document=globalThis.document)===null||_globalThis$document===void 0?void 0:_globalThis$document.body,...portalProps}=props;return container?import_react_dom4.default.createPortal((0,import_react27.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},portalProps,{ref:forwardedRef})),container):null});var import_react28=__toESM(require_react(),1);function $71cd76cc60e0454e$export$6f32135080cb4c3({prop,defaultProp,onChange=()=>{}}){let[uncontrolledProp,setUncontrolledProp]=$71cd76cc60e0454e$var$useUncontrolledState({defaultProp,onChange}),isControlled=prop!==void 0,value1=isControlled?prop:uncontrolledProp,handleChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange),setValue=(0,import_react28.useCallback)(nextValue=>{if(isControlled){let value2=typeof nextValue=="function"?nextValue(prop):nextValue;value2!==prop&&handleChange(value2)}else setUncontrolledProp(nextValue)},[isControlled,prop,setUncontrolledProp,handleChange]);return[value1,setValue]}function $71cd76cc60e0454e$var$useUncontrolledState({defaultProp,onChange}){let uncontrolledState=(0,import_react28.useState)(defaultProp),[value2]=uncontrolledState,prevValueRef=(0,import_react28.useRef)(value2),handleChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);return(0,import_react28.useEffect)(()=>{prevValueRef.current!==value2&&(handleChange(value2),prevValueRef.current=value2)},[value2,prevValueRef,handleChange]),uncontrolledState}var import_react29=__toESM(require_react(),1);function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value2){let ref=(0,import_react29.useRef)({value:value2,previous:value2});return(0,import_react29.useMemo)(()=>(ref.current.value!==value2&&(ref.current.previous=ref.current.value,ref.current.value=value2),ref.current.previous),[value2])}var import_react30=__toESM(require_react(),1);var $ea1ef594cf570d83$export$439d29a4e110a164=(0,import_react30.forwardRef)((props,forwardedRef)=>(0,import_react30.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({},props,{ref:forwardedRef,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...props.style}})));var getDefaultParent=function(originalTarget){if(typeof document>"u")return null;var sampleTarget=Array.isArray(originalTarget)?originalTarget[0]:originalTarget;return sampleTarget.ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,unwrapHost=function(node){return node&&(node.host||unwrapHost(node.parentNode))},correctTargets=function(parent,targets){return targets.map(function(target){if(parent.contains(target))return target;var correctedTarget=unwrapHost(target);return correctedTarget&&parent.contains(correctedTarget)?correctedTarget:(console.error("aria-hidden",target,"in not contained inside",parent,". Doing nothing"),null)}).filter(function(x5){return!!x5})},applyAttributeToOthers=function(originalTarget,parentNode,markerName,controlAttribute){var targets=correctTargets(parentNode,Array.isArray(originalTarget)?originalTarget:[originalTarget]);markerMap[markerName]||(markerMap[markerName]=new WeakMap);var markerCounter=markerMap[markerName],hiddenNodes=[],elementsToKeep=new Set,elementsToStop=new Set(targets),keep=function(el){!el||elementsToKeep.has(el)||(elementsToKeep.add(el),keep(el.parentNode))};targets.forEach(keep);var deep=function(parent){!parent||elementsToStop.has(parent)||Array.prototype.forEach.call(parent.children,function(node){if(elementsToKeep.has(node))deep(node);else{var attr=node.getAttribute(controlAttribute),alreadyHidden=attr!==null&&attr!=="false",counterValue=(counterMap.get(node)||0)+1,markerValue=(markerCounter.get(node)||0)+1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),hiddenNodes.push(node),counterValue===1&&alreadyHidden&&uncontrolledNodes.set(node,!0),markerValue===1&&node.setAttribute(markerName,"true"),alreadyHidden||node.setAttribute(controlAttribute,"true")}})};return deep(parentNode),elementsToKeep.clear(),lockCount++,function(){hiddenNodes.forEach(function(node){var counterValue=counterMap.get(node)-1,markerValue=markerCounter.get(node)-1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),counterValue||(uncontrolledNodes.has(node)||node.removeAttribute(controlAttribute),uncontrolledNodes.delete(node)),markerValue||node.removeAttribute(markerName)}),lockCount--,lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={})}},hideOthers=function(originalTarget,parentNode,markerName){markerName===void 0&&(markerName="data-aria-hidden");var targets=Array.from(Array.isArray(originalTarget)?originalTarget:[originalTarget]),activeParentNode=parentNode||getDefaultParent(originalTarget);return activeParentNode?(targets.push.apply(targets,Array.from(activeParentNode.querySelectorAll("[aria-live]"))),applyAttributeToOthers(targets,activeParentNode,markerName,"aria-hidden")):function(){return null}};var __assign2=function(){return __assign2=Object.assign||function(t4){for(var s4,i5=1,n5=arguments.length;i5<n5;i5++){s4=arguments[i5];for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&(t4[p4]=s4[p4])}return t4},__assign2.apply(this,arguments)};function __rest2(s4,e4){var t4={};for(var p4 in s4)Object.prototype.hasOwnProperty.call(s4,p4)&&e4.indexOf(p4)<0&&(t4[p4]=s4[p4]);if(s4!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i5=0,p4=Object.getOwnPropertySymbols(s4);i5<p4.length;i5++)e4.indexOf(p4[i5])<0&&Object.prototype.propertyIsEnumerable.call(s4,p4[i5])&&(t4[p4[i5]]=s4[p4[i5]]);return t4}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i5=0,l4=from.length,ar;i5<l4;i5++)(ar||!(i5 in from))&&(ar||(ar=Array.prototype.slice.call(from,0,i5)),ar[i5]=from[i5]);return to.concat(ar||Array.prototype.slice.call(from))}var React15=__toESM(require_react());var React11=__toESM(require_react());var zeroRightClassName="right-scroll-bar-position",fullWidthClassName="width-before-scroll-bar",noScrollbarsClassName="with-scroll-bars-hidden",removedBarSizeVariable="--removed-body-scroll-bar-size";function assignRef(ref,value2){return typeof ref=="function"?ref(value2):ref&&(ref.current=value2),ref}var import_react31=__toESM(require_react());function useCallbackRef(initialValue,callback){var ref=(0,import_react31.useState)(function(){return{value:initialValue,callback,facade:{get current(){return ref.value},set current(value2){var last=ref.value;last!==value2&&(ref.value=value2,ref.callback(value2,last))}}}})[0];return ref.callback=callback,ref.facade}function useMergeRefs(refs2,defaultValue){return useCallbackRef(defaultValue||null,function(newValue){return refs2.forEach(function(ref){return assignRef(ref,newValue)})})}function ItoI(a4){return a4}function innerCreateMedium(defaults,middleware){middleware===void 0&&(middleware=ItoI);var buffer=[],assigned=!1,medium={read:function(){if(assigned)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return buffer.length?buffer[buffer.length-1]:defaults},useMedium:function(data){var item=middleware(data,assigned);return buffer.push(item),function(){buffer=buffer.filter(function(x5){return x5!==item})}},assignSyncMedium:function(cb){for(assigned=!0;buffer.length;){var cbs=buffer;buffer=[],cbs.forEach(cb)}buffer={push:function(x5){return cb(x5)},filter:function(){return buffer}}},assignMedium:function(cb){assigned=!0;var pendingQueue=[];if(buffer.length){var cbs=buffer;buffer=[],cbs.forEach(cb),pendingQueue=buffer}var executeQueue=function(){var cbs2=pendingQueue;pendingQueue=[],cbs2.forEach(cb)},cycle2=function(){return Promise.resolve().then(executeQueue)};cycle2(),buffer={push:function(x5){pendingQueue.push(x5),cycle2()},filter:function(filter){return pendingQueue=pendingQueue.filter(filter),buffer}}}};return medium}function createSidecarMedium(options3){options3===void 0&&(options3={});var medium=innerCreateMedium(null);return medium.options=__assign2({async:!0,ssr:!1},options3),medium}var React10=__toESM(require_react()),SideCar=function(_a){var sideCar=_a.sideCar,rest=__rest2(_a,["sideCar"]);if(!sideCar)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var Target=sideCar.read();if(!Target)throw new Error("Sidecar medium not found");return React10.createElement(Target,__assign2({},rest))};SideCar.isSideCarExport=!0;function exportSidecar(medium,exported){return medium.useMedium(exported),SideCar}var effectCar=createSidecarMedium();var nothing=function(){},RemoveScroll=React11.forwardRef(function(props,parentRef){var ref=React11.useRef(null),_a=React11.useState({onScrollCapture:nothing,onWheelCapture:nothing,onTouchMoveCapture:nothing}),callbacks=_a[0],setCallbacks=_a[1],forwardProps=props.forwardProps,children=props.children,className=props.className,removeScrollBar=props.removeScrollBar,enabled=props.enabled,shards=props.shards,sideCar=props.sideCar,noIsolation=props.noIsolation,inert=props.inert,allowPinchZoom=props.allowPinchZoom,_b=props.as,Container7=_b===void 0?"div":_b,rest=__rest2(props,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),SideCar2=sideCar,containerRef=useMergeRefs([ref,parentRef]),containerProps=__assign2(__assign2({},rest),callbacks);return React11.createElement(React11.Fragment,null,enabled&&React11.createElement(SideCar2,{sideCar:effectCar,removeScrollBar,shards,noIsolation,inert,setCallbacks,allowPinchZoom:!!allowPinchZoom,lockRef:ref}),forwardProps?React11.cloneElement(React11.Children.only(children),__assign2(__assign2({},containerProps),{ref:containerRef})):React11.createElement(Container7,__assign2({},containerProps,{className,ref:containerRef}),children))});RemoveScroll.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};RemoveScroll.classNames={fullWidth:fullWidthClassName,zeroRight:zeroRightClassName};var React14=__toESM(require_react());var React13=__toESM(require_react());var React12=__toESM(require_react());var currentNonce;var getNonce=function(){if(currentNonce)return currentNonce;if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function makeStyleTag(){if(!document)return null;var tag=document.createElement("style");tag.type="text/css";var nonce=getNonce();return nonce&&tag.setAttribute("nonce",nonce),tag}function injectStyles(tag,css){tag.styleSheet?tag.styleSheet.cssText=css:tag.appendChild(document.createTextNode(css))}function insertStyleTag(tag){var head=document.head||document.getElementsByTagName("head")[0];head.appendChild(tag)}var stylesheetSingleton=function(){var counter=0,stylesheet=null;return{add:function(style){counter==0&&(stylesheet=makeStyleTag())&&(injectStyles(stylesheet,style),insertStyleTag(stylesheet)),counter++},remove:function(){counter--,!counter&&stylesheet&&(stylesheet.parentNode&&stylesheet.parentNode.removeChild(stylesheet),stylesheet=null)}}};var styleHookSingleton=function(){var sheet=stylesheetSingleton();return function(styles3,isDynamic){React12.useEffect(function(){return sheet.add(styles3),function(){sheet.remove()}},[styles3&&isDynamic])}};var styleSingleton=function(){var useStyle=styleHookSingleton(),Sheet=function(_a){var styles3=_a.styles,dynamic=_a.dynamic;return useStyle(styles3,dynamic),null};return Sheet};var zeroGap={left:0,top:0,right:0,gap:0},parse2=function(x5){return parseInt(x5||"",10)||0},getOffset=function(gapMode){var cs=window.getComputedStyle(document.body),left=cs[gapMode==="padding"?"paddingLeft":"marginLeft"],top=cs[gapMode==="padding"?"paddingTop":"marginTop"],right=cs[gapMode==="padding"?"paddingRight":"marginRight"];return[parse2(left),parse2(top),parse2(right)]},getGapWidth=function(gapMode){if(gapMode===void 0&&(gapMode="margin"),typeof window>"u")return zeroGap;var offsets=getOffset(gapMode),documentWidth=document.documentElement.clientWidth,windowWidth=window.innerWidth;return{left:offsets[0],top:offsets[1],right:offsets[2],gap:Math.max(0,windowWidth-documentWidth+offsets[2]-offsets[0])}};var Style=styleSingleton(),getStyles=function(_a,allowRelative,gapMode,important){var left=_a.left,top=_a.top,right=_a.right,gap=_a.gap;return gapMode===void 0&&(gapMode="margin"),`
|
|
394
394
|
.`.concat(noScrollbarsClassName,` {
|
|
395
395
|
overflow: hidden `).concat(important,`;
|
|
396
396
|
padding-right: `).concat(gap,"px ").concat(important,`;
|
|
@@ -430,14 +430,18 @@ To pass a single animation please supply them in simple values, e.g. animation('
|
|
|
430
430
|
`)},RemoveScrollBar=function(props){var noRelative=props.noRelative,noImportant=props.noImportant,_a=props.gapMode,gapMode=_a===void 0?"margin":_a,gap=React13.useMemo(function(){return getGapWidth(gapMode)},[gapMode]);return React13.createElement(Style,{styles:getStyles(gap,!noRelative,gapMode,noImportant?"":"!important")})};var passiveSupported=!1;if(typeof window<"u")try{options3=Object.defineProperty({},"passive",{get:function(){return passiveSupported=!0,!0}}),window.addEventListener("test",options3,options3),window.removeEventListener("test",options3,options3)}catch{passiveSupported=!1}var options3,nonPassive=passiveSupported?{passive:!1}:!1;var alwaysContainsScroll=function(node){return node.tagName==="TEXTAREA"},elementCanBeScrolled=function(node,overflow){var styles3=window.getComputedStyle(node);return styles3[overflow]!=="hidden"&&!(styles3.overflowY===styles3.overflowX&&!alwaysContainsScroll(node)&&styles3[overflow]==="visible")},elementCouldBeVScrolled=function(node){return elementCanBeScrolled(node,"overflowY")},elementCouldBeHScrolled=function(node){return elementCanBeScrolled(node,"overflowX")},locationCouldBeScrolled=function(axis,node){var current=node;do{typeof ShadowRoot<"u"&¤t instanceof ShadowRoot&&(current=current.host);var isScrollable=elementCouldBeScrolled(axis,current);if(isScrollable){var _a=getScrollVariables(axis,current),s4=_a[1],d4=_a[2];if(s4>d4)return!0}current=current.parentNode}while(current&¤t!==document.body);return!1},getVScrollVariables=function(_a){var scrollTop=_a.scrollTop,scrollHeight=_a.scrollHeight,clientHeight=_a.clientHeight;return[scrollTop,scrollHeight,clientHeight]},getHScrollVariables=function(_a){var scrollLeft=_a.scrollLeft,scrollWidth=_a.scrollWidth,clientWidth=_a.clientWidth;return[scrollLeft,scrollWidth,clientWidth]},elementCouldBeScrolled=function(axis,node){return axis==="v"?elementCouldBeVScrolled(node):elementCouldBeHScrolled(node)},getScrollVariables=function(axis,node){return axis==="v"?getVScrollVariables(node):getHScrollVariables(node)},getDirectionFactor=function(axis,direction){return axis==="h"&&direction==="rtl"?-1:1},handleScroll=function(axis,endTarget,event,sourceDelta,noOverscroll){var directionFactor=getDirectionFactor(axis,window.getComputedStyle(endTarget).direction),delta=directionFactor*sourceDelta,target=event.target,targetInLock=endTarget.contains(target),shouldCancelScroll=!1,isDeltaPositive=delta>0,availableScroll=0,availableScrollTop=0;do{var _a=getScrollVariables(axis,target),position=_a[0],scroll_1=_a[1],capacity=_a[2],elementScroll=scroll_1-capacity-directionFactor*position;(position||elementScroll)&&elementCouldBeScrolled(axis,target)&&(availableScroll+=elementScroll,availableScrollTop+=position),target=target.parentNode}while(!targetInLock&&target!==document.body||targetInLock&&(endTarget.contains(target)||endTarget===target));return(isDeltaPositive&&(noOverscroll&&availableScroll===0||!noOverscroll&&delta>availableScroll)||!isDeltaPositive&&(noOverscroll&&availableScrollTop===0||!noOverscroll&&-delta>availableScrollTop))&&(shouldCancelScroll=!0),shouldCancelScroll};var getTouchXY=function(event){return"changedTouches"in event?[event.changedTouches[0].clientX,event.changedTouches[0].clientY]:[0,0]},getDeltaXY=function(event){return[event.deltaX,event.deltaY]},extractRef=function(ref){return ref&&"current"in ref?ref.current:ref},deltaCompare=function(x5,y4){return x5[0]===y4[0]&&x5[1]===y4[1]},generateStyle=function(id){return`
|
|
431
431
|
.block-interactivity-`.concat(id,` {pointer-events: none;}
|
|
432
432
|
.allow-interactivity-`).concat(id,` {pointer-events: all;}
|
|
433
|
-
`)},idCounter=0,lockStack=[];function RemoveScrollSideCar(props){var shouldPreventQueue=React14.useRef([]),touchStartRef=React14.useRef([0,0]),activeAxis=React14.useRef(),id=React14.useState(idCounter++)[0],Style2=React14.useState(function(){return styleSingleton()})[0],lastProps=React14.useRef(props);React14.useEffect(function(){lastProps.current=props},[props]),React14.useEffect(function(){if(props.inert){document.body.classList.add("block-interactivity-".concat(id));var allow_1=__spreadArray([props.lockRef.current],(props.shards||[]).map(extractRef),!0).filter(Boolean);return allow_1.forEach(function(el){return el.classList.add("allow-interactivity-".concat(id))}),function(){document.body.classList.remove("block-interactivity-".concat(id)),allow_1.forEach(function(el){return el.classList.remove("allow-interactivity-".concat(id))})}}},[props.inert,props.lockRef.current,props.shards]);var shouldCancelEvent=React14.useCallback(function(event,parent){if("touches"in event&&event.touches.length===2)return!lastProps.current.allowPinchZoom;var touch=getTouchXY(event),touchStart=touchStartRef.current,deltaX="deltaX"in event?event.deltaX:touchStart[0]-touch[0],deltaY="deltaY"in event?event.deltaY:touchStart[1]-touch[1],currentAxis,target=event.target,moveDirection=Math.abs(deltaX)>Math.abs(deltaY)?"h":"v";if("touches"in event&&moveDirection==="h"&&target.type==="range")return!1;var canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target);if(!canBeScrolledInMainDirection)return!0;if(canBeScrolledInMainDirection?currentAxis=moveDirection:(currentAxis=moveDirection==="v"?"h":"v",canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target)),!canBeScrolledInMainDirection)return!1;if(!activeAxis.current&&"changedTouches"in event&&(deltaX||deltaY)&&(activeAxis.current=currentAxis),!currentAxis)return!0;var cancelingAxis=activeAxis.current||currentAxis;return handleScroll(cancelingAxis,parent,event,cancelingAxis==="h"?deltaX:deltaY,!0)},[]),shouldPrevent=React14.useCallback(function(_event){var event=_event;if(!(!lockStack.length||lockStack[lockStack.length-1]!==Style2)){var delta="deltaY"in event?getDeltaXY(event):getTouchXY(event),sourceEvent=shouldPreventQueue.current.filter(function(e4){return e4.name===event.type&&e4.target===event.target&&deltaCompare(e4.delta,delta)})[0];if(sourceEvent&&sourceEvent.should){event.cancelable&&event.preventDefault();return}if(!sourceEvent){var shardNodes=(lastProps.current.shards||[]).map(extractRef).filter(Boolean).filter(function(node){return node.contains(event.target)}),shouldStop=shardNodes.length>0?shouldCancelEvent(event,shardNodes[0]):!lastProps.current.noIsolation;shouldStop&&event.cancelable&&event.preventDefault()}}},[]),shouldCancel=React14.useCallback(function(name2,delta,target,should){var event={name:name2,delta,target,should};shouldPreventQueue.current.push(event),setTimeout(function(){shouldPreventQueue.current=shouldPreventQueue.current.filter(function(e4){return e4!==event})},1)},[]),scrollTouchStart=React14.useCallback(function(event){touchStartRef.current=getTouchXY(event),activeAxis.current=void 0},[]),scrollWheel=React14.useCallback(function(event){shouldCancel(event.type,getDeltaXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))},[]),scrollTouchMove=React14.useCallback(function(event){shouldCancel(event.type,getTouchXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))},[]);React14.useEffect(function(){return lockStack.push(Style2),props.setCallbacks({onScrollCapture:scrollWheel,onWheelCapture:scrollWheel,onTouchMoveCapture:scrollTouchMove}),document.addEventListener("wheel",shouldPrevent,nonPassive),document.addEventListener("touchmove",shouldPrevent,nonPassive),document.addEventListener("touchstart",scrollTouchStart,nonPassive),function(){lockStack=lockStack.filter(function(inst){return inst!==Style2}),document.removeEventListener("wheel",shouldPrevent,nonPassive),document.removeEventListener("touchmove",shouldPrevent,nonPassive),document.removeEventListener("touchstart",scrollTouchStart,nonPassive)}},[]);var removeScrollBar=props.removeScrollBar,inert=props.inert;return React14.createElement(React14.Fragment,null,inert?React14.createElement(Style2,{styles:generateStyle(id)}):null,removeScrollBar?React14.createElement(RemoveScrollBar,{gapMode:"margin"}):null)}var sidecar_default=exportSidecar(effectCar,RemoveScrollSideCar);var ReactRemoveScroll=React15.forwardRef(function(props,ref){return React15.createElement(RemoveScroll,__assign2({},props,{ref,sideCar:sidecar_default}))});ReactRemoveScroll.classNames=RemoveScroll.classNames;var Combination_default=ReactRemoveScroll;var $cc7e05a45900e73f$var$OPEN_KEYS=[" ","Enter","ArrowUp","ArrowDown"],$cc7e05a45900e73f$var$SELECTION_KEYS=[" ","Enter"],$cc7e05a45900e73f$var$SELECT_NAME="Select",[$cc7e05a45900e73f$var$Collection,$cc7e05a45900e73f$var$useCollection,$cc7e05a45900e73f$var$createCollectionScope]=$e02a7d9cb1dc128c$export$c74125a8e3af6bb2($cc7e05a45900e73f$var$SELECT_NAME),[$cc7e05a45900e73f$var$createSelectContext,$cc7e05a45900e73f$export$286727a75dc039bd]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($cc7e05a45900e73f$var$SELECT_NAME,[$cc7e05a45900e73f$var$createCollectionScope,$cf1ac5d9fe0e8206$export$722aac194ae923]),$cc7e05a45900e73f$var$usePopperScope=$cf1ac5d9fe0e8206$export$722aac194ae923(),[$cc7e05a45900e73f$var$SelectProvider,$cc7e05a45900e73f$var$useSelectContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME),[$cc7e05a45900e73f$var$SelectNativeOptionsProvider,$cc7e05a45900e73f$var$useSelectNativeOptionsContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME),$cc7e05a45900e73f$export$ef9b1a59e592288f=props=>{let{__scopeSelect,children,open:openProp,defaultOpen,onOpenChange,value:valueProp,defaultValue,onValueChange,dir,name:name2,autoComplete,disabled,required}=props,popperScope=$cc7e05a45900e73f$var$usePopperScope(__scopeSelect),[trigger,setTrigger]=(0,import_react31.useState)(null),[valueNode,setValueNode]=(0,import_react31.useState)(null),[valueNodeHasChildren,setValueNodeHasChildren]=(0,import_react31.useState)(!1),direction=$f631663db3294ace$export$b39126d51d94e6f3(dir),[open=!1,setOpen]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange}),[value2,setValue]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:valueProp,defaultProp:defaultValue,onChange:onValueChange}),triggerPointerDownPosRef=(0,import_react31.useRef)(null),isFormControl=trigger?!!trigger.closest("form"):!0,[nativeOptionsSet,setNativeOptionsSet]=(0,import_react31.useState)(new Set),nativeSelectKey=Array.from(nativeOptionsSet).map(option=>option.props.value).join(";");return(0,import_react31.createElement)($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9,popperScope,(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectProvider,{required,scope:__scopeSelect,trigger,onTriggerChange:setTrigger,valueNode,onValueNodeChange:setValueNode,valueNodeHasChildren,onValueNodeHasChildrenChange:setValueNodeHasChildren,contentId:$1746a345f3d73bb7$export$f680877a34711e37(),value:value2,onValueChange:setValue,open,onOpenChange:setOpen,dir:direction,triggerPointerDownPosRef,disabled},(0,import_react31.createElement)($cc7e05a45900e73f$var$Collection.Provider,{scope:__scopeSelect},(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectNativeOptionsProvider,{scope:props.__scopeSelect,onNativeOptionAdd:(0,import_react31.useCallback)(option=>{setNativeOptionsSet(prev=>new Set(prev).add(option))},[]),onNativeOptionRemove:(0,import_react31.useCallback)(option=>{setNativeOptionsSet(prev=>{let optionsSet=new Set(prev);return optionsSet.delete(option),optionsSet})},[])},children)),isFormControl?(0,import_react31.createElement)($cc7e05a45900e73f$var$BubbleSelect,{key:nativeSelectKey,"aria-hidden":!0,required,tabIndex:-1,name:name2,autoComplete,value:value2,onChange:event=>setValue(event.target.value),disabled},value2===void 0?(0,import_react31.createElement)("option",{value:""}):null,Array.from(nativeOptionsSet)):null))},$cc7e05a45900e73f$var$TRIGGER_NAME="SelectTrigger",$cc7e05a45900e73f$export$3ac1e88a1c0b9f1=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,disabled=!1,...triggerProps}=props,popperScope=$cc7e05a45900e73f$var$usePopperScope(__scopeSelect),context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$TRIGGER_NAME,__scopeSelect),isDisabled=context.disabled||disabled,composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.onTriggerChange),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),[searchRef,handleTypeaheadSearch,resetTypeahead]=$cc7e05a45900e73f$var$useTypeaheadSearch(search=>{let enabledItems=getItems().filter(item=>!item.disabled),currentItem=enabledItems.find(item=>item.value===context.value),nextItem=$cc7e05a45900e73f$var$findNextItem(enabledItems,search,currentItem);nextItem!==void 0&&context.onValueChange(nextItem.value)}),handleOpen=()=>{isDisabled||(context.onOpenChange(!0),resetTypeahead())};return(0,import_react31.createElement)($cf1ac5d9fe0e8206$export$b688253958b8dfe7,_extends3({asChild:!0},popperScope),(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button,_extends3({type:"button",role:"combobox","aria-controls":context.contentId,"aria-expanded":context.open,"aria-required":context.required,"aria-autocomplete":"none",dir:context.dir,"data-state":context.open?"open":"closed",disabled:isDisabled,"data-disabled":isDisabled?"":void 0,"data-placeholder":context.value===void 0?"":void 0},triggerProps,{ref:composedRefs,onClick:$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onClick,event=>{event.currentTarget.focus()}),onPointerDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onPointerDown,event=>{let target=event.target;target.hasPointerCapture(event.pointerId)&&target.releasePointerCapture(event.pointerId),event.button===0&&event.ctrlKey===!1&&(handleOpen(),context.triggerPointerDownPosRef.current={x:Math.round(event.pageX),y:Math.round(event.pageY)},event.preventDefault())}),onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onKeyDown,event=>{let isTypingAhead=searchRef.current!=="";!(event.ctrlKey||event.altKey||event.metaKey)&&event.key.length===1&&handleTypeaheadSearch(event.key),!(isTypingAhead&&event.key===" ")&&$cc7e05a45900e73f$var$OPEN_KEYS.includes(event.key)&&(handleOpen(),event.preventDefault())})})))}),$cc7e05a45900e73f$var$VALUE_NAME="SelectValue",$cc7e05a45900e73f$export$e288731fd71264f0=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,className,style,children,placeholder,...valueProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$VALUE_NAME,__scopeSelect),{onValueNodeHasChildrenChange}=context,hasChildren=children!==void 0,composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.onValueNodeChange);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{onValueNodeHasChildrenChange(hasChildren)},[onValueNodeHasChildrenChange,hasChildren]),(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({},valueProps,{ref:composedRefs,style:{pointerEvents:"none"}}),context.value===void 0&&placeholder!==void 0?placeholder:children)});var $cc7e05a45900e73f$export$99b400cabb58c515=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,children,...iconProps}=props;return(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({"aria-hidden":!0},iconProps,{ref:forwardedRef}),children||"\u25BC")});var $cc7e05a45900e73f$export$b2af6c9944296213=props=>(0,import_react31.createElement)($f1701beae083dbae$export$602eac185826482c,_extends3({asChild:!0},props)),$cc7e05a45900e73f$var$CONTENT_NAME="SelectContent",$cc7e05a45900e73f$export$c973a4b3cb86a03d=(0,import_react31.forwardRef)((props,forwardedRef)=>{let context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,props.__scopeSelect),[fragment,setFragment]=(0,import_react31.useState)();if($9f79659886946c16$export$e5c5a5f917a5871c(()=>{setFragment(new DocumentFragment)},[]),!context.open){let frag=fragment;return frag?(0,import_react_dom5.createPortal)((0,import_react31.createElement)($cc7e05a45900e73f$var$SelectContentProvider,{scope:props.__scopeSelect},(0,import_react31.createElement)($cc7e05a45900e73f$var$Collection.Slot,{scope:props.__scopeSelect},(0,import_react31.createElement)("div",null,props.children))),frag):null}return(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectContentImpl,_extends3({},props,{ref:forwardedRef}))}),$cc7e05a45900e73f$var$CONTENT_MARGIN=10,[$cc7e05a45900e73f$var$SelectContentProvider,$cc7e05a45900e73f$var$useSelectContentContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME);var $cc7e05a45900e73f$var$SelectContentImpl=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,position="item-aligned",onCloseAutoFocus,onEscapeKeyDown,onPointerDownOutside,side,sideOffset,align,alignOffset,arrowPadding,collisionBoundary,collisionPadding,sticky,hideWhenDetached,avoidCollisions,...contentProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,__scopeSelect),[content,setContent]=(0,import_react31.useState)(null),[viewport,setViewport]=(0,import_react31.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContent(node)),[selectedItem,setSelectedItem]=(0,import_react31.useState)(null),[selectedItemText,setSelectedItemText]=(0,import_react31.useState)(null),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),[isPositioned,setIsPositioned]=(0,import_react31.useState)(!1),firstValidItemFoundRef=(0,import_react31.useRef)(!1);(0,import_react31.useEffect)(()=>{if(content)return hideOthers(content)},[content]),$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();let focusFirst=(0,import_react31.useCallback)(candidates=>{let[firstItem,...restItems]=getItems().map(item=>item.ref.current),[lastItem]=restItems.slice(-1),PREVIOUSLY_FOCUSED_ELEMENT=document.activeElement;for(let candidate of candidates)if(candidate===PREVIOUSLY_FOCUSED_ELEMENT||(candidate?.scrollIntoView({block:"nearest"}),candidate===firstItem&&viewport&&(viewport.scrollTop=0),candidate===lastItem&&viewport&&(viewport.scrollTop=viewport.scrollHeight),candidate?.focus(),document.activeElement!==PREVIOUSLY_FOCUSED_ELEMENT))return},[getItems,viewport]),focusSelectedItem=(0,import_react31.useCallback)(()=>focusFirst([selectedItem,content]),[focusFirst,selectedItem,content]);(0,import_react31.useEffect)(()=>{isPositioned&&focusSelectedItem()},[isPositioned,focusSelectedItem]);let{onOpenChange,triggerPointerDownPosRef}=context;(0,import_react31.useEffect)(()=>{if(content){let pointerMoveDelta={x:0,y:0},handlePointerMove=event=>{var _triggerPointerDownPo,_triggerPointerDownPo2,_triggerPointerDownPo3,_triggerPointerDownPo4;pointerMoveDelta={x:Math.abs(Math.round(event.pageX)-((_triggerPointerDownPo=(_triggerPointerDownPo2=triggerPointerDownPosRef.current)===null||_triggerPointerDownPo2===void 0?void 0:_triggerPointerDownPo2.x)!==null&&_triggerPointerDownPo!==void 0?_triggerPointerDownPo:0)),y:Math.abs(Math.round(event.pageY)-((_triggerPointerDownPo3=(_triggerPointerDownPo4=triggerPointerDownPosRef.current)===null||_triggerPointerDownPo4===void 0?void 0:_triggerPointerDownPo4.y)!==null&&_triggerPointerDownPo3!==void 0?_triggerPointerDownPo3:0))}},handlePointerUp=event=>{pointerMoveDelta.x<=10&&pointerMoveDelta.y<=10?event.preventDefault():content.contains(event.target)||onOpenChange(!1),document.removeEventListener("pointermove",handlePointerMove),triggerPointerDownPosRef.current=null};return triggerPointerDownPosRef.current!==null&&(document.addEventListener("pointermove",handlePointerMove),document.addEventListener("pointerup",handlePointerUp,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",handlePointerMove),document.removeEventListener("pointerup",handlePointerUp,{capture:!0})}}},[content,onOpenChange,triggerPointerDownPosRef]),(0,import_react31.useEffect)(()=>{let close=()=>onOpenChange(!1);return window.addEventListener("blur",close),window.addEventListener("resize",close),()=>{window.removeEventListener("blur",close),window.removeEventListener("resize",close)}},[onOpenChange]);let[searchRef,handleTypeaheadSearch]=$cc7e05a45900e73f$var$useTypeaheadSearch(search=>{let enabledItems=getItems().filter(item=>!item.disabled),currentItem=enabledItems.find(item=>item.ref.current===document.activeElement),nextItem=$cc7e05a45900e73f$var$findNextItem(enabledItems,search,currentItem);nextItem&&setTimeout(()=>nextItem.ref.current.focus())}),itemRefCallback=(0,import_react31.useCallback)((node,value2,disabled)=>{let isFirstValidItem=!firstValidItemFoundRef.current&&!disabled;(context.value!==void 0&&context.value===value2||isFirstValidItem)&&(setSelectedItem(node),isFirstValidItem&&(firstValidItemFoundRef.current=!0))},[context.value]),handleItemLeave=(0,import_react31.useCallback)(()=>content?.focus(),[content]),itemTextRefCallback=(0,import_react31.useCallback)((node,value2,disabled)=>{let isFirstValidItem=!firstValidItemFoundRef.current&&!disabled;(context.value!==void 0&&context.value===value2||isFirstValidItem)&&setSelectedItemText(node)},[context.value]),SelectPosition=position==="popper"?$cc7e05a45900e73f$var$SelectPopperPosition:$cc7e05a45900e73f$var$SelectItemAlignedPosition,popperContentProps=SelectPosition===$cc7e05a45900e73f$var$SelectPopperPosition?{side,sideOffset,align,alignOffset,arrowPadding,collisionBoundary,collisionPadding,sticky,hideWhenDetached,avoidCollisions}:{};return(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectContentProvider,{scope:__scopeSelect,content,viewport,onViewportChange:setViewport,itemRefCallback,selectedItem,onItemLeave:handleItemLeave,itemTextRefCallback,focusSelectedItem,selectedItemText,position,isPositioned,searchRef},(0,import_react31.createElement)(Combination_default,{as:$5e63c961fc1ce211$export$8c6ed5c666ac1360,allowPinchZoom:!0},(0,import_react31.createElement)($d3863c46a17e8a28$export$20e40289641fbbb6,{asChild:!0,trapped:context.open,onMountAutoFocus:event=>{event.preventDefault()},onUnmountAutoFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(onCloseAutoFocus,event=>{var _context$trigger;(_context$trigger=context.trigger)===null||_context$trigger===void 0||_context$trigger.focus({preventScroll:!0}),event.preventDefault()})},(0,import_react31.createElement)($5cb92bef7577960e$export$177fb62ff3ec1f22,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown,onPointerDownOutside,onFocusOutside:event=>event.preventDefault(),onDismiss:()=>context.onOpenChange(!1)},(0,import_react31.createElement)(SelectPosition,_extends3({role:"listbox",id:context.contentId,"data-state":context.open?"open":"closed",dir:context.dir,onContextMenu:event=>event.preventDefault()},contentProps,popperContentProps,{onPlaced:()=>setIsPositioned(!0),ref:composedRefs,style:{display:"flex",flexDirection:"column",outline:"none",...contentProps.style},onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(contentProps.onKeyDown,event=>{let isModifierKey=event.ctrlKey||event.altKey||event.metaKey;if(event.key==="Tab"&&event.preventDefault(),!isModifierKey&&event.key.length===1&&handleTypeaheadSearch(event.key),["ArrowUp","ArrowDown","Home","End"].includes(event.key)){let candidateNodes=getItems().filter(item=>!item.disabled).map(item=>item.ref.current);if(["ArrowUp","End"].includes(event.key)&&(candidateNodes=candidateNodes.slice().reverse()),["ArrowUp","ArrowDown"].includes(event.key)){let currentElement=event.target,currentIndex=candidateNodes.indexOf(currentElement);candidateNodes=candidateNodes.slice(currentIndex+1)}setTimeout(()=>focusFirst(candidateNodes)),event.preventDefault()}})}))))))});var $cc7e05a45900e73f$var$SelectItemAlignedPosition=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,onPlaced,...popperProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,__scopeSelect),contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$CONTENT_NAME,__scopeSelect),[contentWrapper,setContentWrapper]=(0,import_react31.useState)(null),[content,setContent]=(0,import_react31.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContent(node)),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),shouldExpandOnScrollRef=(0,import_react31.useRef)(!1),shouldRepositionRef=(0,import_react31.useRef)(!0),{viewport,selectedItem,selectedItemText,focusSelectedItem}=contentContext,position=(0,import_react31.useCallback)(()=>{if(context.trigger&&context.valueNode&&contentWrapper&&content&&viewport&&selectedItem&&selectedItemText){let triggerRect=context.trigger.getBoundingClientRect(),contentRect=content.getBoundingClientRect(),valueNodeRect=context.valueNode.getBoundingClientRect(),itemTextRect=selectedItemText.getBoundingClientRect();if(context.dir!=="rtl"){let itemTextOffset=itemTextRect.left-contentRect.left,left=valueNodeRect.left-itemTextOffset,leftDelta=triggerRect.left-left,minContentWidth=triggerRect.width+leftDelta,contentWidth=Math.max(minContentWidth,contentRect.width),rightEdge=window.innerWidth-$cc7e05a45900e73f$var$CONTENT_MARGIN,clampedLeft=$ae6933e535247d3d$export$7d15b64cf5a3a4c4(left,[$cc7e05a45900e73f$var$CONTENT_MARGIN,rightEdge-contentWidth]);contentWrapper.style.minWidth=minContentWidth+"px",contentWrapper.style.left=clampedLeft+"px"}else{let itemTextOffset=contentRect.right-itemTextRect.right,right=window.innerWidth-valueNodeRect.right-itemTextOffset,rightDelta=window.innerWidth-triggerRect.right-right,minContentWidth=triggerRect.width+rightDelta,contentWidth=Math.max(minContentWidth,contentRect.width),leftEdge=window.innerWidth-$cc7e05a45900e73f$var$CONTENT_MARGIN,clampedRight=$ae6933e535247d3d$export$7d15b64cf5a3a4c4(right,[$cc7e05a45900e73f$var$CONTENT_MARGIN,leftEdge-contentWidth]);contentWrapper.style.minWidth=minContentWidth+"px",contentWrapper.style.right=clampedRight+"px"}let items=getItems(),availableHeight=window.innerHeight-$cc7e05a45900e73f$var$CONTENT_MARGIN*2,itemsHeight=viewport.scrollHeight,contentStyles=window.getComputedStyle(content),contentBorderTopWidth=parseInt(contentStyles.borderTopWidth,10),contentPaddingTop=parseInt(contentStyles.paddingTop,10),contentBorderBottomWidth=parseInt(contentStyles.borderBottomWidth,10),contentPaddingBottom=parseInt(contentStyles.paddingBottom,10),fullContentHeight=contentBorderTopWidth+contentPaddingTop+itemsHeight+contentPaddingBottom+contentBorderBottomWidth,minContentHeight=Math.min(selectedItem.offsetHeight*5,fullContentHeight),viewportStyles=window.getComputedStyle(viewport),viewportPaddingTop=parseInt(viewportStyles.paddingTop,10),viewportPaddingBottom=parseInt(viewportStyles.paddingBottom,10),topEdgeToTriggerMiddle=triggerRect.top+triggerRect.height/2-$cc7e05a45900e73f$var$CONTENT_MARGIN,triggerMiddleToBottomEdge=availableHeight-topEdgeToTriggerMiddle,selectedItemHalfHeight=selectedItem.offsetHeight/2,itemOffsetMiddle=selectedItem.offsetTop+selectedItemHalfHeight,contentTopToItemMiddle=contentBorderTopWidth+contentPaddingTop+itemOffsetMiddle,itemMiddleToContentBottom=fullContentHeight-contentTopToItemMiddle;if(contentTopToItemMiddle<=topEdgeToTriggerMiddle){let isLastItem=selectedItem===items[items.length-1].ref.current;contentWrapper.style.bottom="0px";let viewportOffsetBottom=content.clientHeight-viewport.offsetTop-viewport.offsetHeight,clampedTriggerMiddleToBottomEdge=Math.max(triggerMiddleToBottomEdge,selectedItemHalfHeight+(isLastItem?viewportPaddingBottom:0)+viewportOffsetBottom+contentBorderBottomWidth),height=contentTopToItemMiddle+clampedTriggerMiddleToBottomEdge;contentWrapper.style.height=height+"px"}else{let isFirstItem=selectedItem===items[0].ref.current;contentWrapper.style.top="0px";let height=Math.max(topEdgeToTriggerMiddle,contentBorderTopWidth+viewport.offsetTop+(isFirstItem?viewportPaddingTop:0)+selectedItemHalfHeight)+itemMiddleToContentBottom;contentWrapper.style.height=height+"px",viewport.scrollTop=contentTopToItemMiddle-topEdgeToTriggerMiddle+viewport.offsetTop}contentWrapper.style.margin=`${$cc7e05a45900e73f$var$CONTENT_MARGIN}px 0`,contentWrapper.style.minHeight=minContentHeight+"px",contentWrapper.style.maxHeight=availableHeight+"px",onPlaced?.(),requestAnimationFrame(()=>shouldExpandOnScrollRef.current=!0)}},[getItems,context.trigger,context.valueNode,contentWrapper,content,viewport,selectedItem,selectedItemText,context.dir,onPlaced]);$9f79659886946c16$export$e5c5a5f917a5871c(()=>position(),[position]);let[contentZIndex,setContentZIndex]=(0,import_react31.useState)();$9f79659886946c16$export$e5c5a5f917a5871c(()=>{content&&setContentZIndex(window.getComputedStyle(content).zIndex)},[content]);let handleScrollButtonChange=(0,import_react31.useCallback)(node=>{node&&shouldRepositionRef.current===!0&&(position(),focusSelectedItem?.(),shouldRepositionRef.current=!1)},[position,focusSelectedItem]);return(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectViewportProvider,{scope:__scopeSelect,contentWrapper,shouldExpandOnScrollRef,onScrollButtonChange:handleScrollButtonChange},(0,import_react31.createElement)("div",{ref:setContentWrapper,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:contentZIndex}},(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},popperProps,{ref:composedRefs,style:{boxSizing:"border-box",maxHeight:"100%",...popperProps.style}}))))});var $cc7e05a45900e73f$var$SelectPopperPosition=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,align="start",collisionPadding=$cc7e05a45900e73f$var$CONTENT_MARGIN,...popperProps}=props,popperScope=$cc7e05a45900e73f$var$usePopperScope(__scopeSelect);return(0,import_react31.createElement)($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2,_extends3({},popperScope,popperProps,{ref:forwardedRef,align,collisionPadding,style:{boxSizing:"border-box",...popperProps.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}}))}),[$cc7e05a45900e73f$var$SelectViewportProvider,$cc7e05a45900e73f$var$useSelectViewportContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,{}),$cc7e05a45900e73f$var$VIEWPORT_NAME="SelectViewport",$cc7e05a45900e73f$export$9ed6e7b40248d36d=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...viewportProps}=props,contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$VIEWPORT_NAME,__scopeSelect),viewportContext=$cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$VIEWPORT_NAME,__scopeSelect),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,contentContext.onViewportChange),prevScrollTopRef=(0,import_react31.useRef)(0);return(0,import_react31.createElement)(import_react31.Fragment,null,(0,import_react31.createElement)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"}}),(0,import_react31.createElement)($cc7e05a45900e73f$var$Collection.Slot,{scope:__scopeSelect},(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"data-radix-select-viewport":"",role:"presentation"},viewportProps,{ref:composedRefs,style:{position:"relative",flex:1,overflow:"auto",...viewportProps.style},onScroll:$e42e1063c40fb3ef$export$b9ecd428b558ff10(viewportProps.onScroll,event=>{let viewport=event.currentTarget,{contentWrapper,shouldExpandOnScrollRef}=viewportContext;if(shouldExpandOnScrollRef!=null&&shouldExpandOnScrollRef.current&&contentWrapper){let scrolledBy=Math.abs(prevScrollTopRef.current-viewport.scrollTop);if(scrolledBy>0){let availableHeight=window.innerHeight-$cc7e05a45900e73f$var$CONTENT_MARGIN*2,cssMinHeight=parseFloat(contentWrapper.style.minHeight),cssHeight=parseFloat(contentWrapper.style.height),prevHeight=Math.max(cssMinHeight,cssHeight);if(prevHeight<availableHeight){let nextHeight=prevHeight+scrolledBy,clampedNextHeight=Math.min(availableHeight,nextHeight),heightDiff=nextHeight-clampedNextHeight;contentWrapper.style.height=clampedNextHeight+"px",contentWrapper.style.bottom==="0px"&&(viewport.scrollTop=heightDiff>0?heightDiff:0,contentWrapper.style.justifyContent="flex-end")}}}prevScrollTopRef.current=viewport.scrollTop})}))))}),$cc7e05a45900e73f$var$GROUP_NAME="SelectGroup",[$cc7e05a45900e73f$var$SelectGroupContextProvider,$cc7e05a45900e73f$var$useSelectGroupContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME),$cc7e05a45900e73f$export$ee25a334c55de1f4=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...groupProps}=props,groupId=$1746a345f3d73bb7$export$f680877a34711e37();return(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectGroupContextProvider,{scope:__scopeSelect,id:groupId},(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({role:"group","aria-labelledby":groupId},groupProps,{ref:forwardedRef})))}),$cc7e05a45900e73f$var$LABEL_NAME="SelectLabel",$cc7e05a45900e73f$export$f67338d29bd972f8=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...labelProps}=props,groupContext=$cc7e05a45900e73f$var$useSelectGroupContext($cc7e05a45900e73f$var$LABEL_NAME,__scopeSelect);return(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({id:groupContext.id},labelProps,{ref:forwardedRef}))}),$cc7e05a45900e73f$var$ITEM_NAME="SelectItem",[$cc7e05a45900e73f$var$SelectItemContextProvider,$cc7e05a45900e73f$var$useSelectItemContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$ITEM_NAME),$cc7e05a45900e73f$export$13ef48a934230896=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,value:value2,disabled=!1,textValue:textValueProp,...itemProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_NAME,__scopeSelect),contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_NAME,__scopeSelect),isSelected=context.value===value2,[textValue,setTextValue]=(0,import_react31.useState)(textValueProp??""),[isFocused,setIsFocused]=(0,import_react31.useState)(!1),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>{var _contentContext$itemR;return(_contentContext$itemR=contentContext.itemRefCallback)===null||_contentContext$itemR===void 0?void 0:_contentContext$itemR.call(contentContext,node,value2,disabled)}),textId=$1746a345f3d73bb7$export$f680877a34711e37(),handleSelect=()=>{disabled||(context.onValueChange(value2),context.onOpenChange(!1))};return(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectItemContextProvider,{scope:__scopeSelect,value:value2,disabled,textId,isSelected,onItemTextChange:(0,import_react31.useCallback)(node=>{setTextValue(prevTextValue=>{var _node$textContent;return prevTextValue||((_node$textContent=node?.textContent)!==null&&_node$textContent!==void 0?_node$textContent:"").trim()})},[])},(0,import_react31.createElement)($cc7e05a45900e73f$var$Collection.ItemSlot,{scope:__scopeSelect,value:value2,disabled,textValue},(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({role:"option","aria-labelledby":textId,"data-highlighted":isFocused?"":void 0,"aria-selected":isSelected&&isFocused,"data-state":isSelected?"checked":"unchecked","aria-disabled":disabled||void 0,"data-disabled":disabled?"":void 0,tabIndex:disabled?void 0:-1},itemProps,{ref:composedRefs,onFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onFocus,()=>setIsFocused(!0)),onBlur:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onBlur,()=>setIsFocused(!1)),onPointerUp:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerUp,handleSelect),onPointerMove:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerMove,event=>{if(disabled){var _contentContext$onIte;(_contentContext$onIte=contentContext.onItemLeave)===null||_contentContext$onIte===void 0||_contentContext$onIte.call(contentContext)}else event.currentTarget.focus({preventScroll:!0})}),onPointerLeave:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerLeave,event=>{if(event.currentTarget===document.activeElement){var _contentContext$onIte2;(_contentContext$onIte2=contentContext.onItemLeave)===null||_contentContext$onIte2===void 0||_contentContext$onIte2.call(contentContext)}}),onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onKeyDown,event=>{var _contentContext$searc;((_contentContext$searc=contentContext.searchRef)===null||_contentContext$searc===void 0?void 0:_contentContext$searc.current)!==""&&event.key===" "||($cc7e05a45900e73f$var$SELECTION_KEYS.includes(event.key)&&handleSelect(),event.key===" "&&event.preventDefault())})}))))}),$cc7e05a45900e73f$var$ITEM_TEXT_NAME="SelectItemText",$cc7e05a45900e73f$export$3572fb0fb821ff49=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,className,style,...itemTextProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),itemContext=$cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),nativeOptionsContext=$cc7e05a45900e73f$var$useSelectNativeOptionsContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),[itemTextNode,setItemTextNode]=(0,import_react31.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setItemTextNode(node),itemContext.onItemTextChange,node=>{var _contentContext$itemT;return(_contentContext$itemT=contentContext.itemTextRefCallback)===null||_contentContext$itemT===void 0?void 0:_contentContext$itemT.call(contentContext,node,itemContext.value,itemContext.disabled)}),textContent=itemTextNode?.textContent,nativeOption=(0,import_react31.useMemo)(()=>(0,import_react31.createElement)("option",{key:itemContext.value,value:itemContext.value,disabled:itemContext.disabled},textContent),[itemContext.disabled,itemContext.value,textContent]),{onNativeOptionAdd,onNativeOptionRemove}=nativeOptionsContext;return $9f79659886946c16$export$e5c5a5f917a5871c(()=>(onNativeOptionAdd(nativeOption),()=>onNativeOptionRemove(nativeOption)),[onNativeOptionAdd,onNativeOptionRemove,nativeOption]),(0,import_react31.createElement)(import_react31.Fragment,null,(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({id:itemContext.textId},itemTextProps,{ref:composedRefs})),itemContext.isSelected&&context.valueNode&&!context.valueNodeHasChildren?(0,import_react_dom5.createPortal)(itemTextProps.children,context.valueNode):null)}),$cc7e05a45900e73f$var$ITEM_INDICATOR_NAME="SelectItemIndicator",$cc7e05a45900e73f$export$6b9198de19accfe6=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...itemIndicatorProps}=props;return $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_INDICATOR_NAME,__scopeSelect).isSelected?(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({"aria-hidden":!0},itemIndicatorProps,{ref:forwardedRef})):null}),$cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME="SelectScrollUpButton",$cc7e05a45900e73f$export$d8117927658af6d7=(0,import_react31.forwardRef)((props,forwardedRef)=>{let contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME,props.__scopeSelect),viewportContext=$cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME,props.__scopeSelect),[canScrollUp1,setCanScrollUp]=(0,import_react31.useState)(!1),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,viewportContext.onScrollButtonChange);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(contentContext.viewport&&contentContext.isPositioned){let handleScroll2=function(){let canScrollUp=viewport.scrollTop>0;setCanScrollUp(canScrollUp)},viewport=contentContext.viewport;return handleScroll2(),viewport.addEventListener("scroll",handleScroll2),()=>viewport.removeEventListener("scroll",handleScroll2)}},[contentContext.viewport,contentContext.isPositioned]),canScrollUp1?(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectScrollButtonImpl,_extends3({},props,{ref:composedRefs,onAutoScroll:()=>{let{viewport,selectedItem}=contentContext;viewport&&selectedItem&&(viewport.scrollTop=viewport.scrollTop-selectedItem.offsetHeight)}})):null}),$cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME="SelectScrollDownButton",$cc7e05a45900e73f$export$ff951e476c12189=(0,import_react31.forwardRef)((props,forwardedRef)=>{let contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME,props.__scopeSelect),viewportContext=$cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME,props.__scopeSelect),[canScrollDown1,setCanScrollDown]=(0,import_react31.useState)(!1),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,viewportContext.onScrollButtonChange);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(contentContext.viewport&&contentContext.isPositioned){let handleScroll2=function(){let maxScroll=viewport.scrollHeight-viewport.clientHeight,canScrollDown=Math.ceil(viewport.scrollTop)<maxScroll;setCanScrollDown(canScrollDown)},viewport=contentContext.viewport;return handleScroll2(),viewport.addEventListener("scroll",handleScroll2),()=>viewport.removeEventListener("scroll",handleScroll2)}},[contentContext.viewport,contentContext.isPositioned]),canScrollDown1?(0,import_react31.createElement)($cc7e05a45900e73f$var$SelectScrollButtonImpl,_extends3({},props,{ref:composedRefs,onAutoScroll:()=>{let{viewport,selectedItem}=contentContext;viewport&&selectedItem&&(viewport.scrollTop=viewport.scrollTop+selectedItem.offsetHeight)}})):null}),$cc7e05a45900e73f$var$SelectScrollButtonImpl=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,onAutoScroll,...scrollIndicatorProps}=props,contentContext=$cc7e05a45900e73f$var$useSelectContentContext("SelectScrollButton",__scopeSelect),autoScrollTimerRef=(0,import_react31.useRef)(null),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),clearAutoScrollTimer=(0,import_react31.useCallback)(()=>{autoScrollTimerRef.current!==null&&(window.clearInterval(autoScrollTimerRef.current),autoScrollTimerRef.current=null)},[]);return(0,import_react31.useEffect)(()=>()=>clearAutoScrollTimer(),[clearAutoScrollTimer]),$9f79659886946c16$export$e5c5a5f917a5871c(()=>{var _activeItem$ref$curre;let activeItem=getItems().find(item=>item.ref.current===document.activeElement);activeItem==null||(_activeItem$ref$curre=activeItem.ref.current)===null||_activeItem$ref$curre===void 0||_activeItem$ref$curre.scrollIntoView({block:"nearest"})},[getItems]),(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"aria-hidden":!0},scrollIndicatorProps,{ref:forwardedRef,style:{flexShrink:0,...scrollIndicatorProps.style},onPointerDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerDown,()=>{autoScrollTimerRef.current===null&&(autoScrollTimerRef.current=window.setInterval(onAutoScroll,50))}),onPointerMove:$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerMove,()=>{var _contentContext$onIte3;(_contentContext$onIte3=contentContext.onItemLeave)===null||_contentContext$onIte3===void 0||_contentContext$onIte3.call(contentContext),autoScrollTimerRef.current===null&&(autoScrollTimerRef.current=window.setInterval(onAutoScroll,50))}),onPointerLeave:$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerLeave,()=>{clearAutoScrollTimer()})}))});var $cc7e05a45900e73f$export$eba4b1df07cb1d3=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...separatorProps}=props;return(0,import_react31.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"aria-hidden":!0},separatorProps,{ref:forwardedRef}))});var $cc7e05a45900e73f$var$BubbleSelect=(0,import_react31.forwardRef)((props,forwardedRef)=>{let{value:value2,...selectProps}=props,ref=(0,import_react31.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref),prevValue=$010c2913dbd2fe3d$export$5cae361ad82dce8b(value2);return(0,import_react31.useEffect)(()=>{let select=ref.current,selectProto=window.HTMLSelectElement.prototype,setValue=Object.getOwnPropertyDescriptor(selectProto,"value").set;if(prevValue!==value2&&setValue){let event=new Event("change",{bubbles:!0});setValue.call(select,value2),select.dispatchEvent(event)}},[prevValue,value2]),(0,import_react31.createElement)($ea1ef594cf570d83$export$439d29a4e110a164,{asChild:!0},(0,import_react31.createElement)("select",_extends3({},selectProps,{ref:composedRefs,defaultValue:value2})))});$cc7e05a45900e73f$var$BubbleSelect.displayName="BubbleSelect";function $cc7e05a45900e73f$var$useTypeaheadSearch(onSearchChange){let handleSearchChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onSearchChange),searchRef=(0,import_react31.useRef)(""),timerRef=(0,import_react31.useRef)(0),handleTypeaheadSearch=(0,import_react31.useCallback)(key2=>{let search=searchRef.current+key2;handleSearchChange(search),function updateSearch(value2){searchRef.current=value2,window.clearTimeout(timerRef.current),value2!==""&&(timerRef.current=window.setTimeout(()=>updateSearch(""),1e3))}(search)},[handleSearchChange]),resetTypeahead=(0,import_react31.useCallback)(()=>{searchRef.current="",window.clearTimeout(timerRef.current)},[]);return(0,import_react31.useEffect)(()=>()=>window.clearTimeout(timerRef.current),[]),[searchRef,handleTypeaheadSearch,resetTypeahead]}function $cc7e05a45900e73f$var$findNextItem(items,search,currentItem){let normalizedSearch=search.length>1&&Array.from(search).every(char=>char===search[0])?search[0]:search,currentItemIndex=currentItem?items.indexOf(currentItem):-1,wrappedItems=$cc7e05a45900e73f$var$wrapArray(items,Math.max(currentItemIndex,0));normalizedSearch.length===1&&(wrappedItems=wrappedItems.filter(v4=>v4!==currentItem));let nextItem=wrappedItems.find(item=>item.textValue.toLowerCase().startsWith(normalizedSearch.toLowerCase()));return nextItem!==currentItem?nextItem:void 0}function $cc7e05a45900e73f$var$wrapArray(array,startIndex){return array.map((_2,index3)=>array[(startIndex+index3)%array.length])}var $cc7e05a45900e73f$export$be92b6f5f03c0fe9=$cc7e05a45900e73f$export$ef9b1a59e592288f,$cc7e05a45900e73f$export$41fb9f06171c75f4=$cc7e05a45900e73f$export$3ac1e88a1c0b9f1,$cc7e05a45900e73f$export$4c8d1a57a761ef94=$cc7e05a45900e73f$export$e288731fd71264f0,$cc7e05a45900e73f$export$f04a61298a47a40f=$cc7e05a45900e73f$export$99b400cabb58c515,$cc7e05a45900e73f$export$602eac185826482c=$cc7e05a45900e73f$export$b2af6c9944296213,$cc7e05a45900e73f$export$7c6e2c02157bb7d2=$cc7e05a45900e73f$export$c973a4b3cb86a03d,$cc7e05a45900e73f$export$d5c6c08dc2d3ca7=$cc7e05a45900e73f$export$9ed6e7b40248d36d,$cc7e05a45900e73f$export$eb2fcfdbd7ba97d4=$cc7e05a45900e73f$export$ee25a334c55de1f4,$cc7e05a45900e73f$export$b04be29aa201d4f5=$cc7e05a45900e73f$export$f67338d29bd972f8,$cc7e05a45900e73f$export$6d08773d2e66f8f2=$cc7e05a45900e73f$export$13ef48a934230896,$cc7e05a45900e73f$export$d6e5bf9c43ea9319=$cc7e05a45900e73f$export$3572fb0fb821ff49,$cc7e05a45900e73f$export$c3468e2714d175fa=$cc7e05a45900e73f$export$6b9198de19accfe6,$cc7e05a45900e73f$export$2f60d3ec9ad468f2=$cc7e05a45900e73f$export$d8117927658af6d7,$cc7e05a45900e73f$export$bf1aedc3039c8d63=$cc7e05a45900e73f$export$ff951e476c12189,$cc7e05a45900e73f$export$1ff3c3f08ae963c0=$cc7e05a45900e73f$export$eba4b1df07cb1d3;var dist_exports6={};__export(dist_exports6,{Accessibility:()=>Accessibility,AccessibilityAlt:()=>AccessibilityAlt,Add:()=>Add,Admin:()=>Admin,Alert:()=>Alert,AlertAlt:()=>AlertAlt,Apple:()=>Apple,ArrowDown:()=>ArrowDown,ArrowLeft:()=>ArrowLeft,ArrowRight:()=>ArrowRight,ArrowSolidDown:()=>ArrowSolidDown,ArrowSolidLeft:()=>ArrowSolidLeft,ArrowSolidRight:()=>ArrowSolidRight,ArrowSolidUp:()=>ArrowSolidUp,ArrowUp:()=>ArrowUp,AzureDevOps:()=>AzureDevOps,Back:()=>Back,Basket:()=>Basket,BatchAccept:()=>BatchAccept,BatchDeny:()=>BatchDeny,Beaker:()=>Beaker,Bell:()=>Bell,Bitbucket:()=>Bitbucket,Bold:()=>Bold,Book:()=>Book,Bookmark:()=>Bookmark,BookmarkHollow:()=>BookmarkHollow,BottomBar:()=>BottomBar,BottomBarToggle:()=>BottomBarToggle,Box:()=>Box,Branch:()=>Branch,Browser:()=>Browser,Button:()=>Button2,CPU:()=>CPU,Calendar:()=>Calendar,Camera:()=>Camera,Category:()=>Category,Certificate:()=>Certificate,Changed:()=>Changed,Chat:()=>Chat,Check:()=>Check,ChevronDown:()=>ChevronDown,ChevronLeft:()=>ChevronLeft,ChevronRight:()=>ChevronRight,ChevronUp:()=>ChevronUp,Chromatic:()=>Chromatic,Chrome:()=>Chrome,Circle:()=>Circle,CircleHollow:()=>CircleHollow,Clear:()=>Clear,Close:()=>Close,CloseAlt:()=>CloseAlt,Cloud:()=>Cloud,CloudHollow:()=>CloudHollow,Cog:()=>Cog,Collapse:()=>Collapse,Command:()=>Command,Comment:()=>Comment,CommentAdd:()=>CommentAdd,Comments:()=>Comments,Commit:()=>Commit,Compass:()=>Compass,Component:()=>Component5,ComponentDriven:()=>ComponentDriven,Contrast:()=>Contrast,Controls:()=>Controls,Copy:()=>Copy,Credit:()=>Credit,Cross:()=>Cross,Dashboard:()=>Dashboard,Database:()=>Database,Delete:()=>Delete,Diamond:()=>Diamond,Direction:()=>Direction,Discord:()=>Discord,DocChart:()=>DocChart,DocList:()=>DocList,Document:()=>Document,Download:()=>Download,Drag:()=>Drag,Edit:()=>Edit,Ellipsis:()=>Ellipsis2,Email:()=>Email,Expand:()=>Expand,ExpandAlt:()=>ExpandAlt,Eye:()=>Eye,EyeClose:()=>EyeClose,FaceHappy:()=>FaceHappy,FaceNeutral:()=>FaceNeutral,FaceSad:()=>FaceSad,Facebook:()=>Facebook,Failed:()=>Failed,FastForward:()=>FastForward,Figma:()=>Figma,Filter:()=>Filter,Flag:()=>Flag,Folder:()=>Folder,Form:()=>Form2,GDrive:()=>GDrive,Github:()=>Github,Gitlab:()=>Gitlab,Globe:()=>Globe,Google:()=>Google,GraphBar:()=>GraphBar,GraphLine:()=>GraphLine,Graphql:()=>Graphql,Grid:()=>Grid,GridAlt:()=>GridAlt,Grow:()=>Grow,Heart:()=>Heart,HeartHollow:()=>HeartHollow,Home:()=>Home,Hourglass:()=>Hourglass,Info:()=>Info,Italic:()=>Italic,JumpTo:()=>JumpTo,Key:()=>Key,Lightning:()=>Lightning,LightningOff:()=>LightningOff,Link:()=>Link4,LinkBroken:()=>LinkBroken,Linkedin:()=>Linkedin,Linux:()=>Linux,ListOrdered:()=>ListOrdered,ListUnordered:()=>ListUnordered,Location:()=>Location2,Lock:()=>Lock,Markdown:()=>Markdown,Markup:()=>Markup,Medium:()=>Medium,Memory:()=>Memory,Menu:()=>Menu,MenuReverse:()=>MenuReverse,Merge:()=>Merge,Mirror:()=>Mirror,Mobile:()=>Mobile2,Moon:()=>Moon,Nut:()=>Nut,Outbox:()=>Outbox,Outline:()=>Outline,PaintBrush:()=>PaintBrush,PaperClip:()=>PaperClip,Paragraph:()=>Paragraph,Passed:()=>Passed,Phone:()=>Phone,Photo:()=>Photo,PhotoDrag:()=>PhotoDrag,Pin:()=>Pin,PinAlt:()=>PinAlt,Play:()=>Play,PlayBack:()=>PlayBack,PlayNext:()=>PlayNext,Plus:()=>Plus,PointerDefault:()=>PointerDefault,PointerHand:()=>PointerHand,Power:()=>Power,Print:()=>Print,Proceed:()=>Proceed,Profile:()=>Profile,PullRequest:()=>PullRequest,Question:()=>Question,RSS:()=>RSS,Redirect:()=>Redirect,Redux:()=>Redux,Refresh:()=>Refresh,Reply:()=>Reply,Repo:()=>Repo,RequestChange:()=>RequestChange,Rewind:()=>Rewind,Ruler:()=>Ruler,Search:()=>Search,Share:()=>Share,ShareAlt:()=>ShareAlt,Shield:()=>Shield,SideBySide:()=>SideBySide,Sidebar:()=>Sidebar2,SidebarAlt:()=>SidebarAlt,SidebarAltToggle:()=>SidebarAltToggle,SidebarToggle:()=>SidebarToggle,Speaker:()=>Speaker,Stacked:()=>Stacked,Star:()=>Star,StarHollow:()=>StarHollow,Sticker:()=>Sticker,Stop:()=>Stop,StopAlt:()=>StopAlt,Storybook:()=>Storybook,Structure:()=>Structure,Subtract:()=>Subtract,Sun:()=>Sun,Support:()=>Support,SwitchAlt:()=>SwitchAlt,Sync:()=>Sync,Tablet:()=>Tablet,ThumbsUp:()=>ThumbsUp,Time:()=>Time,Timer:()=>Timer,Transfer:()=>Transfer,Trash:()=>Trash,Twitter:()=>Twitter,Type:()=>Type,Ubuntu:()=>Ubuntu,Undo:()=>Undo,Unfold:()=>Unfold,Unlock:()=>Unlock,Unpin:()=>Unpin,Upload:()=>Upload,User:()=>User,UserAdd:()=>UserAdd,UserAlt:()=>UserAlt,Users:()=>Users,VSCode:()=>VSCode,Verified:()=>Verified,Video:()=>Video,Wand:()=>Wand,Watch:()=>Watch,Windows:()=>Windows,Wrench:()=>Wrench,Youtube:()=>Youtube,Zoom:()=>Zoom2,ZoomOut:()=>ZoomOut,ZoomReset:()=>ZoomReset,iconList:()=>iconList});var import_react32=__toESM(require_react(),1),Fallback=({size})=>import_react32.default.createElement("div",{style:{width:size,height:size}});function withSuspense(WrappedComponent){function ComponentWithSuspense(props){return import_react32.default.createElement(import_react32.Suspense,{fallback:import_react32.default.createElement(Fallback,{...props})},import_react32.default.createElement(WrappedComponent,{...props}))}return ComponentWithSuspense}var iconList=[{name:"Images",icons:["Photo","Component","Grid","Outline","PhotoDrag","GridAlt","Search","Zoom","ZoomOut","ZoomReset","Eye","EyeClose","Lightning","LightningOff","Contrast","SwitchAlt","Mirror","Grow","PaintBrush","Ruler","Stop","Camera","Video","Speaker","Play","PlayBack","PlayNext","Rewind","FastForward","StopAlt","SideBySide","Stacked","Sun","Moon"]},{name:"Documents",icons:["Book","Document","Copy","Category","Folder","Print","GraphLine","Calendar","GraphBar","Menu","MenuReverse","Filter","DocChart","DocList","Drag"]},{name:"Editing",icons:["Markup","Bold","Italic","PaperClip","ListOrdered","ListUnordered","Paragraph","Markdown"]},{name:"Git",icons:["Repo","Commit","Branch","PullRequest","Merge"]},{name:"OS",icons:["Apple","Linux","Ubuntu","Windows","Chrome"]},{name:"Logos",icons:["Storybook","AzureDevOps","Bitbucket","Chromatic","ComponentDriven","Discord","Facebook","Figma","GDrive","Github","Gitlab","Google","Graphql","Medium","Redux","Twitter","Youtube","VSCode","Linkedin"]},{name:"Devices",icons:["Browser","Tablet","Mobile","Watch","Sidebar","SidebarAlt","SidebarAltToggle","SidebarToggle","BottomBar","BottomBarToggle","CPU","Database","Memory","Structure","Box","Power"]},{name:"CRUD",icons:["Edit","Cog","Nut","Wrench","Ellipsis","Wand","Check","Form","BatchDeny","BatchAccept","Controls","Plus","CloseAlt","Cross","Trash","PinAlt","Unpin","Add","Subtract","Close","Delete","Passed","Changed","Failed","Clear","Comment","CommentAdd","RequestChange","Comments","Chat","Lock","Unlock","Key","Outbox","Credit","Button","Type","PointerDefault","PointerHand","Command"]},{name:"Communicate",icons:["Info","Question","Support","Alert","AlertAlt","Email","Phone","Link","LinkBroken","Bell","RSS","ShareAlt","Share","JumpTo","CircleHollow","Circle","BookmarkHollow","Bookmark","Diamond","HeartHollow","Heart","StarHollow","Star","Certificate","Verified","ThumbsUp","Shield","Basket","Beaker","Hourglass","Flag","CloudHollow","Cloud","Sticker"]},{name:"Wayfinding",icons:["ChevronUp","ChevronDown","ChevronLeft","ChevronRight","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","ArrowSolidUp","ArrowSolidDown","ArrowSolidLeft","ArrowSolidRight","ExpandAlt","Collapse","Expand","Unfold","Transfer","Redirect","Undo","Reply","Sync","Upload","Download","Back","Proceed","Refresh","Globe","Compass","Location","Pin","Time","Dashboard","Timer","Home","Admin","Direction"]},{name:"People",icons:["User","UserAlt","UserAdd","Users","Profile","FaceHappy","FaceNeutral","FaceSad","Accessibility","AccessibilityAlt"]}],Photo=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Photo}))),Component5=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Component}))),Grid=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Grid}))),Outline=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Outline}))),PhotoDrag=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PhotoDrag}))),GridAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).GridAlt}))),Search=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Search}))),Zoom2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Zoom}))),ZoomOut=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).ZoomOut}))),ZoomReset=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).ZoomReset}))),Eye=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Eye}))),EyeClose=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).EyeClose}))),Lightning=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Lightning}))),LightningOff=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).LightningOff}))),Contrast=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Contrast}))),SwitchAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).SwitchAlt}))),Mirror=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Mirror}))),Grow=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Grow}))),PaintBrush=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PaintBrush}))),Ruler=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Ruler}))),Stop=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Stop}))),Camera=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Camera}))),Video=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Video}))),Speaker=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Speaker}))),Play=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Play}))),PlayBack=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PlayBack}))),PlayNext=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).PlayNext}))),Rewind=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Rewind}))),FastForward=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).FastForward}))),StopAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).StopAlt}))),SideBySide=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).SideBySide}))),Stacked=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Stacked}))),Sun=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Sun}))),Moon=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Images-S2WTXNGG-NXAYS4VP.js")).Moon}))),Book=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Book}))),Document=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Document}))),Copy=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Copy}))),Category=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Category}))),Folder=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Folder}))),Print=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Print}))),GraphLine=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).GraphLine}))),Calendar=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Calendar}))),GraphBar=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).GraphBar}))),Menu=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Menu}))),MenuReverse=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).MenuReverse}))),Filter=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Filter}))),DocChart=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).DocChart}))),DocList=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).DocList}))),Drag=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Documents-SGWAY3KW-XZRZ6I6S.js")).Drag}))),Markup=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Markup}))),Bold=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Bold}))),Italic=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Italic}))),PaperClip=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).PaperClip}))),ListOrdered=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).ListOrdered}))),ListUnordered=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).ListUnordered}))),Paragraph=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Paragraph}))),Markdown=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Editing-7QFB6ZMG-J5U6QGB6.js")).Markdown}))),Repo=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Repo}))),Commit=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Commit}))),Branch=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Branch}))),PullRequest=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).PullRequest}))),Merge=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Git-DZ2D5ZUL-VKBWYJHE.js")).Merge}))),Apple=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Apple}))),Linux=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Linux}))),Ubuntu=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Ubuntu}))),Windows=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Windows}))),Chrome=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./OS-YZ2Y4VYS-KGSGCOHC.js")).Chrome}))),Storybook=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Storybook}))),AzureDevOps=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).AzureDevOps}))),Bitbucket=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Bitbucket}))),Chromatic=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Chromatic}))),ComponentDriven=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).ComponentDriven}))),Discord=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Discord}))),Facebook=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Facebook}))),Figma=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Figma}))),GDrive=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).GDrive}))),Github=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Github}))),Gitlab=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Gitlab}))),Google=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Google}))),Graphql=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Graphql}))),Medium=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Medium}))),Redux=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Redux}))),Twitter=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Twitter}))),Youtube=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Youtube}))),VSCode=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).VSCode}))),Linkedin=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Logos-SJTNNI74-F3IVL4UV.js")).Linkedin}))),Browser=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Browser}))),Tablet=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Tablet}))),Mobile2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Mobile}))),Watch=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Watch}))),Sidebar2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Sidebar}))),SidebarAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).SidebarAlt}))),SidebarAltToggle=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).SidebarAltToggle}))),SidebarToggle=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).SidebarToggle}))),BottomBar=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).BottomBar}))),BottomBarToggle=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).BottomBarToggle}))),CPU=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).CPU}))),Database=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Database}))),Memory=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Memory}))),Structure=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Structure}))),Box=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Box}))),Power=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Devices-SUYACUPO-DMGV6ENX.js")).Power}))),Edit=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Edit}))),Cog=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Cog}))),Nut=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Nut}))),Wrench=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Wrench}))),Ellipsis2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Ellipsis}))),Wand=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Wand}))),Check=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Check}))),Form2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Form}))),BatchDeny=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).BatchDeny}))),BatchAccept=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).BatchAccept}))),Controls=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Controls}))),Plus=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Plus}))),CloseAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).CloseAlt}))),Cross=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Cross}))),Trash=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Trash}))),PinAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).PinAlt}))),Unpin=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Unpin}))),Add=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Add}))),Subtract=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Subtract}))),Close=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Close}))),Delete=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Delete}))),Passed=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Passed}))),Changed=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Changed}))),Failed=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Failed}))),Clear=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Clear}))),Comment=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Comment}))),CommentAdd=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).CommentAdd}))),RequestChange=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).RequestChange}))),Comments=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Comments}))),Chat=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Chat}))),Lock=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Lock}))),Unlock=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Unlock}))),Key=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Key}))),Outbox=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Outbox}))),Credit=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Credit}))),Button2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Button}))),Type=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Type}))),PointerDefault=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).PointerDefault}))),PointerHand=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).PointerHand}))),Command=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./CRUD-I5EZL2FS-LBZVDZXV.js")).Command}))),Info=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Info}))),Question=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Question}))),Support=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Support}))),Alert=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Alert}))),AlertAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).AlertAlt}))),Email=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Email}))),Phone=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Phone}))),Link4=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Link}))),LinkBroken=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).LinkBroken}))),Bell=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Bell}))),RSS=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).RSS}))),ShareAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).ShareAlt}))),Share=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Share}))),JumpTo=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).JumpTo}))),CircleHollow=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).CircleHollow}))),Circle=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Circle}))),BookmarkHollow=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).BookmarkHollow}))),Bookmark=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Bookmark}))),Diamond=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Diamond}))),HeartHollow=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).HeartHollow}))),Heart=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Heart}))),StarHollow=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).StarHollow}))),Star=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Star}))),Certificate=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Certificate}))),Verified=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Verified}))),ThumbsUp=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).ThumbsUp}))),Shield=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Shield}))),Basket=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Basket}))),Beaker=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Beaker}))),Hourglass=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Hourglass}))),Flag=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Flag}))),CloudHollow=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).CloudHollow}))),Cloud=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Cloud}))),Sticker=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Communicate-7JXCND2Z-6SIVXWT4.js")).Sticker}))),ChevronUp=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronUp}))),ChevronDown=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronDown}))),ChevronLeft=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronLeft}))),ChevronRight=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ChevronRight}))),ArrowUp=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowUp}))),ArrowDown=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowDown}))),ArrowLeft=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowLeft}))),ArrowRight=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowRight}))),ArrowSolidUp=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidUp}))),ArrowSolidDown=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidDown}))),ArrowSolidLeft=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidLeft}))),ArrowSolidRight=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ArrowSolidRight}))),ExpandAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).ExpandAlt}))),Collapse=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Collapse}))),Expand=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Expand}))),Unfold=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Unfold}))),Transfer=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Transfer}))),Redirect=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Redirect}))),Undo=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Undo}))),Reply=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Reply}))),Sync=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Sync}))),Upload=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Upload}))),Download=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Download}))),Back=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Back}))),Proceed=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Proceed}))),Refresh=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Refresh}))),Globe=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Globe}))),Compass=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Compass}))),Location2=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Location}))),Pin=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Pin}))),Time=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Time}))),Dashboard=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Dashboard}))),Timer=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Timer}))),Home=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Home}))),Admin=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Admin}))),Direction=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./Wayfinding-BB4H7CHP-N2QAVLVA.js")).Direction}))),User=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).User}))),UserAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).UserAlt}))),UserAdd=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).UserAdd}))),Users=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).Users}))),Profile=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).Profile}))),FaceHappy=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).FaceHappy}))),FaceNeutral=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).FaceNeutral}))),FaceSad=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).FaceSad}))),Accessibility=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).Accessibility}))),AccessibilityAlt=withSuspense((0,import_react32.lazy)(async()=>({default:(await import("./People-OD4EV7WZ-DBPUNUXW.js")).AccessibilityAlt})));var Button4=(0,import_react33.forwardRef)(({as,children,icon,...props},ref)=>import_react33.default.createElement(StyledButton,{as,ref,...props},icon,!props.iconOnly&&children));Button4.displayName="Button";var StyledButton=newStyled.button(({theme,variant="primary",size="medium",disabled=!1,active=!1,iconOnly=!1})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:`${(()=>!iconOnly&&size==="small"?"0 10px":!iconOnly&&size==="medium"?"0 12px":0)()}`,width:`${(()=>iconOnly&&size==="small"?"28px":iconOnly&&size==="medium"?"32px":"auto")()}`,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:`${(()=>variant==="primary"?theme.color.secondary:variant==="secondary"?theme.button.background:variant==="tertiary"&&active?theme.background.hoverable:"transparent")()}`,color:`${(()=>variant==="primary"?theme.color.lightest:variant==="secondary"?theme.input.color:variant==="tertiary"&&active?theme.color.secondary:variant==="tertiary"?theme.color.mediumdark:theme.input.color)()}`,boxShadow:variant==="secondary"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,"&:hover":{color:variant==="tertiary"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="primary"&&(bgColor=theme.color.secondary),variant==="secondary"&&(bgColor=theme.button.background),variant==="tertiary"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:active":{color:variant==="tertiary"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="primary"&&(bgColor=theme.color.secondary),variant==="secondary"&&(bgColor=theme.button.background),variant==="tertiary"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}})),Input2=(0,import_react33.forwardRef)(({...props},ref)=>import_react33.default.createElement(StyledInput,{ref,...props}));Input2.displayName="Input";var StyledInput=newStyled.input(({theme})=>({appearance:"none",border:"0 none",display:"block",margin:" 0",position:"relative",width:"100%",height:"32px",transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color,background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,padding:"6px 10px",boxSizing:"border-box",lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}})),IconWrapper=({icon,color:colorProp,size:sizeProp,...restProps})=>{let color2=colorProp||"currentColor",size=sizeProp||"14px";return React82.createElement("span",{role:"img","aria-hidden":"true",style:{color:color2,width:size,height:size,display:"inline-flex",fontSize:"inherit"},...restProps},icon)},ExpandAlt2=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M7.354.146l4 4a.5.5 0 01-.708.708L7 1.207 3.354 4.854a.5.5 0 11-.708-.708l4-4a.5.5 0 01.708 0zM11.354 9.146a.5.5 0 010 .708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 11.708-.708L7 12.793l3.646-3.647a.5.5 0 01.708 0z",fill:"currentColor"})),...restProps})},Arrowup=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M7.354 2.896l5.5 5.5a.5.5 0 01-.708.708L7 3.957 1.854 9.104a.5.5 0 11-.708-.708l5.5-5.5a.5.5 0 01.708 0z",fill:"currentColor"})),...restProps})},Arrowdown=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M1.146 5.604l5.5 5.5a.5.5 0 00.708 0l5.5-5.5a.5.5 0 00-.708-.708L7 10.043 1.854 4.896a.5.5 0 10-.708.708z",fill:"currentColor"})),...restProps})},Check2=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M13.854 3.354a.5.5 0 00-.708-.708L5 10.793.854 6.646a.5.5 0 10-.708.708l4.5 4.5a.5.5 0 00.708 0l8.5-8.5z",fill:"currentColor"})),...restProps})},SelectTrigger=React82.forwardRef(({className,children,...props},ref)=>React82.createElement(StyledTrigger,{ref,...props},children,React82.createElement($cc7e05a45900e73f$export$f04a61298a47a40f,{asChild:!0},React82.createElement(ExpandAlt2,{size:12}))));SelectTrigger.displayName=$cc7e05a45900e73f$export$41fb9f06171c75f4.displayName;var SelectContent=React82.forwardRef(({className,children,...props},ref)=>React82.createElement($cc7e05a45900e73f$export$602eac185826482c,null,React82.createElement(StyledContent,{ref,...props},React82.createElement(StyledScrollUpButton,null,React82.createElement(Arrowup,{size:12})),React82.createElement(StyledViewport,null,children),React82.createElement(StyledScrollDownButton,null,React82.createElement(Arrowdown,{size:12})))));SelectContent.displayName=$cc7e05a45900e73f$export$7c6e2c02157bb7d2.displayName;var SelectLabel=React82.forwardRef(({className,...props},ref)=>React82.createElement($cc7e05a45900e73f$export$b04be29aa201d4f5,{ref,...props}));SelectLabel.displayName=$cc7e05a45900e73f$export$b04be29aa201d4f5.displayName;var SelectItem=React82.forwardRef(({className,children,...props},ref)=>React82.createElement(StyledItem,{ref,...props},React82.createElement(StyledItemIndicator,null,React82.createElement(Check2,{size:12})),React82.createElement($cc7e05a45900e73f$export$d6e5bf9c43ea9319,null,children)));SelectItem.displayName=$cc7e05a45900e73f$export$6d08773d2e66f8f2.displayName;var SelectSeparator=React82.forwardRef(({className,...props},ref)=>React82.createElement($cc7e05a45900e73f$export$1ff3c3f08ae963c0,{ref,...props}));SelectSeparator.displayName=$cc7e05a45900e73f$export$1ff3c3f08ae963c0.displayName;var Select2={Root:$cc7e05a45900e73f$export$be92b6f5f03c0fe9,Group:$cc7e05a45900e73f$export$eb2fcfdbd7ba97d4,Value:$cc7e05a45900e73f$export$4c8d1a57a761ef94,Trigger:SelectTrigger,Content:SelectContent,Label:SelectLabel,Item:SelectItem,Separator:SelectSeparator},StyledTrigger=newStyled($cc7e05a45900e73f$export$41fb9f06171c75f4)(({theme})=>({all:"unset",display:"flex",width:"100%",height:"32px",alignItems:"center",justifyContent:"space-between",transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color,background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,padding:"6px 10px",boxSizing:"border-box",lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&[data-placeholder]":{color:theme.textMutedColor},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`}})),StyledContent=newStyled($cc7e05a45900e73f$export$7c6e2c02157bb7d2)(({theme})=>({boxSizing:"border-box",overflow:"hidden",backgroundColor:theme.input.background,borderRadius:"6px",border:theme.base==="dark"?`1px solid ${theme.input.border}`:"1px solid transparent",width:"100%",boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)"})),StyledViewport=newStyled($cc7e05a45900e73f$export$d5c6c08dc2d3ca7)(()=>({boxSizing:"border-box",width:"100%",padding:"5px"})),StyledScrollUpButton=newStyled($cc7e05a45900e73f$export$2f60d3ec9ad468f2)(({theme})=>({display:"flex",alignItems:"center",justifyContent:"center",height:"25px",backgroundColor:theme.input.background,color:theme.input.color,cursor:"default"})),StyledScrollDownButton=newStyled($cc7e05a45900e73f$export$bf1aedc3039c8d63)(({theme})=>({display:"flex",alignItems:"center",justifyContent:"center",height:"25px",backgroundColor:theme.input.background,color:theme.input.color,cursor:"default"})),StyledItem=newStyled($cc7e05a45900e73f$export$6d08773d2e66f8f2)(({theme})=>({fontSize:"13px",lineHeight:1,color:theme.input.color,borderRadius:"3px",display:"flex",alignItems:"center",height:"25px",padding:"0 35px 0 25px",position:"relative",userSelect:"none","&[data-disabled]":{color:"red",pointerEvents:"none"},"&[data-highlighted]":{outline:"none",backgroundColor:theme.barSelectedColor,color:theme.barBg}})),StyledItemIndicator=newStyled($cc7e05a45900e73f$export$c3468e2714d175fa)(()=>({position:"absolute",left:0,width:"25px",display:"inline-flex",alignItems:"center",justifyContent:"center"})),Link5=(0,import_react33.forwardRef)(({as,children,icon,withArrow,...props},ref)=>import_react33.default.createElement(StyledLink,{as,ref,...props},import_react33.default.createElement(StyledLeft,null,icon,children),withArrow&&import_react33.default.createElement(ChevronRight,{size:8})));Link5.displayName="Link";var StyledLink=newStyled.a(({theme,variant="primary"})=>({display:"inline-flex",gap:4,alignItems:"center",transition:"all 150ms ease-out",textDecoration:"none",lineHeight:1,color:`${(()=>variant==="primary"?theme.color.secondary:variant==="secondary"?theme.textMutedColor:variant==="tertiary"?theme.color.dark:theme.color.secondary)()}`,"&:hover, &:focus":{cursor:"pointer",color:`${(()=>variant==="primary"?curriedDarken$1(.07,theme.color.secondary):variant==="secondary"?theme.color.dark:variant==="tertiary"?theme.color.darkest:curriedDarken$1(.07,theme.color.secondary))()}`},"&:active":{color:`${(()=>variant==="primary"?curriedDarken$1(.1,theme.color.secondary):variant==="secondary"?theme.color.darker:variant==="tertiary"?theme.textMutedColor:curriedDarken$1(.1,theme.color.secondary))()}`}})),StyledLeft=newStyled.span(({theme})=>({display:"inline-flex",gap:6,alignItems:"center",fontSize:theme.typography.size.s2-1}));var sharedStyles={height:10,width:10,marginLeft:-5,marginRight:-5,display:"block"},StyledIcon=newStyled(Icons)(sharedStyles,({theme})=>({color:theme.color.secondary})),SidebarIconButton=newStyled(IconButton)(({highlighted,active,theme})=>({position:"relative",overflow:"visible",color:theme.textMutedColor,marginTop:0,zIndex:1,...highlighted&&{"&:before, &:after":{content:'""',position:"absolute",top:6,right:6,width:5,height:5,zIndex:2,borderRadius:"50%",background:theme.background.app,border:`1px solid ${theme.background.app}`,boxShadow:`0 0 0 2px ${theme.background.app}`},"&:after":{background:theme.color.positive,border:"1px solid rgba(0, 0, 0, 0.1)",boxShadow:`0 0 0 2px ${theme.background.app}`},"&:hover:after, &:focus-visible:after":{boxShadow:`0 0 0 2px ${curriedTransparentize$12(.88,theme.color.secondary)}`}},...active&&{color:theme.color.secondary}})),Img3=newStyled.img(sharedStyles),Placeholder2=newStyled.div(sharedStyles);var SidebarMenuList=({menu,onHide})=>{let links=(0,import_react34.useMemo)(()=>menu.map(({onClick,...rest})=>({...rest,onClick:(event,item)=>{onClick&&onClick(event,item),onHide()}})),[menu]);return import_react34.default.createElement(TooltipLinkList,{links})},SidebarMenu=({menu,isHighlighted})=>{let[isTooltipVisible,setIsTooltipVisible]=(0,import_react34.useState)(!1);return import_react34.default.createElement(WithTooltip,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide})=>import_react34.default.createElement(SidebarMenuList,{onHide,menu}),onVisibleChange:setIsTooltipVisible},import_react34.default.createElement(SidebarIconButton,{title:"Shortcuts","aria-label":"Shortcuts",highlighted:isHighlighted,active:isTooltipVisible},import_react34.default.createElement(dist_exports6.Cog,null)))};var BrandArea=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,fontWeight:theme.typography.weight.bold,color:theme.color.defaultText,marginRight:20,display:"flex",width:"100%",alignItems:"center",minHeight:22,"& > *":{maxWidth:"100%",height:"auto",display:"block",flex:"1 1 auto"}})),HeadingWrapper=newStyled.div({display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",minHeight:28}),SkipToCanvasLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",position:"absolute",fontSize:theme.typography.size.s1,zIndex:3,border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",opacity:0,transition:"opacity 150ms ease-out","&:focus":{width:"100%",height:"inherit",padding:"10px 15px",margin:0,clip:"unset",overflow:"unset",opacity:1}}})),Heading=({menuHighlighted=!1,menu,skipLinkHref,...props})=>import_react35.default.createElement(HeadingWrapper,{...props},skipLinkHref&&import_react35.default.createElement(SkipToCanvasLink,{secondary:!0,isLink:!0,tabIndex:0,href:skipLinkHref},"Skip to canvas"),import_react35.default.createElement(BrandArea,null,import_react35.default.createElement(Brand,null)),import_react35.default.createElement(SidebarMenu,{menu,isHighlighted:menuHighlighted}));var import_react45=__toESM(require_react());var import_react42=__toESM(require_react());var import_react37=__toESM(require_react());var import_react36=__toESM(require_react());var LOADER_SEQUENCE=[0,0,1,1,2,3,3,3,1,1,1,2,2,2,3],Loadingitem=newStyled.div({cursor:"progress",fontSize:13,height:"16px",marginTop:4,marginBottom:4,alignItems:"center",overflow:"hidden"},({depth=0})=>({marginLeft:depth*15,maxWidth:85-depth*5}),({theme})=>theme.animation.inlineGlow,({theme})=>({background:theme.appBorderColor})),Contained=newStyled.div({display:"flex",flexDirection:"column",paddingLeft:20,paddingRight:20}),Loader2=({size})=>{let repeats=Math.ceil(size/LOADER_SEQUENCE.length),sequence=Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0,size);return import_react36.default.createElement(import_react36.Fragment,null,sequence.map((depth,index3)=>import_react36.default.createElement(Loadingitem,{depth,key:index3})))};var{window:globalWindow2}=scope,TextStyle=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0})),Text=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0,code:{fontSize:theme.typography.size.s1},ul:{paddingLeft:20,marginTop:8,marginBottom:8}})),ErrorDisplay=newStyled.pre({width:420,boxSizing:"border-box",borderRadius:8,overflow:"auto",whiteSpace:"pre"},({theme})=>({color:theme.color.dark})),AuthBlock=({loginUrl,id})=>{let[isAuthAttempted,setAuthAttempted]=(0,import_react37.useState)(!1),refresh=(0,import_react37.useCallback)(()=>{globalWindow2.document.location.reload()},[]),open=(0,import_react37.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow2.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),setAuthAttempted(!0)):(logger.error("unable to access loginUrl window"),clearInterval(timer))},1e3)},[]);return import_react37.default.createElement(Contained,null,import_react37.default.createElement(Spaced,null,isAuthAttempted?import_react37.default.createElement(import_react37.Fragment,null,import_react37.default.createElement(Text,null,"Authentication on ",import_react37.default.createElement("strong",null,loginUrl)," concluded. Refresh the page to fetch this Storybook."),import_react37.default.createElement("div",null,import_react37.default.createElement(Button,{small:!0,gray:!0,onClick:refresh},import_react37.default.createElement(dist_exports6.Sync,null),"Refresh now"))):import_react37.default.createElement(import_react37.Fragment,null,import_react37.default.createElement(Text,null,"Sign in to browse this Storybook."),import_react37.default.createElement("div",null,import_react37.default.createElement(Button,{small:!0,gray:!0,onClick:open},import_react37.default.createElement(dist_exports6.Lock,null),"Sign in")))))},ErrorBlock=({error})=>import_react37.default.createElement(Contained,null,import_react37.default.createElement(Spaced,null,import_react37.default.createElement(TextStyle,null,"Oh no! Something went wrong loading this Storybook.",import_react37.default.createElement("br",null),import_react37.default.createElement(WithTooltip,{tooltip:import_react37.default.createElement(ErrorDisplay,null,import_react37.default.createElement(ErrorFormatter,{error}))},import_react37.default.createElement(Link22,{isButton:!0},"View error ",import_react37.default.createElement(dist_exports6.ChevronDown,null)))," ",import_react37.default.createElement(Link22,{withArrow:!0,href:"https://storybook.js.org/docs",cancel:!1,target:"_blank"},"View docs")))),FlexSpaced=newStyled(Spaced)({display:"flex"}),WideSpaced=newStyled(Spaced)({flex:1}),EmptyBlock=({isMain})=>import_react37.default.createElement(Contained,null,import_react37.default.createElement(FlexSpaced,{col:1},import_react37.default.createElement(WideSpaced,null,import_react37.default.createElement(Text,null,isMain?import_react37.default.createElement(import_react37.default.Fragment,null,"Oh no! Your Storybook is empty. Possible reasons why:",import_react37.default.createElement("ul",null,import_react37.default.createElement("li",null,"The glob specified in ",import_react37.default.createElement("code",null,"main.js")," isn't correct."),import_react37.default.createElement("li",null,"No stories are defined in your story files."))," "):import_react37.default.createElement(import_react37.default.Fragment,null,"Yikes! Something went wrong loading these stories."))))),LoaderBlock=({isMain})=>import_react37.default.createElement(Contained,null,import_react37.default.createElement(Loader2,{size:isMain?17:5}));var import_react38=__toESM(require_react());var{document:document5,window:globalWindow3}=scope,IndicatorPlacement=newStyled.aside(({theme})=>({height:16,display:"flex",alignItems:"center","& > * + *":{marginLeft:theme.layoutMargin}})),IndicatorClickTarget=newStyled.button(({theme})=>({height:20,width:20,padding:0,margin:0,display:"flex",alignItems:"center",justifyContent:"center",background:"transparent",outline:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",color:theme.base==="light"?curriedTransparentize$12(.3,theme.color.defaultText):curriedTransparentize$12(.6,theme.color.defaultText),"&:hover":{color:theme.barSelectedColor},"&:focus":{color:theme.barSelectedColor,borderColor:theme.color.secondary},svg:{height:10,width:10,transition:"all 150ms ease-out",color:"inherit"}})),MessageTitle=newStyled.span(({theme})=>({fontWeight:theme.typography.weight.bold})),Message3=newStyled.a(({theme})=>({textDecoration:"none",lineHeight:"16px",padding:15,display:"flex",flexDirection:"row",alignItems:"flex-start",color:theme.color.defaultText,"&:not(:last-child)":{borderBottom:`1px solid ${theme.appBorderColor}`},"&:hover":{background:theme.background.hoverable,color:theme.color.darker},"&:link":{color:theme.color.darker},"&:active":{color:theme.color.darker},"&:focus":{color:theme.color.darker},"& > *":{flex:1},"& > svg":{marginTop:3,width:16,height:16,marginRight:10,flex:"unset"}})),MessageWrapper2=newStyled.div({width:280,boxSizing:"border-box",borderRadius:8,overflow:"hidden"}),BlueIcon=newStyled(Icons)(({theme})=>({color:theme.color.secondary})),YellowIcon=newStyled(Icons)(({theme})=>({color:theme.color.gold})),RedIcon=newStyled(Icons)(({theme})=>({color:theme.color.negative})),GreenIcon=newStyled(Icons)(({theme})=>({color:theme.color.green})),Version=newStyled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.regular,color:theme.base==="light"?curriedTransparentize$12(.3,theme.color.defaultText):curriedTransparentize$12(.6,theme.color.defaultText),"& > * + *":{marginLeft:4},svg:{height:10,width:10}})),CurrentVersion=({url,versions})=>{let currentVersionId=(0,import_react38.useMemo)(()=>{let c5=Object.entries(versions).find(([k3,v4])=>v4===url);return c5&&c5[0]?c5[0]:"current"},[url,versions]);return import_react38.default.createElement(Version,null,import_react38.default.createElement("span",null,currentVersionId),import_react38.default.createElement(dist_exports6.ChevronDown,null))},RefIndicator=import_react38.default.memo((0,import_react38.forwardRef)(({state,...ref},forwardedRef)=>{let api=useStorybookApi(),list=(0,import_react38.useMemo)(()=>Object.values(ref.index||{}),[ref.index]),componentCount=(0,import_react38.useMemo)(()=>list.filter(v4=>v4.type==="component").length,[list]),leafCount=(0,import_react38.useMemo)(()=>list.filter(v4=>v4.type==="docs"||v4.type==="story").length,[list]);return import_react38.default.createElement(IndicatorPlacement,{ref:forwardedRef},import_react38.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:import_react38.default.createElement(MessageWrapper2,null,import_react38.default.createElement(Spaced,{row:0},state==="loading"&&import_react38.default.createElement(LoadingMessage,{url:ref.url}),(state==="error"||state==="empty")&&import_react38.default.createElement(ErrorOccurredMessage,{url:ref.url}),state==="ready"&&import_react38.default.createElement(ReadyMessage,{url:ref.url,componentCount,leafCount}),state==="auth"&&import_react38.default.createElement(LoginRequiredMessage,{...ref}),ref.type==="auto-inject"&&state!=="error"&&import_react38.default.createElement(PerformanceDegradedMessage,null),state!=="loading"&&import_react38.default.createElement(ReadDocsMessage,null)))},import_react38.default.createElement(IndicatorClickTarget,{"data-action":"toggle-indicator","aria-label":"toggle indicator"},import_react38.default.createElement(dist_exports6.Globe,null))),ref.versions&&Object.keys(ref.versions).length?import_react38.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:tooltip=>import_react38.default.createElement(TooltipLinkList,{links:Object.entries(ref.versions).map(([id,href])=>({icon:href===ref.url?"check":void 0,id,title:id,href,onClick:(event,item)=>{event.preventDefault(),api.changeRefVersion(ref.id,item.href),tooltip.onHide()}}))})},import_react38.default.createElement(CurrentVersion,{url:ref.url,versions:ref.versions})):null)})),ReadyMessage=({url,componentCount,leafCount})=>import_react38.default.createElement(Message3,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react38.default.createElement(BlueIcon,{icon:"globe"}),import_react38.default.createElement("div",null,import_react38.default.createElement(MessageTitle,null,"View external Storybook"),import_react38.default.createElement("div",null,"Explore ",componentCount," components and ",leafCount," stories in a new browser tab."))),LoginRequiredMessage=({loginUrl,id})=>{let open=(0,import_react38.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow3.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),document5.location.reload()):clearInterval(timer)},1e3)},[]);return import_react38.default.createElement(Message3,{onClick:open},import_react38.default.createElement(YellowIcon,{icon:"lock"}),import_react38.default.createElement("div",null,import_react38.default.createElement(MessageTitle,null,"Log in required"),import_react38.default.createElement("div",null,"You need to authenticate to view this Storybook's components.")))},ReadDocsMessage=()=>import_react38.default.createElement(Message3,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition",target:"_blank"},import_react38.default.createElement(GreenIcon,{icon:"document"}),import_react38.default.createElement("div",null,import_react38.default.createElement(MessageTitle,null,"Read Composition docs"),import_react38.default.createElement("div",null,"Learn how to combine multiple Storybooks into one."))),ErrorOccurredMessage=({url})=>import_react38.default.createElement(Message3,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react38.default.createElement(RedIcon,{icon:"alert"}),import_react38.default.createElement("div",null,import_react38.default.createElement(MessageTitle,null,"Something went wrong"),import_react38.default.createElement("div",null,"This external Storybook didn't load. Debug it in a new tab now."))),LoadingMessage=({url})=>import_react38.default.createElement(Message3,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react38.default.createElement(BlueIcon,{icon:"time"}),import_react38.default.createElement("div",null,import_react38.default.createElement(MessageTitle,null,"Please wait"),import_react38.default.createElement("div",null,"This Storybook is loading."))),PerformanceDegradedMessage=()=>import_react38.default.createElement(Message3,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition#improve-your-storybook-composition",target:"_blank"},import_react38.default.createElement(YellowIcon,{icon:"lightning"}),import_react38.default.createElement("div",null,import_react38.default.createElement(MessageTitle,null,"Reduce lag"),import_react38.default.createElement("div",null,"Learn how to speed up Composition performance.")));var import_react41=__toESM(require_react());var import_react39=__toESM(require_react()),CollapseIcon2=newStyled.span(({theme,isExpanded})=>({display:"inline-block",width:0,height:0,marginTop:6,marginLeft:8,marginRight:5,color:curriedTransparentize$12(.4,theme.textMutedColor),borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid",transform:isExpanded?"rotateZ(90deg)":"none",transition:"transform .1s ease-out"})),iconColors={light:{document:"#ff8300",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"ultraviolet"},dark:{document:"gold",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"primary"}},isColor=(theme,color2)=>color2 in theme.color,TypeIcon=newStyled(Icons)({width:12,height:12,padding:1,marginTop:3,marginRight:5,flex:"0 0 auto"},({theme,icon,symbol=icon,docsMode})=>{let color2=(theme.base==="dark"?iconColors.dark:iconColors.light)[docsMode&&symbol==="document"?"docsModeDocument":symbol];return{color:isColor(theme,color2)?theme.color[color2]:color2}}),BranchNode=newStyled.button(({theme,depth=0,isExpandable=!1})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",padding:3,paddingLeft:`${(isExpandable?2:18)+depth*16}px`,color:"inherit",fontSize:`${theme.typography.size.s2-1}px`,background:"transparent","&:hover, &:focus":{background:theme.background.hoverable,outline:"none"}})),LeafNode=newStyled.a(({theme,depth=0})=>({cursor:"pointer",color:"inherit",display:"flex",flex:1,alignItems:"start",padding:3,paddingLeft:`${18+depth*16}px`,fontSize:`${theme.typography.size.s2-1}px`,textDecoration:"none"})),Path=newStyled.span(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,fontSize:`${theme.typography.size.s1-1}px`,"& > span":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& > span + span":{position:"relative",marginLeft:4,paddingLeft:7,"&:before":{content:"'/'",position:"absolute",left:0}}})),RootNode=newStyled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 20px",marginTop:16,marginBottom:4,fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",minHeight:20,letterSpacing:"0.35em",textTransform:"uppercase",color:theme.textMutedColor})),GroupNode=import_react39.default.memo(function({children,isExpanded=!1,isExpandable=!1,...props}){return import_react39.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable?import_react39.default.createElement(CollapseIcon2,{isExpanded}):null,import_react39.default.createElement(TypeIcon,{icon:"folder",useSymbol:!0,color:"primary"}),children)}),ComponentNode=import_react39.default.memo(function({theme,children,isExpanded,isExpandable,isSelected,...props}){return import_react39.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable&&import_react39.default.createElement(CollapseIcon2,{isExpanded}),import_react39.default.createElement(TypeIcon,{icon:"component",useSymbol:!0,color:"secondary"}),children)}),DocumentNode=import_react39.default.memo(function({theme,children,docsMode,...props}){return import_react39.default.createElement(LeafNode,{tabIndex:-1,...props},import_react39.default.createElement(TypeIcon,{icon:"document",useSymbol:!0,docsMode}),children)}),StoryNode=import_react39.default.memo(function({theme,children,...props}){return import_react39.default.createElement(LeafNode,{tabIndex:-1,...props},import_react39.default.createElement(TypeIcon,{icon:"bookmarkhollow",useSymbol:!0}),children)});var import_throttle=__toESM(require_throttle()),import_react40=__toESM(require_react());var codeToKeyMap={Space:" ",Slash:"/",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",ArrowDown:"ArrowDown",Escape:"Escape",Enter:"Enter"},allFalse={alt:!1,ctrl:!1,meta:!1,shift:!1},matchesModifiers=(modifiers,event)=>{let{alt,ctrl,meta,shift}=modifiers===!1?allFalse:modifiers;return!(typeof alt=="boolean"&&alt!==event.altKey||typeof ctrl=="boolean"&&ctrl!==event.ctrlKey||typeof meta=="boolean"&&meta!==event.metaKey||typeof shift=="boolean"&&shift!==event.shiftKey)},matchesKeyCode=(code,event)=>event.code?event.code===code:event.key===codeToKeyMap[code];var import_memoizerific6=__toESM(require_memoizerific());var{document:document6,window:globalWindow4}=scope,createId=(itemId,refId)=>!refId||refId===DEFAULT_REF_ID?itemId:`${refId}_${itemId}`,getLink=(item,refId)=>`${document6.location.pathname}?path=/${item.type}/${createId(item.id,refId)}`;var get4=(0,import_memoizerific6.default)(1e3)((id,dataset)=>dataset[id]),getParent=(0,import_memoizerific6.default)(1e3)((id,dataset)=>{let item=get4(id,dataset);return item&&item.type!=="root"?get4(item.parent,dataset):void 0}),getParents=(0,import_memoizerific6.default)(1e3)((id,dataset)=>{let parent=getParent(id,dataset);return parent?[parent,...getParents(parent.id,dataset)]:[]}),getAncestorIds=(0,import_memoizerific6.default)(1e3)((data,id)=>getParents(id,data).map(item=>item.id)),getDescendantIds=(0,import_memoizerific6.default)(1e3)((data,id,skipLeafs)=>{let entry=data[id];return(entry.type==="story"||entry.type==="docs"?[]:entry.children).reduce((acc,childId)=>{let child=data[childId];return!child||skipLeafs&&(child.type==="story"||child.type==="docs")||acc.push(childId,...getDescendantIds(data,childId,skipLeafs)),acc},[])});function getPath(item,ref){let parent=item.type!=="root"&&item.parent?ref.index[item.parent]:null;return parent?[...getPath(parent,ref),parent.name]:ref.id===DEFAULT_REF_ID?[]:[ref.title||ref.id]}var searchItem=(item,ref)=>({...item,refId:ref.id,path:getPath(item,ref)});function cycle(array,index3,delta){let next=index3+delta%array.length;return next<0&&(next=array.length+next),next>=array.length&&(next-=array.length),next}var scrollIntoView=(element,center=!1)=>{if(!element)return;let{top,bottom}=element.getBoundingClientRect();top>=0&&bottom<=(globalWindow4.innerHeight||document6.documentElement.clientHeight)||element.scrollIntoView({block:center?"center":"nearest"})},getStateType=(isLoading,isAuthRequired,isError,isEmpty)=>{switch(!0){case isAuthRequired:return"auth";case isError:return"error";case isLoading:return"loading";case isEmpty:return"empty";default:return"ready"}},isAncestor=(element,maybeAncestor)=>!element||!maybeAncestor?!1:element===maybeAncestor?!0:isAncestor(element.parentElement,maybeAncestor),removeNoiseFromName=storyName=>storyName.replaceAll(/(\s|-|_)/gi,""),isStoryHoistable=(storyName,componentName)=>removeNoiseFromName(storyName)===removeNoiseFromName(componentName);var{document:document7}=scope,initializeExpanded=({refId,data,initialExpanded,highlightedRef,rootIds})=>{let highlightedAncestors=highlightedRef.current?.refId===refId?getAncestorIds(data,highlightedRef.current?.itemId):[];return[...rootIds,...highlightedAncestors].reduce((acc,id)=>Object.assign(acc,{[id]:id in initialExpanded?initialExpanded[id]:!0}),{})},noop2=()=>{},useExpanded=({containerRef,isBrowsing,refId,data,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId})=>{let api=useStorybookApi(),[expanded,setExpanded]=(0,import_react40.useReducer)((state,{ids,value:value2})=>ids.reduce((acc,id)=>Object.assign(acc,{[id]:value2}),{...state}),{refId,data,highlightedRef,rootIds,initialExpanded},initializeExpanded),getElementByDataItemId=(0,import_react40.useCallback)(id=>containerRef.current?.querySelector(`[data-item-id="${id}"]`),[containerRef]),highlightElement=(0,import_react40.useCallback)(element=>{setHighlightedItemId(element.getAttribute("data-item-id")),scrollIntoView(element)},[setHighlightedItemId]),updateExpanded=(0,import_react40.useCallback)(({ids,value:value2})=>{if(setExpanded({ids,value:value2}),ids.length===1){let element=containerRef.current?.querySelector(`[data-item-id="${ids[0]}"][data-ref-id="${refId}"]`);element&&highlightElement(element)}},[containerRef,highlightElement,refId]);(0,import_react40.useEffect)(()=>{setExpanded({ids:getAncestorIds(data,selectedStoryId),value:!0})},[data,selectedStoryId]);let collapseAll=(0,import_react40.useCallback)(()=>{let ids=Object.keys(data).filter(id=>!rootIds.includes(id));setExpanded({ids,value:!1})},[data,rootIds]),expandAll=(0,import_react40.useCallback)(()=>{setExpanded({ids:Object.keys(data),value:!0})},[data]);return(0,import_react40.useEffect)(()=>api?(api.on(STORIES_COLLAPSE_ALL,collapseAll),api.on(STORIES_EXPAND_ALL,expandAll),()=>{api.off(STORIES_COLLAPSE_ALL,collapseAll),api.off(STORIES_EXPAND_ALL,expandAll)}):noop2,[api,collapseAll,expandAll]),(0,import_react40.useEffect)(()=>{let menuElement=document7.getElementById("storybook-explorer-menu"),navigateTree=(0,import_throttle.default)(event=>{let highlightedItemId=highlightedRef.current?.refId===refId&&highlightedRef.current?.itemId;if(!isBrowsing||!containerRef.current||!highlightedItemId||event.repeat||!matchesModifiers(!1,event))return;let isEnter=matchesKeyCode("Enter",event),isSpace=matchesKeyCode("Space",event),isArrowLeft=matchesKeyCode("ArrowLeft",event),isArrowRight=matchesKeyCode("ArrowRight",event);if(!(isEnter||isSpace||isArrowLeft||isArrowRight))return;let highlightedElement=getElementByDataItemId(highlightedItemId);if(!highlightedElement||highlightedElement.getAttribute("data-ref-id")!==refId)return;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;if(target.hasAttribute("data-action")){if(isEnter||isSpace)return;target.blur()}let type=highlightedElement.getAttribute("data-nodetype");(isEnter||isSpace)&&["component","story","document"].includes(type)&&onSelectStoryId(highlightedItemId);let isExpanded=highlightedElement.getAttribute("aria-expanded");if(isArrowLeft){if(isExpanded==="true"){setExpanded({ids:[highlightedItemId],value:!1});return}let parentId=highlightedElement.getAttribute("data-parent-id"),parentElement=parentId&&getElementByDataItemId(parentId);if(parentElement&&parentElement.getAttribute("data-highlightable")==="true"){highlightElement(parentElement);return}setExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!1});return}isArrowRight&&(isExpanded==="false"?updateExpanded({ids:[highlightedItemId],value:!0}):isExpanded==="true"&&updateExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!0}))},60);return document7.addEventListener("keydown",navigateTree),()=>document7.removeEventListener("keydown",navigateTree)},[containerRef,isBrowsing,refId,data,highlightedRef,setHighlightedItemId,onSelectStoryId]),[expanded,updateExpanded]};var statusPriority=["unknown","pending","success","warn","error"],statusMapping={unknown:[null,null,null],pending:["watch","currentColor","currentColor"],success:["circle","green","currentColor"],warn:["circle","orange","#A15C20"],error:["circle","red","brown"]},getHighestStatus=statuses=>statusPriority.reduce((acc,status)=>statuses.includes(status)?status:acc,"unknown");function getGroupStatus(collapsedData,status){return Object.values(collapsedData).reduce((acc,item)=>{if(item.type==="group"||item.type==="component"){let leafs=getDescendantIds(collapsedData,item.id,!1).map(id=>collapsedData[id]).filter(i5=>i5.type==="story"),combinedStatus=getHighestStatus(leafs.flatMap(story=>Object.values(status?.[story.id]||{})).map(s4=>s4.status));combinedStatus&&(acc[item.id]=combinedStatus)}return acc},{})}var Action2=newStyled.button(({theme})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:20,height:20,margin:0,marginLeft:"auto",padding:0,outline:0,lineHeight:"normal",background:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",transition:"all 150ms ease-out",color:theme.base==="light"?curriedTransparentize$12(.3,theme.color.defaultText):curriedTransparentize$12(.6,theme.color.defaultText),"&:hover":{color:theme.color.secondary},"&:focus":{color:theme.color.secondary,borderColor:theme.color.secondary,"&:not(:focus-visible)":{borderColor:"transparent"}},svg:{width:10,height:10}})),CollapseButton=newStyled.button(({theme})=>({background:"transparent",border:"none",outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",letterSpacing:"inherit",textTransform:"inherit",display:"flex",flex:"0 1 auto",padding:"3px 10px 1px 1px",margin:0,marginLeft:-19,overflow:"hidden",borderRadius:26,transition:"color 150ms, box-shadow 150ms","span:first-of-type":{marginTop:4,marginRight:7},"&:focus":{boxShadow:`0 0 0 1px ${theme.color.secondary}`,color:theme.color.secondary,"span:first-of-type":{color:theme.color.secondary},"&:not(:focus-visible)":{boxShadow:"none"}}})),LeafNodeStyleWrapper=newStyled.div(({theme})=>({position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",paddingRight:20,color:theme.color.defaultText,background:"transparent","&:hover, &:focus":{outline:"none",background:theme.background.hoverable},'&[data-selected="true"]':{color:theme.color.lightest,background:theme.color.secondary,fontWeight:theme.typography.weight.bold,"&:hover, &:focus":{background:theme.color.secondary},svg:{color:theme.color.lightest}},a:{color:"currentColor"}})),SkipToContentLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",fontSize:"10px",overflow:"hidden",width:1,height:"20px",boxSizing:"border-box",opacity:0,padding:0,"&:focus":{opacity:1,padding:"5px 10px",background:"white",color:theme.color.secondary,width:"auto"}}})),Node=import_react41.default.memo(function({item,status,refId,docsMode,isOrphan,isDisplayed,isSelected,isFullyExpanded,color:color2,setFullyExpanded,isExpanded,setExpanded,onSelectStoryId,api}){if(!isDisplayed)return null;let id=createId(item.id,refId);if(item.type==="story"||item.type==="docs"){let LeafNode2=item.type==="docs"?DocumentNode:StoryNode,statusValue=getHighestStatus(Object.values(status||{}).map(s4=>s4.status)),[icon,iconColor,textColor]=statusMapping[statusValue];return import_react41.default.createElement(LeafNodeStyleWrapper,{"data-selected":isSelected,"data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="docs"?"document":"story","data-highlightable":isDisplayed,className:"sidebar-item"},import_react41.default.createElement(LeafNode2,{style:isSelected?{}:{color:textColor},key:id,href:getLink(item,refId),id,depth:isOrphan?item.depth:item.depth-1,onClick:event=>{event.preventDefault(),onSelectStoryId(item.id)},...item.type==="docs"&&{docsMode}},item.renderLabel?.(item)||item.name),isSelected&&import_react41.default.createElement(SkipToContentLink,{secondary:!0,outline:!0,isLink:!0,href:"#storybook-preview-wrapper"},"Skip to canvas"),icon?import_react41.default.createElement(WithTooltip,{placement:"top",tooltip:()=>import_react41.default.createElement(TooltipLinkList,{links:Object.entries(status||{}).map(([k3,v4])=>({id:k3,title:v4.title,description:v4.description,right:import_react41.default.createElement(Icons,{icon:statusMapping[v4.status][0],style:{color:statusMapping[v4.status][1]}})}))}),closeOnOutsideClick:!0},import_react41.default.createElement(Action2,{type:"button"},import_react41.default.createElement(Icons,{icon,style:{color:isSelected?"white":iconColor}}))):null)}if(item.type==="root")return import_react41.default.createElement(RootNode,{key:id,id,className:"sidebar-subheading","data-ref-id":refId,"data-item-id":item.id,"data-nodetype":"root"},import_react41.default.createElement(CollapseButton,{type:"button","data-action":"collapse-root",onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded})},"aria-expanded":isExpanded},import_react41.default.createElement(CollapseIcon2,{isExpanded}),item.renderLabel?.(item)||item.name),isExpanded&&import_react41.default.createElement(Action2,{type:"button",className:"sidebar-subheading-action","aria-label":"expand","data-action":"expand-all","data-expanded":isFullyExpanded,onClick:event=>{event.preventDefault(),setFullyExpanded()}},isFullyExpanded?import_react41.default.createElement(dist_exports6.Collapse,null):import_react41.default.createElement(dist_exports6.ExpandAlt,null)));if(item.type==="component"||item.type==="group"){let BranchNode2=item.type==="component"?ComponentNode:GroupNode;return import_react41.default.createElement(BranchNode2,{key:id,id,style:color2?{color:color2}:{},className:"sidebar-item","data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="component"?"component":"group","data-highlightable":isDisplayed,"aria-controls":item.children&&item.children[0],"aria-expanded":isExpanded,depth:isOrphan?item.depth:item.depth-1,isComponent:item.type==="component",isExpandable:item.children&&item.children.length>0,isExpanded,onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded}),item.type==="component"&&!isExpanded&&onSelectStoryId(item.id)},onMouseEnter:()=>{item.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}},item.renderLabel?.(item)||item.name)}return null}),Root2=import_react41.default.memo(function({setExpanded,isFullyExpanded,expandableDescendants,...props}){let setFullyExpanded=(0,import_react41.useCallback)(()=>setExpanded({ids:expandableDescendants,value:!isFullyExpanded}),[setExpanded,isFullyExpanded,expandableDescendants]);return import_react41.default.createElement(Node,{...props,setExpanded,isFullyExpanded,setFullyExpanded})}),Container2=newStyled.div(props=>({marginTop:props.hasOrphans?20:0,marginBottom:20})),Tree=import_react41.default.memo(function({isBrowsing,isMain,refId,data,status,docsMode,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}){let containerRef=(0,import_react41.useRef)(null),api=useStorybookApi(),[rootIds,orphanIds,initialExpanded]=(0,import_react41.useMemo)(()=>Object.keys(data).reduce((acc,id)=>{let item=data[id];return item.type==="root"?acc[0].push(id):item.parent||acc[1].push(id),item.type==="root"&&item.startCollapsed&&(acc[2][id]=!1),acc},[[],[],{}]),[data]),{expandableDescendants}=(0,import_react41.useMemo)(()=>[...orphanIds,...rootIds].reduce((acc,nodeId)=>(acc.expandableDescendants[nodeId]=getDescendantIds(data,nodeId,!1).filter(d4=>!["story","docs"].includes(data[d4].type)),acc),{orphansFirst:[],expandableDescendants:{}}),[data,rootIds,orphanIds]),singleStoryComponentIds=(0,import_react41.useMemo)(()=>Object.keys(data).filter(id=>{let entry=data[id];if(entry.type!=="component")return!1;let{children=[],name:name2}=entry;if(children.length!==1)return!1;let onlyChild=data[children[0]];return onlyChild.type==="docs"?!0:onlyChild.type==="story"?isStoryHoistable(onlyChild.name,name2):!1}),[data]),collapsedItems=(0,import_react41.useMemo)(()=>Object.keys(data).filter(id=>!singleStoryComponentIds.includes(id)),[singleStoryComponentIds]),collapsedData=(0,import_react41.useMemo)(()=>singleStoryComponentIds.reduce((acc,id)=>{let{children,parent,name:name2}=data[id],[childId]=children;if(parent){let siblings=[...data[parent].children];siblings[siblings.indexOf(id)]=childId,acc[parent]={...data[parent],children:siblings}}return acc[childId]={...data[childId],name:name2,parent,depth:data[childId].depth-1},acc},{...data}),[data]),ancestry=(0,import_react41.useMemo)(()=>collapsedItems.reduce((acc,id)=>Object.assign(acc,{[id]:getAncestorIds(collapsedData,id)}),{}),[collapsedItems,collapsedData]),[expanded,setExpanded]=useExpanded({containerRef,isBrowsing,refId,data:collapsedData,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}),groupStatus=(0,import_react41.useMemo)(()=>getGroupStatus(collapsedData,status),[collapsedData,status]);return import_react41.default.createElement(Container2,{ref:containerRef,hasOrphans:isMain&&orphanIds.length>0},collapsedItems.map(itemId=>{let item=collapsedData[itemId],id=createId(itemId,refId);if(item.type==="root"){let descendants=expandableDescendants[item.id],isFullyExpanded=descendants.every(d4=>expanded[d4]);return import_react41.default.createElement(Root2,{key:id,item,refId,isOrphan:!1,isDisplayed:!0,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,isFullyExpanded,expandableDescendants:descendants,onSelectStoryId})}let isDisplayed=!item.parent||ancestry[itemId].every(a4=>expanded[a4]),color2=groupStatus[itemId]?statusMapping[groupStatus[itemId]][2]:null;return import_react41.default.createElement(Node,{api,key:id,item,status:status?.[itemId],refId,color:color2,docsMode,isOrphan:orphanIds.some(oid=>itemId===oid||itemId.startsWith(`${oid}-`)),isDisplayed,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,onSelectStoryId})}))});var Wrapper3=newStyled.div(({isMain})=>({position:"relative",marginLeft:-20,marginRight:-20,marginTop:isMain?void 0:0})),RefHead=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textDecoration:"none",lineHeight:"16px",display:"flex",alignItems:"center",justifyContent:"space-between",background:"transparent",width:"100%",marginTop:20,paddingTop:16,borderTop:`1px solid ${theme.appBorderColor}`,color:theme.base==="light"?theme.color.defaultText:curriedTransparentize$12(.2,theme.color.defaultText)})),RefTitle=newStyled.span(({theme})=>({display:"block",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1,overflow:"hidden",marginLeft:2})),CollapseButton2=newStyled.button(({theme})=>({background:"transparent",border:"1px solid transparent",borderRadius:26,outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",display:"flex",padding:3,paddingLeft:1,paddingRight:12,margin:0,marginLeft:-20,overflow:"hidden","span:first-of-type":{marginTop:5},"&:focus":{borderColor:theme.color.secondary,"span:first-of-type":{borderLeftColor:theme.color.secondary}}})),Ref=import_react42.default.memo(function(props){let{docsOptions}=useStorybookState(),api=useStorybookApi(),{index:index3,id:refId,title=refId,isLoading:isLoadingMain,isBrowsing,selectedStoryId,highlightedRef,setHighlighted,loginUrl,type,expanded=!0,indexError,previewInitialized}=props,length=(0,import_react42.useMemo)(()=>index3?Object.keys(index3).length:0,[index3]),indicatorRef=(0,import_react42.useRef)(null),isMain=refId===DEFAULT_REF_ID,isLoading=isLoadingMain||(type==="auto-inject"&&!previewInitialized||type==="server-checked")||type==="unknown",state=getStateType(isLoading,!!loginUrl&&length===0,!!indexError,!isLoading&&length===0),[isExpanded,setExpanded]=(0,import_react42.useState)(expanded),handleClick=(0,import_react42.useCallback)(()=>setExpanded(value2=>!value2),[setExpanded]),setHighlightedItemId=(0,import_react42.useCallback)(itemId=>setHighlighted({itemId,refId}),[setHighlighted]),onSelectStoryId=(0,import_react42.useCallback)(storyId=>api&&api.selectStory(storyId,void 0,{ref:!isMain&&refId}),[api,isMain,refId]);return import_react42.default.createElement(import_react42.default.Fragment,null,isMain||import_react42.default.createElement(RefHead,{"aria-label":`${isExpanded?"Hide":"Show"} ${title} stories`,"aria-expanded":isExpanded},import_react42.default.createElement(CollapseButton2,{"data-action":"collapse-ref",onClick:handleClick},import_react42.default.createElement(CollapseIcon2,{isExpanded}),import_react42.default.createElement(RefTitle,{title},title)),import_react42.default.createElement(RefIndicator,{...props,state,ref:indicatorRef})),isExpanded&&import_react42.default.createElement(Wrapper3,{"data-title":title,isMain},state==="auth"&&import_react42.default.createElement(AuthBlock,{id:refId,loginUrl}),state==="error"&&import_react42.default.createElement(ErrorBlock,{error:indexError}),state==="loading"&&import_react42.default.createElement(LoaderBlock,{isMain}),state==="empty"&&import_react42.default.createElement(EmptyBlock,{isMain}),state==="ready"&&import_react42.default.createElement(Tree,{status:props.status,isBrowsing,isMain,refId,data:index3,docsMode:docsOptions.docsMode,selectedStoryId,onSelectStoryId,highlightedRef,setHighlightedItemId})))});var import_react43=__toESM(require_react());var{document:document8,window:globalWindow5}=scope,fromSelection=selection=>selection?{itemId:selection.storyId,refId:selection.refId}:null,useHighlighted=({containerRef,isLoading,isBrowsing,dataset,selected})=>{let initialHighlight=fromSelection(selected),highlightedRef=(0,import_react43.useRef)(initialHighlight),[highlighted,setHighlighted]=(0,import_react43.useState)(initialHighlight),api=useStorybookApi(),updateHighlighted=(0,import_react43.useCallback)(highlight=>{highlightedRef.current=highlight,setHighlighted(highlight)},[highlightedRef]),highlightElement=(0,import_react43.useCallback)((element,center=!1)=>{let itemId=element.getAttribute("data-item-id"),refId=element.getAttribute("data-ref-id");!itemId||!refId||(updateHighlighted({itemId,refId}),scrollIntoView(element,center))},[updateHighlighted]);return(0,import_react43.useEffect)(()=>{let highlight=fromSelection(selected);if(updateHighlighted(highlight),highlight){let{itemId,refId}=highlight;setTimeout(()=>{scrollIntoView(containerRef.current?.querySelector(`[data-item-id="${itemId}"][data-ref-id="${refId}"]`),!0)},0)}},[dataset,highlightedRef,containerRef,selected]),(0,import_react43.useEffect)(()=>{let menuElement=document8.getElementById("storybook-explorer-menu"),lastRequestId,navigateTree=event=>{if(isLoading||!isBrowsing||!containerRef.current||!matchesModifiers(!1,event))return;let isArrowUp=matchesKeyCode("ArrowUp",event),isArrowDown=matchesKeyCode("ArrowDown",event);if(!(isArrowUp||isArrowDown))return;let requestId=globalWindow5.requestAnimationFrame(()=>{globalWindow5.cancelAnimationFrame(lastRequestId),lastRequestId=requestId;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;target.hasAttribute("data-action")&&target.blur();let highlightable=Array.from(containerRef.current.querySelectorAll("[data-highlightable=true]")),currentIndex=highlightable.findIndex(el=>el.getAttribute("data-item-id")===highlightedRef.current?.itemId&&el.getAttribute("data-ref-id")===highlightedRef.current?.refId),nextIndex=cycle(highlightable,currentIndex,isArrowUp?-1:1),didRunAround=isArrowUp?nextIndex===highlightable.length-1:nextIndex===0;if(highlightElement(highlightable[nextIndex],didRunAround),highlightable[nextIndex].getAttribute("data-nodetype")==="component"){let{itemId,refId}=highlightedRef.current,item=api.getData(itemId,refId==="storybook_internal"?void 0:refId);item.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})}})};return document8.addEventListener("keydown",navigateTree),()=>document8.removeEventListener("keydown",navigateTree)},[isLoading,isBrowsing,highlightedRef,highlightElement]),[highlighted,updateHighlighted,highlightedRef]};var import_react44=__toESM(require_react());var HighlightStyles=({refId,itemId})=>import_react44.default.createElement(Global,{styles:({color:color2})=>{let background=curriedTransparentize$12(.85,color2.secondary);return{[`[data-ref-id="${refId}"][data-item-id="${itemId}"]:not([data-selected="true"])`]:{'&[data-nodetype="component"], &[data-nodetype="group"]':{background,"&:hover, &:focus":{background}},'&[data-nodetype="story"], &[data-nodetype="document"]':{color:color2.defaultText,background,"&:hover, &:focus":{background}}}}}});var Explorer=import_react45.default.memo(function({isLoading,isBrowsing,dataset,selected}){let containerRef=(0,import_react45.useRef)(null),[highlighted,setHighlighted,highlightedRef]=useHighlighted({containerRef,isLoading,isBrowsing,dataset,selected});return import_react45.default.createElement("div",{ref:containerRef,id:"storybook-explorer-tree","data-highlighted-ref-id":highlighted?.refId,"data-highlighted-item-id":highlighted?.itemId},highlighted&&import_react45.default.createElement(HighlightStyles,{...highlighted}),dataset.entries.map(([refId,ref])=>import_react45.default.createElement(Ref,{...ref,key:refId,isLoading,isBrowsing,selectedStoryId:selected?.refId===ref.id?selected.storyId:null,highlightedRef,setHighlighted})))});var import_prop_types2=__toESM(require_prop_types()),import_react46=__toESM(require_react()),import_react_is=__toESM(require_react_is2());function t3(t4){return typeof t4=="object"&&t4!=null&&t4.nodeType===1}function e3(t4,e4){return(!e4||t4!=="hidden")&&t4!=="visible"&&t4!=="clip"}function n4(t4,n5){if(t4.clientHeight<t4.scrollHeight||t4.clientWidth<t4.scrollWidth){var r6=getComputedStyle(t4,null);return e3(r6.overflowY,n5)||e3(r6.overflowX,n5)||function(t5){var e4=function(t6){if(!t6.ownerDocument||!t6.ownerDocument.defaultView)return null;try{return t6.ownerDocument.defaultView.frameElement}catch{return null}}(t5);return!!e4&&(e4.clientHeight<t5.scrollHeight||e4.clientWidth<t5.scrollWidth)}(t4)}return!1}function r5(t4,e4,n5,r6,i5,o4,l4,d4){return o4<t4&&l4>e4||o4>t4&&l4<e4?0:o4<=t4&&d4<=n5||l4>=e4&&d4>=n5?o4-t4-r6:l4>e4&&d4<n5||o4<t4&&d4>n5?l4-e4+i5:0}var i4=function(e4,i5){var o4=window,l4=i5.scrollMode,d4=i5.block,f5=i5.inline,h5=i5.boundary,u4=i5.skipOverflowHiddenElements,s4=typeof h5=="function"?h5:function(t4){return t4!==h5};if(!t3(e4))throw new TypeError("Invalid target");for(var a4,c5,g4=document.scrollingElement||document.documentElement,p4=[],m5=e4;t3(m5)&&s4(m5);){if((m5=(c5=(a4=m5).parentElement)==null?a4.getRootNode().host||null:c5)===g4){p4.push(m5);break}m5!=null&&m5===document.body&&n4(m5)&&!n4(document.documentElement)||m5!=null&&n4(m5,u4)&&p4.push(m5)}for(var w5=o4.visualViewport?o4.visualViewport.width:innerWidth,v4=o4.visualViewport?o4.visualViewport.height:innerHeight,W3=window.scrollX||pageXOffset,H8=window.scrollY||pageYOffset,b5=e4.getBoundingClientRect(),y4=b5.height,E5=b5.width,M3=b5.top,V2=b5.right,x5=b5.bottom,I3=b5.left,C5=d4==="start"||d4==="nearest"?M3:d4==="end"?x5:M3+y4/2,R5=f5==="center"?I3+E5/2:f5==="end"?V2:I3,T3=[],k3=0;k3<p4.length;k3++){var B5=p4[k3],D4=B5.getBoundingClientRect(),O4=D4.height,X=D4.width,Y2=D4.top,L5=D4.right,S3=D4.bottom,j2=D4.left;if(l4==="if-needed"&&M3>=0&&I3>=0&&x5<=v4&&V2<=w5&&M3>=Y2&&x5<=S3&&I3>=j2&&V2<=L5)return T3;var N3=getComputedStyle(B5),q2=parseInt(N3.borderLeftWidth,10),z3=parseInt(N3.borderTopWidth,10),A5=parseInt(N3.borderRightWidth,10),F3=parseInt(N3.borderBottomWidth,10),G2=0,J=0,K2="offsetWidth"in B5?B5.offsetWidth-B5.clientWidth-q2-A5:0,P6="offsetHeight"in B5?B5.offsetHeight-B5.clientHeight-z3-F3:0,Q="offsetWidth"in B5?B5.offsetWidth===0?0:X/B5.offsetWidth:0,U2="offsetHeight"in B5?B5.offsetHeight===0?0:O4/B5.offsetHeight:0;if(g4===B5)G2=d4==="start"?C5:d4==="end"?C5-v4:d4==="nearest"?r5(H8,H8+v4,v4,z3,F3,H8+C5,H8+C5+y4,y4):C5-v4/2,J=f5==="start"?R5:f5==="center"?R5-w5/2:f5==="end"?R5-w5:r5(W3,W3+w5,w5,q2,A5,W3+R5,W3+R5+E5,E5),G2=Math.max(0,G2+H8),J=Math.max(0,J+W3);else{G2=d4==="start"?C5-Y2-z3:d4==="end"?C5-S3+F3+P6:d4==="nearest"?r5(Y2,S3,O4,z3,F3+P6,C5,C5+y4,y4):C5-(Y2+O4/2)+P6/2,J=f5==="start"?R5-j2-q2:f5==="center"?R5-(j2+X/2)+K2/2:f5==="end"?R5-L5+A5+K2:r5(j2,L5,X,q2,A5+K2,R5,R5+E5,E5);var Z=B5.scrollLeft,$=B5.scrollTop;C5+=$-(G2=Math.max(0,Math.min($+G2/U2,B5.scrollHeight-O4/U2+P6))),R5+=Z-(J=Math.max(0,Math.min(Z+J/Q,B5.scrollWidth-X/Q+K2)))}T3.push({el:B5,top:G2,left:J})}return T3};var idCounter2=0;function cbToCb(cb){return typeof cb=="function"?cb:noop3}function noop3(){}function scrollIntoView2(node,menuNode){if(!node)return;i4(node,{boundary:menuNode,block:"nearest",scrollMode:"if-needed"}).forEach(_ref=>{let{el,top,left}=_ref;el.scrollTop=top,el.scrollLeft=left})}function isOrContainsNode(parent,child,environment){return parent===child||child instanceof environment.Node&&parent.contains&&parent.contains(child)}function debounce3(fn,time){let timeoutId;function cancel(){timeoutId&&clearTimeout(timeoutId)}function wrapper(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];cancel(),timeoutId=setTimeout(()=>{timeoutId=null,fn(...args2)},time)}return wrapper.cancel=cancel,wrapper}function callAllEventHandlers(){for(var _len2=arguments.length,fns=new Array(_len2),_key2=0;_key2<_len2;_key2++)fns[_key2]=arguments[_key2];return function(event){for(var _len3=arguments.length,args2=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args2[_key3-1]=arguments[_key3];return fns.some(fn=>(fn&&fn(event,...args2),event.preventDownshiftDefault||event.hasOwnProperty("nativeEvent")&&event.nativeEvent.preventDownshiftDefault))}}function handleRefs(){for(var _len4=arguments.length,refs2=new Array(_len4),_key4=0;_key4<_len4;_key4++)refs2[_key4]=arguments[_key4];return node=>{refs2.forEach(ref=>{typeof ref=="function"?ref(node):ref&&(ref.current=node)})}}function generateId(){return String(idCounter2++)}function getA11yStatusMessage$1(_ref2){let{isOpen,resultCount,previousResultCount}=_ref2;return isOpen?resultCount?resultCount!==previousResultCount?`${resultCount} result${resultCount===1?" is":"s are"} available, use up and down arrow keys to navigate. Press Enter key to select.`:"":"No results are available.":""}function unwrapArray(arg,defaultValue){return arg=Array.isArray(arg)?arg[0]:arg,!arg&&defaultValue?defaultValue:arg}function isDOMElement2(element){return typeof element.type=="string"}function getElementProps(element){return element.props}function requiredProp(fnName,propName){console.error(`The property "${propName}" is required in "${fnName}"`)}var stateKeys=["highlightedIndex","inputValue","isOpen","selectedItem","type"];function pickState(state){state===void 0&&(state={});let result2={};return stateKeys.forEach(k3=>{state.hasOwnProperty(k3)&&(result2[k3]=state[k3])}),result2}function getState(state,props){return Object.keys(state).reduce((prevState,key2)=>(prevState[key2]=isControlledProp(props,key2)?props[key2]:state[key2],prevState),{})}function isControlledProp(props,key2){return props[key2]!==void 0}function normalizeArrowKey(event){let{key:key2,keyCode}=event;return keyCode>=37&&keyCode<=40&&key2.indexOf("Arrow")!==0?`Arrow${key2}`:key2}function isPlainObject(obj){return Object.prototype.toString.call(obj)==="[object Object]"}function getNextWrappingIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){if(circular===void 0&&(circular=!0),itemCount===0)return-1;let itemsLastIndex=itemCount-1;(typeof baseIndex!="number"||baseIndex<0||baseIndex>=itemCount)&&(baseIndex=moveAmount>0?-1:itemsLastIndex+1);let newIndex=baseIndex+moveAmount;newIndex<0?newIndex=circular?itemsLastIndex:0:newIndex>itemsLastIndex&&(newIndex=circular?0:itemsLastIndex);let nonDisabledNewIndex=getNextNonDisabledIndex(moveAmount,newIndex,itemCount,getItemNodeFromIndex,circular);return nonDisabledNewIndex===-1?baseIndex>=itemCount?-1:baseIndex:nonDisabledNewIndex}function getNextNonDisabledIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){let currentElementNode=getItemNodeFromIndex(baseIndex);if(!currentElementNode||!currentElementNode.hasAttribute("disabled"))return baseIndex;if(moveAmount>0){for(let index3=baseIndex+1;index3<itemCount;index3++)if(!getItemNodeFromIndex(index3).hasAttribute("disabled"))return index3}else for(let index3=baseIndex-1;index3>=0;index3--)if(!getItemNodeFromIndex(index3).hasAttribute("disabled"))return index3;return circular?moveAmount>0?getNextNonDisabledIndex(1,0,itemCount,getItemNodeFromIndex,!1):getNextNonDisabledIndex(-1,itemCount-1,itemCount,getItemNodeFromIndex,!1):-1}function targetWithinDownshift(target,downshiftElements,environment,checkActiveElement){return checkActiveElement===void 0&&(checkActiveElement=!0),downshiftElements.some(contextNode=>contextNode&&(isOrContainsNode(contextNode,target,environment)||checkActiveElement&&isOrContainsNode(contextNode,environment.document.activeElement,environment)))}var validateControlledUnchanged=noop3;validateControlledUnchanged=(state,prevProps,nextProps)=>{let warningDescription="This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";Object.keys(state).forEach(propKey=>{prevProps[propKey]!==void 0&&nextProps[propKey]===void 0?console.error(`downshift: A component has changed the controlled prop "${propKey}" to be uncontrolled. ${warningDescription}`):prevProps[propKey]===void 0&&nextProps[propKey]!==void 0&&console.error(`downshift: A component has changed the uncontrolled prop "${propKey}" to be controlled. ${warningDescription}`)})};var cleanupStatus=debounce3(documentProp=>{getStatusDiv(documentProp).textContent=""},500);function setStatus(status,documentProp){let div=getStatusDiv(documentProp);status&&(div.textContent=status,cleanupStatus(documentProp))}function getStatusDiv(documentProp){documentProp===void 0&&(documentProp=document);let statusDiv=documentProp.getElementById("a11y-status-message");return statusDiv||(statusDiv=documentProp.createElement("div"),statusDiv.setAttribute("id","a11y-status-message"),statusDiv.setAttribute("role","status"),statusDiv.setAttribute("aria-live","polite"),statusDiv.setAttribute("aria-relevant","additions text"),Object.assign(statusDiv.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),documentProp.body.appendChild(statusDiv),statusDiv)}var unknown="__autocomplete_unknown__",mouseUp="__autocomplete_mouseup__",itemMouseEnter="__autocomplete_item_mouseenter__",keyDownArrowUp="__autocomplete_keydown_arrow_up__",keyDownArrowDown="__autocomplete_keydown_arrow_down__",keyDownEscape="__autocomplete_keydown_escape__",keyDownEnter="__autocomplete_keydown_enter__",keyDownHome="__autocomplete_keydown_home__",keyDownEnd="__autocomplete_keydown_end__",clickItem="__autocomplete_click_item__",blurInput="__autocomplete_blur_input__",changeInput="__autocomplete_change_input__",keyDownSpaceButton="__autocomplete_keydown_space_button__",clickButton="__autocomplete_click_button__",blurButton="__autocomplete_blur_button__",controlledPropUpdatedSelectedItem="__autocomplete_controlled_prop_updated_selected_item__",touchEnd="__autocomplete_touchend__",stateChangeTypes$3=Object.freeze({__proto__:null,unknown,mouseUp,itemMouseEnter,keyDownArrowUp,keyDownArrowDown,keyDownEscape,keyDownEnter,keyDownHome,keyDownEnd,clickItem,blurInput,changeInput,keyDownSpaceButton,clickButton,blurButton,controlledPropUpdatedSelectedItem,touchEnd}),Downshift=(()=>{class Downshift2 extends import_react46.Component{constructor(_props){var _this;super(_props),_this=this,this.id=this.props.id||`downshift-${generateId()}`,this.menuId=this.props.menuId||`${this.id}-menu`,this.labelId=this.props.labelId||`${this.id}-label`,this.inputId=this.props.inputId||`${this.id}-input`,this.getItemId=this.props.getItemId||(index3=>`${this.id}-item-${index3}`),this.input=null,this.items=[],this.itemCount=null,this.previousResultCount=0,this.timeoutIds=[],this.internalSetTimeout=(fn,time)=>{let id=setTimeout(()=>{this.timeoutIds=this.timeoutIds.filter(i5=>i5!==id),fn()},time);this.timeoutIds.push(id)},this.setItemCount=count=>{this.itemCount=count},this.unsetItemCount=()=>{this.itemCount=null},this.setHighlightedIndex=function(highlightedIndex,otherStateToSet){highlightedIndex===void 0&&(highlightedIndex=_this.props.defaultHighlightedIndex),otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState({highlightedIndex,...otherStateToSet})},this.clearSelection=cb=>{this.internalSetState({selectedItem:null,inputValue:"",highlightedIndex:this.props.defaultHighlightedIndex,isOpen:this.props.defaultIsOpen},cb)},this.selectItem=(item,otherStateToSet,cb)=>{otherStateToSet=pickState(otherStateToSet),this.internalSetState({isOpen:this.props.defaultIsOpen,highlightedIndex:this.props.defaultHighlightedIndex,selectedItem:item,inputValue:this.props.itemToString(item),...otherStateToSet},cb)},this.selectItemAtIndex=(itemIndex,otherStateToSet,cb)=>{let item=this.items[itemIndex];item!=null&&this.selectItem(item,otherStateToSet,cb)},this.selectHighlightedItem=(otherStateToSet,cb)=>this.selectItemAtIndex(this.getState().highlightedIndex,otherStateToSet,cb),this.internalSetState=(stateToSet,cb)=>{let isItemSelected,onChangeArg,onStateChangeArg={},isStateToSetFunction=typeof stateToSet=="function";return!isStateToSetFunction&&stateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(stateToSet.inputValue,{...this.getStateAndHelpers(),...stateToSet}),this.setState(state=>{state=this.getState(state);let newStateToSet=isStateToSetFunction?stateToSet(state):stateToSet;newStateToSet=this.props.stateReducer(state,newStateToSet),isItemSelected=newStateToSet.hasOwnProperty("selectedItem");let nextState={};return isItemSelected&&newStateToSet.selectedItem!==state.selectedItem&&(onChangeArg=newStateToSet.selectedItem),newStateToSet.type=newStateToSet.type||unknown,Object.keys(newStateToSet).forEach(key2=>{state[key2]!==newStateToSet[key2]&&(onStateChangeArg[key2]=newStateToSet[key2]),key2!=="type"&&(newStateToSet[key2],isControlledProp(this.props,key2)||(nextState[key2]=newStateToSet[key2]))}),isStateToSetFunction&&newStateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(newStateToSet.inputValue,{...this.getStateAndHelpers(),...newStateToSet}),nextState},()=>{cbToCb(cb)(),Object.keys(onStateChangeArg).length>1&&this.props.onStateChange(onStateChangeArg,this.getStateAndHelpers()),isItemSelected&&this.props.onSelect(stateToSet.selectedItem,this.getStateAndHelpers()),onChangeArg!==void 0&&this.props.onChange(onChangeArg,this.getStateAndHelpers()),this.props.onUserAction(onStateChangeArg,this.getStateAndHelpers())})},this.rootRef=node=>this._rootNode=node,this.getRootProps=function(_temp,_temp2){let{refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;_this.getRootProps.called=!0,_this.getRootProps.refKey=refKey,_this.getRootProps.suppressRefError=suppressRefError;let{isOpen}=_this.getState();return{[refKey]:handleRefs(ref,_this.rootRef),role:"combobox","aria-expanded":isOpen,"aria-haspopup":"listbox","aria-owns":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,...rest}},this.keyDownHandlers={ArrowDown(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?5:1;this.moveHighlightedIndex(amount,{type:keyDownArrowDown})}else this.internalSetState({isOpen:!0,type:keyDownArrowDown},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(1,highlightedIndex,itemCount,index3=>this.getItemNodeFromIndex(index3));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowDown})}})},ArrowUp(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?-5:-1;this.moveHighlightedIndex(amount,{type:keyDownArrowUp})}else this.internalSetState({isOpen:!0,type:keyDownArrowUp},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(-1,highlightedIndex,itemCount,index3=>this.getItemNodeFromIndex(index3));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowUp})}})},Enter(event){if(event.which===229)return;let{isOpen,highlightedIndex}=this.getState();if(isOpen&&highlightedIndex!=null){event.preventDefault();let item=this.items[highlightedIndex],itemNode=this.getItemNodeFromIndex(highlightedIndex);if(item==null||itemNode&&itemNode.hasAttribute("disabled"))return;this.selectHighlightedItem({type:keyDownEnter})}},Escape(event){event.preventDefault(),this.reset({type:keyDownEscape,...!this.state.isOpen&&{selectedItem:null,inputValue:""}})}},this.buttonKeyDownHandlers={...this.keyDownHandlers," "(event){event.preventDefault(),this.toggleMenu({type:keyDownSpaceButton})}},this.inputKeyDownHandlers={...this.keyDownHandlers,Home(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(1,0,itemCount,index3=>this.getItemNodeFromIndex(index3),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownHome})},End(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(-1,itemCount-1,itemCount,index3=>this.getItemNodeFromIndex(index3),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownEnd})}},this.getToggleButtonProps=function(_temp3){let{onClick,onPress,onKeyDown,onKeyUp,onBlur,...rest}=_temp3===void 0?{}:_temp3,{isOpen}=_this.getState(),enabledEventHandlers={onClick:callAllEventHandlers(onClick,_this.buttonHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,_this.buttonHandleKeyDown),onKeyUp:callAllEventHandlers(onKeyUp,_this.buttonHandleKeyUp),onBlur:callAllEventHandlers(onBlur,_this.buttonHandleBlur)},eventHandlers=rest.disabled?{}:enabledEventHandlers;return{type:"button",role:"button","aria-label":isOpen?"close menu":"open menu","aria-haspopup":!0,"data-toggle":!0,...eventHandlers,...rest}},this.buttonHandleKeyUp=event=>{event.preventDefault()},this.buttonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);this.buttonKeyDownHandlers[key2]&&this.buttonKeyDownHandlers[key2].call(this,event)},this.buttonHandleClick=event=>{event.preventDefault(),this.props.environment.document.activeElement===this.props.environment.document.body&&event.target.focus(),this.internalSetTimeout(()=>this.toggleMenu({type:clickButton}))},this.buttonHandleBlur=event=>{let blurTarget=event.target;this.internalSetTimeout(()=>{!this.isMouseDown&&(this.props.environment.document.activeElement==null||this.props.environment.document.activeElement.id!==this.inputId)&&this.props.environment.document.activeElement!==blurTarget&&this.reset({type:blurButton})})},this.getLabelProps=props=>({htmlFor:this.inputId,id:this.labelId,...props}),this.getInputProps=function(_temp4){let{onKeyDown,onBlur,onChange,onInput,onChangeText,...rest}=_temp4===void 0?{}:_temp4,onChangeKey,eventHandlers={};onChangeKey="onChange";let{inputValue,isOpen,highlightedIndex}=_this.getState();return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,_this.inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,_this.inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,_this.inputHandleBlur)}),{"aria-autocomplete":"list","aria-activedescendant":isOpen&&typeof highlightedIndex=="number"&&highlightedIndex>=0?_this.getItemId(highlightedIndex):null,"aria-controls":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,autoComplete:"off",value:inputValue,id:_this.inputId,...eventHandlers,...rest}},this.inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&this.inputKeyDownHandlers[key2]&&this.inputKeyDownHandlers[key2].call(this,event)},this.inputHandleChange=event=>{this.internalSetState({type:changeInput,isOpen:!0,inputValue:event.target.value,highlightedIndex:this.props.defaultHighlightedIndex})},this.inputHandleBlur=()=>{this.internalSetTimeout(()=>{let downshiftButtonIsActive=this.props.environment.document&&!!this.props.environment.document.activeElement&&!!this.props.environment.document.activeElement.dataset&&this.props.environment.document.activeElement.dataset.toggle&&this._rootNode&&this._rootNode.contains(this.props.environment.document.activeElement);!this.isMouseDown&&!downshiftButtonIsActive&&this.reset({type:blurInput})})},this.menuRef=node=>{this._menuNode=node},this.getMenuProps=function(_temp5,_temp6){let{refKey="ref",ref,...props}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;return _this.getMenuProps.called=!0,_this.getMenuProps.refKey=refKey,_this.getMenuProps.suppressRefError=suppressRefError,{[refKey]:handleRefs(ref,_this.menuRef),role:"listbox","aria-labelledby":props&&props["aria-label"]?null:_this.labelId,id:_this.menuId,...props}},this.getItemProps=function(_temp7){let{onMouseMove,onMouseDown,onClick,onPress,index:index3,item=requiredProp("getItemProps","item"),...rest}=_temp7===void 0?{}:_temp7;index3===void 0?(_this.items.push(item),index3=_this.items.indexOf(item)):_this.items[index3]=item;let onSelectKey="onClick",customClickHandler=onClick,enabledEventHandlers={onMouseMove:callAllEventHandlers(onMouseMove,()=>{index3!==_this.getState().highlightedIndex&&(_this.setHighlightedIndex(index3,{type:itemMouseEnter}),_this.avoidScrolling=!0,_this.internalSetTimeout(()=>_this.avoidScrolling=!1,250))}),onMouseDown:callAllEventHandlers(onMouseDown,event=>{event.preventDefault()}),[onSelectKey]:callAllEventHandlers(customClickHandler,()=>{_this.selectItemAtIndex(index3,{type:clickItem})})},eventHandlers=rest.disabled?{onMouseDown:enabledEventHandlers.onMouseDown}:enabledEventHandlers;return{id:_this.getItemId(index3),role:"option","aria-selected":_this.getState().highlightedIndex===index3,...eventHandlers,...rest}},this.clearItems=()=>{this.items=[]},this.reset=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref=>{let{selectedItem}=_ref;return{isOpen:_this.props.defaultIsOpen,highlightedIndex:_this.props.defaultHighlightedIndex,inputValue:_this.props.itemToString(selectedItem),...otherStateToSet}},cb)},this.toggleMenu=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref2=>{let{isOpen}=_ref2;return{isOpen:!isOpen,...isOpen&&{highlightedIndex:_this.props.defaultHighlightedIndex},...otherStateToSet}},()=>{let{isOpen,highlightedIndex}=_this.getState();isOpen&&_this.getItemCount()>0&&typeof highlightedIndex=="number"&&_this.setHighlightedIndex(highlightedIndex,otherStateToSet),cbToCb(cb)()})},this.openMenu=cb=>{this.internalSetState({isOpen:!0},cb)},this.closeMenu=cb=>{this.internalSetState({isOpen:!1},cb)},this.updateStatus=debounce3(()=>{let state=this.getState(),item=this.items[state.highlightedIndex],resultCount=this.getItemCount(),status=this.props.getA11yStatusMessage({itemToString:this.props.itemToString,previousResultCount:this.previousResultCount,resultCount,highlightedItem:item,...state});this.previousResultCount=resultCount,setStatus(status,this.props.environment.document)},200);let{defaultHighlightedIndex,initialHighlightedIndex:_highlightedIndex=defaultHighlightedIndex,defaultIsOpen,initialIsOpen:_isOpen=defaultIsOpen,initialInputValue:_inputValue="",initialSelectedItem:_selectedItem=null}=this.props,_state=this.getState({highlightedIndex:_highlightedIndex,isOpen:_isOpen,inputValue:_inputValue,selectedItem:_selectedItem});_state.selectedItem!=null&&this.props.initialInputValue===void 0&&(_state.inputValue=this.props.itemToString(_state.selectedItem)),this.state=_state}internalClearTimeouts(){this.timeoutIds.forEach(id=>{clearTimeout(id)}),this.timeoutIds=[]}getState(stateToMerge){return stateToMerge===void 0&&(stateToMerge=this.state),getState(stateToMerge,this.props)}getItemCount(){let itemCount=this.items.length;return this.itemCount!=null?itemCount=this.itemCount:this.props.itemCount!==void 0&&(itemCount=this.props.itemCount),itemCount}getItemNodeFromIndex(index3){return this.props.environment.document.getElementById(this.getItemId(index3))}scrollHighlightedItemIntoView(){{let node=this.getItemNodeFromIndex(this.getState().highlightedIndex);this.props.scrollIntoView(node,this._menuNode)}}moveHighlightedIndex(amount,otherStateToSet){let itemCount=this.getItemCount(),{highlightedIndex}=this.getState();if(itemCount>0){let nextHighlightedIndex=getNextWrappingIndex(amount,highlightedIndex,itemCount,index3=>this.getItemNodeFromIndex(index3));this.setHighlightedIndex(nextHighlightedIndex,otherStateToSet)}}getStateAndHelpers(){let{highlightedIndex,inputValue,selectedItem,isOpen}=this.getState(),{itemToString:itemToString2}=this.props,{id}=this,{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps:getItemProps2,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,reset,setItemCount,unsetItemCount,internalSetState:setState}=this;return{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps:getItemProps2,reset,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,setItemCount,unsetItemCount,setState,itemToString:itemToString2,id,highlightedIndex,inputValue,isOpen,selectedItem}}componentDidMount(){this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps);{let onMouseDown=()=>{this.isMouseDown=!0},onMouseUp=event=>{this.isMouseDown=!1,!targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment)&&this.getState().isOpen&&this.reset({type:mouseUp},()=>this.props.onOuterClick(this.getStateAndHelpers()))},onTouchStart=()=>{this.isTouchMove=!1},onTouchMove=()=>{this.isTouchMove=!0},onTouchEnd=event=>{let contextWithinDownshift=targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment,!1);!this.isTouchMove&&!contextWithinDownshift&&this.getState().isOpen&&this.reset({type:touchEnd},()=>this.props.onOuterClick(this.getStateAndHelpers()))},{environment}=this.props;environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),this.cleanup=()=>{this.internalClearTimeouts(),this.updateStatus.cancel(),environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}}}shouldScroll(prevState,prevProps){let{highlightedIndex:currentHighlightedIndex}=this.props.highlightedIndex===void 0?this.getState():this.props,{highlightedIndex:prevHighlightedIndex}=prevProps.highlightedIndex===void 0?prevState:prevProps;return currentHighlightedIndex&&this.getState().isOpen&&!prevState.isOpen||currentHighlightedIndex!==prevHighlightedIndex}componentDidUpdate(prevProps,prevState){validateControlledUnchanged(this.state,prevProps,this.props),this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps),isControlledProp(this.props,"selectedItem")&&this.props.selectedItemChanged(prevProps.selectedItem,this.props.selectedItem)&&this.internalSetState({type:controlledPropUpdatedSelectedItem,inputValue:this.props.itemToString(this.props.selectedItem)}),!this.avoidScrolling&&this.shouldScroll(prevState,prevProps)&&this.scrollHighlightedItemIntoView(),this.updateStatus()}componentWillUnmount(){this.cleanup()}render(){let children=unwrapArray(this.props.children,noop3);this.clearItems(),this.getRootProps.called=!1,this.getRootProps.refKey=void 0,this.getRootProps.suppressRefError=void 0,this.getMenuProps.called=!1,this.getMenuProps.refKey=void 0,this.getMenuProps.suppressRefError=void 0,this.getLabelProps.called=!1,this.getInputProps.called=!1;let element=unwrapArray(children(this.getStateAndHelpers()));if(!element)return null;if(this.getRootProps.called||this.props.suppressRefError)return!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&validateGetRootPropsCalledCorrectly(element,this.getRootProps),element;if(isDOMElement2(element))return(0,import_react46.cloneElement)(element,this.getRootProps(getElementProps(element)));throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function")}}return Downshift2.defaultProps={defaultHighlightedIndex:null,defaultIsOpen:!1,getA11yStatusMessage:getA11yStatusMessage$1,itemToString:i5=>i5==null?"":(isPlainObject(i5)&&!i5.hasOwnProperty("toString")&&console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.","The object that was passed:",i5),String(i5)),onStateChange:noop3,onInputValueChange:noop3,onUserAction:noop3,onChange:noop3,onSelect:noop3,onOuterClick:noop3,selectedItemChanged:(prevItem,item)=>prevItem!==item,environment:typeof window>"u"?{}:window,stateReducer:(state,stateToSet)=>stateToSet,suppressRefError:!1,scrollIntoView:scrollIntoView2},Downshift2.stateChangeTypes=stateChangeTypes$3,Downshift2})();Downshift.propTypes={children:import_prop_types2.default.func,defaultHighlightedIndex:import_prop_types2.default.number,defaultIsOpen:import_prop_types2.default.bool,initialHighlightedIndex:import_prop_types2.default.number,initialSelectedItem:import_prop_types2.default.any,initialInputValue:import_prop_types2.default.string,initialIsOpen:import_prop_types2.default.bool,getA11yStatusMessage:import_prop_types2.default.func,itemToString:import_prop_types2.default.func,onChange:import_prop_types2.default.func,onSelect:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,onUserAction:import_prop_types2.default.func,onOuterClick:import_prop_types2.default.func,selectedItemChanged:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,itemCount:import_prop_types2.default.number,id:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})}),suppressRefError:import_prop_types2.default.bool,scrollIntoView:import_prop_types2.default.func,selectedItem:import_prop_types2.default.any,isOpen:import_prop_types2.default.bool,inputValue:import_prop_types2.default.string,highlightedIndex:import_prop_types2.default.number,labelId:import_prop_types2.default.string,inputId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func};var Downshift$1=Downshift;function validateGetMenuPropsCalledCorrectly(node,_ref3){let{refKey}=_ref3;node||console.error(`downshift: The ref prop "${refKey}" from getMenuProps was not applied correctly on your menu element.`)}function validateGetRootPropsCalledCorrectly(element,_ref4){let{refKey}=_ref4,refKeySpecified=refKey!=="ref",isComposite=!isDOMElement2(element);isComposite&&!refKeySpecified&&!(0,import_react_is.isForwardRef)(element)?console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps"):!isComposite&&refKeySpecified&&console.error(`downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "${refKey}"`),!(0,import_react_is.isForwardRef)(element)&&!getElementProps(element)[refKey]&&console.error(`downshift: You must apply the ref prop "${refKey}" from getRootProps onto your root element.`)}var dropdownDefaultStateValues={highlightedIndex:-1,isOpen:!1,selectedItem:null,inputValue:""};function callOnChangeProps(action,state,newState){let{props,type}=action,changes={};Object.keys(state).forEach(key2=>{invokeOnChangeHandler(key2,action,state,newState),newState[key2]!==state[key2]&&(changes[key2]=newState[key2])}),props.onStateChange&&Object.keys(changes).length&&props.onStateChange({type,...changes})}function invokeOnChangeHandler(key2,action,state,newState){let{props,type}=action,handler=`on${capitalizeString(key2)}Change`;props[handler]&&newState[key2]!==void 0&&newState[key2]!==state[key2]&&props[handler]({type,...newState})}function stateReducer(s4,a4){return a4.changes}function getA11ySelectionMessage(selectionParameters){let{selectedItem,itemToString:itemToStringLocal}=selectionParameters;return selectedItem?`${itemToStringLocal(selectedItem)} has been selected.`:""}var updateA11yStatus=debounce3((getA11yMessage,document13)=>{setStatus(getA11yMessage(),document13)},200),useIsomorphicLayoutEffect=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?import_react46.useLayoutEffect:import_react46.useEffect;function useElementIds(_ref){let{id=`downshift-${generateId()}`,labelId,menuId,getItemId,toggleButtonId,inputId}=_ref;return(0,import_react46.useRef)({labelId:labelId||`${id}-label`,menuId:menuId||`${id}-menu`,getItemId:getItemId||(index3=>`${id}-item-${index3}`),toggleButtonId:toggleButtonId||`${id}-toggle-button`,inputId:inputId||`${id}-input`}).current}function getItemIndex(index3,item,items){return index3!==void 0?index3:items.length===0?-1:items.indexOf(item)}function itemToString(item){return item?String(item):""}function isAcceptedCharacterKey(key2){return/^\S{1}$/.test(key2)}function capitalizeString(string){return`${string.slice(0,1).toUpperCase()}${string.slice(1)}`}function useLatestRef2(val){let ref=(0,import_react46.useRef)(val);return ref.current=val,ref}function useEnhancedReducer(reducer,initialState,props){let prevStateRef=(0,import_react46.useRef)(),actionRef=(0,import_react46.useRef)(),enhancedReducer=(0,import_react46.useCallback)((state2,action2)=>{actionRef.current=action2,state2=getState(state2,action2.props);let changes=reducer(state2,action2);return action2.props.stateReducer(state2,{...action2,changes})},[reducer]),[state,dispatch]=(0,import_react46.useReducer)(enhancedReducer,initialState),propsRef=useLatestRef2(props),dispatchWithProps=(0,import_react46.useCallback)(action2=>dispatch({props:propsRef.current,...action2}),[propsRef]),action=actionRef.current;return(0,import_react46.useEffect)(()=>{action&&prevStateRef.current&&prevStateRef.current!==state&&callOnChangeProps(action,getState(prevStateRef.current,action.props),state),prevStateRef.current=state},[state,props,action]),[state,dispatchWithProps]}function useControlledReducer$1(reducer,initialState,props){let[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return[getState(state,props),dispatch]}var defaultProps$3={itemToString,stateReducer,getA11ySelectionMessage,scrollIntoView:scrollIntoView2,circularNavigation:!1,environment:typeof window>"u"?{}:window};function getDefaultValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let defaultValue=props[`default${capitalizeString(propKey)}`];return defaultValue!==void 0?defaultValue:defaultStateValues2[propKey]}function getInitialValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let value2=props[propKey];if(value2!==void 0)return value2;let initialValue=props[`initial${capitalizeString(propKey)}`];return initialValue!==void 0?initialValue:getDefaultValue$1(props,propKey,defaultStateValues2)}function getInitialState$2(props){let selectedItem=getInitialValue$1(props,"selectedItem"),isOpen=getInitialValue$1(props,"isOpen"),highlightedIndex=getInitialValue$1(props,"highlightedIndex"),inputValue=getInitialValue$1(props,"inputValue");return{highlightedIndex:highlightedIndex<0&&selectedItem&&isOpen?props.items.indexOf(selectedItem):highlightedIndex,isOpen,selectedItem,inputValue}}function getHighlightedIndexOnOpen(props,state,offset,getItemNodeFromIndex){let{items,initialHighlightedIndex,defaultHighlightedIndex}=props,{selectedItem,highlightedIndex}=state;return items.length===0?-1:initialHighlightedIndex!==void 0&&highlightedIndex===initialHighlightedIndex?initialHighlightedIndex:defaultHighlightedIndex!==void 0?defaultHighlightedIndex:selectedItem?offset===0?items.indexOf(selectedItem):getNextWrappingIndex(offset,items.indexOf(selectedItem),items.length,getItemNodeFromIndex,!1):offset===0?-1:offset<0?items.length-1:0}function useMouseAndTouchTracker(isOpen,downshiftElementRefs,environment,handleBlur){let mouseAndTouchTrackersRef=(0,import_react46.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,import_react46.useEffect)(()=>{let onMouseDown=()=>{mouseAndTouchTrackersRef.current.isMouseDown=!0},onMouseUp=event=>{mouseAndTouchTrackersRef.current.isMouseDown=!1,isOpen&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment)&&handleBlur()},onTouchStart=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!1},onTouchMove=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!0},onTouchEnd=event=>{isOpen&&!mouseAndTouchTrackersRef.current.isTouchMove&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment,!1)&&handleBlur()};return environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),function(){environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}},[isOpen,environment]),mouseAndTouchTrackersRef}var useGetterPropsCalledChecker=()=>noop3;useGetterPropsCalledChecker=function(){let isInitialMountRef=(0,import_react46.useRef)(!0);for(var _len=arguments.length,propKeys=new Array(_len),_key=0;_key<_len;_key++)propKeys[_key]=arguments[_key];let getterPropsCalledRef=(0,import_react46.useRef)(propKeys.reduce((acc,propKey)=>(acc[propKey]={},acc),{}));return(0,import_react46.useEffect)(()=>{Object.keys(getterPropsCalledRef.current).forEach(propKey=>{let propCallInfo=getterPropsCalledRef.current[propKey];if(isInitialMountRef.current&&!Object.keys(propCallInfo).length){console.error(`downshift: You forgot to call the ${propKey} getter function on your component / element.`);return}let{suppressRefError,refKey,elementRef}=propCallInfo;(!elementRef||!elementRef.current)&&!suppressRefError&&console.error(`downshift: The ref prop "${refKey}" from ${propKey} was not applied correctly on your element.`)}),isInitialMountRef.current=!1}),(0,import_react46.useCallback)((propKey,suppressRefError,refKey,elementRef)=>{getterPropsCalledRef.current[propKey]={suppressRefError,refKey,elementRef}},[])};function useA11yMessageSetter(getA11yMessage,dependencyArray,_ref2){let{isInitialMount,highlightedIndex,items,environment,...rest}=_ref2;(0,import_react46.useEffect)(()=>{isInitialMount||updateA11yStatus(()=>getA11yMessage({highlightedIndex,highlightedItem:items[highlightedIndex],resultCount:items.length,...rest}),environment.document)},dependencyArray)}function useScrollIntoView(_ref3){let{highlightedIndex,isOpen,itemRefs,getItemNodeFromIndex,menuElement,scrollIntoView:scrollIntoViewProp}=_ref3,shouldScrollRef=(0,import_react46.useRef)(!0);return useIsomorphicLayoutEffect(()=>{highlightedIndex<0||!isOpen||!Object.keys(itemRefs.current).length||(shouldScrollRef.current===!1?shouldScrollRef.current=!0:scrollIntoViewProp(getItemNodeFromIndex(highlightedIndex),menuElement))},[highlightedIndex]),shouldScrollRef}var useControlPropsValidator=noop3;useControlPropsValidator=_ref4=>{let{isInitialMount,props,state}=_ref4,prevPropsRef=(0,import_react46.useRef)(props);(0,import_react46.useEffect)(()=>{isInitialMount||(validateControlledUnchanged(state,prevPropsRef.current,props),prevPropsRef.current=props)},[state,props,isInitialMount])};function downshiftCommonReducer(state,action,stateChangeTypes2){let{type,props}=action,changes;switch(type){case stateChangeTypes2.ItemMouseMove:changes={highlightedIndex:action.disabled?-1:action.index};break;case stateChangeTypes2.MenuMouseLeave:changes={highlightedIndex:-1};break;case stateChangeTypes2.ToggleButtonClick:case stateChangeTypes2.FunctionToggleMenu:changes={isOpen:!state.isOpen,highlightedIndex:state.isOpen?-1:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionOpenMenu:changes={isOpen:!0,highlightedIndex:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionCloseMenu:changes={isOpen:!1};break;case stateChangeTypes2.FunctionSetHighlightedIndex:changes={highlightedIndex:action.highlightedIndex};break;case stateChangeTypes2.FunctionSetInputValue:changes={inputValue:action.inputValue};break;case stateChangeTypes2.FunctionReset:changes={highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),isOpen:getDefaultValue$1(props,"isOpen"),selectedItem:getDefaultValue$1(props,"selectedItem"),inputValue:getDefaultValue$1(props,"inputValue")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}function getItemIndexByCharacterKey(_a){for(var keysSoFar=_a.keysSoFar,highlightedIndex=_a.highlightedIndex,items=_a.items,itemToString2=_a.itemToString,getItemNodeFromIndex=_a.getItemNodeFromIndex,lowerCasedKeysSoFar=keysSoFar.toLowerCase(),index3=0;index3<items.length;index3++){var offsetIndex=(index3+highlightedIndex+1)%items.length,item=items[offsetIndex];if(item!==void 0&&itemToString2(item).toLowerCase().startsWith(lowerCasedKeysSoFar)){var element=getItemNodeFromIndex(offsetIndex);if(!element?.hasAttribute("disabled"))return offsetIndex}}return highlightedIndex}var propTypes$2={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function getA11yStatusMessage(_a){var isOpen=_a.isOpen,resultCount=_a.resultCount,previousResultCount=_a.previousResultCount;return isOpen?resultCount?resultCount!==previousResultCount?"".concat(resultCount," result").concat(resultCount===1?" is":"s are"," available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select."):"":"No results are available.":""}var defaultProps$2=__assign2(__assign2({},defaultProps$3),{getA11yStatusMessage}),validatePropTypes$2=noop3;validatePropTypes$2=function(options3,caller){import_prop_types2.default.checkPropTypes(propTypes$2,options3,"prop",caller.name)};var MenuKeyDownArrowDown="__menu_keydown_arrow_down__",MenuKeyDownArrowUp="__menu_keydown_arrow_up__",MenuKeyDownEscape="__menu_keydown_escape__",MenuKeyDownHome="__menu_keydown_home__",MenuKeyDownEnd="__menu_keydown_end__",MenuKeyDownEnter="__menu_keydown_enter__",MenuKeyDownSpaceButton="__menu_keydown_space_button__",MenuKeyDownCharacter="__menu_keydown_character__",MenuBlur="__menu_blur__",MenuMouseLeave$1="__menu_mouse_leave__",ItemMouseMove$1="__item_mouse_move__",ItemClick$1="__item_click__",ToggleButtonClick$1="__togglebutton_click__",ToggleButtonKeyDownArrowDown="__togglebutton_keydown_arrow_down__",ToggleButtonKeyDownArrowUp="__togglebutton_keydown_arrow_up__",ToggleButtonKeyDownCharacter="__togglebutton_keydown_character__",FunctionToggleMenu$1="__function_toggle_menu__",FunctionOpenMenu$1="__function_open_menu__",FunctionCloseMenu$1="__function_close_menu__",FunctionSetHighlightedIndex$1="__function_set_highlighted_index__",FunctionSelectItem$1="__function_select_item__",FunctionSetInputValue$1="__function_set_input_value__",FunctionReset$2="__function_reset__",stateChangeTypes$2=Object.freeze({__proto__:null,MenuKeyDownArrowDown,MenuKeyDownArrowUp,MenuKeyDownEscape,MenuKeyDownHome,MenuKeyDownEnd,MenuKeyDownEnter,MenuKeyDownSpaceButton,MenuKeyDownCharacter,MenuBlur,MenuMouseLeave:MenuMouseLeave$1,ItemMouseMove:ItemMouseMove$1,ItemClick:ItemClick$1,ToggleButtonClick:ToggleButtonClick$1,ToggleButtonKeyDownArrowDown,ToggleButtonKeyDownArrowUp,ToggleButtonKeyDownCharacter,FunctionToggleMenu:FunctionToggleMenu$1,FunctionOpenMenu:FunctionOpenMenu$1,FunctionCloseMenu:FunctionCloseMenu$1,FunctionSetHighlightedIndex:FunctionSetHighlightedIndex$1,FunctionSelectItem:FunctionSelectItem$1,FunctionSetInputValue:FunctionSetInputValue$1,FunctionReset:FunctionReset$2});function downshiftSelectReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick$1:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index]};break;case ToggleButtonKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,itemIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.selectedItem?props.items.indexOf(state.selectedItem):-1,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...itemIndex>=0&&{selectedItem:props.items[itemIndex]}}}break;case ToggleButtonKeyDownArrowDown:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:!0};break;case ToggleButtonKeyDownArrowUp:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:!0};break;case MenuKeyDownEnter:case MenuKeyDownSpaceButton:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),...state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex]}};break;case MenuKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1};break;case MenuBlur:changes={isOpen:!1,highlightedIndex:-1};break;case MenuKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,highlightedIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.highlightedIndex,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...highlightedIndex>=0&&{highlightedIndex}}}break;case MenuKeyDownArrowDown:changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case MenuKeyDownArrowUp:changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case FunctionSelectItem$1:changes={selectedItem:action.selectedItem};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$2)}return{...state,...changes}}useSelect.stateChangeTypes=stateChangeTypes$2;function useSelect(userProps){userProps===void 0&&(userProps={}),validatePropTypes$2(userProps,useSelect);let props={...defaultProps$2,...userProps},{items,scrollIntoView:scrollIntoView3,environment,initialIsOpen,defaultIsOpen,itemToString:itemToString2,getA11ySelectionMessage:getA11ySelectionMessage2,getA11yStatusMessage:getA11yStatusMessage2}=props,initialState=getInitialState$2(props),[state,dispatch]=useControlledReducer$1(downshiftSelectReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,toggleButtonRef=(0,import_react46.useRef)(null),menuRef=(0,import_react46.useRef)(null),itemRefs=(0,import_react46.useRef)({}),shouldBlurRef=(0,import_react46.useRef)(!0),clearTimeoutRef=(0,import_react46.useRef)(null),elementIds=useElementIds(props),previousResultCountRef=(0,import_react46.useRef)(),isInitialMountRef=(0,import_react46.useRef)(!0),latest=useLatestRef2({state,props}),getItemNodeFromIndex=(0,import_react46.useCallback)(index3=>itemRefs.current[elementIds.getItemId(index3)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});(0,import_react46.useEffect)(()=>(clearTimeoutRef.current=debounce3(outerDispatch=>{outerDispatch({type:FunctionSetInputValue$1,inputValue:""})},500),()=>{clearTimeoutRef.current.cancel()}),[]),(0,import_react46.useEffect)(()=>{inputValue&&clearTimeoutRef.current(dispatch)},[dispatch,inputValue]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react46.useEffect)(()=>{if(isInitialMountRef.current){(initialIsOpen||defaultIsOpen||isOpen)&&menuRef.current&&menuRef.current.focus();return}if(isOpen){menuRef.current&&menuRef.current.focus();return}environment.document.activeElement===menuRef.current&&toggleButtonRef.current&&(shouldBlurRef.current=!1,toggleButtonRef.current.focus())},[isOpen]),(0,import_react46.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[menuRef,toggleButtonRef],environment,()=>{dispatch({type:MenuBlur})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getMenuProps","getToggleButtonProps");(0,import_react46.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react46.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let toggleButtonKeyDownHandlers=(0,import_react46.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})}}),[dispatch,getItemNodeFromIndex]),menuKeyDownHandlers=(0,import_react46.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})},Home(event){event.preventDefault(),dispatch({type:MenuKeyDownHome,getItemNodeFromIndex})},End(event){event.preventDefault(),dispatch({type:MenuKeyDownEnd,getItemNodeFromIndex})},Escape(){dispatch({type:MenuKeyDownEscape})},Enter(event){event.preventDefault(),dispatch({type:MenuKeyDownEnter})}," "(event){event.preventDefault(),dispatch({type:MenuKeyDownSpaceButton})}}),[dispatch,getItemNodeFromIndex]),toggleMenu=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionToggleMenu$1})},[dispatch]),closeMenu=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionCloseMenu$1})},[dispatch]),openMenu=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionOpenMenu$1})},[dispatch]),setHighlightedIndex=(0,import_react46.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex$1,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react46.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem$1,selectedItem:newSelectedItem})},[dispatch]),reset=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionReset$2})},[dispatch]),setInputValue=(0,import_react46.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue$1,inputValue:newInputValue})},[dispatch]),getLabelProps=(0,import_react46.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.toggleButtonId,...labelProps}),[elementIds]),getMenuProps=(0,import_react46.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",onKeyDown,onBlur,ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2,latestState=latest.current.state,menuHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&menuKeyDownHandlers[key2]?menuKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:MenuKeyDownCharacter,key:key2,getItemNodeFromIndex})},menuHandleBlur=()=>{if(shouldBlurRef.current===!1){shouldBlurRef.current=!0;return}!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:MenuBlur})},menuHandleMouseLeave=()=>{dispatch({type:MenuMouseLeave$1})};return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,tabIndex:-1,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},onMouseLeave:callAllEventHandlers(onMouseLeave,menuHandleMouseLeave),onKeyDown:callAllEventHandlers(onKeyDown,menuHandleKeyDown),onBlur:callAllEventHandlers(onBlur,menuHandleBlur),...rest}},[dispatch,latest,menuKeyDownHandlers,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getToggleButtonProps=(0,import_react46.useCallback)(function(_temp3,_temp4){let{onClick,onKeyDown,refKey="ref",ref,...rest}=_temp3===void 0?{}:_temp3,{suppressRefError=!1}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick$1})},toggleButtonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&toggleButtonKeyDownHandlers[key2]?toggleButtonKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:ToggleButtonKeyDownCharacter,key:key2,getItemNodeFromIndex})},toggleProps={[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,"aria-haspopup":"listbox","aria-expanded":latest.current.state.isOpen,"aria-labelledby":`${elementIds.labelId} ${elementIds.toggleButtonId}`,...rest};return rest.disabled||(toggleProps.onClick=callAllEventHandlers(onClick,toggleButtonHandleClick),toggleProps.onKeyDown=callAllEventHandlers(onKeyDown,toggleButtonHandleKeyDown)),setGetterPropCallInfo("getToggleButtonProps",suppressRefError,refKey,toggleButtonRef),toggleProps},[dispatch,latest,toggleButtonKeyDownHandlers,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getItemProps2=(0,import_react46.useCallback)(function(_temp5){let{item,index:index3,onMouseMove,onClick,refKey="ref",ref,disabled,...rest}=_temp5===void 0?{}:_temp5,{state:latestState,props:latestProps}=latest.current,itemHandleMouseMove=()=>{index3!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove$1,index:index3,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick$1,index:index3})},itemIndex=getItemIndex(index3,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let itemProps={disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),...rest};return disabled||(itemProps.onClick=callAllEventHandlers(onClick,itemHandleClick)),itemProps.onMouseMove=callAllEventHandlers(onMouseMove,itemHandleMouseMove),itemProps},[dispatch,latest,shouldScrollRef,elementIds]);return{getToggleButtonProps,getLabelProps,getMenuProps,getItemProps:getItemProps2,toggleMenu,openMenu,closeMenu,setHighlightedIndex,selectItem,reset,setInputValue,highlightedIndex,isOpen,selectedItem,inputValue}}var InputKeyDownArrowDown="__input_keydown_arrow_down__",InputKeyDownArrowUp="__input_keydown_arrow_up__",InputKeyDownEscape="__input_keydown_escape__",InputKeyDownHome="__input_keydown_home__",InputKeyDownEnd="__input_keydown_end__",InputKeyDownEnter="__input_keydown_enter__",InputChange="__input_change__",InputBlur="__input_blur__",MenuMouseLeave="__menu_mouse_leave__",ItemMouseMove="__item_mouse_move__",ItemClick="__item_click__",ToggleButtonClick="__togglebutton_click__",FunctionToggleMenu="__function_toggle_menu__",FunctionOpenMenu="__function_open_menu__",FunctionCloseMenu="__function_close_menu__",FunctionSetHighlightedIndex="__function_set_highlighted_index__",FunctionSelectItem="__function_select_item__",FunctionSetInputValue="__function_set_input_value__",FunctionReset$1="__function_reset__",ControlledPropUpdatedSelectedItem="__controlled_prop_updated_selected_item__",stateChangeTypes$1=Object.freeze({__proto__:null,InputKeyDownArrowDown,InputKeyDownArrowUp,InputKeyDownEscape,InputKeyDownHome,InputKeyDownEnd,InputKeyDownEnter,InputChange,InputBlur,MenuMouseLeave,ItemMouseMove,ItemClick,ToggleButtonClick,FunctionToggleMenu,FunctionOpenMenu,FunctionCloseMenu,FunctionSetHighlightedIndex,FunctionSelectItem,FunctionSetInputValue,FunctionReset:FunctionReset$1,ControlledPropUpdatedSelectedItem});function getInitialState$1(props){let initialState=getInitialState$2(props),{selectedItem}=initialState,{inputValue}=initialState;return inputValue===""&&selectedItem&&props.defaultInputValue===void 0&&props.initialInputValue===void 0&&props.inputValue===void 0&&(inputValue=props.itemToString(selectedItem)),{...initialState,inputValue}}var propTypes$1={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,inputValue:import_prop_types2.default.string,defaultInputValue:import_prop_types2.default.string,initialInputValue:import_prop_types2.default.string,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,inputId:import_prop_types2.default.string,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function useControlledReducer(reducer,initialState,props){let previousSelectedItemRef=(0,import_react46.useRef)(),[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return(0,import_react46.useEffect)(()=>{isControlledProp(props,"selectedItem")&&(previousSelectedItemRef.current!==props.selectedItem&&dispatch({type:ControlledPropUpdatedSelectedItem,inputValue:props.itemToString(props.selectedItem)}),previousSelectedItemRef.current=state.selectedItem===previousSelectedItemRef.current?props.selectedItem:state.selectedItem)}),[getState(state,props),dispatch]}var validatePropTypes$1=noop3;validatePropTypes$1=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes$1,options3,"prop",caller.name)};var defaultProps$1={...defaultProps$3,getA11yStatusMessage:getA11yStatusMessage$1,circularNavigation:!0};function downshiftUseComboboxReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index],inputValue:props.itemToString(props.items[action.index])};break;case InputKeyDownArrowDown:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownArrowUp:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownEnter:changes={...state.isOpen&&state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex],isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1,...!state.isOpen&&{selectedItem:null,inputValue:""}};break;case InputKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputBlur:changes={isOpen:!1,highlightedIndex:-1,...state.highlightedIndex>=0&&action.selectItem&&{selectedItem:props.items[state.highlightedIndex],inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputChange:changes={isOpen:!0,highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:action.inputValue};break;case FunctionSelectItem:changes={selectedItem:action.selectedItem,inputValue:props.itemToString(action.selectedItem)};break;case ControlledPropUpdatedSelectedItem:changes={inputValue:action.inputValue};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$1)}return{...state,...changes}}useCombobox.stateChangeTypes=stateChangeTypes$1;function useCombobox(userProps){userProps===void 0&&(userProps={}),validatePropTypes$1(userProps,useCombobox);let props={...defaultProps$1,...userProps},{initialIsOpen,defaultIsOpen,items,scrollIntoView:scrollIntoView3,environment,getA11yStatusMessage:getA11yStatusMessage2,getA11ySelectionMessage:getA11ySelectionMessage2,itemToString:itemToString2}=props,initialState=getInitialState$1(props),[state,dispatch]=useControlledReducer(downshiftUseComboboxReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,menuRef=(0,import_react46.useRef)(null),itemRefs=(0,import_react46.useRef)({}),inputRef=(0,import_react46.useRef)(null),toggleButtonRef=(0,import_react46.useRef)(null),comboboxRef=(0,import_react46.useRef)(null),isInitialMountRef=(0,import_react46.useRef)(!0),elementIds=useElementIds(props),previousResultCountRef=(0,import_react46.useRef)(),latest=useLatestRef2({state,props}),getItemNodeFromIndex=(0,import_react46.useCallback)(index3=>itemRefs.current[elementIds.getItemId(index3)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react46.useEffect)(()=>{(initialIsOpen||defaultIsOpen||isOpen)&&inputRef.current&&inputRef.current.focus()},[]),(0,import_react46.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[comboboxRef,menuRef,toggleButtonRef],environment,()=>{dispatch({type:InputBlur,selectItem:!1})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getInputProps","getComboboxProps","getMenuProps");(0,import_react46.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react46.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let inputKeyDownHandlers=(0,import_react46.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:InputKeyDownArrowDown,shiftKey:event.shiftKey,getItemNodeFromIndex})},ArrowUp(event){event.preventDefault(),dispatch({type:InputKeyDownArrowUp,shiftKey:event.shiftKey,getItemNodeFromIndex})},Home(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownHome,getItemNodeFromIndex}))},End(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownEnd,getItemNodeFromIndex}))},Escape(event){let latestState=latest.current.state;(latestState.isOpen||latestState.inputValue||latestState.selectedItem||latestState.highlightedIndex>-1)&&(event.preventDefault(),dispatch({type:InputKeyDownEscape}))},Enter(event){let latestState=latest.current.state;!latestState.isOpen||latestState.highlightedIndex<0||event.which===229||(event.preventDefault(),dispatch({type:InputKeyDownEnter,getItemNodeFromIndex}))}}),[dispatch,latest,getItemNodeFromIndex]),getLabelProps=(0,import_react46.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.inputId,...labelProps}),[elementIds]),getMenuProps=(0,import_react46.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,onMouseLeave:callAllEventHandlers(onMouseLeave,()=>{dispatch({type:MenuMouseLeave})}),...rest}},[dispatch,setGetterPropCallInfo,elementIds]),getItemProps2=(0,import_react46.useCallback)(function(_temp3){let{item,index:index3,refKey="ref",ref,onMouseMove,onMouseDown,onClick,onPress,disabled,...rest}=_temp3===void 0?{}:_temp3,{props:latestProps,state:latestState}=latest.current,itemIndex=getItemIndex(index3,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let onSelectKey="onClick",customClickHandler=onClick,itemHandleMouseMove=()=>{index3!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove,index:index3,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick,index:index3})},itemHandleMouseDown=e4=>e4.preventDefault();return{[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),...!disabled&&{[onSelectKey]:callAllEventHandlers(customClickHandler,itemHandleClick)},onMouseMove:callAllEventHandlers(onMouseMove,itemHandleMouseMove),onMouseDown:callAllEventHandlers(onMouseDown,itemHandleMouseDown),...rest}},[dispatch,latest,shouldScrollRef,elementIds]),getToggleButtonProps=(0,import_react46.useCallback)(function(_temp4){let{onClick,onPress,refKey="ref",ref,...rest}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick}),!latest.current.state.isOpen&&inputRef.current&&inputRef.current.focus()};return{[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,tabIndex:-1,...!rest.disabled&&{onClick:callAllEventHandlers(onClick,toggleButtonHandleClick)},...rest}},[dispatch,latest,elementIds]),getInputProps=(0,import_react46.useCallback)(function(_temp5,_temp6){let{onKeyDown,onChange,onInput,onBlur,onChangeText,refKey="ref",ref,...rest}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;setGetterPropCallInfo("getInputProps",suppressRefError,refKey,inputRef);let latestState=latest.current.state,inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&inputKeyDownHandlers[key2]&&inputKeyDownHandlers[key2](event)},inputHandleChange=event=>{dispatch({type:InputChange,inputValue:event.target.value})},inputHandleBlur=()=>{latestState.isOpen&&!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:InputBlur,selectItem:!0})},onChangeKey="onChange",eventHandlers={};return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,inputHandleBlur)}),{[refKey]:handleRefs(ref,inputNode=>{inputRef.current=inputNode}),id:elementIds.inputId,"aria-autocomplete":"list","aria-controls":elementIds.menuId,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},"aria-labelledby":elementIds.labelId,autoComplete:"off",value:latestState.inputValue,...eventHandlers,...rest}},[dispatch,inputKeyDownHandlers,latest,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds]),getComboboxProps=(0,import_react46.useCallback)(function(_temp7,_temp8){let{refKey="ref",ref,...rest}=_temp7===void 0?{}:_temp7,{suppressRefError=!1}=_temp8===void 0?{}:_temp8;return setGetterPropCallInfo("getComboboxProps",suppressRefError,refKey,comboboxRef),{[refKey]:handleRefs(ref,comboboxNode=>{comboboxRef.current=comboboxNode}),role:"combobox","aria-haspopup":"listbox","aria-owns":elementIds.menuId,"aria-expanded":latest.current.state.isOpen,...rest}},[latest,setGetterPropCallInfo,elementIds]),toggleMenu=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionToggleMenu})},[dispatch]),closeMenu=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionCloseMenu})},[dispatch]),openMenu=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionOpenMenu})},[dispatch]),setHighlightedIndex=(0,import_react46.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react46.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem,selectedItem:newSelectedItem})},[dispatch]),setInputValue=(0,import_react46.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue,inputValue:newInputValue})},[dispatch]),reset=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionReset$1})},[dispatch]);return{getItemProps:getItemProps2,getLabelProps,getMenuProps,getInputProps,getComboboxProps,getToggleButtonProps,toggleMenu,openMenu,closeMenu,setHighlightedIndex,setInputValue,selectItem,reset,highlightedIndex,isOpen,selectedItem,inputValue}}var defaultStateValues={activeIndex:-1,selectedItems:[]};function getInitialValue(props,propKey){return getInitialValue$1(props,propKey,defaultStateValues)}function getDefaultValue(props,propKey){return getDefaultValue$1(props,propKey,defaultStateValues)}function getInitialState(props){let activeIndex=getInitialValue(props,"activeIndex"),selectedItems=getInitialValue(props,"selectedItems");return{activeIndex,selectedItems}}function isKeyDownOperationPermitted(event){if(event.shiftKey||event.metaKey||event.ctrlKey||event.altKey)return!1;let element=event.target;return!(element instanceof HTMLInputElement&&element.value!==""&&(element.selectionStart!==0||element.selectionEnd!==0))}function getA11yRemovalMessage(selectionParameters){let{removedSelectedItem,itemToString:itemToStringLocal}=selectionParameters;return`${itemToStringLocal(removedSelectedItem)} has been removed.`}var propTypes={selectedItems:import_prop_types2.default.array,initialSelectedItems:import_prop_types2.default.array,defaultSelectedItems:import_prop_types2.default.array,itemToString:import_prop_types2.default.func,getA11yRemovalMessage:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,activeIndex:import_prop_types2.default.number,initialActiveIndex:import_prop_types2.default.number,defaultActiveIndex:import_prop_types2.default.number,onActiveIndexChange:import_prop_types2.default.func,onSelectedItemsChange:import_prop_types2.default.func,keyNavigationNext:import_prop_types2.default.string,keyNavigationPrevious:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})},defaultProps={itemToString:defaultProps$3.itemToString,stateReducer:defaultProps$3.stateReducer,environment:defaultProps$3.environment,getA11yRemovalMessage,keyNavigationNext:"ArrowRight",keyNavigationPrevious:"ArrowLeft"},validatePropTypes=noop3;validatePropTypes=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes,options3,"prop",caller.name)};var SelectedItemClick="__selected_item_click__",SelectedItemKeyDownDelete="__selected_item_keydown_delete__",SelectedItemKeyDownBackspace="__selected_item_keydown_backspace__",SelectedItemKeyDownNavigationNext="__selected_item_keydown_navigation_next__",SelectedItemKeyDownNavigationPrevious="__selected_item_keydown_navigation_previous__",DropdownKeyDownNavigationPrevious="__dropdown_keydown_navigation_previous__",DropdownKeyDownBackspace="__dropdown_keydown_backspace__",DropdownClick="__dropdown_click__",FunctionAddSelectedItem="__function_add_selected_item__",FunctionRemoveSelectedItem="__function_remove_selected_item__",FunctionSetSelectedItems="__function_set_selected_items__",FunctionSetActiveIndex="__function_set_active_index__",FunctionReset="__function_reset__",stateChangeTypes=Object.freeze({__proto__:null,SelectedItemClick,SelectedItemKeyDownDelete,SelectedItemKeyDownBackspace,SelectedItemKeyDownNavigationNext,SelectedItemKeyDownNavigationPrevious,DropdownKeyDownNavigationPrevious,DropdownKeyDownBackspace,DropdownClick,FunctionAddSelectedItem,FunctionRemoveSelectedItem,FunctionSetSelectedItems,FunctionSetActiveIndex,FunctionReset});function downshiftMultipleSelectionReducer(state,action){let{type,index:index3,props,selectedItem}=action,{activeIndex,selectedItems}=state,changes;switch(type){case SelectedItemClick:changes={activeIndex:index3};break;case SelectedItemKeyDownNavigationPrevious:changes={activeIndex:activeIndex-1<0?0:activeIndex-1};break;case SelectedItemKeyDownNavigationNext:changes={activeIndex:activeIndex+1>=selectedItems.length?-1:activeIndex+1};break;case SelectedItemKeyDownBackspace:case SelectedItemKeyDownDelete:{let newActiveIndex=activeIndex;selectedItems.length===1?newActiveIndex=-1:activeIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,activeIndex),...selectedItems.slice(activeIndex+1)],activeIndex:newActiveIndex};break}case DropdownKeyDownNavigationPrevious:changes={activeIndex:selectedItems.length-1};break;case DropdownKeyDownBackspace:changes={selectedItems:selectedItems.slice(0,selectedItems.length-1)};break;case FunctionAddSelectedItem:changes={selectedItems:[...selectedItems,selectedItem]};break;case DropdownClick:changes={activeIndex:-1};break;case FunctionRemoveSelectedItem:{let newActiveIndex=activeIndex,selectedItemIndex=selectedItems.indexOf(selectedItem);selectedItemIndex>=0&&(selectedItems.length===1?newActiveIndex=-1:selectedItemIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,selectedItemIndex),...selectedItems.slice(selectedItemIndex+1)],activeIndex:newActiveIndex});break}case FunctionSetSelectedItems:{let{selectedItems:newSelectedItems}=action;changes={selectedItems:newSelectedItems};break}case FunctionSetActiveIndex:{let{activeIndex:newActiveIndex}=action;changes={activeIndex:newActiveIndex};break}case FunctionReset:changes={activeIndex:getDefaultValue(props,"activeIndex"),selectedItems:getDefaultValue(props,"selectedItems")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}useMultipleSelection.stateChangeTypes=stateChangeTypes;function useMultipleSelection(userProps){userProps===void 0&&(userProps={}),validatePropTypes(userProps,useMultipleSelection);let props={...defaultProps,...userProps},{getA11yRemovalMessage:getA11yRemovalMessage2,itemToString:itemToString2,environment,keyNavigationNext,keyNavigationPrevious}=props,[state,dispatch]=useControlledReducer$1(downshiftMultipleSelectionReducer,getInitialState(props),props),{activeIndex,selectedItems}=state,isInitialMountRef=(0,import_react46.useRef)(!0),dropdownRef=(0,import_react46.useRef)(null),previousSelectedItemsRef=(0,import_react46.useRef)(selectedItems),selectedItemRefs=(0,import_react46.useRef)();selectedItemRefs.current=[];let latest=useLatestRef2({state,props});(0,import_react46.useEffect)(()=>{if(!isInitialMountRef.current){if(selectedItems.length<previousSelectedItemsRef.current.length){let removedSelectedItem=previousSelectedItemsRef.current.find(item=>selectedItems.indexOf(item)<0);setStatus(getA11yRemovalMessage2({itemToString:itemToString2,resultCount:selectedItems.length,removedSelectedItem,activeIndex,activeSelectedItem:selectedItems[activeIndex]}),environment.document)}previousSelectedItemsRef.current=selectedItems}},[selectedItems.length]),(0,import_react46.useEffect)(()=>{isInitialMountRef.current||(activeIndex===-1&&dropdownRef.current?dropdownRef.current.focus():selectedItemRefs.current[activeIndex]&&selectedItemRefs.current[activeIndex].focus())},[activeIndex]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state});let setGetterPropCallInfo=useGetterPropsCalledChecker("getDropdownProps");(0,import_react46.useEffect)(()=>{isInitialMountRef.current=!1},[]);let selectedItemKeyDownHandlers=(0,import_react46.useMemo)(()=>({[keyNavigationPrevious](){dispatch({type:SelectedItemKeyDownNavigationPrevious})},[keyNavigationNext](){dispatch({type:SelectedItemKeyDownNavigationNext})},Delete(){dispatch({type:SelectedItemKeyDownDelete})},Backspace(){dispatch({type:SelectedItemKeyDownBackspace})}}),[dispatch,keyNavigationNext,keyNavigationPrevious]),dropdownKeyDownHandlers=(0,import_react46.useMemo)(()=>({[keyNavigationPrevious](event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownNavigationPrevious})},Backspace(event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownBackspace})}}),[dispatch,keyNavigationPrevious]),getSelectedItemProps=(0,import_react46.useCallback)(function(_temp){let{refKey="ref",ref,onClick,onKeyDown,selectedItem,index:index3,...rest}=_temp===void 0?{}:_temp,{state:latestState}=latest.current;if(getItemIndex(index3,selectedItem,latestState.selectedItems)<0)throw new Error("Pass either selectedItem or index in getSelectedItemProps!");let selectedItemHandleClick=()=>{dispatch({type:SelectedItemClick,index:index3})},selectedItemHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&selectedItemKeyDownHandlers[key2]&&selectedItemKeyDownHandlers[key2](event)};return{[refKey]:handleRefs(ref,selectedItemNode=>{selectedItemNode&&selectedItemRefs.current.push(selectedItemNode)}),tabIndex:index3===latestState.activeIndex?0:-1,onClick:callAllEventHandlers(onClick,selectedItemHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,selectedItemHandleKeyDown),...rest}},[dispatch,latest,selectedItemKeyDownHandlers]),getDropdownProps=(0,import_react46.useCallback)(function(_temp2,_temp3){let{refKey="ref",ref,onKeyDown,onClick,preventKeyAction=!1,...rest}=_temp2===void 0?{}:_temp2,{suppressRefError=!1}=_temp3===void 0?{}:_temp3;setGetterPropCallInfo("getDropdownProps",suppressRefError,refKey,dropdownRef);let dropdownHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&dropdownKeyDownHandlers[key2]&&dropdownKeyDownHandlers[key2](event)},dropdownHandleClick=()=>{dispatch({type:DropdownClick})};return{[refKey]:handleRefs(ref,dropdownNode=>{dropdownNode&&(dropdownRef.current=dropdownNode)}),...!preventKeyAction&&{onKeyDown:callAllEventHandlers(onKeyDown,dropdownHandleKeyDown),onClick:callAllEventHandlers(onClick,dropdownHandleClick)},...rest}},[dispatch,dropdownKeyDownHandlers,setGetterPropCallInfo]),addSelectedItem=(0,import_react46.useCallback)(selectedItem=>{dispatch({type:FunctionAddSelectedItem,selectedItem})},[dispatch]),removeSelectedItem=(0,import_react46.useCallback)(selectedItem=>{dispatch({type:FunctionRemoveSelectedItem,selectedItem})},[dispatch]),setSelectedItems=(0,import_react46.useCallback)(newSelectedItems=>{dispatch({type:FunctionSetSelectedItems,selectedItems:newSelectedItems})},[dispatch]),setActiveIndex=(0,import_react46.useCallback)(newActiveIndex=>{dispatch({type:FunctionSetActiveIndex,activeIndex:newActiveIndex})},[dispatch]),reset=(0,import_react46.useCallback)(()=>{dispatch({type:FunctionReset})},[dispatch]);return{getSelectedItemProps,getDropdownProps,addSelectedItem,removeSelectedItem,setSelectedItems,setActiveIndex,reset,selectedItems,activeIndex}}var import_fuse=__toESM(require_fuse());var import_react47=__toESM(require_react());function isCloseType(x5){return!!(x5&&x5.closeMenu)}function isClearType(x5){return!!(x5&&x5.clearLastViewed)}function isExpandType(x5){return!!(x5&&x5.showAll)}function isSearchResult(x5){return!!(x5&&x5.item)}var{document:document9}=scope,DEFAULT_MAX_SEARCH_RESULTS=50,options2={shouldSort:!0,tokenize:!0,findAllMatches:!0,includeScore:!0,includeMatches:!0,threshold:.2,location:0,distance:100,maxPatternLength:32,minMatchCharLength:1,keys:[{name:"name",weight:.7},{name:"path",weight:.3}]},ScreenReaderLabel=newStyled.label({position:"absolute",left:-1e4,top:"auto",width:1,height:1,overflow:"hidden"}),SearchIcon=newStyled(Icons)(({theme})=>({width:12,height:12,position:"absolute",top:10,left:12,zIndex:1,pointerEvents:"none",color:theme.textMutedColor})),SearchField=newStyled.div(({theme})=>({display:"flex",flexDirection:"column",position:"relative","&:focus-within svg":{color:theme.color.defaultText}})),Input3=newStyled.input(({theme})=>({appearance:"none",height:32,paddingLeft:30,paddingRight:32,border:`1px solid ${theme.appBorderColor}`,background:"transparent",borderRadius:32,fontSize:`${theme.typography.size.s1+1}px`,fontFamily:"inherit",transition:"all 150ms",color:theme.color.defaultText,"&:focus, &:active":{outline:0,borderColor:theme.color.secondary,background:theme.background.app},"&::placeholder":{color:theme.textMutedColor,opacity:1},"&:valid ~ code, &:focus ~ code":{display:"none"},"&:invalid ~ svg":{display:"none"},"&:valid ~ svg":{display:"block"},"&::-ms-clear":{display:"none"},"&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}})),FocusKey=newStyled.code(({theme})=>({position:"absolute",top:8,right:16,minWidth:16,height:16,zIndex:1,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:3,userSelect:"none",pointerEvents:"none"})),ClearIcon=newStyled(Icons)(({theme})=>({width:16,height:16,padding:4,position:"absolute",top:8,right:16,zIndex:1,background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.1)",borderRadius:16,color:theme.base==="light"?theme.color.dark:theme.textMutedColor,cursor:"pointer"})),FocusContainer=newStyled.div({outline:0}),Search2=import_react47.default.memo(function({children,dataset,isLoading=!1,enableShortcuts=!0,getLastViewed,clearLastViewed,initialQuery=""}){let api=useStorybookApi(),inputRef=(0,import_react47.useRef)(null),[inputPlaceholder,setPlaceholder]=(0,import_react47.useState)("Find components"),[allComponents,showAllComponents]=(0,import_react47.useState)(!1),searchShortcut=api?shortcutToHumanString(api.getShortcutKeys().search):"/",selectStory=(0,import_react47.useCallback)((id,refId)=>{api&&api.selectStory(id,void 0,{ref:refId!==DEFAULT_REF_ID&&refId}),inputRef.current.blur(),showAllComponents(!1)},[api,inputRef,showAllComponents,DEFAULT_REF_ID]),list=(0,import_react47.useMemo)(()=>dataset.entries.reduce((acc,[refId,{index:index3,status}])=>{let groupStatus=getGroupStatus(index3||{},status);return index3&&acc.push(...Object.values(index3).map(item=>{let statusValue=status&&status[item.id]?getHighestStatus(Object.values(status[item.id]||{}).map(s4=>s4.status)):null;return{...searchItem(item,dataset.hash[refId]),status:statusValue||groupStatus[item.id]||null}})),acc},[]),[dataset]),fuse=(0,import_react47.useMemo)(()=>new import_fuse.default(list,options2),[list]),getResults=(0,import_react47.useCallback)(input=>{if(!input)return[];let results=[],resultIds=new Set,distinctResults=fuse.search(input).filter(({item})=>!(item.type==="component"||item.type==="docs"||item.type==="story")||resultIds.has(item.parent)?!1:(resultIds.add(item.id),!0));return distinctResults.length&&(results=distinctResults.slice(0,allComponents?1e3:DEFAULT_MAX_SEARCH_RESULTS),distinctResults.length>DEFAULT_MAX_SEARCH_RESULTS&&!allComponents&&results.push({showAll:()=>showAllComponents(!0),totalCount:distinctResults.length,moreCount:distinctResults.length-DEFAULT_MAX_SEARCH_RESULTS})),results},[allComponents,fuse]),stateReducer2=(0,import_react47.useCallback)((state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.blurInput:return{...changes,inputValue:state.inputValue,isOpen:state.inputValue&&!state.selectedItem,selectedItem:null};case Downshift$1.stateChangeTypes.mouseUp:return{};case Downshift$1.stateChangeTypes.keyDownEscape:return state.inputValue?{...changes,inputValue:"",isOpen:!0,selectedItem:null}:(inputRef.current.blur(),{...changes,isOpen:!1,selectedItem:null});case Downshift$1.stateChangeTypes.clickItem:case Downshift$1.stateChangeTypes.keyDownEnter:{if(isSearchResult(changes.selectedItem)){let{id,refId}=changes.selectedItem.item;return selectStory(id,refId),{...changes,inputValue:state.inputValue,isOpen:!1}}return isExpandType(changes.selectedItem)?(changes.selectedItem.showAll(),{}):isClearType(changes.selectedItem)?(changes.selectedItem.clearLastViewed(),inputRef.current.blur(),{isOpen:!1}):isCloseType(changes.selectedItem)?(inputRef.current.blur(),{isOpen:!1}):changes}case Downshift$1.stateChangeTypes.changeInput:return showAllComponents(!1),changes;default:return changes}},[inputRef,selectStory,showAllComponents]);return import_react47.default.createElement(Downshift$1,{initialInputValue:initialQuery,stateReducer:stateReducer2,itemToString:result2=>result2?.item?.name||"",scrollIntoView:e4=>scrollIntoView(e4)},({isOpen,openMenu,closeMenu,inputValue,clearSelection,getInputProps,getItemProps:getItemProps2,getLabelProps,getMenuProps,getRootProps,highlightedIndex})=>{let input=inputValue?inputValue.trim():"",results=input?getResults(input):[],lastViewed=!input&&getLastViewed();lastViewed&&lastViewed.length&&(results=lastViewed.reduce((acc,{storyId,refId})=>{let data=dataset.hash[refId];if(data&&data.index&&data.index[storyId]){let story=data.index[storyId],item=story.type==="story"?data.index[story.parent]:story;acc.some(res=>res.item.refId===refId&&res.item.id===item.id)||acc.push({item:searchItem(item,dataset.hash[refId]),matches:[],score:0})}return acc},[]),results.push({closeMenu}),results.length>0&&results.push({clearLastViewed}));let inputProps=getInputProps({id:"storybook-explorer-searchfield",ref:inputRef,required:!0,type:"search",placeholder:inputPlaceholder,onFocus:()=>{openMenu(),setPlaceholder("Type to find...")},onBlur:()=>setPlaceholder("Find components")});return import_react47.default.createElement(import_react47.default.Fragment,null,import_react47.default.createElement(ScreenReaderLabel,{...getLabelProps()},"Search for components"),import_react47.default.createElement(SearchField,{...getRootProps({refKey:""},{suppressRefError:!0}),className:"search-field"},import_react47.default.createElement(SearchIcon,{icon:"search"}),import_react47.default.createElement(Input3,{...inputProps}),enableShortcuts&&import_react47.default.createElement(FocusKey,null,searchShortcut),import_react47.default.createElement(ClearIcon,{icon:"cross",onClick:()=>clearSelection()})),import_react47.default.createElement(FocusContainer,{tabIndex:0,id:"storybook-explorer-menu"},children({query:input,results,isBrowsing:!isOpen&&document9.activeElement!==inputRef.current,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex})))})});var import_react48=__toESM(require_react());var{document:document10}=scope,ResultsList=newStyled.ol({listStyle:"none",margin:0,marginLeft:-20,marginRight:-20,padding:0}),ResultRow=newStyled.li(({theme,isHighlighted})=>({display:"flex",alignItems:"center",justifyContent:"space-between",margin:0,padding:0,paddingRight:20,background:isHighlighted?theme.background.hoverable:"transparent",cursor:"pointer","a:hover, button:hover":{background:"transparent"},gap:10})),NoResults=newStyled.div(({theme})=>({marginTop:20,textAlign:"center",fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"18px",color:theme.color.defaultText,small:{color:theme.barTextColor,fontSize:`${theme.typography.size.s1}px`}})),Mark=newStyled.mark(({theme})=>({background:"transparent",color:theme.color.secondary})),ActionRow=newStyled(ResultRow)({display:"flex",padding:"6px 19px",alignItems:"center"}),BackActionRow=newStyled(ActionRow)({marginTop:8}),ActionLabel=newStyled.span(({theme})=>({flexGrow:1,color:theme.textMutedColor,fontSize:`${theme.typography.size.s1}px`})),ActionIcon=newStyled(Icons)(({theme})=>({display:"inline-block",width:10,height:10,marginRight:6,color:theme.textMutedColor})),ActionKey=newStyled.code(({theme})=>({minWidth:16,height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none"})),Highlight=import_react48.default.memo(function({children,match}){if(!match)return import_react48.default.createElement(import_react48.default.Fragment,null,children);let{value:value2,indices}=match,{nodes:result2}=indices.reduce(({cursor,nodes},[start,end],index3,{length})=>(nodes.push(import_react48.default.createElement("span",{key:`${index3}-0`},value2.slice(cursor,start))),nodes.push(import_react48.default.createElement(Mark,{key:`${index3}-1`},value2.slice(start,end+1))),index3===length-1&&nodes.push(import_react48.default.createElement("span",{key:`${index3}-2`},value2.slice(end+1))),{cursor:end+1,nodes}),{cursor:0,nodes:[]});return import_react48.default.createElement(import_react48.default.Fragment,null,result2)}),Result=import_react48.default.memo(function({item,matches,icon,onClick,...props}){let click=(0,import_react48.useCallback)(event=>{event.preventDefault(),onClick(event)},[onClick]),api=useStorybookApi();(0,import_react48.useEffect)(()=>{api&&props.isHighlighted&&item.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]]},{options:{target:item.refId}})},[props.isHighlighted,item]);let nameMatch=matches.find(match=>match.key==="name"),pathMatches=matches.filter(match=>match.key==="path"),label=import_react48.default.createElement("div",{className:"search-result-item--label"},import_react48.default.createElement("strong",null,import_react48.default.createElement(Highlight,{match:nameMatch},item.name)),import_react48.default.createElement(Path,null,item.path.map((group,index3)=>import_react48.default.createElement("span",{key:index3},import_react48.default.createElement(Highlight,{match:pathMatches.find(match=>match.arrayIndex===index3)},group))))),title=`${item.path.join(" / ")} / ${item.name}`,nodeProps={depth:0,onClick:click,title,children:label},node;item.type==="component"?node=import_react48.default.createElement(ComponentNode,{isExpanded:!1,...nodeProps}):item.type==="story"?node=import_react48.default.createElement(StoryNode,{href:getLink(item,item.refId),...nodeProps}):node=import_react48.default.createElement(DocumentNode,{href:getLink(item,item.refId),...nodeProps});let[i5,iconColor]=item.status?statusMapping[item.status]:[];return import_react48.default.createElement(ResultRow,{...props},node,item.status?import_react48.default.createElement(Icons,{width:"8px",height:"8px",icon:i5,style:{color:iconColor}}):null)}),SearchResults=import_react48.default.memo(function({query,results,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex,isLoading=!1,enableShortcuts=!0}){let api=useStorybookApi();(0,import_react48.useEffect)(()=>{let handleEscape=event=>{if(!(!enableShortcuts||isLoading||event.repeat)&&matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)){if(event.target?.id==="storybook-explorer-searchfield")return;event.preventDefault(),closeMenu()}};return document10.addEventListener("keydown",handleEscape),()=>document10.removeEventListener("keydown",handleEscape)},[closeMenu,enableShortcuts,isLoading]);let mouseOverHandler=(0,import_react48.useCallback)(event=>{if(!api)return;let currentTarget=event.currentTarget,storyId=currentTarget.getAttribute("data-id"),refId=currentTarget.getAttribute("data-refid"),item=api.getData(storyId,refId==="storybook_internal"?void 0:refId);item?.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})},[]);return import_react48.default.createElement(ResultsList,{...getMenuProps()},results.length>0&&!query&&import_react48.default.createElement("li",null,import_react48.default.createElement(RootNode,{className:"search-result-recentlyOpened"},"Recently opened")),results.length===0&&query&&import_react48.default.createElement("li",null,import_react48.default.createElement(NoResults,null,import_react48.default.createElement("strong",null,"No components found"),import_react48.default.createElement("br",null),import_react48.default.createElement("small",null,"Find components by name or path."))),results.map((result2,index3)=>{if(isCloseType(result2))return import_react48.default.createElement(BackActionRow,{key:"search-result-back",...result2,...getItemProps2({key:index3,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,className:"search-result-back"},import_react48.default.createElement(ActionIcon,{icon:"arrowleft"}),import_react48.default.createElement(ActionLabel,null,"Back to components"),import_react48.default.createElement(ActionKey,null,"ESC"));if(isClearType(result2))return import_react48.default.createElement(ActionRow,{key:"search-result-clearHistory",...result2,...getItemProps2({key:index3,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,className:"search-result-clearHistory"},import_react48.default.createElement(ActionIcon,{icon:"trash"}),import_react48.default.createElement(ActionLabel,null,"Clear history"));if(isExpandType(result2))return import_react48.default.createElement(ActionRow,{key:"search-result-more",...result2,...getItemProps2({key:index3,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,className:"search-result-more"},import_react48.default.createElement(ActionIcon,{icon:"plus"}),import_react48.default.createElement(ActionLabel,null,"Show ",result2.moreCount," more results"));let{item}=result2,key2=`${item.refId}::${item.id}`;return import_react48.default.createElement(Result,{key:item.id,...result2,...getItemProps2({key:key2,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,"data-id":result2.item.id,"data-refid":result2.item.refId,onMouseOver:mouseOverHandler,className:"search-result-item"})}))});var import_debounce2=__toESM(require_debounce()),import_react49=__toESM(require_react()),import_store23=__toESM(require_store2()),save=(0,import_debounce2.default)(value2=>import_store23.default.set("lastViewedStoryIds",value2),1e3),useLastViewed=selection=>{let initialLastViewedStoryIds=(0,import_react49.useMemo)(()=>{let items=import_store23.default.get("lastViewedStoryIds");return!items||!Array.isArray(items)?[]:items.some(item=>typeof item=="object"&&item.storyId&&item.refId)?items:[]},[import_store23.default]),lastViewedRef=(0,import_react49.useRef)(initialLastViewedStoryIds),updateLastViewed=(0,import_react49.useCallback)(story=>{let items=lastViewedRef.current,index3=items.findIndex(({storyId,refId})=>storyId===story.storyId&&refId===story.refId);index3!==0&&(index3===-1?lastViewedRef.current=[story,...items]:lastViewedRef.current=[story,...items.slice(0,index3),...items.slice(index3+1)],save(lastViewedRef.current))},[lastViewedRef]);return(0,import_react49.useEffect)(()=>{selection&&updateLastViewed(selection)},[selection]),{getLastViewed:(0,import_react49.useCallback)(()=>lastViewedRef.current,[lastViewedRef]),clearLastViewed:(0,import_react49.useCallback)(()=>{lastViewedRef.current=lastViewedRef.current.slice(0,1),save(lastViewedRef.current)},[lastViewedRef])}};var DEFAULT_REF_ID="storybook_internal",Container3=newStyled.nav({position:"absolute",zIndex:1,left:0,top:0,bottom:0,right:0,width:"100%",height:"100%"}),StyledSpaced=newStyled(Spaced)({paddingBottom:"2.5rem"}),CustomScrollArea=newStyled(ScrollArea)({"&&&&& .os-scrollbar-handle:before":{left:-12},"&&&&& .os-scrollbar-vertical":{right:5},padding:20}),Swap=import_react50.default.memo(function({children,condition}){let[a4,b5]=import_react50.default.Children.toArray(children);return import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement("div",{style:{display:condition?"block":"none"}},a4),import_react50.default.createElement("div",{style:{display:condition?"none":"block"}},b5))}),useCombination=(defaultRefData,refs2)=>{let hash=(0,import_react50.useMemo)(()=>({[DEFAULT_REF_ID]:{...defaultRefData,title:null,id:DEFAULT_REF_ID,url:"iframe.html"},...refs2}),[refs2,defaultRefData]);return(0,import_react50.useMemo)(()=>({hash,entries:Object.entries(hash)}),[hash])},Sidebar3=import_react50.default.memo(function({storyId=null,refId=DEFAULT_REF_ID,index:index3,indexError,status,previewInitialized,menu,menuHighlighted=!1,enableShortcuts=!0,refs:refs2={}}){let selected=(0,import_react50.useMemo)(()=>storyId&&{storyId,refId},[storyId,refId]),dataset=useCombination({index:index3,indexError,previewInitialized,status},refs2),isLoading=!index3&&!indexError,lastViewedProps=useLastViewed(selected);return import_react50.default.createElement(Container3,{className:"container sidebar-container"},import_react50.default.createElement(CustomScrollArea,{vertical:!0},import_react50.default.createElement(StyledSpaced,{row:1.6},import_react50.default.createElement(Heading,{className:"sidebar-header",menuHighlighted,menu,skipLinkHref:"#storybook-preview-wrapper"}),import_react50.default.createElement(Search2,{dataset,isLoading,enableShortcuts,...lastViewedProps},({query,results,isBrowsing,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex})=>import_react50.default.createElement(Swap,{condition:isBrowsing},import_react50.default.createElement(Explorer,{dataset,selected,isLoading,isBrowsing}),import_react50.default.createElement(SearchResults,{query,results,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex,enableShortcuts,isLoading}))))))});var import_react51=__toESM(require_react());var focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},Key2=newStyled.span(({theme})=>({display:"inline-block",height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none",padding:"0 6px"})),KeyChild=newStyled.code(({theme})=>`
|
|
433
|
+
`)},idCounter=0,lockStack=[];function RemoveScrollSideCar(props){var shouldPreventQueue=React14.useRef([]),touchStartRef=React14.useRef([0,0]),activeAxis=React14.useRef(),id=React14.useState(idCounter++)[0],Style2=React14.useState(function(){return styleSingleton()})[0],lastProps=React14.useRef(props);React14.useEffect(function(){lastProps.current=props},[props]),React14.useEffect(function(){if(props.inert){document.body.classList.add("block-interactivity-".concat(id));var allow_1=__spreadArray([props.lockRef.current],(props.shards||[]).map(extractRef),!0).filter(Boolean);return allow_1.forEach(function(el){return el.classList.add("allow-interactivity-".concat(id))}),function(){document.body.classList.remove("block-interactivity-".concat(id)),allow_1.forEach(function(el){return el.classList.remove("allow-interactivity-".concat(id))})}}},[props.inert,props.lockRef.current,props.shards]);var shouldCancelEvent=React14.useCallback(function(event,parent){if("touches"in event&&event.touches.length===2)return!lastProps.current.allowPinchZoom;var touch=getTouchXY(event),touchStart=touchStartRef.current,deltaX="deltaX"in event?event.deltaX:touchStart[0]-touch[0],deltaY="deltaY"in event?event.deltaY:touchStart[1]-touch[1],currentAxis,target=event.target,moveDirection=Math.abs(deltaX)>Math.abs(deltaY)?"h":"v";if("touches"in event&&moveDirection==="h"&&target.type==="range")return!1;var canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target);if(!canBeScrolledInMainDirection)return!0;if(canBeScrolledInMainDirection?currentAxis=moveDirection:(currentAxis=moveDirection==="v"?"h":"v",canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target)),!canBeScrolledInMainDirection)return!1;if(!activeAxis.current&&"changedTouches"in event&&(deltaX||deltaY)&&(activeAxis.current=currentAxis),!currentAxis)return!0;var cancelingAxis=activeAxis.current||currentAxis;return handleScroll(cancelingAxis,parent,event,cancelingAxis==="h"?deltaX:deltaY,!0)},[]),shouldPrevent=React14.useCallback(function(_event){var event=_event;if(!(!lockStack.length||lockStack[lockStack.length-1]!==Style2)){var delta="deltaY"in event?getDeltaXY(event):getTouchXY(event),sourceEvent=shouldPreventQueue.current.filter(function(e4){return e4.name===event.type&&e4.target===event.target&&deltaCompare(e4.delta,delta)})[0];if(sourceEvent&&sourceEvent.should){event.cancelable&&event.preventDefault();return}if(!sourceEvent){var shardNodes=(lastProps.current.shards||[]).map(extractRef).filter(Boolean).filter(function(node){return node.contains(event.target)}),shouldStop=shardNodes.length>0?shouldCancelEvent(event,shardNodes[0]):!lastProps.current.noIsolation;shouldStop&&event.cancelable&&event.preventDefault()}}},[]),shouldCancel=React14.useCallback(function(name2,delta,target,should){var event={name:name2,delta,target,should};shouldPreventQueue.current.push(event),setTimeout(function(){shouldPreventQueue.current=shouldPreventQueue.current.filter(function(e4){return e4!==event})},1)},[]),scrollTouchStart=React14.useCallback(function(event){touchStartRef.current=getTouchXY(event),activeAxis.current=void 0},[]),scrollWheel=React14.useCallback(function(event){shouldCancel(event.type,getDeltaXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))},[]),scrollTouchMove=React14.useCallback(function(event){shouldCancel(event.type,getTouchXY(event),event.target,shouldCancelEvent(event,props.lockRef.current))},[]);React14.useEffect(function(){return lockStack.push(Style2),props.setCallbacks({onScrollCapture:scrollWheel,onWheelCapture:scrollWheel,onTouchMoveCapture:scrollTouchMove}),document.addEventListener("wheel",shouldPrevent,nonPassive),document.addEventListener("touchmove",shouldPrevent,nonPassive),document.addEventListener("touchstart",scrollTouchStart,nonPassive),function(){lockStack=lockStack.filter(function(inst){return inst!==Style2}),document.removeEventListener("wheel",shouldPrevent,nonPassive),document.removeEventListener("touchmove",shouldPrevent,nonPassive),document.removeEventListener("touchstart",scrollTouchStart,nonPassive)}},[]);var removeScrollBar=props.removeScrollBar,inert=props.inert;return React14.createElement(React14.Fragment,null,inert?React14.createElement(Style2,{styles:generateStyle(id)}):null,removeScrollBar?React14.createElement(RemoveScrollBar,{gapMode:"margin"}):null)}var sidecar_default=exportSidecar(effectCar,RemoveScrollSideCar);var ReactRemoveScroll=React15.forwardRef(function(props,ref){return React15.createElement(RemoveScroll,__assign2({},props,{ref,sideCar:sidecar_default}))});ReactRemoveScroll.classNames=RemoveScroll.classNames;var Combination_default=ReactRemoveScroll;var $cc7e05a45900e73f$var$OPEN_KEYS=[" ","Enter","ArrowUp","ArrowDown"],$cc7e05a45900e73f$var$SELECTION_KEYS=[" ","Enter"],$cc7e05a45900e73f$var$SELECT_NAME="Select",[$cc7e05a45900e73f$var$Collection,$cc7e05a45900e73f$var$useCollection,$cc7e05a45900e73f$var$createCollectionScope]=$e02a7d9cb1dc128c$export$c74125a8e3af6bb2($cc7e05a45900e73f$var$SELECT_NAME),[$cc7e05a45900e73f$var$createSelectContext,$cc7e05a45900e73f$export$286727a75dc039bd]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($cc7e05a45900e73f$var$SELECT_NAME,[$cc7e05a45900e73f$var$createCollectionScope,$cf1ac5d9fe0e8206$export$722aac194ae923]),$cc7e05a45900e73f$var$usePopperScope=$cf1ac5d9fe0e8206$export$722aac194ae923(),[$cc7e05a45900e73f$var$SelectProvider,$cc7e05a45900e73f$var$useSelectContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME),[$cc7e05a45900e73f$var$SelectNativeOptionsProvider,$cc7e05a45900e73f$var$useSelectNativeOptionsContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME),$cc7e05a45900e73f$export$ef9b1a59e592288f=props=>{let{__scopeSelect,children,open:openProp,defaultOpen,onOpenChange,value:valueProp,defaultValue,onValueChange,dir,name:name2,autoComplete,disabled,required}=props,popperScope=$cc7e05a45900e73f$var$usePopperScope(__scopeSelect),[trigger,setTrigger]=(0,import_react32.useState)(null),[valueNode,setValueNode]=(0,import_react32.useState)(null),[valueNodeHasChildren,setValueNodeHasChildren]=(0,import_react32.useState)(!1),direction=$f631663db3294ace$export$b39126d51d94e6f3(dir),[open=!1,setOpen]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange}),[value2,setValue]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:valueProp,defaultProp:defaultValue,onChange:onValueChange}),triggerPointerDownPosRef=(0,import_react32.useRef)(null),isFormControl=trigger?!!trigger.closest("form"):!0,[nativeOptionsSet,setNativeOptionsSet]=(0,import_react32.useState)(new Set),nativeSelectKey=Array.from(nativeOptionsSet).map(option=>option.props.value).join(";");return(0,import_react32.createElement)($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9,popperScope,(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectProvider,{required,scope:__scopeSelect,trigger,onTriggerChange:setTrigger,valueNode,onValueNodeChange:setValueNode,valueNodeHasChildren,onValueNodeHasChildrenChange:setValueNodeHasChildren,contentId:$1746a345f3d73bb7$export$f680877a34711e37(),value:value2,onValueChange:setValue,open,onOpenChange:setOpen,dir:direction,triggerPointerDownPosRef,disabled},(0,import_react32.createElement)($cc7e05a45900e73f$var$Collection.Provider,{scope:__scopeSelect},(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectNativeOptionsProvider,{scope:props.__scopeSelect,onNativeOptionAdd:(0,import_react32.useCallback)(option=>{setNativeOptionsSet(prev=>new Set(prev).add(option))},[]),onNativeOptionRemove:(0,import_react32.useCallback)(option=>{setNativeOptionsSet(prev=>{let optionsSet=new Set(prev);return optionsSet.delete(option),optionsSet})},[])},children)),isFormControl?(0,import_react32.createElement)($cc7e05a45900e73f$var$BubbleSelect,{key:nativeSelectKey,"aria-hidden":!0,required,tabIndex:-1,name:name2,autoComplete,value:value2,onChange:event=>setValue(event.target.value),disabled},value2===void 0?(0,import_react32.createElement)("option",{value:""}):null,Array.from(nativeOptionsSet)):null))},$cc7e05a45900e73f$var$TRIGGER_NAME="SelectTrigger",$cc7e05a45900e73f$export$3ac1e88a1c0b9f1=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,disabled=!1,...triggerProps}=props,popperScope=$cc7e05a45900e73f$var$usePopperScope(__scopeSelect),context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$TRIGGER_NAME,__scopeSelect),isDisabled=context.disabled||disabled,composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.onTriggerChange),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),[searchRef,handleTypeaheadSearch,resetTypeahead]=$cc7e05a45900e73f$var$useTypeaheadSearch(search=>{let enabledItems=getItems().filter(item=>!item.disabled),currentItem=enabledItems.find(item=>item.value===context.value),nextItem=$cc7e05a45900e73f$var$findNextItem(enabledItems,search,currentItem);nextItem!==void 0&&context.onValueChange(nextItem.value)}),handleOpen=()=>{isDisabled||(context.onOpenChange(!0),resetTypeahead())};return(0,import_react32.createElement)($cf1ac5d9fe0e8206$export$b688253958b8dfe7,_extends3({asChild:!0},popperScope),(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button,_extends3({type:"button",role:"combobox","aria-controls":context.contentId,"aria-expanded":context.open,"aria-required":context.required,"aria-autocomplete":"none",dir:context.dir,"data-state":context.open?"open":"closed",disabled:isDisabled,"data-disabled":isDisabled?"":void 0,"data-placeholder":context.value===void 0?"":void 0},triggerProps,{ref:composedRefs,onClick:$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onClick,event=>{event.currentTarget.focus()}),onPointerDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onPointerDown,event=>{let target=event.target;target.hasPointerCapture(event.pointerId)&&target.releasePointerCapture(event.pointerId),event.button===0&&event.ctrlKey===!1&&(handleOpen(),context.triggerPointerDownPosRef.current={x:Math.round(event.pageX),y:Math.round(event.pageY)},event.preventDefault())}),onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(triggerProps.onKeyDown,event=>{let isTypingAhead=searchRef.current!=="";!(event.ctrlKey||event.altKey||event.metaKey)&&event.key.length===1&&handleTypeaheadSearch(event.key),!(isTypingAhead&&event.key===" ")&&$cc7e05a45900e73f$var$OPEN_KEYS.includes(event.key)&&(handleOpen(),event.preventDefault())})})))}),$cc7e05a45900e73f$var$VALUE_NAME="SelectValue",$cc7e05a45900e73f$export$e288731fd71264f0=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,className,style,children,placeholder,...valueProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$VALUE_NAME,__scopeSelect),{onValueNodeHasChildrenChange}=context,hasChildren=children!==void 0,composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.onValueNodeChange);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{onValueNodeHasChildrenChange(hasChildren)},[onValueNodeHasChildrenChange,hasChildren]),(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({},valueProps,{ref:composedRefs,style:{pointerEvents:"none"}}),context.value===void 0&&placeholder!==void 0?placeholder:children)});var $cc7e05a45900e73f$export$99b400cabb58c515=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,children,...iconProps}=props;return(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({"aria-hidden":!0},iconProps,{ref:forwardedRef}),children||"\u25BC")});var $cc7e05a45900e73f$export$b2af6c9944296213=props=>(0,import_react32.createElement)($f1701beae083dbae$export$602eac185826482c,_extends3({asChild:!0},props)),$cc7e05a45900e73f$var$CONTENT_NAME="SelectContent",$cc7e05a45900e73f$export$c973a4b3cb86a03d=(0,import_react32.forwardRef)((props,forwardedRef)=>{let context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,props.__scopeSelect),[fragment,setFragment]=(0,import_react32.useState)();if($9f79659886946c16$export$e5c5a5f917a5871c(()=>{setFragment(new DocumentFragment)},[]),!context.open){let frag=fragment;return frag?(0,import_react_dom5.createPortal)((0,import_react32.createElement)($cc7e05a45900e73f$var$SelectContentProvider,{scope:props.__scopeSelect},(0,import_react32.createElement)($cc7e05a45900e73f$var$Collection.Slot,{scope:props.__scopeSelect},(0,import_react32.createElement)("div",null,props.children))),frag):null}return(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectContentImpl,_extends3({},props,{ref:forwardedRef}))}),$cc7e05a45900e73f$var$CONTENT_MARGIN=10,[$cc7e05a45900e73f$var$SelectContentProvider,$cc7e05a45900e73f$var$useSelectContentContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME);var $cc7e05a45900e73f$var$SelectContentImpl=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,position="item-aligned",onCloseAutoFocus,onEscapeKeyDown,onPointerDownOutside,side,sideOffset,align,alignOffset,arrowPadding,collisionBoundary,collisionPadding,sticky,hideWhenDetached,avoidCollisions,...contentProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,__scopeSelect),[content,setContent]=(0,import_react32.useState)(null),[viewport,setViewport]=(0,import_react32.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContent(node)),[selectedItem,setSelectedItem]=(0,import_react32.useState)(null),[selectedItemText,setSelectedItemText]=(0,import_react32.useState)(null),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),[isPositioned,setIsPositioned]=(0,import_react32.useState)(!1),firstValidItemFoundRef=(0,import_react32.useRef)(!1);(0,import_react32.useEffect)(()=>{if(content)return hideOthers(content)},[content]),$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();let focusFirst=(0,import_react32.useCallback)(candidates=>{let[firstItem,...restItems]=getItems().map(item=>item.ref.current),[lastItem]=restItems.slice(-1),PREVIOUSLY_FOCUSED_ELEMENT=document.activeElement;for(let candidate of candidates)if(candidate===PREVIOUSLY_FOCUSED_ELEMENT||(candidate?.scrollIntoView({block:"nearest"}),candidate===firstItem&&viewport&&(viewport.scrollTop=0),candidate===lastItem&&viewport&&(viewport.scrollTop=viewport.scrollHeight),candidate?.focus(),document.activeElement!==PREVIOUSLY_FOCUSED_ELEMENT))return},[getItems,viewport]),focusSelectedItem=(0,import_react32.useCallback)(()=>focusFirst([selectedItem,content]),[focusFirst,selectedItem,content]);(0,import_react32.useEffect)(()=>{isPositioned&&focusSelectedItem()},[isPositioned,focusSelectedItem]);let{onOpenChange,triggerPointerDownPosRef}=context;(0,import_react32.useEffect)(()=>{if(content){let pointerMoveDelta={x:0,y:0},handlePointerMove=event=>{var _triggerPointerDownPo,_triggerPointerDownPo2,_triggerPointerDownPo3,_triggerPointerDownPo4;pointerMoveDelta={x:Math.abs(Math.round(event.pageX)-((_triggerPointerDownPo=(_triggerPointerDownPo2=triggerPointerDownPosRef.current)===null||_triggerPointerDownPo2===void 0?void 0:_triggerPointerDownPo2.x)!==null&&_triggerPointerDownPo!==void 0?_triggerPointerDownPo:0)),y:Math.abs(Math.round(event.pageY)-((_triggerPointerDownPo3=(_triggerPointerDownPo4=triggerPointerDownPosRef.current)===null||_triggerPointerDownPo4===void 0?void 0:_triggerPointerDownPo4.y)!==null&&_triggerPointerDownPo3!==void 0?_triggerPointerDownPo3:0))}},handlePointerUp=event=>{pointerMoveDelta.x<=10&&pointerMoveDelta.y<=10?event.preventDefault():content.contains(event.target)||onOpenChange(!1),document.removeEventListener("pointermove",handlePointerMove),triggerPointerDownPosRef.current=null};return triggerPointerDownPosRef.current!==null&&(document.addEventListener("pointermove",handlePointerMove),document.addEventListener("pointerup",handlePointerUp,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",handlePointerMove),document.removeEventListener("pointerup",handlePointerUp,{capture:!0})}}},[content,onOpenChange,triggerPointerDownPosRef]),(0,import_react32.useEffect)(()=>{let close=()=>onOpenChange(!1);return window.addEventListener("blur",close),window.addEventListener("resize",close),()=>{window.removeEventListener("blur",close),window.removeEventListener("resize",close)}},[onOpenChange]);let[searchRef,handleTypeaheadSearch]=$cc7e05a45900e73f$var$useTypeaheadSearch(search=>{let enabledItems=getItems().filter(item=>!item.disabled),currentItem=enabledItems.find(item=>item.ref.current===document.activeElement),nextItem=$cc7e05a45900e73f$var$findNextItem(enabledItems,search,currentItem);nextItem&&setTimeout(()=>nextItem.ref.current.focus())}),itemRefCallback=(0,import_react32.useCallback)((node,value2,disabled)=>{let isFirstValidItem=!firstValidItemFoundRef.current&&!disabled;(context.value!==void 0&&context.value===value2||isFirstValidItem)&&(setSelectedItem(node),isFirstValidItem&&(firstValidItemFoundRef.current=!0))},[context.value]),handleItemLeave=(0,import_react32.useCallback)(()=>content?.focus(),[content]),itemTextRefCallback=(0,import_react32.useCallback)((node,value2,disabled)=>{let isFirstValidItem=!firstValidItemFoundRef.current&&!disabled;(context.value!==void 0&&context.value===value2||isFirstValidItem)&&setSelectedItemText(node)},[context.value]),SelectPosition=position==="popper"?$cc7e05a45900e73f$var$SelectPopperPosition:$cc7e05a45900e73f$var$SelectItemAlignedPosition,popperContentProps=SelectPosition===$cc7e05a45900e73f$var$SelectPopperPosition?{side,sideOffset,align,alignOffset,arrowPadding,collisionBoundary,collisionPadding,sticky,hideWhenDetached,avoidCollisions}:{};return(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectContentProvider,{scope:__scopeSelect,content,viewport,onViewportChange:setViewport,itemRefCallback,selectedItem,onItemLeave:handleItemLeave,itemTextRefCallback,focusSelectedItem,selectedItemText,position,isPositioned,searchRef},(0,import_react32.createElement)(Combination_default,{as:$5e63c961fc1ce211$export$8c6ed5c666ac1360,allowPinchZoom:!0},(0,import_react32.createElement)($d3863c46a17e8a28$export$20e40289641fbbb6,{asChild:!0,trapped:context.open,onMountAutoFocus:event=>{event.preventDefault()},onUnmountAutoFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(onCloseAutoFocus,event=>{var _context$trigger;(_context$trigger=context.trigger)===null||_context$trigger===void 0||_context$trigger.focus({preventScroll:!0}),event.preventDefault()})},(0,import_react32.createElement)($5cb92bef7577960e$export$177fb62ff3ec1f22,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown,onPointerDownOutside,onFocusOutside:event=>event.preventDefault(),onDismiss:()=>context.onOpenChange(!1)},(0,import_react32.createElement)(SelectPosition,_extends3({role:"listbox",id:context.contentId,"data-state":context.open?"open":"closed",dir:context.dir,onContextMenu:event=>event.preventDefault()},contentProps,popperContentProps,{onPlaced:()=>setIsPositioned(!0),ref:composedRefs,style:{display:"flex",flexDirection:"column",outline:"none",...contentProps.style},onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(contentProps.onKeyDown,event=>{let isModifierKey=event.ctrlKey||event.altKey||event.metaKey;if(event.key==="Tab"&&event.preventDefault(),!isModifierKey&&event.key.length===1&&handleTypeaheadSearch(event.key),["ArrowUp","ArrowDown","Home","End"].includes(event.key)){let candidateNodes=getItems().filter(item=>!item.disabled).map(item=>item.ref.current);if(["ArrowUp","End"].includes(event.key)&&(candidateNodes=candidateNodes.slice().reverse()),["ArrowUp","ArrowDown"].includes(event.key)){let currentElement=event.target,currentIndex=candidateNodes.indexOf(currentElement);candidateNodes=candidateNodes.slice(currentIndex+1)}setTimeout(()=>focusFirst(candidateNodes)),event.preventDefault()}})}))))))});var $cc7e05a45900e73f$var$SelectItemAlignedPosition=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,onPlaced,...popperProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,__scopeSelect),contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$CONTENT_NAME,__scopeSelect),[contentWrapper,setContentWrapper]=(0,import_react32.useState)(null),[content,setContent]=(0,import_react32.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContent(node)),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),shouldExpandOnScrollRef=(0,import_react32.useRef)(!1),shouldRepositionRef=(0,import_react32.useRef)(!0),{viewport,selectedItem,selectedItemText,focusSelectedItem}=contentContext,position=(0,import_react32.useCallback)(()=>{if(context.trigger&&context.valueNode&&contentWrapper&&content&&viewport&&selectedItem&&selectedItemText){let triggerRect=context.trigger.getBoundingClientRect(),contentRect=content.getBoundingClientRect(),valueNodeRect=context.valueNode.getBoundingClientRect(),itemTextRect=selectedItemText.getBoundingClientRect();if(context.dir!=="rtl"){let itemTextOffset=itemTextRect.left-contentRect.left,left=valueNodeRect.left-itemTextOffset,leftDelta=triggerRect.left-left,minContentWidth=triggerRect.width+leftDelta,contentWidth=Math.max(minContentWidth,contentRect.width),rightEdge=window.innerWidth-$cc7e05a45900e73f$var$CONTENT_MARGIN,clampedLeft=$ae6933e535247d3d$export$7d15b64cf5a3a4c4(left,[$cc7e05a45900e73f$var$CONTENT_MARGIN,rightEdge-contentWidth]);contentWrapper.style.minWidth=minContentWidth+"px",contentWrapper.style.left=clampedLeft+"px"}else{let itemTextOffset=contentRect.right-itemTextRect.right,right=window.innerWidth-valueNodeRect.right-itemTextOffset,rightDelta=window.innerWidth-triggerRect.right-right,minContentWidth=triggerRect.width+rightDelta,contentWidth=Math.max(minContentWidth,contentRect.width),leftEdge=window.innerWidth-$cc7e05a45900e73f$var$CONTENT_MARGIN,clampedRight=$ae6933e535247d3d$export$7d15b64cf5a3a4c4(right,[$cc7e05a45900e73f$var$CONTENT_MARGIN,leftEdge-contentWidth]);contentWrapper.style.minWidth=minContentWidth+"px",contentWrapper.style.right=clampedRight+"px"}let items=getItems(),availableHeight=window.innerHeight-$cc7e05a45900e73f$var$CONTENT_MARGIN*2,itemsHeight=viewport.scrollHeight,contentStyles=window.getComputedStyle(content),contentBorderTopWidth=parseInt(contentStyles.borderTopWidth,10),contentPaddingTop=parseInt(contentStyles.paddingTop,10),contentBorderBottomWidth=parseInt(contentStyles.borderBottomWidth,10),contentPaddingBottom=parseInt(contentStyles.paddingBottom,10),fullContentHeight=contentBorderTopWidth+contentPaddingTop+itemsHeight+contentPaddingBottom+contentBorderBottomWidth,minContentHeight=Math.min(selectedItem.offsetHeight*5,fullContentHeight),viewportStyles=window.getComputedStyle(viewport),viewportPaddingTop=parseInt(viewportStyles.paddingTop,10),viewportPaddingBottom=parseInt(viewportStyles.paddingBottom,10),topEdgeToTriggerMiddle=triggerRect.top+triggerRect.height/2-$cc7e05a45900e73f$var$CONTENT_MARGIN,triggerMiddleToBottomEdge=availableHeight-topEdgeToTriggerMiddle,selectedItemHalfHeight=selectedItem.offsetHeight/2,itemOffsetMiddle=selectedItem.offsetTop+selectedItemHalfHeight,contentTopToItemMiddle=contentBorderTopWidth+contentPaddingTop+itemOffsetMiddle,itemMiddleToContentBottom=fullContentHeight-contentTopToItemMiddle;if(contentTopToItemMiddle<=topEdgeToTriggerMiddle){let isLastItem=selectedItem===items[items.length-1].ref.current;contentWrapper.style.bottom="0px";let viewportOffsetBottom=content.clientHeight-viewport.offsetTop-viewport.offsetHeight,clampedTriggerMiddleToBottomEdge=Math.max(triggerMiddleToBottomEdge,selectedItemHalfHeight+(isLastItem?viewportPaddingBottom:0)+viewportOffsetBottom+contentBorderBottomWidth),height=contentTopToItemMiddle+clampedTriggerMiddleToBottomEdge;contentWrapper.style.height=height+"px"}else{let isFirstItem=selectedItem===items[0].ref.current;contentWrapper.style.top="0px";let height=Math.max(topEdgeToTriggerMiddle,contentBorderTopWidth+viewport.offsetTop+(isFirstItem?viewportPaddingTop:0)+selectedItemHalfHeight)+itemMiddleToContentBottom;contentWrapper.style.height=height+"px",viewport.scrollTop=contentTopToItemMiddle-topEdgeToTriggerMiddle+viewport.offsetTop}contentWrapper.style.margin=`${$cc7e05a45900e73f$var$CONTENT_MARGIN}px 0`,contentWrapper.style.minHeight=minContentHeight+"px",contentWrapper.style.maxHeight=availableHeight+"px",onPlaced?.(),requestAnimationFrame(()=>shouldExpandOnScrollRef.current=!0)}},[getItems,context.trigger,context.valueNode,contentWrapper,content,viewport,selectedItem,selectedItemText,context.dir,onPlaced]);$9f79659886946c16$export$e5c5a5f917a5871c(()=>position(),[position]);let[contentZIndex,setContentZIndex]=(0,import_react32.useState)();$9f79659886946c16$export$e5c5a5f917a5871c(()=>{content&&setContentZIndex(window.getComputedStyle(content).zIndex)},[content]);let handleScrollButtonChange=(0,import_react32.useCallback)(node=>{node&&shouldRepositionRef.current===!0&&(position(),focusSelectedItem?.(),shouldRepositionRef.current=!1)},[position,focusSelectedItem]);return(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectViewportProvider,{scope:__scopeSelect,contentWrapper,shouldExpandOnScrollRef,onScrollButtonChange:handleScrollButtonChange},(0,import_react32.createElement)("div",{ref:setContentWrapper,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:contentZIndex}},(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},popperProps,{ref:composedRefs,style:{boxSizing:"border-box",maxHeight:"100%",...popperProps.style}}))))});var $cc7e05a45900e73f$var$SelectPopperPosition=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,align="start",collisionPadding=$cc7e05a45900e73f$var$CONTENT_MARGIN,...popperProps}=props,popperScope=$cc7e05a45900e73f$var$usePopperScope(__scopeSelect);return(0,import_react32.createElement)($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2,_extends3({},popperScope,popperProps,{ref:forwardedRef,align,collisionPadding,style:{boxSizing:"border-box",...popperProps.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}}))}),[$cc7e05a45900e73f$var$SelectViewportProvider,$cc7e05a45900e73f$var$useSelectViewportContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME,{}),$cc7e05a45900e73f$var$VIEWPORT_NAME="SelectViewport",$cc7e05a45900e73f$export$9ed6e7b40248d36d=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...viewportProps}=props,contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$VIEWPORT_NAME,__scopeSelect),viewportContext=$cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$VIEWPORT_NAME,__scopeSelect),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,contentContext.onViewportChange),prevScrollTopRef=(0,import_react32.useRef)(0);return(0,import_react32.createElement)(import_react32.Fragment,null,(0,import_react32.createElement)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"}}),(0,import_react32.createElement)($cc7e05a45900e73f$var$Collection.Slot,{scope:__scopeSelect},(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"data-radix-select-viewport":"",role:"presentation"},viewportProps,{ref:composedRefs,style:{position:"relative",flex:1,overflow:"auto",...viewportProps.style},onScroll:$e42e1063c40fb3ef$export$b9ecd428b558ff10(viewportProps.onScroll,event=>{let viewport=event.currentTarget,{contentWrapper,shouldExpandOnScrollRef}=viewportContext;if(shouldExpandOnScrollRef!=null&&shouldExpandOnScrollRef.current&&contentWrapper){let scrolledBy=Math.abs(prevScrollTopRef.current-viewport.scrollTop);if(scrolledBy>0){let availableHeight=window.innerHeight-$cc7e05a45900e73f$var$CONTENT_MARGIN*2,cssMinHeight=parseFloat(contentWrapper.style.minHeight),cssHeight=parseFloat(contentWrapper.style.height),prevHeight=Math.max(cssMinHeight,cssHeight);if(prevHeight<availableHeight){let nextHeight=prevHeight+scrolledBy,clampedNextHeight=Math.min(availableHeight,nextHeight),heightDiff=nextHeight-clampedNextHeight;contentWrapper.style.height=clampedNextHeight+"px",contentWrapper.style.bottom==="0px"&&(viewport.scrollTop=heightDiff>0?heightDiff:0,contentWrapper.style.justifyContent="flex-end")}}}prevScrollTopRef.current=viewport.scrollTop})}))))}),$cc7e05a45900e73f$var$GROUP_NAME="SelectGroup",[$cc7e05a45900e73f$var$SelectGroupContextProvider,$cc7e05a45900e73f$var$useSelectGroupContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME),$cc7e05a45900e73f$export$ee25a334c55de1f4=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...groupProps}=props,groupId=$1746a345f3d73bb7$export$f680877a34711e37();return(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectGroupContextProvider,{scope:__scopeSelect,id:groupId},(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({role:"group","aria-labelledby":groupId},groupProps,{ref:forwardedRef})))}),$cc7e05a45900e73f$var$LABEL_NAME="SelectLabel",$cc7e05a45900e73f$export$f67338d29bd972f8=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...labelProps}=props,groupContext=$cc7e05a45900e73f$var$useSelectGroupContext($cc7e05a45900e73f$var$LABEL_NAME,__scopeSelect);return(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({id:groupContext.id},labelProps,{ref:forwardedRef}))}),$cc7e05a45900e73f$var$ITEM_NAME="SelectItem",[$cc7e05a45900e73f$var$SelectItemContextProvider,$cc7e05a45900e73f$var$useSelectItemContext]=$cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$ITEM_NAME),$cc7e05a45900e73f$export$13ef48a934230896=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,value:value2,disabled=!1,textValue:textValueProp,...itemProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_NAME,__scopeSelect),contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_NAME,__scopeSelect),isSelected=context.value===value2,[textValue,setTextValue]=(0,import_react32.useState)(textValueProp??""),[isFocused,setIsFocused]=(0,import_react32.useState)(!1),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>{var _contentContext$itemR;return(_contentContext$itemR=contentContext.itemRefCallback)===null||_contentContext$itemR===void 0?void 0:_contentContext$itemR.call(contentContext,node,value2,disabled)}),textId=$1746a345f3d73bb7$export$f680877a34711e37(),handleSelect=()=>{disabled||(context.onValueChange(value2),context.onOpenChange(!1))};return(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectItemContextProvider,{scope:__scopeSelect,value:value2,disabled,textId,isSelected,onItemTextChange:(0,import_react32.useCallback)(node=>{setTextValue(prevTextValue=>{var _node$textContent;return prevTextValue||((_node$textContent=node?.textContent)!==null&&_node$textContent!==void 0?_node$textContent:"").trim()})},[])},(0,import_react32.createElement)($cc7e05a45900e73f$var$Collection.ItemSlot,{scope:__scopeSelect,value:value2,disabled,textValue},(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({role:"option","aria-labelledby":textId,"data-highlighted":isFocused?"":void 0,"aria-selected":isSelected&&isFocused,"data-state":isSelected?"checked":"unchecked","aria-disabled":disabled||void 0,"data-disabled":disabled?"":void 0,tabIndex:disabled?void 0:-1},itemProps,{ref:composedRefs,onFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onFocus,()=>setIsFocused(!0)),onBlur:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onBlur,()=>setIsFocused(!1)),onPointerUp:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerUp,handleSelect),onPointerMove:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerMove,event=>{if(disabled){var _contentContext$onIte;(_contentContext$onIte=contentContext.onItemLeave)===null||_contentContext$onIte===void 0||_contentContext$onIte.call(contentContext)}else event.currentTarget.focus({preventScroll:!0})}),onPointerLeave:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onPointerLeave,event=>{if(event.currentTarget===document.activeElement){var _contentContext$onIte2;(_contentContext$onIte2=contentContext.onItemLeave)===null||_contentContext$onIte2===void 0||_contentContext$onIte2.call(contentContext)}}),onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(itemProps.onKeyDown,event=>{var _contentContext$searc;((_contentContext$searc=contentContext.searchRef)===null||_contentContext$searc===void 0?void 0:_contentContext$searc.current)!==""&&event.key===" "||($cc7e05a45900e73f$var$SELECTION_KEYS.includes(event.key)&&handleSelect(),event.key===" "&&event.preventDefault())})}))))}),$cc7e05a45900e73f$var$ITEM_TEXT_NAME="SelectItemText",$cc7e05a45900e73f$export$3572fb0fb821ff49=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,className,style,...itemTextProps}=props,context=$cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),itemContext=$cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),nativeOptionsContext=$cc7e05a45900e73f$var$useSelectNativeOptionsContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME,__scopeSelect),[itemTextNode,setItemTextNode]=(0,import_react32.useState)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setItemTextNode(node),itemContext.onItemTextChange,node=>{var _contentContext$itemT;return(_contentContext$itemT=contentContext.itemTextRefCallback)===null||_contentContext$itemT===void 0?void 0:_contentContext$itemT.call(contentContext,node,itemContext.value,itemContext.disabled)}),textContent=itemTextNode?.textContent,nativeOption=(0,import_react32.useMemo)(()=>(0,import_react32.createElement)("option",{key:itemContext.value,value:itemContext.value,disabled:itemContext.disabled},textContent),[itemContext.disabled,itemContext.value,textContent]),{onNativeOptionAdd,onNativeOptionRemove}=nativeOptionsContext;return $9f79659886946c16$export$e5c5a5f917a5871c(()=>(onNativeOptionAdd(nativeOption),()=>onNativeOptionRemove(nativeOption)),[onNativeOptionAdd,onNativeOptionRemove,nativeOption]),(0,import_react32.createElement)(import_react32.Fragment,null,(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({id:itemContext.textId},itemTextProps,{ref:composedRefs})),itemContext.isSelected&&context.valueNode&&!context.valueNodeHasChildren?(0,import_react_dom5.createPortal)(itemTextProps.children,context.valueNode):null)}),$cc7e05a45900e73f$var$ITEM_INDICATOR_NAME="SelectItemIndicator",$cc7e05a45900e73f$export$6b9198de19accfe6=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...itemIndicatorProps}=props;return $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_INDICATOR_NAME,__scopeSelect).isSelected?(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({"aria-hidden":!0},itemIndicatorProps,{ref:forwardedRef})):null}),$cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME="SelectScrollUpButton",$cc7e05a45900e73f$export$d8117927658af6d7=(0,import_react32.forwardRef)((props,forwardedRef)=>{let contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME,props.__scopeSelect),viewportContext=$cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME,props.__scopeSelect),[canScrollUp1,setCanScrollUp]=(0,import_react32.useState)(!1),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,viewportContext.onScrollButtonChange);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(contentContext.viewport&&contentContext.isPositioned){let handleScroll2=function(){let canScrollUp=viewport.scrollTop>0;setCanScrollUp(canScrollUp)},viewport=contentContext.viewport;return handleScroll2(),viewport.addEventListener("scroll",handleScroll2),()=>viewport.removeEventListener("scroll",handleScroll2)}},[contentContext.viewport,contentContext.isPositioned]),canScrollUp1?(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectScrollButtonImpl,_extends3({},props,{ref:composedRefs,onAutoScroll:()=>{let{viewport,selectedItem}=contentContext;viewport&&selectedItem&&(viewport.scrollTop=viewport.scrollTop-selectedItem.offsetHeight)}})):null}),$cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME="SelectScrollDownButton",$cc7e05a45900e73f$export$ff951e476c12189=(0,import_react32.forwardRef)((props,forwardedRef)=>{let contentContext=$cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME,props.__scopeSelect),viewportContext=$cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME,props.__scopeSelect),[canScrollDown1,setCanScrollDown]=(0,import_react32.useState)(!1),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,viewportContext.onScrollButtonChange);return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(contentContext.viewport&&contentContext.isPositioned){let handleScroll2=function(){let maxScroll=viewport.scrollHeight-viewport.clientHeight,canScrollDown=Math.ceil(viewport.scrollTop)<maxScroll;setCanScrollDown(canScrollDown)},viewport=contentContext.viewport;return handleScroll2(),viewport.addEventListener("scroll",handleScroll2),()=>viewport.removeEventListener("scroll",handleScroll2)}},[contentContext.viewport,contentContext.isPositioned]),canScrollDown1?(0,import_react32.createElement)($cc7e05a45900e73f$var$SelectScrollButtonImpl,_extends3({},props,{ref:composedRefs,onAutoScroll:()=>{let{viewport,selectedItem}=contentContext;viewport&&selectedItem&&(viewport.scrollTop=viewport.scrollTop+selectedItem.offsetHeight)}})):null}),$cc7e05a45900e73f$var$SelectScrollButtonImpl=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,onAutoScroll,...scrollIndicatorProps}=props,contentContext=$cc7e05a45900e73f$var$useSelectContentContext("SelectScrollButton",__scopeSelect),autoScrollTimerRef=(0,import_react32.useRef)(null),getItems=$cc7e05a45900e73f$var$useCollection(__scopeSelect),clearAutoScrollTimer=(0,import_react32.useCallback)(()=>{autoScrollTimerRef.current!==null&&(window.clearInterval(autoScrollTimerRef.current),autoScrollTimerRef.current=null)},[]);return(0,import_react32.useEffect)(()=>()=>clearAutoScrollTimer(),[clearAutoScrollTimer]),$9f79659886946c16$export$e5c5a5f917a5871c(()=>{var _activeItem$ref$curre;let activeItem=getItems().find(item=>item.ref.current===document.activeElement);activeItem==null||(_activeItem$ref$curre=activeItem.ref.current)===null||_activeItem$ref$curre===void 0||_activeItem$ref$curre.scrollIntoView({block:"nearest"})},[getItems]),(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"aria-hidden":!0},scrollIndicatorProps,{ref:forwardedRef,style:{flexShrink:0,...scrollIndicatorProps.style},onPointerDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerDown,()=>{autoScrollTimerRef.current===null&&(autoScrollTimerRef.current=window.setInterval(onAutoScroll,50))}),onPointerMove:$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerMove,()=>{var _contentContext$onIte3;(_contentContext$onIte3=contentContext.onItemLeave)===null||_contentContext$onIte3===void 0||_contentContext$onIte3.call(contentContext),autoScrollTimerRef.current===null&&(autoScrollTimerRef.current=window.setInterval(onAutoScroll,50))}),onPointerLeave:$e42e1063c40fb3ef$export$b9ecd428b558ff10(scrollIndicatorProps.onPointerLeave,()=>{clearAutoScrollTimer()})}))});var $cc7e05a45900e73f$export$eba4b1df07cb1d3=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{__scopeSelect,...separatorProps}=props;return(0,import_react32.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"aria-hidden":!0},separatorProps,{ref:forwardedRef}))});var $cc7e05a45900e73f$var$BubbleSelect=(0,import_react32.forwardRef)((props,forwardedRef)=>{let{value:value2,...selectProps}=props,ref=(0,import_react32.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref),prevValue=$010c2913dbd2fe3d$export$5cae361ad82dce8b(value2);return(0,import_react32.useEffect)(()=>{let select=ref.current,selectProto=window.HTMLSelectElement.prototype,setValue=Object.getOwnPropertyDescriptor(selectProto,"value").set;if(prevValue!==value2&&setValue){let event=new Event("change",{bubbles:!0});setValue.call(select,value2),select.dispatchEvent(event)}},[prevValue,value2]),(0,import_react32.createElement)($ea1ef594cf570d83$export$439d29a4e110a164,{asChild:!0},(0,import_react32.createElement)("select",_extends3({},selectProps,{ref:composedRefs,defaultValue:value2})))});$cc7e05a45900e73f$var$BubbleSelect.displayName="BubbleSelect";function $cc7e05a45900e73f$var$useTypeaheadSearch(onSearchChange){let handleSearchChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onSearchChange),searchRef=(0,import_react32.useRef)(""),timerRef=(0,import_react32.useRef)(0),handleTypeaheadSearch=(0,import_react32.useCallback)(key2=>{let search=searchRef.current+key2;handleSearchChange(search),function updateSearch(value2){searchRef.current=value2,window.clearTimeout(timerRef.current),value2!==""&&(timerRef.current=window.setTimeout(()=>updateSearch(""),1e3))}(search)},[handleSearchChange]),resetTypeahead=(0,import_react32.useCallback)(()=>{searchRef.current="",window.clearTimeout(timerRef.current)},[]);return(0,import_react32.useEffect)(()=>()=>window.clearTimeout(timerRef.current),[]),[searchRef,handleTypeaheadSearch,resetTypeahead]}function $cc7e05a45900e73f$var$findNextItem(items,search,currentItem){let normalizedSearch=search.length>1&&Array.from(search).every(char=>char===search[0])?search[0]:search,currentItemIndex=currentItem?items.indexOf(currentItem):-1,wrappedItems=$cc7e05a45900e73f$var$wrapArray(items,Math.max(currentItemIndex,0));normalizedSearch.length===1&&(wrappedItems=wrappedItems.filter(v4=>v4!==currentItem));let nextItem=wrappedItems.find(item=>item.textValue.toLowerCase().startsWith(normalizedSearch.toLowerCase()));return nextItem!==currentItem?nextItem:void 0}function $cc7e05a45900e73f$var$wrapArray(array,startIndex){return array.map((_2,index3)=>array[(startIndex+index3)%array.length])}var $cc7e05a45900e73f$export$be92b6f5f03c0fe9=$cc7e05a45900e73f$export$ef9b1a59e592288f,$cc7e05a45900e73f$export$41fb9f06171c75f4=$cc7e05a45900e73f$export$3ac1e88a1c0b9f1,$cc7e05a45900e73f$export$4c8d1a57a761ef94=$cc7e05a45900e73f$export$e288731fd71264f0,$cc7e05a45900e73f$export$f04a61298a47a40f=$cc7e05a45900e73f$export$99b400cabb58c515,$cc7e05a45900e73f$export$602eac185826482c=$cc7e05a45900e73f$export$b2af6c9944296213,$cc7e05a45900e73f$export$7c6e2c02157bb7d2=$cc7e05a45900e73f$export$c973a4b3cb86a03d,$cc7e05a45900e73f$export$d5c6c08dc2d3ca7=$cc7e05a45900e73f$export$9ed6e7b40248d36d,$cc7e05a45900e73f$export$eb2fcfdbd7ba97d4=$cc7e05a45900e73f$export$ee25a334c55de1f4,$cc7e05a45900e73f$export$b04be29aa201d4f5=$cc7e05a45900e73f$export$f67338d29bd972f8,$cc7e05a45900e73f$export$6d08773d2e66f8f2=$cc7e05a45900e73f$export$13ef48a934230896,$cc7e05a45900e73f$export$d6e5bf9c43ea9319=$cc7e05a45900e73f$export$3572fb0fb821ff49,$cc7e05a45900e73f$export$c3468e2714d175fa=$cc7e05a45900e73f$export$6b9198de19accfe6,$cc7e05a45900e73f$export$2f60d3ec9ad468f2=$cc7e05a45900e73f$export$d8117927658af6d7,$cc7e05a45900e73f$export$bf1aedc3039c8d63=$cc7e05a45900e73f$export$ff951e476c12189,$cc7e05a45900e73f$export$1ff3c3f08ae963c0=$cc7e05a45900e73f$export$eba4b1df07cb1d3;var import_react37=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var $d7bdfb9eb0fdf311$var$ENTRY_FOCUS="rovingFocusGroup.onEntryFocus",$d7bdfb9eb0fdf311$var$EVENT_OPTIONS={bubbles:!1,cancelable:!0},$d7bdfb9eb0fdf311$var$GROUP_NAME="RovingFocusGroup",[$d7bdfb9eb0fdf311$var$Collection,$d7bdfb9eb0fdf311$var$useCollection,$d7bdfb9eb0fdf311$var$createCollectionScope]=$e02a7d9cb1dc128c$export$c74125a8e3af6bb2($d7bdfb9eb0fdf311$var$GROUP_NAME),[$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext,$d7bdfb9eb0fdf311$export$c7109489551a4f4]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($d7bdfb9eb0fdf311$var$GROUP_NAME,[$d7bdfb9eb0fdf311$var$createCollectionScope]),[$d7bdfb9eb0fdf311$var$RovingFocusProvider,$d7bdfb9eb0fdf311$var$useRovingFocusContext]=$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME),$d7bdfb9eb0fdf311$export$8699f7c8af148338=(0,import_react33.forwardRef)((props,forwardedRef)=>(0,import_react33.createElement)($d7bdfb9eb0fdf311$var$Collection.Provider,{scope:props.__scopeRovingFocusGroup},(0,import_react33.createElement)($d7bdfb9eb0fdf311$var$Collection.Slot,{scope:props.__scopeRovingFocusGroup},(0,import_react33.createElement)($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl,_extends3({},props,{ref:forwardedRef}))))),$d7bdfb9eb0fdf311$var$RovingFocusGroupImpl=(0,import_react33.forwardRef)((props,forwardedRef)=>{let{__scopeRovingFocusGroup,orientation,loop=!1,dir,currentTabStopId:currentTabStopIdProp,defaultCurrentTabStopId,onCurrentTabStopIdChange,onEntryFocus,...groupProps}=props,ref=(0,import_react33.useRef)(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,ref),direction=$f631663db3294ace$export$b39126d51d94e6f3(dir),[currentTabStopId=null,setCurrentTabStopId]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:currentTabStopIdProp,defaultProp:defaultCurrentTabStopId,onChange:onCurrentTabStopIdChange}),[isTabbingBackOut,setIsTabbingBackOut]=(0,import_react33.useState)(!1),handleEntryFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus),getItems=$d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup),isClickFocusRef=(0,import_react33.useRef)(!1),[focusableItemsCount,setFocusableItemsCount]=(0,import_react33.useState)(0);return(0,import_react33.useEffect)(()=>{let node=ref.current;if(node)return node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS,handleEntryFocus),()=>node.removeEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS,handleEntryFocus)},[handleEntryFocus]),(0,import_react33.createElement)($d7bdfb9eb0fdf311$var$RovingFocusProvider,{scope:__scopeRovingFocusGroup,orientation,dir:direction,loop,currentTabStopId,onItemFocus:(0,import_react33.useCallback)(tabStopId=>setCurrentTabStopId(tabStopId),[setCurrentTabStopId]),onItemShiftTab:(0,import_react33.useCallback)(()=>setIsTabbingBackOut(!0),[]),onFocusableItemAdd:(0,import_react33.useCallback)(()=>setFocusableItemsCount(prevCount=>prevCount+1),[]),onFocusableItemRemove:(0,import_react33.useCallback)(()=>setFocusableItemsCount(prevCount=>prevCount-1),[])},(0,import_react33.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({tabIndex:isTabbingBackOut||focusableItemsCount===0?-1:0,"data-orientation":orientation},groupProps,{ref:composedRefs,style:{outline:"none",...props.style},onMouseDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown,()=>{isClickFocusRef.current=!0}),onFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus,event=>{let isKeyboardFocus=!isClickFocusRef.current;if(event.target===event.currentTarget&&isKeyboardFocus&&!isTabbingBackOut){let entryFocusEvent=new CustomEvent($d7bdfb9eb0fdf311$var$ENTRY_FOCUS,$d7bdfb9eb0fdf311$var$EVENT_OPTIONS);if(event.currentTarget.dispatchEvent(entryFocusEvent),!entryFocusEvent.defaultPrevented){let items=getItems().filter(item=>item.focusable),activeItem=items.find(item=>item.active),currentItem=items.find(item=>item.id===currentTabStopId),candidateNodes=[activeItem,currentItem,...items].filter(Boolean).map(item=>item.ref.current);$d7bdfb9eb0fdf311$var$focusFirst(candidateNodes)}}isClickFocusRef.current=!1}),onBlur:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlur,()=>setIsTabbingBackOut(!1))})))}),$d7bdfb9eb0fdf311$var$ITEM_NAME="RovingFocusGroupItem",$d7bdfb9eb0fdf311$export$ab9df7c53fe8454=(0,import_react33.forwardRef)((props,forwardedRef)=>{let{__scopeRovingFocusGroup,focusable=!0,active=!1,tabStopId,...itemProps}=props,autoId=$1746a345f3d73bb7$export$f680877a34711e37(),id=tabStopId||autoId,context=$d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME,__scopeRovingFocusGroup),isCurrentTabStop=context.currentTabStopId===id,getItems=$d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup),{onFocusableItemAdd,onFocusableItemRemove}=context;return(0,import_react33.useEffect)(()=>{if(focusable)return onFocusableItemAdd(),()=>onFocusableItemRemove()},[focusable,onFocusableItemAdd,onFocusableItemRemove]),(0,import_react33.createElement)($d7bdfb9eb0fdf311$var$Collection.ItemSlot,{scope:__scopeRovingFocusGroup,id,focusable,active},(0,import_react33.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span,_extends3({tabIndex:isCurrentTabStop?0:-1,"data-orientation":context.orientation},itemProps,{ref:forwardedRef,onMouseDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown,event=>{focusable?context.onItemFocus(id):event.preventDefault()}),onFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus,()=>context.onItemFocus(id)),onKeyDown:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown,event=>{if(event.key==="Tab"&&event.shiftKey){context.onItemShiftTab();return}if(event.target!==event.currentTarget)return;let focusIntent=$d7bdfb9eb0fdf311$var$getFocusIntent(event,context.orientation,context.dir);if(focusIntent!==void 0){event.preventDefault();let candidateNodes=getItems().filter(item=>item.focusable).map(item=>item.ref.current);if(focusIntent==="last")candidateNodes.reverse();else if(focusIntent==="prev"||focusIntent==="next"){focusIntent==="prev"&&candidateNodes.reverse();let currentIndex=candidateNodes.indexOf(event.currentTarget);candidateNodes=context.loop?$d7bdfb9eb0fdf311$var$wrapArray(candidateNodes,currentIndex+1):candidateNodes.slice(currentIndex+1)}setTimeout(()=>$d7bdfb9eb0fdf311$var$focusFirst(candidateNodes))}})})))}),$d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function $d7bdfb9eb0fdf311$var$getDirectionAwareKey(key2,dir){return dir!=="rtl"?key2:key2==="ArrowLeft"?"ArrowRight":key2==="ArrowRight"?"ArrowLeft":key2}function $d7bdfb9eb0fdf311$var$getFocusIntent(event,orientation,dir){let key2=$d7bdfb9eb0fdf311$var$getDirectionAwareKey(event.key,dir);if(!(orientation==="vertical"&&["ArrowLeft","ArrowRight"].includes(key2))&&!(orientation==="horizontal"&&["ArrowUp","ArrowDown"].includes(key2)))return $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT[key2]}function $d7bdfb9eb0fdf311$var$focusFirst(candidates){let PREVIOUSLY_FOCUSED_ELEMENT=document.activeElement;for(let candidate of candidates)if(candidate===PREVIOUSLY_FOCUSED_ELEMENT||(candidate.focus(),document.activeElement!==PREVIOUSLY_FOCUSED_ELEMENT))return}function $d7bdfb9eb0fdf311$var$wrapArray(array,startIndex){return array.map((_2,index3)=>array[(startIndex+index3)%array.length])}var $d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9=$d7bdfb9eb0fdf311$export$8699f7c8af148338,$d7bdfb9eb0fdf311$export$6d08773d2e66f8f2=$d7bdfb9eb0fdf311$export$ab9df7c53fe8454;var import_react34=__toESM(require_react(),1);var $89eedd556c436f6a$var$DEFAULT_ORIENTATION="horizontal",$89eedd556c436f6a$var$ORIENTATIONS=["horizontal","vertical"],$89eedd556c436f6a$export$1ff3c3f08ae963c0=(0,import_react34.forwardRef)((props,forwardedRef)=>{let{decorative,orientation:orientationProp=$89eedd556c436f6a$var$DEFAULT_ORIENTATION,...domProps}=props,orientation=$89eedd556c436f6a$var$isValidOrientation(orientationProp)?orientationProp:$89eedd556c436f6a$var$DEFAULT_ORIENTATION,semanticProps=decorative?{role:"none"}:{"aria-orientation":orientation==="vertical"?orientation:void 0,role:"separator"};return(0,import_react34.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({"data-orientation":orientation},semanticProps,domProps,{ref:forwardedRef}))});$89eedd556c436f6a$export$1ff3c3f08ae963c0.propTypes={orientation(props,propName,componentName){let propValue=props[propName],strVal=String(propValue);return propValue&&!$89eedd556c436f6a$var$isValidOrientation(propValue)?new Error($89eedd556c436f6a$var$getInvalidOrientationError(strVal,componentName)):null}};function $89eedd556c436f6a$var$getInvalidOrientationError(value2,componentName){return`Invalid prop \`orientation\` of value \`${value2}\` supplied to \`${componentName}\`, expected one of:
|
|
434
|
+
- horizontal
|
|
435
|
+
- vertical
|
|
436
|
+
|
|
437
|
+
Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`}function $89eedd556c436f6a$var$isValidOrientation(orientation){return $89eedd556c436f6a$var$ORIENTATIONS.includes(orientation)}var $89eedd556c436f6a$export$be92b6f5f03c0fe9=$89eedd556c436f6a$export$1ff3c3f08ae963c0;var import_react36=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var $b3bbe2732c13b576$export$bea8ebba691c5813=(0,import_react35.forwardRef)((props,forwardedRef)=>{let{pressed:pressedProp,defaultPressed=!1,onPressedChange,...buttonProps}=props,[pressed=!1,setPressed]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:pressedProp,onChange:onPressedChange,defaultProp:defaultPressed});return(0,import_react35.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button,_extends3({type:"button","aria-pressed":pressed,"data-state":pressed?"on":"off","data-disabled":props.disabled?"":void 0},buttonProps,{ref:forwardedRef,onClick:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick,()=>{props.disabled||setPressed(!pressed)})}))});var $6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME="ToggleGroup",[$6c1fd9e6a8969628$var$createToggleGroupContext,$6c1fd9e6a8969628$export$d1c7c4bcd9f26dd4]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME,[$d7bdfb9eb0fdf311$export$c7109489551a4f4]),$6c1fd9e6a8969628$var$useRovingFocusGroupScope=$d7bdfb9eb0fdf311$export$c7109489551a4f4(),$6c1fd9e6a8969628$export$af3ec21f6cfb5e30=import_react36.default.forwardRef((props,forwardedRef)=>{let{type,...toggleGroupProps}=props;if(type==="single"){let singleProps=toggleGroupProps;return import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupImplSingle,_extends3({},singleProps,{ref:forwardedRef}))}if(type==="multiple"){let multipleProps=toggleGroupProps;return import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupImplMultiple,_extends3({},multipleProps,{ref:forwardedRef}))}throw new Error(`Missing prop \`type\` expected on \`${$6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME}\``)}),[$6c1fd9e6a8969628$var$ToggleGroupValueProvider,$6c1fd9e6a8969628$var$useToggleGroupValueContext]=$6c1fd9e6a8969628$var$createToggleGroupContext($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME),$6c1fd9e6a8969628$var$ToggleGroupImplSingle=import_react36.default.forwardRef((props,forwardedRef)=>{let{value:valueProp,defaultValue,onValueChange=()=>{},...toggleGroupSingleProps}=props,[value2,setValue]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:valueProp,defaultProp:defaultValue,onChange:onValueChange});return import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupValueProvider,{scope:props.__scopeToggleGroup,type:"single",value:value2?[value2]:[],onItemActivate:setValue,onItemDeactivate:import_react36.default.useCallback(()=>setValue(""),[setValue])},import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupImpl,_extends3({},toggleGroupSingleProps,{ref:forwardedRef})))}),$6c1fd9e6a8969628$var$ToggleGroupImplMultiple=import_react36.default.forwardRef((props,forwardedRef)=>{let{value:valueProp,defaultValue,onValueChange=()=>{},...toggleGroupMultipleProps}=props,[value1=[],setValue]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:valueProp,defaultProp:defaultValue,onChange:onValueChange}),handleButtonActivate=import_react36.default.useCallback(itemValue=>setValue((prevValue=[])=>[...prevValue,itemValue]),[setValue]),handleButtonDeactivate=import_react36.default.useCallback(itemValue=>setValue((prevValue=[])=>prevValue.filter(value2=>value2!==itemValue)),[setValue]);return import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupValueProvider,{scope:props.__scopeToggleGroup,type:"multiple",value:value1,onItemActivate:handleButtonActivate,onItemDeactivate:handleButtonDeactivate},import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupImpl,_extends3({},toggleGroupMultipleProps,{ref:forwardedRef})))}),[$6c1fd9e6a8969628$var$ToggleGroupContext,$6c1fd9e6a8969628$var$useToggleGroupContext]=$6c1fd9e6a8969628$var$createToggleGroupContext($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME),$6c1fd9e6a8969628$var$ToggleGroupImpl=import_react36.default.forwardRef((props,forwardedRef)=>{let{__scopeToggleGroup,disabled=!1,rovingFocus=!0,orientation,dir,loop=!0,...toggleGroupProps}=props,rovingFocusGroupScope=$6c1fd9e6a8969628$var$useRovingFocusGroupScope(__scopeToggleGroup),direction=$f631663db3294ace$export$b39126d51d94e6f3(dir),commonProps={role:"group",dir:direction,...toggleGroupProps};return import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupContext,{scope:__scopeToggleGroup,rovingFocus,disabled},rovingFocus?import_react36.default.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9,_extends3({asChild:!0},rovingFocusGroupScope,{orientation,dir:direction,loop}),import_react36.default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},commonProps,{ref:forwardedRef}))):import_react36.default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({},commonProps,{ref:forwardedRef})))}),$6c1fd9e6a8969628$var$ITEM_NAME="ToggleGroupItem",$6c1fd9e6a8969628$export$b453109e13abe10b=import_react36.default.forwardRef((props,forwardedRef)=>{let valueContext=$6c1fd9e6a8969628$var$useToggleGroupValueContext($6c1fd9e6a8969628$var$ITEM_NAME,props.__scopeToggleGroup),context=$6c1fd9e6a8969628$var$useToggleGroupContext($6c1fd9e6a8969628$var$ITEM_NAME,props.__scopeToggleGroup),rovingFocusGroupScope=$6c1fd9e6a8969628$var$useRovingFocusGroupScope(props.__scopeToggleGroup),pressed=valueContext.value.includes(props.value),disabled=context.disabled||props.disabled,commonProps={...props,pressed,disabled},ref=import_react36.default.useRef(null);return context.rovingFocus?import_react36.default.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2,_extends3({asChild:!0},rovingFocusGroupScope,{focusable:!disabled,active:pressed,ref}),import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupItemImpl,_extends3({},commonProps,{ref:forwardedRef}))):import_react36.default.createElement($6c1fd9e6a8969628$var$ToggleGroupItemImpl,_extends3({},commonProps,{ref:forwardedRef}))}),$6c1fd9e6a8969628$var$ToggleGroupItemImpl=import_react36.default.forwardRef((props,forwardedRef)=>{let{__scopeToggleGroup,value:value2,...itemProps}=props,valueContext=$6c1fd9e6a8969628$var$useToggleGroupValueContext($6c1fd9e6a8969628$var$ITEM_NAME,__scopeToggleGroup),singleProps={role:"radio","aria-checked":props.pressed,"aria-pressed":void 0},typeProps=valueContext.type==="single"?singleProps:void 0;return import_react36.default.createElement($b3bbe2732c13b576$export$bea8ebba691c5813,_extends3({},typeProps,itemProps,{ref:forwardedRef,onPressedChange:pressed=>{pressed?valueContext.onItemActivate(value2):valueContext.onItemDeactivate(value2)}}))}),$6c1fd9e6a8969628$export$be92b6f5f03c0fe9=$6c1fd9e6a8969628$export$af3ec21f6cfb5e30,$6c1fd9e6a8969628$export$6d08773d2e66f8f2=$6c1fd9e6a8969628$export$b453109e13abe10b;var $3dc4ded751c8bdfb$var$TOOLBAR_NAME="Toolbar",[$3dc4ded751c8bdfb$var$createToolbarContext,$3dc4ded751c8bdfb$export$233e637670877d91]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($3dc4ded751c8bdfb$var$TOOLBAR_NAME,[$d7bdfb9eb0fdf311$export$c7109489551a4f4,$6c1fd9e6a8969628$export$d1c7c4bcd9f26dd4]),$3dc4ded751c8bdfb$var$useRovingFocusGroupScope=$d7bdfb9eb0fdf311$export$c7109489551a4f4(),$3dc4ded751c8bdfb$var$useToggleGroupScope=$6c1fd9e6a8969628$export$d1c7c4bcd9f26dd4(),[$3dc4ded751c8bdfb$var$ToolbarProvider,$3dc4ded751c8bdfb$var$useToolbarContext]=$3dc4ded751c8bdfb$var$createToolbarContext($3dc4ded751c8bdfb$var$TOOLBAR_NAME),$3dc4ded751c8bdfb$export$4c260019440d418f=(0,import_react37.forwardRef)((props,forwardedRef)=>{let{__scopeToolbar,orientation="horizontal",dir,loop=!0,...toolbarProps}=props,rovingFocusGroupScope=$3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar),direction=$f631663db3294ace$export$b39126d51d94e6f3(dir);return(0,import_react37.createElement)($3dc4ded751c8bdfb$var$ToolbarProvider,{scope:__scopeToolbar,orientation,dir:direction},(0,import_react37.createElement)($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9,_extends3({asChild:!0},rovingFocusGroupScope,{orientation,dir:direction,loop}),(0,import_react37.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends3({role:"toolbar","aria-orientation":orientation,dir:direction},toolbarProps,{ref:forwardedRef}))))}),$3dc4ded751c8bdfb$var$SEPARATOR_NAME="ToolbarSeparator",$3dc4ded751c8bdfb$export$291e1a31e8ec7868=(0,import_react37.forwardRef)((props,forwardedRef)=>{let{__scopeToolbar,...separatorProps}=props,context=$3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$SEPARATOR_NAME,__scopeToolbar);return(0,import_react37.createElement)($89eedd556c436f6a$export$be92b6f5f03c0fe9,_extends3({orientation:context.orientation==="horizontal"?"vertical":"horizontal"},separatorProps,{ref:forwardedRef}))});var $3dc4ded751c8bdfb$export$e5c1a33878e86e9e=(0,import_react37.forwardRef)((props,forwardedRef)=>{let{__scopeToolbar,...buttonProps}=props,rovingFocusGroupScope=$3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);return(0,import_react37.createElement)($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2,_extends3({asChild:!0},rovingFocusGroupScope,{focusable:!props.disabled}),(0,import_react37.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.button,_extends3({type:"button"},buttonProps,{ref:forwardedRef})))});var $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME="ToolbarToggleGroup",$3dc4ded751c8bdfb$export$aeae28cb17562c0b=(0,import_react37.forwardRef)((props,forwardedRef)=>{let{__scopeToolbar,...toggleGroupProps}=props,context=$3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME,__scopeToolbar),toggleGroupScope=$3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);return(0,import_react37.createElement)($6c1fd9e6a8969628$export$be92b6f5f03c0fe9,_extends3({"data-orientation":context.orientation,dir:context.dir},toggleGroupScope,toggleGroupProps,{ref:forwardedRef,rovingFocus:!1}))});var $3dc4ded751c8bdfb$export$546b879b639844a1=(0,import_react37.forwardRef)((props,forwardedRef)=>{let{__scopeToolbar,...toggleItemProps}=props,toggleGroupScope=$3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar),scope3={__scopeToolbar:props.__scopeToolbar};return(0,import_react37.createElement)($3dc4ded751c8bdfb$export$e5c1a33878e86e9e,_extends3({asChild:!0},scope3),(0,import_react37.createElement)($6c1fd9e6a8969628$export$6d08773d2e66f8f2,_extends3({},toggleGroupScope,toggleItemProps,{ref:forwardedRef})))}),$3dc4ded751c8bdfb$export$be92b6f5f03c0fe9=$3dc4ded751c8bdfb$export$4c260019440d418f,$3dc4ded751c8bdfb$export$1ff3c3f08ae963c0=$3dc4ded751c8bdfb$export$291e1a31e8ec7868;var $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30=$3dc4ded751c8bdfb$export$aeae28cb17562c0b,$3dc4ded751c8bdfb$export$920ad4cf87b18fc7=$3dc4ded751c8bdfb$export$546b879b639844a1;var Button4=(0,import_react38.forwardRef)(({as,children,icon,...props},ref)=>{let LocalIcon=dist_exports6[icon];return import_react38.default.createElement(StyledButton,{as,ref,...props},icon&&import_react38.default.createElement(LocalIcon,null),children)});Button4.displayName="Button";var StyledButton=newStyled.button(({theme,variant="solid",size="medium",disabled=!1,active=!1})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:`${(()=>size==="small"?"0 10px":size==="medium"?"0 12px":0)()}`,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:`${(()=>variant==="solid"?theme.color.secondary:variant==="outline"?theme.button.background:variant==="ghost"&&active?theme.background.hoverable:"transparent")()}`,color:`${(()=>variant==="solid"?theme.color.lightest:variant==="outline"?theme.input.color:variant==="ghost"&&active?theme.color.secondary:variant==="ghost"?theme.color.mediumdark:theme.input.color)()}`,boxShadow:variant==="outline"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,"&:hover":{color:variant==="ghost"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:active":{color:variant==="ghost"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}})),Input2=(0,import_react38.forwardRef)(({...props},ref)=>import_react38.default.createElement(StyledInput,{ref,...props}));Input2.displayName="Input";var StyledInput=newStyled.input(({theme})=>({appearance:"none",border:"0 none",display:"block",margin:" 0",position:"relative",width:"100%",height:"32px",transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color,background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,padding:"6px 10px",boxSizing:"border-box",lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}})),IconWrapper=({icon,color:colorProp,size:sizeProp,...restProps})=>{let color2=colorProp||"currentColor",size=sizeProp||"14px";return React82.createElement("span",{role:"img","aria-hidden":"true",style:{color:color2,width:size,height:size,display:"inline-flex",fontSize:"inherit"},...restProps},icon)},ExpandAlt2=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M7.354.146l4 4a.5.5 0 01-.708.708L7 1.207 3.354 4.854a.5.5 0 11-.708-.708l4-4a.5.5 0 01.708 0zM11.354 9.146a.5.5 0 010 .708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 11.708-.708L7 12.793l3.646-3.647a.5.5 0 01.708 0z",fill:"currentColor"})),...restProps})},Arrowup=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M7.354 2.896l5.5 5.5a.5.5 0 01-.708.708L7 3.957 1.854 9.104a.5.5 0 11-.708-.708l5.5-5.5a.5.5 0 01.708 0z",fill:"currentColor"})),...restProps})},Arrowdown=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M1.146 5.604l5.5 5.5a.5.5 0 00.708 0l5.5-5.5a.5.5 0 00-.708-.708L7 10.043 1.854 4.896a.5.5 0 10-.708.708z",fill:"currentColor"})),...restProps})},Check2=allProps=>{let{svgProps:props,...restProps}=allProps;return React82.createElement(IconWrapper,{icon:React82.createElement("svg",{width:"inherit",height:"inherit",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React82.createElement("path",{d:"M13.854 3.354a.5.5 0 00-.708-.708L5 10.793.854 6.646a.5.5 0 10-.708.708l4.5 4.5a.5.5 0 00.708 0l8.5-8.5z",fill:"currentColor"})),...restProps})},SelectTrigger=React82.forwardRef(({className,children,...props},ref)=>React82.createElement(StyledTrigger,{ref,...props},children,React82.createElement($cc7e05a45900e73f$export$f04a61298a47a40f,{asChild:!0},React82.createElement(ExpandAlt2,{size:12}))));SelectTrigger.displayName=$cc7e05a45900e73f$export$41fb9f06171c75f4.displayName;var SelectContent=React82.forwardRef(({className,children,...props},ref)=>React82.createElement($cc7e05a45900e73f$export$602eac185826482c,null,React82.createElement(StyledContent,{ref,...props},React82.createElement(StyledScrollUpButton,null,React82.createElement(Arrowup,{size:12})),React82.createElement(StyledViewport,null,children),React82.createElement(StyledScrollDownButton,null,React82.createElement(Arrowdown,{size:12})))));SelectContent.displayName=$cc7e05a45900e73f$export$7c6e2c02157bb7d2.displayName;var SelectLabel=React82.forwardRef(({className,...props},ref)=>React82.createElement($cc7e05a45900e73f$export$b04be29aa201d4f5,{ref,...props}));SelectLabel.displayName=$cc7e05a45900e73f$export$b04be29aa201d4f5.displayName;var SelectItem=React82.forwardRef(({className,children,...props},ref)=>React82.createElement(StyledItem,{ref,...props},React82.createElement(StyledItemIndicator,null,React82.createElement(Check2,{size:12})),React82.createElement($cc7e05a45900e73f$export$d6e5bf9c43ea9319,null,children)));SelectItem.displayName=$cc7e05a45900e73f$export$6d08773d2e66f8f2.displayName;var SelectSeparator=React82.forwardRef(({className,...props},ref)=>React82.createElement($cc7e05a45900e73f$export$1ff3c3f08ae963c0,{ref,...props}));SelectSeparator.displayName=$cc7e05a45900e73f$export$1ff3c3f08ae963c0.displayName;var Select2={Root:$cc7e05a45900e73f$export$be92b6f5f03c0fe9,Group:$cc7e05a45900e73f$export$eb2fcfdbd7ba97d4,Value:$cc7e05a45900e73f$export$4c8d1a57a761ef94,Trigger:SelectTrigger,Content:SelectContent,Label:SelectLabel,Item:SelectItem,Separator:SelectSeparator},StyledTrigger=newStyled($cc7e05a45900e73f$export$41fb9f06171c75f4)(({theme})=>({all:"unset",display:"flex",width:"100%",height:"32px",alignItems:"center",justifyContent:"space-between",transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color,background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,padding:"6px 10px",boxSizing:"border-box",lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&[data-placeholder]":{color:theme.textMutedColor},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`}})),StyledContent=newStyled($cc7e05a45900e73f$export$7c6e2c02157bb7d2)(({theme})=>({boxSizing:"border-box",overflow:"hidden",backgroundColor:theme.input.background,borderRadius:"6px",border:theme.base==="dark"?`1px solid ${theme.input.border}`:"1px solid transparent",width:"100%",boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)"})),StyledViewport=newStyled($cc7e05a45900e73f$export$d5c6c08dc2d3ca7)(()=>({boxSizing:"border-box",width:"100%",padding:"5px"})),StyledScrollUpButton=newStyled($cc7e05a45900e73f$export$2f60d3ec9ad468f2)(({theme})=>({display:"flex",alignItems:"center",justifyContent:"center",height:"25px",backgroundColor:theme.input.background,color:theme.input.color,cursor:"default"})),StyledScrollDownButton=newStyled($cc7e05a45900e73f$export$bf1aedc3039c8d63)(({theme})=>({display:"flex",alignItems:"center",justifyContent:"center",height:"25px",backgroundColor:theme.input.background,color:theme.input.color,cursor:"default"})),StyledItem=newStyled($cc7e05a45900e73f$export$6d08773d2e66f8f2)(({theme})=>({fontSize:"13px",lineHeight:1,color:theme.input.color,borderRadius:"3px",display:"flex",alignItems:"center",height:"25px",padding:"0 35px 0 25px",position:"relative",userSelect:"none","&[data-disabled]":{color:"red",pointerEvents:"none"},"&[data-highlighted]":{outline:"none",backgroundColor:theme.barSelectedColor,color:theme.barBg}})),StyledItemIndicator=newStyled($cc7e05a45900e73f$export$c3468e2714d175fa)(()=>({position:"absolute",left:0,width:"25px",display:"inline-flex",alignItems:"center",justifyContent:"center"})),Link5=(0,import_react38.forwardRef)(({children,icon,withArrow,...props},ref)=>{let LocalIcon=dist_exports6[icon];return import_react38.default.createElement(StyledLink,{ref,...props},import_react38.default.createElement(StyledLeft,null,icon&&import_react38.default.createElement(LocalIcon,null),children),withArrow&&import_react38.default.createElement(ChevronRight,{size:8}))});Link5.displayName="Link";var StyledLink=newStyled.a(({theme,variant="primary",underline="hover",weight="regular"})=>({display:"inline-flex",gap:4,alignItems:"center",transition:"all 150ms ease-out",textDecoration:"none",lineHeight:1,color:`${(()=>variant==="primary"?theme.color.secondary:variant==="secondary"?theme.color.defaultText:theme.color.secondary)()}`,fontWeight:`${(()=>weight==="regular"?theme.typography.weight.regular:theme.typography.weight.bold)()}`,textDecorationLine:`${underline==="always"?"underline":"none"}`,textDecorationStyle:"solid",textDecorationThickness:"1px",textUnderlineOffset:"2px","&:hover, &:focus":{cursor:"pointer",textDecorationLine:"underline"}})),StyledLeft=newStyled.span(({theme})=>({display:"inline-flex",gap:6,alignItems:"center",fontSize:theme.typography.size.s2-1})),IconButton2=(0,import_react38.forwardRef)(({as,icon="FaceHappy",onClickAnimation="none",onClick,...props},ref)=>{let LocalIcon=dist_exports6[icon],[isAnimating,setIsAnimating]=(0,import_react38.useState)(!1),handleClick=event=>{onClick&&onClick(event),onClickAnimation!=="none"&&setIsAnimating(!0)};return(0,import_react38.useEffect)(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1)},1e3);return()=>clearTimeout(timer)},[isAnimating]),import_react38.default.createElement(StyledButton2,{as,ref,...props,onClick:handleClick},import_react38.default.createElement(IconWrapper2,{isAnimating,animation:onClickAnimation},import_react38.default.createElement(LocalIcon,null)))});IconButton2.displayName="IconButton";var StyledButton2=newStyled.button(({theme,variant="solid",size="medium",disabled=!1,active=!1})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",width:`${(()=>size==="small"?"28px":size==="medium"?"32px":"auto")()}`,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:`${(()=>variant==="solid"?theme.color.secondary:variant==="outline"?theme.button.background:variant==="ghost"&&active?theme.background.hoverable:"transparent")()}`,color:`${(()=>variant==="solid"?theme.color.lightest:variant==="outline"?theme.input.color:variant==="ghost"&&active?theme.color.secondary:variant==="ghost"?theme.color.mediumdark:theme.input.color)()}`,boxShadow:variant==="outline"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,"&:hover":{color:variant==="ghost"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:active":{color:variant==="ghost"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}})),IconWrapper2=newStyled.div(({theme,isAnimating,animation})=>({width:14,height:14,animation:isAnimating&&animation!=="none"&&`${theme.animation[animation]} 1000ms ease-out`})),ToolbarRoot=(0,import_react38.forwardRef)(({className,children,...props},ref)=>import_react38.default.createElement(StyledRoot,{ref,...props},children));ToolbarRoot.displayName=$3dc4ded751c8bdfb$export$be92b6f5f03c0fe9.displayName;var ToolbarSeparator=import_react38.default.forwardRef(({className,...props},ref)=>import_react38.default.createElement(StyledSeparator,{ref,...props}));ToolbarSeparator.displayName=$3dc4ded751c8bdfb$export$1ff3c3f08ae963c0.displayName;var ToolbarToggleGroup=import_react38.default.forwardRef(({className,...props},ref)=>import_react38.default.createElement(StyledToggleGroup,{ref,...props}));ToolbarToggleGroup.displayName=$3dc4ded751c8bdfb$export$af3ec21f6cfb5e30.displayName;var ToolbarToggleItem=import_react38.default.forwardRef(({className,...props},ref)=>import_react38.default.createElement($3dc4ded751c8bdfb$export$920ad4cf87b18fc7,{ref,...props,asChild:!0}));ToolbarToggleItem.displayName=$3dc4ded751c8bdfb$export$920ad4cf87b18fc7.displayName;var StyledRoot=newStyled($3dc4ded751c8bdfb$export$be92b6f5f03c0fe9)(({theme,hasPadding=!0,borderBottom=!0,borderTop=!1})=>({display:"flex",padding:hasPadding?"0 10px":0,justifyContent:"space-between",height:40,borderBottom:borderBottom?`1px solid ${theme.appBorderColor}`:"none",borderTop:borderTop?`1px solid ${theme.appBorderColor}`:"none",boxSizing:"border-box",backgroundColor:theme.barBg})),StyledSeparator=newStyled($3dc4ded751c8bdfb$export$1ff3c3f08ae963c0)(({theme})=>({width:1,height:20,backgroundColor:theme.appBorderColor})),StyledToggleGroup=newStyled($3dc4ded751c8bdfb$export$af3ec21f6cfb5e30)({display:"flex",gap:5,alignItems:"center"}),Left2=newStyled.div({display:"flex",gap:5,alignItems:"center"}),Right2=newStyled.div({display:"flex",gap:5,alignItems:"center"}),Toolbar={Root:ToolbarRoot,Left:Left2,Right:Right2,ToogleGroup:ToolbarToggleGroup,ToggleItem:ToolbarToggleItem,Separator:ToolbarSeparator};var sharedStyles={height:10,width:10,marginLeft:-5,marginRight:-5,display:"block"},StyledIcon=newStyled(Icons)(sharedStyles,({theme})=>({color:theme.color.secondary})),SidebarIconButton=newStyled(IconButton)(({highlighted,active,theme})=>({position:"relative",overflow:"visible",color:theme.textMutedColor,marginTop:0,zIndex:1,...highlighted&&{"&:before, &:after":{content:'""',position:"absolute",top:6,right:6,width:5,height:5,zIndex:2,borderRadius:"50%",background:theme.background.app,border:`1px solid ${theme.background.app}`,boxShadow:`0 0 0 2px ${theme.background.app}`},"&:after":{background:theme.color.positive,border:"1px solid rgba(0, 0, 0, 0.1)",boxShadow:`0 0 0 2px ${theme.background.app}`},"&:hover:after, &:focus-visible:after":{boxShadow:`0 0 0 2px ${curriedTransparentize$12(.88,theme.color.secondary)}`}},...active&&{color:theme.color.secondary}})),Img3=newStyled.img(sharedStyles),Placeholder2=newStyled.div(sharedStyles);var SidebarMenuList=({menu,onHide})=>{let links=(0,import_react39.useMemo)(()=>menu.map(({onClick,...rest})=>({...rest,onClick:(event,item)=>{onClick&&onClick(event,item),onHide()}})),[menu]);return import_react39.default.createElement(TooltipLinkList,{links})},SidebarMenu=({menu,isHighlighted})=>{let[isTooltipVisible,setIsTooltipVisible]=(0,import_react39.useState)(!1);return import_react39.default.createElement(WithTooltip,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide})=>import_react39.default.createElement(SidebarMenuList,{onHide,menu}),onVisibleChange:setIsTooltipVisible},import_react39.default.createElement(SidebarIconButton,{title:"Shortcuts","aria-label":"Shortcuts",highlighted:isHighlighted,active:isTooltipVisible},import_react39.default.createElement(dist_exports6.Cog,null)))};var BrandArea=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,fontWeight:theme.typography.weight.bold,color:theme.color.defaultText,marginRight:20,display:"flex",width:"100%",alignItems:"center",minHeight:22,"& > *":{maxWidth:"100%",height:"auto",display:"block",flex:"1 1 auto"}})),HeadingWrapper=newStyled.div({display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",minHeight:28}),SkipToCanvasLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",position:"absolute",fontSize:theme.typography.size.s1,zIndex:3,border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",opacity:0,transition:"opacity 150ms ease-out","&:focus":{width:"100%",height:"inherit",padding:"10px 15px",margin:0,clip:"unset",overflow:"unset",opacity:1}}})),Heading=({menuHighlighted=!1,menu,skipLinkHref,...props})=>import_react40.default.createElement(HeadingWrapper,{...props},skipLinkHref&&import_react40.default.createElement(SkipToCanvasLink,{secondary:!0,isLink:!0,tabIndex:0,href:skipLinkHref},"Skip to canvas"),import_react40.default.createElement(BrandArea,null,import_react40.default.createElement(Brand,null)),import_react40.default.createElement(SidebarMenu,{menu,isHighlighted:menuHighlighted}));var import_react50=__toESM(require_react());var import_react47=__toESM(require_react());var import_react42=__toESM(require_react());var import_react41=__toESM(require_react());var LOADER_SEQUENCE=[0,0,1,1,2,3,3,3,1,1,1,2,2,2,3],Loadingitem=newStyled.div({cursor:"progress",fontSize:13,height:"16px",marginTop:4,marginBottom:4,alignItems:"center",overflow:"hidden"},({depth=0})=>({marginLeft:depth*15,maxWidth:85-depth*5}),({theme})=>theme.animation.inlineGlow,({theme})=>({background:theme.appBorderColor})),Contained=newStyled.div({display:"flex",flexDirection:"column",paddingLeft:20,paddingRight:20}),Loader2=({size})=>{let repeats=Math.ceil(size/LOADER_SEQUENCE.length),sequence=Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0,size);return import_react41.default.createElement(import_react41.Fragment,null,sequence.map((depth,index3)=>import_react41.default.createElement(Loadingitem,{depth,key:index3})))};var{window:globalWindow2}=scope,TextStyle=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0})),Text=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0,code:{fontSize:theme.typography.size.s1},ul:{paddingLeft:20,marginTop:8,marginBottom:8}})),ErrorDisplay=newStyled.pre({width:420,boxSizing:"border-box",borderRadius:8,overflow:"auto",whiteSpace:"pre"},({theme})=>({color:theme.color.dark})),AuthBlock=({loginUrl,id})=>{let[isAuthAttempted,setAuthAttempted]=(0,import_react42.useState)(!1),refresh=(0,import_react42.useCallback)(()=>{globalWindow2.document.location.reload()},[]),open=(0,import_react42.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow2.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),setAuthAttempted(!0)):(logger.error("unable to access loginUrl window"),clearInterval(timer))},1e3)},[]);return import_react42.default.createElement(Contained,null,import_react42.default.createElement(Spaced,null,isAuthAttempted?import_react42.default.createElement(import_react42.Fragment,null,import_react42.default.createElement(Text,null,"Authentication on ",import_react42.default.createElement("strong",null,loginUrl)," concluded. Refresh the page to fetch this Storybook."),import_react42.default.createElement("div",null,import_react42.default.createElement(Button,{small:!0,gray:!0,onClick:refresh},import_react42.default.createElement(dist_exports6.Sync,null),"Refresh now"))):import_react42.default.createElement(import_react42.Fragment,null,import_react42.default.createElement(Text,null,"Sign in to browse this Storybook."),import_react42.default.createElement("div",null,import_react42.default.createElement(Button,{small:!0,gray:!0,onClick:open},import_react42.default.createElement(dist_exports6.Lock,null),"Sign in")))))},ErrorBlock=({error})=>import_react42.default.createElement(Contained,null,import_react42.default.createElement(Spaced,null,import_react42.default.createElement(TextStyle,null,"Oh no! Something went wrong loading this Storybook.",import_react42.default.createElement("br",null),import_react42.default.createElement(WithTooltip,{tooltip:import_react42.default.createElement(ErrorDisplay,null,import_react42.default.createElement(ErrorFormatter,{error}))},import_react42.default.createElement(Link22,{isButton:!0},"View error ",import_react42.default.createElement(dist_exports6.ChevronDown,null)))," ",import_react42.default.createElement(Link22,{withArrow:!0,href:"https://storybook.js.org/docs",cancel:!1,target:"_blank"},"View docs")))),FlexSpaced=newStyled(Spaced)({display:"flex"}),WideSpaced=newStyled(Spaced)({flex:1}),EmptyBlock=({isMain})=>import_react42.default.createElement(Contained,null,import_react42.default.createElement(FlexSpaced,{col:1},import_react42.default.createElement(WideSpaced,null,import_react42.default.createElement(Text,null,isMain?import_react42.default.createElement(import_react42.default.Fragment,null,"Oh no! Your Storybook is empty. Possible reasons why:",import_react42.default.createElement("ul",null,import_react42.default.createElement("li",null,"The glob specified in ",import_react42.default.createElement("code",null,"main.js")," isn't correct."),import_react42.default.createElement("li",null,"No stories are defined in your story files."))," "):import_react42.default.createElement(import_react42.default.Fragment,null,"Yikes! Something went wrong loading these stories."))))),LoaderBlock=({isMain})=>import_react42.default.createElement(Contained,null,import_react42.default.createElement(Loader2,{size:isMain?17:5}));var import_react43=__toESM(require_react());var{document:document5,window:globalWindow3}=scope,IndicatorPlacement=newStyled.aside(({theme})=>({height:16,display:"flex",alignItems:"center","& > * + *":{marginLeft:theme.layoutMargin}})),IndicatorClickTarget=newStyled.button(({theme})=>({height:20,width:20,padding:0,margin:0,display:"flex",alignItems:"center",justifyContent:"center",background:"transparent",outline:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",color:theme.base==="light"?curriedTransparentize$12(.3,theme.color.defaultText):curriedTransparentize$12(.6,theme.color.defaultText),"&:hover":{color:theme.barSelectedColor},"&:focus":{color:theme.barSelectedColor,borderColor:theme.color.secondary},svg:{height:10,width:10,transition:"all 150ms ease-out",color:"inherit"}})),MessageTitle=newStyled.span(({theme})=>({fontWeight:theme.typography.weight.bold})),Message3=newStyled.a(({theme})=>({textDecoration:"none",lineHeight:"16px",padding:15,display:"flex",flexDirection:"row",alignItems:"flex-start",color:theme.color.defaultText,"&:not(:last-child)":{borderBottom:`1px solid ${theme.appBorderColor}`},"&:hover":{background:theme.background.hoverable,color:theme.color.darker},"&:link":{color:theme.color.darker},"&:active":{color:theme.color.darker},"&:focus":{color:theme.color.darker},"& > *":{flex:1},"& > svg":{marginTop:3,width:16,height:16,marginRight:10,flex:"unset"}})),MessageWrapper2=newStyled.div({width:280,boxSizing:"border-box",borderRadius:8,overflow:"hidden"}),BlueIcon=newStyled(Icons)(({theme})=>({color:theme.color.secondary})),YellowIcon=newStyled(Icons)(({theme})=>({color:theme.color.gold})),RedIcon=newStyled(Icons)(({theme})=>({color:theme.color.negative})),GreenIcon=newStyled(Icons)(({theme})=>({color:theme.color.green})),Version=newStyled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.regular,color:theme.base==="light"?curriedTransparentize$12(.3,theme.color.defaultText):curriedTransparentize$12(.6,theme.color.defaultText),"& > * + *":{marginLeft:4},svg:{height:10,width:10}})),CurrentVersion=({url,versions})=>{let currentVersionId=(0,import_react43.useMemo)(()=>{let c5=Object.entries(versions).find(([k3,v4])=>v4===url);return c5&&c5[0]?c5[0]:"current"},[url,versions]);return import_react43.default.createElement(Version,null,import_react43.default.createElement("span",null,currentVersionId),import_react43.default.createElement(dist_exports6.ChevronDown,null))},RefIndicator=import_react43.default.memo((0,import_react43.forwardRef)(({state,...ref},forwardedRef)=>{let api=useStorybookApi(),list=(0,import_react43.useMemo)(()=>Object.values(ref.index||{}),[ref.index]),componentCount=(0,import_react43.useMemo)(()=>list.filter(v4=>v4.type==="component").length,[list]),leafCount=(0,import_react43.useMemo)(()=>list.filter(v4=>v4.type==="docs"||v4.type==="story").length,[list]);return import_react43.default.createElement(IndicatorPlacement,{ref:forwardedRef},import_react43.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:import_react43.default.createElement(MessageWrapper2,null,import_react43.default.createElement(Spaced,{row:0},state==="loading"&&import_react43.default.createElement(LoadingMessage,{url:ref.url}),(state==="error"||state==="empty")&&import_react43.default.createElement(ErrorOccurredMessage,{url:ref.url}),state==="ready"&&import_react43.default.createElement(ReadyMessage,{url:ref.url,componentCount,leafCount}),state==="auth"&&import_react43.default.createElement(LoginRequiredMessage,{...ref}),ref.type==="auto-inject"&&state!=="error"&&import_react43.default.createElement(PerformanceDegradedMessage,null),state!=="loading"&&import_react43.default.createElement(ReadDocsMessage,null)))},import_react43.default.createElement(IndicatorClickTarget,{"data-action":"toggle-indicator","aria-label":"toggle indicator"},import_react43.default.createElement(dist_exports6.Globe,null))),ref.versions&&Object.keys(ref.versions).length?import_react43.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:tooltip=>import_react43.default.createElement(TooltipLinkList,{links:Object.entries(ref.versions).map(([id,href])=>({icon:href===ref.url?"check":void 0,id,title:id,href,onClick:(event,item)=>{event.preventDefault(),api.changeRefVersion(ref.id,item.href),tooltip.onHide()}}))})},import_react43.default.createElement(CurrentVersion,{url:ref.url,versions:ref.versions})):null)})),ReadyMessage=({url,componentCount,leafCount})=>import_react43.default.createElement(Message3,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react43.default.createElement(BlueIcon,{icon:"globe"}),import_react43.default.createElement("div",null,import_react43.default.createElement(MessageTitle,null,"View external Storybook"),import_react43.default.createElement("div",null,"Explore ",componentCount," components and ",leafCount," stories in a new browser tab."))),LoginRequiredMessage=({loginUrl,id})=>{let open=(0,import_react43.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow3.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),document5.location.reload()):clearInterval(timer)},1e3)},[]);return import_react43.default.createElement(Message3,{onClick:open},import_react43.default.createElement(YellowIcon,{icon:"lock"}),import_react43.default.createElement("div",null,import_react43.default.createElement(MessageTitle,null,"Log in required"),import_react43.default.createElement("div",null,"You need to authenticate to view this Storybook's components.")))},ReadDocsMessage=()=>import_react43.default.createElement(Message3,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition",target:"_blank"},import_react43.default.createElement(GreenIcon,{icon:"document"}),import_react43.default.createElement("div",null,import_react43.default.createElement(MessageTitle,null,"Read Composition docs"),import_react43.default.createElement("div",null,"Learn how to combine multiple Storybooks into one."))),ErrorOccurredMessage=({url})=>import_react43.default.createElement(Message3,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react43.default.createElement(RedIcon,{icon:"alert"}),import_react43.default.createElement("div",null,import_react43.default.createElement(MessageTitle,null,"Something went wrong"),import_react43.default.createElement("div",null,"This external Storybook didn't load. Debug it in a new tab now."))),LoadingMessage=({url})=>import_react43.default.createElement(Message3,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react43.default.createElement(BlueIcon,{icon:"time"}),import_react43.default.createElement("div",null,import_react43.default.createElement(MessageTitle,null,"Please wait"),import_react43.default.createElement("div",null,"This Storybook is loading."))),PerformanceDegradedMessage=()=>import_react43.default.createElement(Message3,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition#improve-your-storybook-composition",target:"_blank"},import_react43.default.createElement(YellowIcon,{icon:"lightning"}),import_react43.default.createElement("div",null,import_react43.default.createElement(MessageTitle,null,"Reduce lag"),import_react43.default.createElement("div",null,"Learn how to speed up Composition performance.")));var import_react46=__toESM(require_react());var import_react44=__toESM(require_react()),CollapseIcon2=newStyled.span(({theme,isExpanded})=>({display:"inline-block",width:0,height:0,marginTop:6,marginLeft:8,marginRight:5,color:curriedTransparentize$12(.4,theme.textMutedColor),borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid",transform:isExpanded?"rotateZ(90deg)":"none",transition:"transform .1s ease-out"})),iconColors={light:{document:"#ff8300",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"ultraviolet"},dark:{document:"gold",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"primary"}},isColor=(theme,color2)=>color2 in theme.color,TypeIcon=newStyled(Icons)({width:12,height:12,padding:1,marginTop:3,marginRight:5,flex:"0 0 auto"},({theme,icon,symbol=icon,docsMode})=>{let color2=(theme.base==="dark"?iconColors.dark:iconColors.light)[docsMode&&symbol==="document"?"docsModeDocument":symbol];return{color:isColor(theme,color2)?theme.color[color2]:color2}}),BranchNode=newStyled.button(({theme,depth=0,isExpandable=!1})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",padding:3,paddingLeft:`${(isExpandable?2:18)+depth*16}px`,color:"inherit",fontSize:`${theme.typography.size.s2-1}px`,background:"transparent","&:hover, &:focus":{background:theme.background.hoverable,outline:"none"}})),LeafNode=newStyled.a(({theme,depth=0})=>({cursor:"pointer",color:"inherit",display:"flex",flex:1,alignItems:"start",padding:3,paddingLeft:`${18+depth*16}px`,fontSize:`${theme.typography.size.s2-1}px`,textDecoration:"none"})),Path=newStyled.span(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,fontSize:`${theme.typography.size.s1-1}px`,"& > span":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& > span + span":{position:"relative",marginLeft:4,paddingLeft:7,"&:before":{content:"'/'",position:"absolute",left:0}}})),RootNode=newStyled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 20px",marginTop:16,marginBottom:4,fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",minHeight:20,letterSpacing:"0.35em",textTransform:"uppercase",color:theme.textMutedColor})),GroupNode=import_react44.default.memo(function({children,isExpanded=!1,isExpandable=!1,...props}){return import_react44.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable?import_react44.default.createElement(CollapseIcon2,{isExpanded}):null,import_react44.default.createElement(TypeIcon,{icon:"folder",useSymbol:!0,color:"primary"}),children)}),ComponentNode=import_react44.default.memo(function({theme,children,isExpanded,isExpandable,isSelected,...props}){return import_react44.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable&&import_react44.default.createElement(CollapseIcon2,{isExpanded}),import_react44.default.createElement(TypeIcon,{icon:"component",useSymbol:!0,color:"secondary"}),children)}),DocumentNode=import_react44.default.memo(function({theme,children,docsMode,...props}){return import_react44.default.createElement(LeafNode,{tabIndex:-1,...props},import_react44.default.createElement(TypeIcon,{icon:"document",useSymbol:!0,docsMode}),children)}),StoryNode=import_react44.default.memo(function({theme,children,...props}){return import_react44.default.createElement(LeafNode,{tabIndex:-1,...props},import_react44.default.createElement(TypeIcon,{icon:"bookmarkhollow",useSymbol:!0}),children)});var import_throttle=__toESM(require_throttle()),import_react45=__toESM(require_react());var codeToKeyMap={Space:" ",Slash:"/",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",ArrowDown:"ArrowDown",Escape:"Escape",Enter:"Enter"},allFalse={alt:!1,ctrl:!1,meta:!1,shift:!1},matchesModifiers=(modifiers,event)=>{let{alt,ctrl,meta,shift}=modifiers===!1?allFalse:modifiers;return!(typeof alt=="boolean"&&alt!==event.altKey||typeof ctrl=="boolean"&&ctrl!==event.ctrlKey||typeof meta=="boolean"&&meta!==event.metaKey||typeof shift=="boolean"&&shift!==event.shiftKey)},matchesKeyCode=(code,event)=>event.code?event.code===code:event.key===codeToKeyMap[code];var import_memoizerific6=__toESM(require_memoizerific());var{document:document6,window:globalWindow4}=scope,createId=(itemId,refId)=>!refId||refId===DEFAULT_REF_ID?itemId:`${refId}_${itemId}`,getLink=(item,refId)=>`${document6.location.pathname}?path=/${item.type}/${createId(item.id,refId)}`;var get4=(0,import_memoizerific6.default)(1e3)((id,dataset)=>dataset[id]),getParent=(0,import_memoizerific6.default)(1e3)((id,dataset)=>{let item=get4(id,dataset);return item&&item.type!=="root"?get4(item.parent,dataset):void 0}),getParents=(0,import_memoizerific6.default)(1e3)((id,dataset)=>{let parent=getParent(id,dataset);return parent?[parent,...getParents(parent.id,dataset)]:[]}),getAncestorIds=(0,import_memoizerific6.default)(1e3)((data,id)=>getParents(id,data).map(item=>item.id)),getDescendantIds=(0,import_memoizerific6.default)(1e3)((data,id,skipLeafs)=>{let entry=data[id];return(entry.type==="story"||entry.type==="docs"?[]:entry.children).reduce((acc,childId)=>{let child=data[childId];return!child||skipLeafs&&(child.type==="story"||child.type==="docs")||acc.push(childId,...getDescendantIds(data,childId,skipLeafs)),acc},[])});function getPath(item,ref){let parent=item.type!=="root"&&item.parent?ref.index[item.parent]:null;return parent?[...getPath(parent,ref),parent.name]:ref.id===DEFAULT_REF_ID?[]:[ref.title||ref.id]}var searchItem=(item,ref)=>({...item,refId:ref.id,path:getPath(item,ref)});function cycle(array,index3,delta){let next=index3+delta%array.length;return next<0&&(next=array.length+next),next>=array.length&&(next-=array.length),next}var scrollIntoView=(element,center=!1)=>{if(!element)return;let{top,bottom}=element.getBoundingClientRect();top>=0&&bottom<=(globalWindow4.innerHeight||document6.documentElement.clientHeight)||element.scrollIntoView({block:center?"center":"nearest"})},getStateType=(isLoading,isAuthRequired,isError,isEmpty)=>{switch(!0){case isAuthRequired:return"auth";case isError:return"error";case isLoading:return"loading";case isEmpty:return"empty";default:return"ready"}},isAncestor=(element,maybeAncestor)=>!element||!maybeAncestor?!1:element===maybeAncestor?!0:isAncestor(element.parentElement,maybeAncestor),removeNoiseFromName=storyName=>storyName.replaceAll(/(\s|-|_)/gi,""),isStoryHoistable=(storyName,componentName)=>removeNoiseFromName(storyName)===removeNoiseFromName(componentName);var{document:document7}=scope,initializeExpanded=({refId,data,initialExpanded,highlightedRef,rootIds})=>{let highlightedAncestors=highlightedRef.current?.refId===refId?getAncestorIds(data,highlightedRef.current?.itemId):[];return[...rootIds,...highlightedAncestors].reduce((acc,id)=>Object.assign(acc,{[id]:id in initialExpanded?initialExpanded[id]:!0}),{})},noop2=()=>{},useExpanded=({containerRef,isBrowsing,refId,data,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId})=>{let api=useStorybookApi(),[expanded,setExpanded]=(0,import_react45.useReducer)((state,{ids,value:value2})=>ids.reduce((acc,id)=>Object.assign(acc,{[id]:value2}),{...state}),{refId,data,highlightedRef,rootIds,initialExpanded},initializeExpanded),getElementByDataItemId=(0,import_react45.useCallback)(id=>containerRef.current?.querySelector(`[data-item-id="${id}"]`),[containerRef]),highlightElement=(0,import_react45.useCallback)(element=>{setHighlightedItemId(element.getAttribute("data-item-id")),scrollIntoView(element)},[setHighlightedItemId]),updateExpanded=(0,import_react45.useCallback)(({ids,value:value2})=>{if(setExpanded({ids,value:value2}),ids.length===1){let element=containerRef.current?.querySelector(`[data-item-id="${ids[0]}"][data-ref-id="${refId}"]`);element&&highlightElement(element)}},[containerRef,highlightElement,refId]);(0,import_react45.useEffect)(()=>{setExpanded({ids:getAncestorIds(data,selectedStoryId),value:!0})},[data,selectedStoryId]);let collapseAll=(0,import_react45.useCallback)(()=>{let ids=Object.keys(data).filter(id=>!rootIds.includes(id));setExpanded({ids,value:!1})},[data,rootIds]),expandAll=(0,import_react45.useCallback)(()=>{setExpanded({ids:Object.keys(data),value:!0})},[data]);return(0,import_react45.useEffect)(()=>api?(api.on(STORIES_COLLAPSE_ALL,collapseAll),api.on(STORIES_EXPAND_ALL,expandAll),()=>{api.off(STORIES_COLLAPSE_ALL,collapseAll),api.off(STORIES_EXPAND_ALL,expandAll)}):noop2,[api,collapseAll,expandAll]),(0,import_react45.useEffect)(()=>{let menuElement=document7.getElementById("storybook-explorer-menu"),navigateTree=(0,import_throttle.default)(event=>{let highlightedItemId=highlightedRef.current?.refId===refId&&highlightedRef.current?.itemId;if(!isBrowsing||!containerRef.current||!highlightedItemId||event.repeat||!matchesModifiers(!1,event))return;let isEnter=matchesKeyCode("Enter",event),isSpace=matchesKeyCode("Space",event),isArrowLeft=matchesKeyCode("ArrowLeft",event),isArrowRight=matchesKeyCode("ArrowRight",event);if(!(isEnter||isSpace||isArrowLeft||isArrowRight))return;let highlightedElement=getElementByDataItemId(highlightedItemId);if(!highlightedElement||highlightedElement.getAttribute("data-ref-id")!==refId)return;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;if(target.hasAttribute("data-action")){if(isEnter||isSpace)return;target.blur()}let type=highlightedElement.getAttribute("data-nodetype");(isEnter||isSpace)&&["component","story","document"].includes(type)&&onSelectStoryId(highlightedItemId);let isExpanded=highlightedElement.getAttribute("aria-expanded");if(isArrowLeft){if(isExpanded==="true"){setExpanded({ids:[highlightedItemId],value:!1});return}let parentId=highlightedElement.getAttribute("data-parent-id"),parentElement=parentId&&getElementByDataItemId(parentId);if(parentElement&&parentElement.getAttribute("data-highlightable")==="true"){highlightElement(parentElement);return}setExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!1});return}isArrowRight&&(isExpanded==="false"?updateExpanded({ids:[highlightedItemId],value:!0}):isExpanded==="true"&&updateExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!0}))},60);return document7.addEventListener("keydown",navigateTree),()=>document7.removeEventListener("keydown",navigateTree)},[containerRef,isBrowsing,refId,data,highlightedRef,setHighlightedItemId,onSelectStoryId]),[expanded,updateExpanded]};var statusPriority=["unknown","pending","success","warn","error"],statusMapping={unknown:[null,null,null],pending:["watch","currentColor","currentColor"],success:["circle","green","currentColor"],warn:["circle","orange","#A15C20"],error:["circle","red","brown"]},getHighestStatus=statuses=>statusPriority.reduce((acc,status)=>statuses.includes(status)?status:acc,"unknown");function getGroupStatus(collapsedData,status){return Object.values(collapsedData).reduce((acc,item)=>{if(item.type==="group"||item.type==="component"){let leafs=getDescendantIds(collapsedData,item.id,!1).map(id=>collapsedData[id]).filter(i5=>i5.type==="story"),combinedStatus=getHighestStatus(leafs.flatMap(story=>Object.values(status?.[story.id]||{})).map(s4=>s4.status));combinedStatus&&(acc[item.id]=combinedStatus)}return acc},{})}var Action2=newStyled.button(({theme})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:20,height:20,margin:0,marginLeft:"auto",padding:0,outline:0,lineHeight:"normal",background:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",transition:"all 150ms ease-out",color:theme.base==="light"?curriedTransparentize$12(.3,theme.color.defaultText):curriedTransparentize$12(.6,theme.color.defaultText),"&:hover":{color:theme.color.secondary},"&:focus":{color:theme.color.secondary,borderColor:theme.color.secondary,"&:not(:focus-visible)":{borderColor:"transparent"}},svg:{width:10,height:10}})),CollapseButton=newStyled.button(({theme})=>({background:"transparent",border:"none",outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",letterSpacing:"inherit",textTransform:"inherit",display:"flex",flex:"0 1 auto",padding:"3px 10px 1px 1px",margin:0,marginLeft:-19,overflow:"hidden",borderRadius:26,transition:"color 150ms, box-shadow 150ms","span:first-of-type":{marginTop:4,marginRight:7},"&:focus":{boxShadow:`0 0 0 1px ${theme.color.secondary}`,color:theme.color.secondary,"span:first-of-type":{color:theme.color.secondary},"&:not(:focus-visible)":{boxShadow:"none"}}})),LeafNodeStyleWrapper=newStyled.div(({theme})=>({position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",paddingRight:20,color:theme.color.defaultText,background:"transparent","&:hover, &:focus":{outline:"none",background:theme.background.hoverable},'&[data-selected="true"]':{color:theme.color.lightest,background:theme.color.secondary,fontWeight:theme.typography.weight.bold,"&:hover, &:focus":{background:theme.color.secondary},svg:{color:theme.color.lightest}},a:{color:"currentColor"}})),SkipToContentLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",fontSize:"10px",overflow:"hidden",width:1,height:"20px",boxSizing:"border-box",opacity:0,padding:0,"&:focus":{opacity:1,padding:"5px 10px",background:"white",color:theme.color.secondary,width:"auto"}}})),Node=import_react46.default.memo(function({item,status,refId,docsMode,isOrphan,isDisplayed,isSelected,isFullyExpanded,color:color2,setFullyExpanded,isExpanded,setExpanded,onSelectStoryId,api}){if(!isDisplayed)return null;let id=createId(item.id,refId);if(item.type==="story"||item.type==="docs"){let LeafNode2=item.type==="docs"?DocumentNode:StoryNode,statusValue=getHighestStatus(Object.values(status||{}).map(s4=>s4.status)),[icon,iconColor,textColor]=statusMapping[statusValue];return import_react46.default.createElement(LeafNodeStyleWrapper,{"data-selected":isSelected,"data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="docs"?"document":"story","data-highlightable":isDisplayed,className:"sidebar-item"},import_react46.default.createElement(LeafNode2,{style:isSelected?{}:{color:textColor},key:id,href:getLink(item,refId),id,depth:isOrphan?item.depth:item.depth-1,onClick:event=>{event.preventDefault(),onSelectStoryId(item.id)},...item.type==="docs"&&{docsMode}},item.renderLabel?.(item)||item.name),isSelected&&import_react46.default.createElement(SkipToContentLink,{secondary:!0,outline:!0,isLink:!0,href:"#storybook-preview-wrapper"},"Skip to canvas"),icon?import_react46.default.createElement(WithTooltip,{placement:"top",tooltip:()=>import_react46.default.createElement(TooltipLinkList,{links:Object.entries(status||{}).map(([k3,v4])=>({id:k3,title:v4.title,description:v4.description,right:import_react46.default.createElement(Icons,{icon:statusMapping[v4.status][0],style:{color:statusMapping[v4.status][1]}})}))}),closeOnOutsideClick:!0},import_react46.default.createElement(Action2,{type:"button"},import_react46.default.createElement(Icons,{icon,style:{color:isSelected?"white":iconColor}}))):null)}if(item.type==="root")return import_react46.default.createElement(RootNode,{key:id,id,className:"sidebar-subheading","data-ref-id":refId,"data-item-id":item.id,"data-nodetype":"root"},import_react46.default.createElement(CollapseButton,{type:"button","data-action":"collapse-root",onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded})},"aria-expanded":isExpanded},import_react46.default.createElement(CollapseIcon2,{isExpanded}),item.renderLabel?.(item)||item.name),isExpanded&&import_react46.default.createElement(Action2,{type:"button",className:"sidebar-subheading-action","aria-label":"expand","data-action":"expand-all","data-expanded":isFullyExpanded,onClick:event=>{event.preventDefault(),setFullyExpanded()}},isFullyExpanded?import_react46.default.createElement(dist_exports6.Collapse,null):import_react46.default.createElement(dist_exports6.ExpandAlt,null)));if(item.type==="component"||item.type==="group"){let BranchNode2=item.type==="component"?ComponentNode:GroupNode;return import_react46.default.createElement(BranchNode2,{key:id,id,style:color2?{color:color2}:{},className:"sidebar-item","data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="component"?"component":"group","data-highlightable":isDisplayed,"aria-controls":item.children&&item.children[0],"aria-expanded":isExpanded,depth:isOrphan?item.depth:item.depth-1,isComponent:item.type==="component",isExpandable:item.children&&item.children.length>0,isExpanded,onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded}),item.type==="component"&&!isExpanded&&onSelectStoryId(item.id)},onMouseEnter:()=>{item.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}},item.renderLabel?.(item)||item.name)}return null}),Root2=import_react46.default.memo(function({setExpanded,isFullyExpanded,expandableDescendants,...props}){let setFullyExpanded=(0,import_react46.useCallback)(()=>setExpanded({ids:expandableDescendants,value:!isFullyExpanded}),[setExpanded,isFullyExpanded,expandableDescendants]);return import_react46.default.createElement(Node,{...props,setExpanded,isFullyExpanded,setFullyExpanded})}),Container2=newStyled.div(props=>({marginTop:props.hasOrphans?20:0,marginBottom:20})),Tree=import_react46.default.memo(function({isBrowsing,isMain,refId,data,status,docsMode,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}){let containerRef=(0,import_react46.useRef)(null),api=useStorybookApi(),[rootIds,orphanIds,initialExpanded]=(0,import_react46.useMemo)(()=>Object.keys(data).reduce((acc,id)=>{let item=data[id];return item.type==="root"?acc[0].push(id):item.parent||acc[1].push(id),item.type==="root"&&item.startCollapsed&&(acc[2][id]=!1),acc},[[],[],{}]),[data]),{expandableDescendants}=(0,import_react46.useMemo)(()=>[...orphanIds,...rootIds].reduce((acc,nodeId)=>(acc.expandableDescendants[nodeId]=getDescendantIds(data,nodeId,!1).filter(d4=>!["story","docs"].includes(data[d4].type)),acc),{orphansFirst:[],expandableDescendants:{}}),[data,rootIds,orphanIds]),singleStoryComponentIds=(0,import_react46.useMemo)(()=>Object.keys(data).filter(id=>{let entry=data[id];if(entry.type!=="component")return!1;let{children=[],name:name2}=entry;if(children.length!==1)return!1;let onlyChild=data[children[0]];return onlyChild.type==="docs"?!0:onlyChild.type==="story"?isStoryHoistable(onlyChild.name,name2):!1}),[data]),collapsedItems=(0,import_react46.useMemo)(()=>Object.keys(data).filter(id=>!singleStoryComponentIds.includes(id)),[singleStoryComponentIds]),collapsedData=(0,import_react46.useMemo)(()=>singleStoryComponentIds.reduce((acc,id)=>{let{children,parent,name:name2}=data[id],[childId]=children;if(parent){let siblings=[...data[parent].children];siblings[siblings.indexOf(id)]=childId,acc[parent]={...data[parent],children:siblings}}return acc[childId]={...data[childId],name:name2,parent,depth:data[childId].depth-1},acc},{...data}),[data]),ancestry=(0,import_react46.useMemo)(()=>collapsedItems.reduce((acc,id)=>Object.assign(acc,{[id]:getAncestorIds(collapsedData,id)}),{}),[collapsedItems,collapsedData]),[expanded,setExpanded]=useExpanded({containerRef,isBrowsing,refId,data:collapsedData,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}),groupStatus=(0,import_react46.useMemo)(()=>getGroupStatus(collapsedData,status),[collapsedData,status]);return import_react46.default.createElement(Container2,{ref:containerRef,hasOrphans:isMain&&orphanIds.length>0},collapsedItems.map(itemId=>{let item=collapsedData[itemId],id=createId(itemId,refId);if(item.type==="root"){let descendants=expandableDescendants[item.id],isFullyExpanded=descendants.every(d4=>expanded[d4]);return import_react46.default.createElement(Root2,{key:id,item,refId,isOrphan:!1,isDisplayed:!0,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,isFullyExpanded,expandableDescendants:descendants,onSelectStoryId})}let isDisplayed=!item.parent||ancestry[itemId].every(a4=>expanded[a4]),color2=groupStatus[itemId]?statusMapping[groupStatus[itemId]][2]:null;return import_react46.default.createElement(Node,{api,key:id,item,status:status?.[itemId],refId,color:color2,docsMode,isOrphan:orphanIds.some(oid=>itemId===oid||itemId.startsWith(`${oid}-`)),isDisplayed,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,onSelectStoryId})}))});var Wrapper3=newStyled.div(({isMain})=>({position:"relative",marginLeft:-20,marginRight:-20,marginTop:isMain?void 0:0})),RefHead=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textDecoration:"none",lineHeight:"16px",display:"flex",alignItems:"center",justifyContent:"space-between",background:"transparent",width:"100%",marginTop:20,paddingTop:16,borderTop:`1px solid ${theme.appBorderColor}`,color:theme.base==="light"?theme.color.defaultText:curriedTransparentize$12(.2,theme.color.defaultText)})),RefTitle=newStyled.span(({theme})=>({display:"block",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1,overflow:"hidden",marginLeft:2})),CollapseButton2=newStyled.button(({theme})=>({background:"transparent",border:"1px solid transparent",borderRadius:26,outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",display:"flex",padding:3,paddingLeft:1,paddingRight:12,margin:0,marginLeft:-20,overflow:"hidden","span:first-of-type":{marginTop:5},"&:focus":{borderColor:theme.color.secondary,"span:first-of-type":{borderLeftColor:theme.color.secondary}}})),Ref=import_react47.default.memo(function(props){let{docsOptions}=useStorybookState(),api=useStorybookApi(),{index:index3,id:refId,title=refId,isLoading:isLoadingMain,isBrowsing,selectedStoryId,highlightedRef,setHighlighted,loginUrl,type,expanded=!0,indexError,previewInitialized}=props,length=(0,import_react47.useMemo)(()=>index3?Object.keys(index3).length:0,[index3]),indicatorRef=(0,import_react47.useRef)(null),isMain=refId===DEFAULT_REF_ID,isLoading=isLoadingMain||(type==="auto-inject"&&!previewInitialized||type==="server-checked")||type==="unknown",state=getStateType(isLoading,!!loginUrl&&length===0,!!indexError,!isLoading&&length===0),[isExpanded,setExpanded]=(0,import_react47.useState)(expanded),handleClick=(0,import_react47.useCallback)(()=>setExpanded(value2=>!value2),[setExpanded]),setHighlightedItemId=(0,import_react47.useCallback)(itemId=>setHighlighted({itemId,refId}),[setHighlighted]),onSelectStoryId=(0,import_react47.useCallback)(storyId=>api&&api.selectStory(storyId,void 0,{ref:!isMain&&refId}),[api,isMain,refId]);return import_react47.default.createElement(import_react47.default.Fragment,null,isMain||import_react47.default.createElement(RefHead,{"aria-label":`${isExpanded?"Hide":"Show"} ${title} stories`,"aria-expanded":isExpanded},import_react47.default.createElement(CollapseButton2,{"data-action":"collapse-ref",onClick:handleClick},import_react47.default.createElement(CollapseIcon2,{isExpanded}),import_react47.default.createElement(RefTitle,{title},title)),import_react47.default.createElement(RefIndicator,{...props,state,ref:indicatorRef})),isExpanded&&import_react47.default.createElement(Wrapper3,{"data-title":title,isMain},state==="auth"&&import_react47.default.createElement(AuthBlock,{id:refId,loginUrl}),state==="error"&&import_react47.default.createElement(ErrorBlock,{error:indexError}),state==="loading"&&import_react47.default.createElement(LoaderBlock,{isMain}),state==="empty"&&import_react47.default.createElement(EmptyBlock,{isMain}),state==="ready"&&import_react47.default.createElement(Tree,{status:props.status,isBrowsing,isMain,refId,data:index3,docsMode:docsOptions.docsMode,selectedStoryId,onSelectStoryId,highlightedRef,setHighlightedItemId})))});var import_react48=__toESM(require_react());var{document:document8,window:globalWindow5}=scope,fromSelection=selection=>selection?{itemId:selection.storyId,refId:selection.refId}:null,useHighlighted=({containerRef,isLoading,isBrowsing,dataset,selected})=>{let initialHighlight=fromSelection(selected),highlightedRef=(0,import_react48.useRef)(initialHighlight),[highlighted,setHighlighted]=(0,import_react48.useState)(initialHighlight),api=useStorybookApi(),updateHighlighted=(0,import_react48.useCallback)(highlight=>{highlightedRef.current=highlight,setHighlighted(highlight)},[highlightedRef]),highlightElement=(0,import_react48.useCallback)((element,center=!1)=>{let itemId=element.getAttribute("data-item-id"),refId=element.getAttribute("data-ref-id");!itemId||!refId||(updateHighlighted({itemId,refId}),scrollIntoView(element,center))},[updateHighlighted]);return(0,import_react48.useEffect)(()=>{let highlight=fromSelection(selected);if(updateHighlighted(highlight),highlight){let{itemId,refId}=highlight;setTimeout(()=>{scrollIntoView(containerRef.current?.querySelector(`[data-item-id="${itemId}"][data-ref-id="${refId}"]`),!0)},0)}},[dataset,highlightedRef,containerRef,selected]),(0,import_react48.useEffect)(()=>{let menuElement=document8.getElementById("storybook-explorer-menu"),lastRequestId,navigateTree=event=>{if(isLoading||!isBrowsing||!containerRef.current||!matchesModifiers(!1,event))return;let isArrowUp=matchesKeyCode("ArrowUp",event),isArrowDown=matchesKeyCode("ArrowDown",event);if(!(isArrowUp||isArrowDown))return;let requestId=globalWindow5.requestAnimationFrame(()=>{globalWindow5.cancelAnimationFrame(lastRequestId),lastRequestId=requestId;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;target.hasAttribute("data-action")&&target.blur();let highlightable=Array.from(containerRef.current.querySelectorAll("[data-highlightable=true]")),currentIndex=highlightable.findIndex(el=>el.getAttribute("data-item-id")===highlightedRef.current?.itemId&&el.getAttribute("data-ref-id")===highlightedRef.current?.refId),nextIndex=cycle(highlightable,currentIndex,isArrowUp?-1:1),didRunAround=isArrowUp?nextIndex===highlightable.length-1:nextIndex===0;if(highlightElement(highlightable[nextIndex],didRunAround),highlightable[nextIndex].getAttribute("data-nodetype")==="component"){let{itemId,refId}=highlightedRef.current,item=api.getData(itemId,refId==="storybook_internal"?void 0:refId);item.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})}})};return document8.addEventListener("keydown",navigateTree),()=>document8.removeEventListener("keydown",navigateTree)},[isLoading,isBrowsing,highlightedRef,highlightElement]),[highlighted,updateHighlighted,highlightedRef]};var import_react49=__toESM(require_react());var HighlightStyles=({refId,itemId})=>import_react49.default.createElement(Global,{styles:({color:color2})=>{let background=curriedTransparentize$12(.85,color2.secondary);return{[`[data-ref-id="${refId}"][data-item-id="${itemId}"]:not([data-selected="true"])`]:{'&[data-nodetype="component"], &[data-nodetype="group"]':{background,"&:hover, &:focus":{background}},'&[data-nodetype="story"], &[data-nodetype="document"]':{color:color2.defaultText,background,"&:hover, &:focus":{background}}}}}});var Explorer=import_react50.default.memo(function({isLoading,isBrowsing,dataset,selected}){let containerRef=(0,import_react50.useRef)(null),[highlighted,setHighlighted,highlightedRef]=useHighlighted({containerRef,isLoading,isBrowsing,dataset,selected});return import_react50.default.createElement("div",{ref:containerRef,id:"storybook-explorer-tree","data-highlighted-ref-id":highlighted?.refId,"data-highlighted-item-id":highlighted?.itemId},highlighted&&import_react50.default.createElement(HighlightStyles,{...highlighted}),dataset.entries.map(([refId,ref])=>import_react50.default.createElement(Ref,{...ref,key:refId,isLoading,isBrowsing,selectedStoryId:selected?.refId===ref.id?selected.storyId:null,highlightedRef,setHighlighted})))});var import_prop_types2=__toESM(require_prop_types()),import_react51=__toESM(require_react()),import_react_is=__toESM(require_react_is2());function t3(t4){return typeof t4=="object"&&t4!=null&&t4.nodeType===1}function e3(t4,e4){return(!e4||t4!=="hidden")&&t4!=="visible"&&t4!=="clip"}function n4(t4,n5){if(t4.clientHeight<t4.scrollHeight||t4.clientWidth<t4.scrollWidth){var r6=getComputedStyle(t4,null);return e3(r6.overflowY,n5)||e3(r6.overflowX,n5)||function(t5){var e4=function(t6){if(!t6.ownerDocument||!t6.ownerDocument.defaultView)return null;try{return t6.ownerDocument.defaultView.frameElement}catch{return null}}(t5);return!!e4&&(e4.clientHeight<t5.scrollHeight||e4.clientWidth<t5.scrollWidth)}(t4)}return!1}function r5(t4,e4,n5,r6,i5,o4,l4,d4){return o4<t4&&l4>e4||o4>t4&&l4<e4?0:o4<=t4&&d4<=n5||l4>=e4&&d4>=n5?o4-t4-r6:l4>e4&&d4<n5||o4<t4&&d4>n5?l4-e4+i5:0}var i4=function(e4,i5){var o4=window,l4=i5.scrollMode,d4=i5.block,f5=i5.inline,h5=i5.boundary,u4=i5.skipOverflowHiddenElements,s4=typeof h5=="function"?h5:function(t4){return t4!==h5};if(!t3(e4))throw new TypeError("Invalid target");for(var a4,c5,g4=document.scrollingElement||document.documentElement,p4=[],m5=e4;t3(m5)&&s4(m5);){if((m5=(c5=(a4=m5).parentElement)==null?a4.getRootNode().host||null:c5)===g4){p4.push(m5);break}m5!=null&&m5===document.body&&n4(m5)&&!n4(document.documentElement)||m5!=null&&n4(m5,u4)&&p4.push(m5)}for(var w5=o4.visualViewport?o4.visualViewport.width:innerWidth,v4=o4.visualViewport?o4.visualViewport.height:innerHeight,W3=window.scrollX||pageXOffset,H8=window.scrollY||pageYOffset,b5=e4.getBoundingClientRect(),y4=b5.height,E5=b5.width,M3=b5.top,V2=b5.right,x5=b5.bottom,I3=b5.left,C5=d4==="start"||d4==="nearest"?M3:d4==="end"?x5:M3+y4/2,R5=f5==="center"?I3+E5/2:f5==="end"?V2:I3,T3=[],k3=0;k3<p4.length;k3++){var B5=p4[k3],D4=B5.getBoundingClientRect(),O4=D4.height,X=D4.width,Y2=D4.top,L5=D4.right,S3=D4.bottom,j2=D4.left;if(l4==="if-needed"&&M3>=0&&I3>=0&&x5<=v4&&V2<=w5&&M3>=Y2&&x5<=S3&&I3>=j2&&V2<=L5)return T3;var N3=getComputedStyle(B5),q2=parseInt(N3.borderLeftWidth,10),z3=parseInt(N3.borderTopWidth,10),A5=parseInt(N3.borderRightWidth,10),F3=parseInt(N3.borderBottomWidth,10),G2=0,J=0,K2="offsetWidth"in B5?B5.offsetWidth-B5.clientWidth-q2-A5:0,P6="offsetHeight"in B5?B5.offsetHeight-B5.clientHeight-z3-F3:0,Q="offsetWidth"in B5?B5.offsetWidth===0?0:X/B5.offsetWidth:0,U2="offsetHeight"in B5?B5.offsetHeight===0?0:O4/B5.offsetHeight:0;if(g4===B5)G2=d4==="start"?C5:d4==="end"?C5-v4:d4==="nearest"?r5(H8,H8+v4,v4,z3,F3,H8+C5,H8+C5+y4,y4):C5-v4/2,J=f5==="start"?R5:f5==="center"?R5-w5/2:f5==="end"?R5-w5:r5(W3,W3+w5,w5,q2,A5,W3+R5,W3+R5+E5,E5),G2=Math.max(0,G2+H8),J=Math.max(0,J+W3);else{G2=d4==="start"?C5-Y2-z3:d4==="end"?C5-S3+F3+P6:d4==="nearest"?r5(Y2,S3,O4,z3,F3+P6,C5,C5+y4,y4):C5-(Y2+O4/2)+P6/2,J=f5==="start"?R5-j2-q2:f5==="center"?R5-(j2+X/2)+K2/2:f5==="end"?R5-L5+A5+K2:r5(j2,L5,X,q2,A5+K2,R5,R5+E5,E5);var Z=B5.scrollLeft,$=B5.scrollTop;C5+=$-(G2=Math.max(0,Math.min($+G2/U2,B5.scrollHeight-O4/U2+P6))),R5+=Z-(J=Math.max(0,Math.min(Z+J/Q,B5.scrollWidth-X/Q+K2)))}T3.push({el:B5,top:G2,left:J})}return T3};var idCounter2=0;function cbToCb(cb){return typeof cb=="function"?cb:noop3}function noop3(){}function scrollIntoView2(node,menuNode){if(!node)return;i4(node,{boundary:menuNode,block:"nearest",scrollMode:"if-needed"}).forEach(_ref=>{let{el,top,left}=_ref;el.scrollTop=top,el.scrollLeft=left})}function isOrContainsNode(parent,child,environment){return parent===child||child instanceof environment.Node&&parent.contains&&parent.contains(child)}function debounce3(fn,time){let timeoutId;function cancel(){timeoutId&&clearTimeout(timeoutId)}function wrapper(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];cancel(),timeoutId=setTimeout(()=>{timeoutId=null,fn(...args2)},time)}return wrapper.cancel=cancel,wrapper}function callAllEventHandlers(){for(var _len2=arguments.length,fns=new Array(_len2),_key2=0;_key2<_len2;_key2++)fns[_key2]=arguments[_key2];return function(event){for(var _len3=arguments.length,args2=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args2[_key3-1]=arguments[_key3];return fns.some(fn=>(fn&&fn(event,...args2),event.preventDownshiftDefault||event.hasOwnProperty("nativeEvent")&&event.nativeEvent.preventDownshiftDefault))}}function handleRefs(){for(var _len4=arguments.length,refs2=new Array(_len4),_key4=0;_key4<_len4;_key4++)refs2[_key4]=arguments[_key4];return node=>{refs2.forEach(ref=>{typeof ref=="function"?ref(node):ref&&(ref.current=node)})}}function generateId(){return String(idCounter2++)}function getA11yStatusMessage$1(_ref2){let{isOpen,resultCount,previousResultCount}=_ref2;return isOpen?resultCount?resultCount!==previousResultCount?`${resultCount} result${resultCount===1?" is":"s are"} available, use up and down arrow keys to navigate. Press Enter key to select.`:"":"No results are available.":""}function unwrapArray(arg,defaultValue){return arg=Array.isArray(arg)?arg[0]:arg,!arg&&defaultValue?defaultValue:arg}function isDOMElement2(element){return typeof element.type=="string"}function getElementProps(element){return element.props}function requiredProp(fnName,propName){console.error(`The property "${propName}" is required in "${fnName}"`)}var stateKeys=["highlightedIndex","inputValue","isOpen","selectedItem","type"];function pickState(state){state===void 0&&(state={});let result2={};return stateKeys.forEach(k3=>{state.hasOwnProperty(k3)&&(result2[k3]=state[k3])}),result2}function getState(state,props){return Object.keys(state).reduce((prevState,key2)=>(prevState[key2]=isControlledProp(props,key2)?props[key2]:state[key2],prevState),{})}function isControlledProp(props,key2){return props[key2]!==void 0}function normalizeArrowKey(event){let{key:key2,keyCode}=event;return keyCode>=37&&keyCode<=40&&key2.indexOf("Arrow")!==0?`Arrow${key2}`:key2}function isPlainObject(obj){return Object.prototype.toString.call(obj)==="[object Object]"}function getNextWrappingIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){if(circular===void 0&&(circular=!0),itemCount===0)return-1;let itemsLastIndex=itemCount-1;(typeof baseIndex!="number"||baseIndex<0||baseIndex>=itemCount)&&(baseIndex=moveAmount>0?-1:itemsLastIndex+1);let newIndex=baseIndex+moveAmount;newIndex<0?newIndex=circular?itemsLastIndex:0:newIndex>itemsLastIndex&&(newIndex=circular?0:itemsLastIndex);let nonDisabledNewIndex=getNextNonDisabledIndex(moveAmount,newIndex,itemCount,getItemNodeFromIndex,circular);return nonDisabledNewIndex===-1?baseIndex>=itemCount?-1:baseIndex:nonDisabledNewIndex}function getNextNonDisabledIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){let currentElementNode=getItemNodeFromIndex(baseIndex);if(!currentElementNode||!currentElementNode.hasAttribute("disabled"))return baseIndex;if(moveAmount>0){for(let index3=baseIndex+1;index3<itemCount;index3++)if(!getItemNodeFromIndex(index3).hasAttribute("disabled"))return index3}else for(let index3=baseIndex-1;index3>=0;index3--)if(!getItemNodeFromIndex(index3).hasAttribute("disabled"))return index3;return circular?moveAmount>0?getNextNonDisabledIndex(1,0,itemCount,getItemNodeFromIndex,!1):getNextNonDisabledIndex(-1,itemCount-1,itemCount,getItemNodeFromIndex,!1):-1}function targetWithinDownshift(target,downshiftElements,environment,checkActiveElement){return checkActiveElement===void 0&&(checkActiveElement=!0),downshiftElements.some(contextNode=>contextNode&&(isOrContainsNode(contextNode,target,environment)||checkActiveElement&&isOrContainsNode(contextNode,environment.document.activeElement,environment)))}var validateControlledUnchanged=noop3;validateControlledUnchanged=(state,prevProps,nextProps)=>{let warningDescription="This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";Object.keys(state).forEach(propKey=>{prevProps[propKey]!==void 0&&nextProps[propKey]===void 0?console.error(`downshift: A component has changed the controlled prop "${propKey}" to be uncontrolled. ${warningDescription}`):prevProps[propKey]===void 0&&nextProps[propKey]!==void 0&&console.error(`downshift: A component has changed the uncontrolled prop "${propKey}" to be controlled. ${warningDescription}`)})};var cleanupStatus=debounce3(documentProp=>{getStatusDiv(documentProp).textContent=""},500);function setStatus(status,documentProp){let div=getStatusDiv(documentProp);status&&(div.textContent=status,cleanupStatus(documentProp))}function getStatusDiv(documentProp){documentProp===void 0&&(documentProp=document);let statusDiv=documentProp.getElementById("a11y-status-message");return statusDiv||(statusDiv=documentProp.createElement("div"),statusDiv.setAttribute("id","a11y-status-message"),statusDiv.setAttribute("role","status"),statusDiv.setAttribute("aria-live","polite"),statusDiv.setAttribute("aria-relevant","additions text"),Object.assign(statusDiv.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),documentProp.body.appendChild(statusDiv),statusDiv)}var unknown="__autocomplete_unknown__",mouseUp="__autocomplete_mouseup__",itemMouseEnter="__autocomplete_item_mouseenter__",keyDownArrowUp="__autocomplete_keydown_arrow_up__",keyDownArrowDown="__autocomplete_keydown_arrow_down__",keyDownEscape="__autocomplete_keydown_escape__",keyDownEnter="__autocomplete_keydown_enter__",keyDownHome="__autocomplete_keydown_home__",keyDownEnd="__autocomplete_keydown_end__",clickItem="__autocomplete_click_item__",blurInput="__autocomplete_blur_input__",changeInput="__autocomplete_change_input__",keyDownSpaceButton="__autocomplete_keydown_space_button__",clickButton="__autocomplete_click_button__",blurButton="__autocomplete_blur_button__",controlledPropUpdatedSelectedItem="__autocomplete_controlled_prop_updated_selected_item__",touchEnd="__autocomplete_touchend__",stateChangeTypes$3=Object.freeze({__proto__:null,unknown,mouseUp,itemMouseEnter,keyDownArrowUp,keyDownArrowDown,keyDownEscape,keyDownEnter,keyDownHome,keyDownEnd,clickItem,blurInput,changeInput,keyDownSpaceButton,clickButton,blurButton,controlledPropUpdatedSelectedItem,touchEnd}),Downshift=(()=>{class Downshift2 extends import_react51.Component{constructor(_props){var _this;super(_props),_this=this,this.id=this.props.id||`downshift-${generateId()}`,this.menuId=this.props.menuId||`${this.id}-menu`,this.labelId=this.props.labelId||`${this.id}-label`,this.inputId=this.props.inputId||`${this.id}-input`,this.getItemId=this.props.getItemId||(index3=>`${this.id}-item-${index3}`),this.input=null,this.items=[],this.itemCount=null,this.previousResultCount=0,this.timeoutIds=[],this.internalSetTimeout=(fn,time)=>{let id=setTimeout(()=>{this.timeoutIds=this.timeoutIds.filter(i5=>i5!==id),fn()},time);this.timeoutIds.push(id)},this.setItemCount=count=>{this.itemCount=count},this.unsetItemCount=()=>{this.itemCount=null},this.setHighlightedIndex=function(highlightedIndex,otherStateToSet){highlightedIndex===void 0&&(highlightedIndex=_this.props.defaultHighlightedIndex),otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState({highlightedIndex,...otherStateToSet})},this.clearSelection=cb=>{this.internalSetState({selectedItem:null,inputValue:"",highlightedIndex:this.props.defaultHighlightedIndex,isOpen:this.props.defaultIsOpen},cb)},this.selectItem=(item,otherStateToSet,cb)=>{otherStateToSet=pickState(otherStateToSet),this.internalSetState({isOpen:this.props.defaultIsOpen,highlightedIndex:this.props.defaultHighlightedIndex,selectedItem:item,inputValue:this.props.itemToString(item),...otherStateToSet},cb)},this.selectItemAtIndex=(itemIndex,otherStateToSet,cb)=>{let item=this.items[itemIndex];item!=null&&this.selectItem(item,otherStateToSet,cb)},this.selectHighlightedItem=(otherStateToSet,cb)=>this.selectItemAtIndex(this.getState().highlightedIndex,otherStateToSet,cb),this.internalSetState=(stateToSet,cb)=>{let isItemSelected,onChangeArg,onStateChangeArg={},isStateToSetFunction=typeof stateToSet=="function";return!isStateToSetFunction&&stateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(stateToSet.inputValue,{...this.getStateAndHelpers(),...stateToSet}),this.setState(state=>{state=this.getState(state);let newStateToSet=isStateToSetFunction?stateToSet(state):stateToSet;newStateToSet=this.props.stateReducer(state,newStateToSet),isItemSelected=newStateToSet.hasOwnProperty("selectedItem");let nextState={};return isItemSelected&&newStateToSet.selectedItem!==state.selectedItem&&(onChangeArg=newStateToSet.selectedItem),newStateToSet.type=newStateToSet.type||unknown,Object.keys(newStateToSet).forEach(key2=>{state[key2]!==newStateToSet[key2]&&(onStateChangeArg[key2]=newStateToSet[key2]),key2!=="type"&&(newStateToSet[key2],isControlledProp(this.props,key2)||(nextState[key2]=newStateToSet[key2]))}),isStateToSetFunction&&newStateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(newStateToSet.inputValue,{...this.getStateAndHelpers(),...newStateToSet}),nextState},()=>{cbToCb(cb)(),Object.keys(onStateChangeArg).length>1&&this.props.onStateChange(onStateChangeArg,this.getStateAndHelpers()),isItemSelected&&this.props.onSelect(stateToSet.selectedItem,this.getStateAndHelpers()),onChangeArg!==void 0&&this.props.onChange(onChangeArg,this.getStateAndHelpers()),this.props.onUserAction(onStateChangeArg,this.getStateAndHelpers())})},this.rootRef=node=>this._rootNode=node,this.getRootProps=function(_temp,_temp2){let{refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;_this.getRootProps.called=!0,_this.getRootProps.refKey=refKey,_this.getRootProps.suppressRefError=suppressRefError;let{isOpen}=_this.getState();return{[refKey]:handleRefs(ref,_this.rootRef),role:"combobox","aria-expanded":isOpen,"aria-haspopup":"listbox","aria-owns":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,...rest}},this.keyDownHandlers={ArrowDown(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?5:1;this.moveHighlightedIndex(amount,{type:keyDownArrowDown})}else this.internalSetState({isOpen:!0,type:keyDownArrowDown},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(1,highlightedIndex,itemCount,index3=>this.getItemNodeFromIndex(index3));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowDown})}})},ArrowUp(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?-5:-1;this.moveHighlightedIndex(amount,{type:keyDownArrowUp})}else this.internalSetState({isOpen:!0,type:keyDownArrowUp},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(-1,highlightedIndex,itemCount,index3=>this.getItemNodeFromIndex(index3));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowUp})}})},Enter(event){if(event.which===229)return;let{isOpen,highlightedIndex}=this.getState();if(isOpen&&highlightedIndex!=null){event.preventDefault();let item=this.items[highlightedIndex],itemNode=this.getItemNodeFromIndex(highlightedIndex);if(item==null||itemNode&&itemNode.hasAttribute("disabled"))return;this.selectHighlightedItem({type:keyDownEnter})}},Escape(event){event.preventDefault(),this.reset({type:keyDownEscape,...!this.state.isOpen&&{selectedItem:null,inputValue:""}})}},this.buttonKeyDownHandlers={...this.keyDownHandlers," "(event){event.preventDefault(),this.toggleMenu({type:keyDownSpaceButton})}},this.inputKeyDownHandlers={...this.keyDownHandlers,Home(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(1,0,itemCount,index3=>this.getItemNodeFromIndex(index3),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownHome})},End(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(-1,itemCount-1,itemCount,index3=>this.getItemNodeFromIndex(index3),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownEnd})}},this.getToggleButtonProps=function(_temp3){let{onClick,onPress,onKeyDown,onKeyUp,onBlur,...rest}=_temp3===void 0?{}:_temp3,{isOpen}=_this.getState(),enabledEventHandlers={onClick:callAllEventHandlers(onClick,_this.buttonHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,_this.buttonHandleKeyDown),onKeyUp:callAllEventHandlers(onKeyUp,_this.buttonHandleKeyUp),onBlur:callAllEventHandlers(onBlur,_this.buttonHandleBlur)},eventHandlers=rest.disabled?{}:enabledEventHandlers;return{type:"button",role:"button","aria-label":isOpen?"close menu":"open menu","aria-haspopup":!0,"data-toggle":!0,...eventHandlers,...rest}},this.buttonHandleKeyUp=event=>{event.preventDefault()},this.buttonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);this.buttonKeyDownHandlers[key2]&&this.buttonKeyDownHandlers[key2].call(this,event)},this.buttonHandleClick=event=>{event.preventDefault(),this.props.environment.document.activeElement===this.props.environment.document.body&&event.target.focus(),this.internalSetTimeout(()=>this.toggleMenu({type:clickButton}))},this.buttonHandleBlur=event=>{let blurTarget=event.target;this.internalSetTimeout(()=>{!this.isMouseDown&&(this.props.environment.document.activeElement==null||this.props.environment.document.activeElement.id!==this.inputId)&&this.props.environment.document.activeElement!==blurTarget&&this.reset({type:blurButton})})},this.getLabelProps=props=>({htmlFor:this.inputId,id:this.labelId,...props}),this.getInputProps=function(_temp4){let{onKeyDown,onBlur,onChange,onInput,onChangeText,...rest}=_temp4===void 0?{}:_temp4,onChangeKey,eventHandlers={};onChangeKey="onChange";let{inputValue,isOpen,highlightedIndex}=_this.getState();return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,_this.inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,_this.inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,_this.inputHandleBlur)}),{"aria-autocomplete":"list","aria-activedescendant":isOpen&&typeof highlightedIndex=="number"&&highlightedIndex>=0?_this.getItemId(highlightedIndex):null,"aria-controls":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,autoComplete:"off",value:inputValue,id:_this.inputId,...eventHandlers,...rest}},this.inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&this.inputKeyDownHandlers[key2]&&this.inputKeyDownHandlers[key2].call(this,event)},this.inputHandleChange=event=>{this.internalSetState({type:changeInput,isOpen:!0,inputValue:event.target.value,highlightedIndex:this.props.defaultHighlightedIndex})},this.inputHandleBlur=()=>{this.internalSetTimeout(()=>{let downshiftButtonIsActive=this.props.environment.document&&!!this.props.environment.document.activeElement&&!!this.props.environment.document.activeElement.dataset&&this.props.environment.document.activeElement.dataset.toggle&&this._rootNode&&this._rootNode.contains(this.props.environment.document.activeElement);!this.isMouseDown&&!downshiftButtonIsActive&&this.reset({type:blurInput})})},this.menuRef=node=>{this._menuNode=node},this.getMenuProps=function(_temp5,_temp6){let{refKey="ref",ref,...props}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;return _this.getMenuProps.called=!0,_this.getMenuProps.refKey=refKey,_this.getMenuProps.suppressRefError=suppressRefError,{[refKey]:handleRefs(ref,_this.menuRef),role:"listbox","aria-labelledby":props&&props["aria-label"]?null:_this.labelId,id:_this.menuId,...props}},this.getItemProps=function(_temp7){let{onMouseMove,onMouseDown,onClick,onPress,index:index3,item=requiredProp("getItemProps","item"),...rest}=_temp7===void 0?{}:_temp7;index3===void 0?(_this.items.push(item),index3=_this.items.indexOf(item)):_this.items[index3]=item;let onSelectKey="onClick",customClickHandler=onClick,enabledEventHandlers={onMouseMove:callAllEventHandlers(onMouseMove,()=>{index3!==_this.getState().highlightedIndex&&(_this.setHighlightedIndex(index3,{type:itemMouseEnter}),_this.avoidScrolling=!0,_this.internalSetTimeout(()=>_this.avoidScrolling=!1,250))}),onMouseDown:callAllEventHandlers(onMouseDown,event=>{event.preventDefault()}),[onSelectKey]:callAllEventHandlers(customClickHandler,()=>{_this.selectItemAtIndex(index3,{type:clickItem})})},eventHandlers=rest.disabled?{onMouseDown:enabledEventHandlers.onMouseDown}:enabledEventHandlers;return{id:_this.getItemId(index3),role:"option","aria-selected":_this.getState().highlightedIndex===index3,...eventHandlers,...rest}},this.clearItems=()=>{this.items=[]},this.reset=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref=>{let{selectedItem}=_ref;return{isOpen:_this.props.defaultIsOpen,highlightedIndex:_this.props.defaultHighlightedIndex,inputValue:_this.props.itemToString(selectedItem),...otherStateToSet}},cb)},this.toggleMenu=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref2=>{let{isOpen}=_ref2;return{isOpen:!isOpen,...isOpen&&{highlightedIndex:_this.props.defaultHighlightedIndex},...otherStateToSet}},()=>{let{isOpen,highlightedIndex}=_this.getState();isOpen&&_this.getItemCount()>0&&typeof highlightedIndex=="number"&&_this.setHighlightedIndex(highlightedIndex,otherStateToSet),cbToCb(cb)()})},this.openMenu=cb=>{this.internalSetState({isOpen:!0},cb)},this.closeMenu=cb=>{this.internalSetState({isOpen:!1},cb)},this.updateStatus=debounce3(()=>{let state=this.getState(),item=this.items[state.highlightedIndex],resultCount=this.getItemCount(),status=this.props.getA11yStatusMessage({itemToString:this.props.itemToString,previousResultCount:this.previousResultCount,resultCount,highlightedItem:item,...state});this.previousResultCount=resultCount,setStatus(status,this.props.environment.document)},200);let{defaultHighlightedIndex,initialHighlightedIndex:_highlightedIndex=defaultHighlightedIndex,defaultIsOpen,initialIsOpen:_isOpen=defaultIsOpen,initialInputValue:_inputValue="",initialSelectedItem:_selectedItem=null}=this.props,_state=this.getState({highlightedIndex:_highlightedIndex,isOpen:_isOpen,inputValue:_inputValue,selectedItem:_selectedItem});_state.selectedItem!=null&&this.props.initialInputValue===void 0&&(_state.inputValue=this.props.itemToString(_state.selectedItem)),this.state=_state}internalClearTimeouts(){this.timeoutIds.forEach(id=>{clearTimeout(id)}),this.timeoutIds=[]}getState(stateToMerge){return stateToMerge===void 0&&(stateToMerge=this.state),getState(stateToMerge,this.props)}getItemCount(){let itemCount=this.items.length;return this.itemCount!=null?itemCount=this.itemCount:this.props.itemCount!==void 0&&(itemCount=this.props.itemCount),itemCount}getItemNodeFromIndex(index3){return this.props.environment.document.getElementById(this.getItemId(index3))}scrollHighlightedItemIntoView(){{let node=this.getItemNodeFromIndex(this.getState().highlightedIndex);this.props.scrollIntoView(node,this._menuNode)}}moveHighlightedIndex(amount,otherStateToSet){let itemCount=this.getItemCount(),{highlightedIndex}=this.getState();if(itemCount>0){let nextHighlightedIndex=getNextWrappingIndex(amount,highlightedIndex,itemCount,index3=>this.getItemNodeFromIndex(index3));this.setHighlightedIndex(nextHighlightedIndex,otherStateToSet)}}getStateAndHelpers(){let{highlightedIndex,inputValue,selectedItem,isOpen}=this.getState(),{itemToString:itemToString2}=this.props,{id}=this,{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps:getItemProps2,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,reset,setItemCount,unsetItemCount,internalSetState:setState}=this;return{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps:getItemProps2,reset,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,setItemCount,unsetItemCount,setState,itemToString:itemToString2,id,highlightedIndex,inputValue,isOpen,selectedItem}}componentDidMount(){this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps);{let onMouseDown=()=>{this.isMouseDown=!0},onMouseUp=event=>{this.isMouseDown=!1,!targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment)&&this.getState().isOpen&&this.reset({type:mouseUp},()=>this.props.onOuterClick(this.getStateAndHelpers()))},onTouchStart=()=>{this.isTouchMove=!1},onTouchMove=()=>{this.isTouchMove=!0},onTouchEnd=event=>{let contextWithinDownshift=targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment,!1);!this.isTouchMove&&!contextWithinDownshift&&this.getState().isOpen&&this.reset({type:touchEnd},()=>this.props.onOuterClick(this.getStateAndHelpers()))},{environment}=this.props;environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),this.cleanup=()=>{this.internalClearTimeouts(),this.updateStatus.cancel(),environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}}}shouldScroll(prevState,prevProps){let{highlightedIndex:currentHighlightedIndex}=this.props.highlightedIndex===void 0?this.getState():this.props,{highlightedIndex:prevHighlightedIndex}=prevProps.highlightedIndex===void 0?prevState:prevProps;return currentHighlightedIndex&&this.getState().isOpen&&!prevState.isOpen||currentHighlightedIndex!==prevHighlightedIndex}componentDidUpdate(prevProps,prevState){validateControlledUnchanged(this.state,prevProps,this.props),this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps),isControlledProp(this.props,"selectedItem")&&this.props.selectedItemChanged(prevProps.selectedItem,this.props.selectedItem)&&this.internalSetState({type:controlledPropUpdatedSelectedItem,inputValue:this.props.itemToString(this.props.selectedItem)}),!this.avoidScrolling&&this.shouldScroll(prevState,prevProps)&&this.scrollHighlightedItemIntoView(),this.updateStatus()}componentWillUnmount(){this.cleanup()}render(){let children=unwrapArray(this.props.children,noop3);this.clearItems(),this.getRootProps.called=!1,this.getRootProps.refKey=void 0,this.getRootProps.suppressRefError=void 0,this.getMenuProps.called=!1,this.getMenuProps.refKey=void 0,this.getMenuProps.suppressRefError=void 0,this.getLabelProps.called=!1,this.getInputProps.called=!1;let element=unwrapArray(children(this.getStateAndHelpers()));if(!element)return null;if(this.getRootProps.called||this.props.suppressRefError)return!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&validateGetRootPropsCalledCorrectly(element,this.getRootProps),element;if(isDOMElement2(element))return(0,import_react51.cloneElement)(element,this.getRootProps(getElementProps(element)));throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function")}}return Downshift2.defaultProps={defaultHighlightedIndex:null,defaultIsOpen:!1,getA11yStatusMessage:getA11yStatusMessage$1,itemToString:i5=>i5==null?"":(isPlainObject(i5)&&!i5.hasOwnProperty("toString")&&console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.","The object that was passed:",i5),String(i5)),onStateChange:noop3,onInputValueChange:noop3,onUserAction:noop3,onChange:noop3,onSelect:noop3,onOuterClick:noop3,selectedItemChanged:(prevItem,item)=>prevItem!==item,environment:typeof window>"u"?{}:window,stateReducer:(state,stateToSet)=>stateToSet,suppressRefError:!1,scrollIntoView:scrollIntoView2},Downshift2.stateChangeTypes=stateChangeTypes$3,Downshift2})();Downshift.propTypes={children:import_prop_types2.default.func,defaultHighlightedIndex:import_prop_types2.default.number,defaultIsOpen:import_prop_types2.default.bool,initialHighlightedIndex:import_prop_types2.default.number,initialSelectedItem:import_prop_types2.default.any,initialInputValue:import_prop_types2.default.string,initialIsOpen:import_prop_types2.default.bool,getA11yStatusMessage:import_prop_types2.default.func,itemToString:import_prop_types2.default.func,onChange:import_prop_types2.default.func,onSelect:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,onUserAction:import_prop_types2.default.func,onOuterClick:import_prop_types2.default.func,selectedItemChanged:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,itemCount:import_prop_types2.default.number,id:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})}),suppressRefError:import_prop_types2.default.bool,scrollIntoView:import_prop_types2.default.func,selectedItem:import_prop_types2.default.any,isOpen:import_prop_types2.default.bool,inputValue:import_prop_types2.default.string,highlightedIndex:import_prop_types2.default.number,labelId:import_prop_types2.default.string,inputId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func};var Downshift$1=Downshift;function validateGetMenuPropsCalledCorrectly(node,_ref3){let{refKey}=_ref3;node||console.error(`downshift: The ref prop "${refKey}" from getMenuProps was not applied correctly on your menu element.`)}function validateGetRootPropsCalledCorrectly(element,_ref4){let{refKey}=_ref4,refKeySpecified=refKey!=="ref",isComposite=!isDOMElement2(element);isComposite&&!refKeySpecified&&!(0,import_react_is.isForwardRef)(element)?console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps"):!isComposite&&refKeySpecified&&console.error(`downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "${refKey}"`),!(0,import_react_is.isForwardRef)(element)&&!getElementProps(element)[refKey]&&console.error(`downshift: You must apply the ref prop "${refKey}" from getRootProps onto your root element.`)}var dropdownDefaultStateValues={highlightedIndex:-1,isOpen:!1,selectedItem:null,inputValue:""};function callOnChangeProps(action,state,newState){let{props,type}=action,changes={};Object.keys(state).forEach(key2=>{invokeOnChangeHandler(key2,action,state,newState),newState[key2]!==state[key2]&&(changes[key2]=newState[key2])}),props.onStateChange&&Object.keys(changes).length&&props.onStateChange({type,...changes})}function invokeOnChangeHandler(key2,action,state,newState){let{props,type}=action,handler=`on${capitalizeString(key2)}Change`;props[handler]&&newState[key2]!==void 0&&newState[key2]!==state[key2]&&props[handler]({type,...newState})}function stateReducer(s4,a4){return a4.changes}function getA11ySelectionMessage(selectionParameters){let{selectedItem,itemToString:itemToStringLocal}=selectionParameters;return selectedItem?`${itemToStringLocal(selectedItem)} has been selected.`:""}var updateA11yStatus=debounce3((getA11yMessage,document13)=>{setStatus(getA11yMessage(),document13)},200),useIsomorphicLayoutEffect=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?import_react51.useLayoutEffect:import_react51.useEffect;function useElementIds(_ref){let{id=`downshift-${generateId()}`,labelId,menuId,getItemId,toggleButtonId,inputId}=_ref;return(0,import_react51.useRef)({labelId:labelId||`${id}-label`,menuId:menuId||`${id}-menu`,getItemId:getItemId||(index3=>`${id}-item-${index3}`),toggleButtonId:toggleButtonId||`${id}-toggle-button`,inputId:inputId||`${id}-input`}).current}function getItemIndex(index3,item,items){return index3!==void 0?index3:items.length===0?-1:items.indexOf(item)}function itemToString(item){return item?String(item):""}function isAcceptedCharacterKey(key2){return/^\S{1}$/.test(key2)}function capitalizeString(string){return`${string.slice(0,1).toUpperCase()}${string.slice(1)}`}function useLatestRef2(val){let ref=(0,import_react51.useRef)(val);return ref.current=val,ref}function useEnhancedReducer(reducer,initialState,props){let prevStateRef=(0,import_react51.useRef)(),actionRef=(0,import_react51.useRef)(),enhancedReducer=(0,import_react51.useCallback)((state2,action2)=>{actionRef.current=action2,state2=getState(state2,action2.props);let changes=reducer(state2,action2);return action2.props.stateReducer(state2,{...action2,changes})},[reducer]),[state,dispatch]=(0,import_react51.useReducer)(enhancedReducer,initialState),propsRef=useLatestRef2(props),dispatchWithProps=(0,import_react51.useCallback)(action2=>dispatch({props:propsRef.current,...action2}),[propsRef]),action=actionRef.current;return(0,import_react51.useEffect)(()=>{action&&prevStateRef.current&&prevStateRef.current!==state&&callOnChangeProps(action,getState(prevStateRef.current,action.props),state),prevStateRef.current=state},[state,props,action]),[state,dispatchWithProps]}function useControlledReducer$1(reducer,initialState,props){let[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return[getState(state,props),dispatch]}var defaultProps$3={itemToString,stateReducer,getA11ySelectionMessage,scrollIntoView:scrollIntoView2,circularNavigation:!1,environment:typeof window>"u"?{}:window};function getDefaultValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let defaultValue=props[`default${capitalizeString(propKey)}`];return defaultValue!==void 0?defaultValue:defaultStateValues2[propKey]}function getInitialValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let value2=props[propKey];if(value2!==void 0)return value2;let initialValue=props[`initial${capitalizeString(propKey)}`];return initialValue!==void 0?initialValue:getDefaultValue$1(props,propKey,defaultStateValues2)}function getInitialState$2(props){let selectedItem=getInitialValue$1(props,"selectedItem"),isOpen=getInitialValue$1(props,"isOpen"),highlightedIndex=getInitialValue$1(props,"highlightedIndex"),inputValue=getInitialValue$1(props,"inputValue");return{highlightedIndex:highlightedIndex<0&&selectedItem&&isOpen?props.items.indexOf(selectedItem):highlightedIndex,isOpen,selectedItem,inputValue}}function getHighlightedIndexOnOpen(props,state,offset,getItemNodeFromIndex){let{items,initialHighlightedIndex,defaultHighlightedIndex}=props,{selectedItem,highlightedIndex}=state;return items.length===0?-1:initialHighlightedIndex!==void 0&&highlightedIndex===initialHighlightedIndex?initialHighlightedIndex:defaultHighlightedIndex!==void 0?defaultHighlightedIndex:selectedItem?offset===0?items.indexOf(selectedItem):getNextWrappingIndex(offset,items.indexOf(selectedItem),items.length,getItemNodeFromIndex,!1):offset===0?-1:offset<0?items.length-1:0}function useMouseAndTouchTracker(isOpen,downshiftElementRefs,environment,handleBlur){let mouseAndTouchTrackersRef=(0,import_react51.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,import_react51.useEffect)(()=>{let onMouseDown=()=>{mouseAndTouchTrackersRef.current.isMouseDown=!0},onMouseUp=event=>{mouseAndTouchTrackersRef.current.isMouseDown=!1,isOpen&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment)&&handleBlur()},onTouchStart=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!1},onTouchMove=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!0},onTouchEnd=event=>{isOpen&&!mouseAndTouchTrackersRef.current.isTouchMove&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment,!1)&&handleBlur()};return environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),function(){environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}},[isOpen,environment]),mouseAndTouchTrackersRef}var useGetterPropsCalledChecker=()=>noop3;useGetterPropsCalledChecker=function(){let isInitialMountRef=(0,import_react51.useRef)(!0);for(var _len=arguments.length,propKeys=new Array(_len),_key=0;_key<_len;_key++)propKeys[_key]=arguments[_key];let getterPropsCalledRef=(0,import_react51.useRef)(propKeys.reduce((acc,propKey)=>(acc[propKey]={},acc),{}));return(0,import_react51.useEffect)(()=>{Object.keys(getterPropsCalledRef.current).forEach(propKey=>{let propCallInfo=getterPropsCalledRef.current[propKey];if(isInitialMountRef.current&&!Object.keys(propCallInfo).length){console.error(`downshift: You forgot to call the ${propKey} getter function on your component / element.`);return}let{suppressRefError,refKey,elementRef}=propCallInfo;(!elementRef||!elementRef.current)&&!suppressRefError&&console.error(`downshift: The ref prop "${refKey}" from ${propKey} was not applied correctly on your element.`)}),isInitialMountRef.current=!1}),(0,import_react51.useCallback)((propKey,suppressRefError,refKey,elementRef)=>{getterPropsCalledRef.current[propKey]={suppressRefError,refKey,elementRef}},[])};function useA11yMessageSetter(getA11yMessage,dependencyArray,_ref2){let{isInitialMount,highlightedIndex,items,environment,...rest}=_ref2;(0,import_react51.useEffect)(()=>{isInitialMount||updateA11yStatus(()=>getA11yMessage({highlightedIndex,highlightedItem:items[highlightedIndex],resultCount:items.length,...rest}),environment.document)},dependencyArray)}function useScrollIntoView(_ref3){let{highlightedIndex,isOpen,itemRefs,getItemNodeFromIndex,menuElement,scrollIntoView:scrollIntoViewProp}=_ref3,shouldScrollRef=(0,import_react51.useRef)(!0);return useIsomorphicLayoutEffect(()=>{highlightedIndex<0||!isOpen||!Object.keys(itemRefs.current).length||(shouldScrollRef.current===!1?shouldScrollRef.current=!0:scrollIntoViewProp(getItemNodeFromIndex(highlightedIndex),menuElement))},[highlightedIndex]),shouldScrollRef}var useControlPropsValidator=noop3;useControlPropsValidator=_ref4=>{let{isInitialMount,props,state}=_ref4,prevPropsRef=(0,import_react51.useRef)(props);(0,import_react51.useEffect)(()=>{isInitialMount||(validateControlledUnchanged(state,prevPropsRef.current,props),prevPropsRef.current=props)},[state,props,isInitialMount])};function downshiftCommonReducer(state,action,stateChangeTypes2){let{type,props}=action,changes;switch(type){case stateChangeTypes2.ItemMouseMove:changes={highlightedIndex:action.disabled?-1:action.index};break;case stateChangeTypes2.MenuMouseLeave:changes={highlightedIndex:-1};break;case stateChangeTypes2.ToggleButtonClick:case stateChangeTypes2.FunctionToggleMenu:changes={isOpen:!state.isOpen,highlightedIndex:state.isOpen?-1:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionOpenMenu:changes={isOpen:!0,highlightedIndex:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionCloseMenu:changes={isOpen:!1};break;case stateChangeTypes2.FunctionSetHighlightedIndex:changes={highlightedIndex:action.highlightedIndex};break;case stateChangeTypes2.FunctionSetInputValue:changes={inputValue:action.inputValue};break;case stateChangeTypes2.FunctionReset:changes={highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),isOpen:getDefaultValue$1(props,"isOpen"),selectedItem:getDefaultValue$1(props,"selectedItem"),inputValue:getDefaultValue$1(props,"inputValue")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}function getItemIndexByCharacterKey(_a){for(var keysSoFar=_a.keysSoFar,highlightedIndex=_a.highlightedIndex,items=_a.items,itemToString2=_a.itemToString,getItemNodeFromIndex=_a.getItemNodeFromIndex,lowerCasedKeysSoFar=keysSoFar.toLowerCase(),index3=0;index3<items.length;index3++){var offsetIndex=(index3+highlightedIndex+1)%items.length,item=items[offsetIndex];if(item!==void 0&&itemToString2(item).toLowerCase().startsWith(lowerCasedKeysSoFar)){var element=getItemNodeFromIndex(offsetIndex);if(!element?.hasAttribute("disabled"))return offsetIndex}}return highlightedIndex}var propTypes$2={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function getA11yStatusMessage(_a){var isOpen=_a.isOpen,resultCount=_a.resultCount,previousResultCount=_a.previousResultCount;return isOpen?resultCount?resultCount!==previousResultCount?"".concat(resultCount," result").concat(resultCount===1?" is":"s are"," available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select."):"":"No results are available.":""}var defaultProps$2=__assign2(__assign2({},defaultProps$3),{getA11yStatusMessage}),validatePropTypes$2=noop3;validatePropTypes$2=function(options3,caller){import_prop_types2.default.checkPropTypes(propTypes$2,options3,"prop",caller.name)};var MenuKeyDownArrowDown="__menu_keydown_arrow_down__",MenuKeyDownArrowUp="__menu_keydown_arrow_up__",MenuKeyDownEscape="__menu_keydown_escape__",MenuKeyDownHome="__menu_keydown_home__",MenuKeyDownEnd="__menu_keydown_end__",MenuKeyDownEnter="__menu_keydown_enter__",MenuKeyDownSpaceButton="__menu_keydown_space_button__",MenuKeyDownCharacter="__menu_keydown_character__",MenuBlur="__menu_blur__",MenuMouseLeave$1="__menu_mouse_leave__",ItemMouseMove$1="__item_mouse_move__",ItemClick$1="__item_click__",ToggleButtonClick$1="__togglebutton_click__",ToggleButtonKeyDownArrowDown="__togglebutton_keydown_arrow_down__",ToggleButtonKeyDownArrowUp="__togglebutton_keydown_arrow_up__",ToggleButtonKeyDownCharacter="__togglebutton_keydown_character__",FunctionToggleMenu$1="__function_toggle_menu__",FunctionOpenMenu$1="__function_open_menu__",FunctionCloseMenu$1="__function_close_menu__",FunctionSetHighlightedIndex$1="__function_set_highlighted_index__",FunctionSelectItem$1="__function_select_item__",FunctionSetInputValue$1="__function_set_input_value__",FunctionReset$2="__function_reset__",stateChangeTypes$2=Object.freeze({__proto__:null,MenuKeyDownArrowDown,MenuKeyDownArrowUp,MenuKeyDownEscape,MenuKeyDownHome,MenuKeyDownEnd,MenuKeyDownEnter,MenuKeyDownSpaceButton,MenuKeyDownCharacter,MenuBlur,MenuMouseLeave:MenuMouseLeave$1,ItemMouseMove:ItemMouseMove$1,ItemClick:ItemClick$1,ToggleButtonClick:ToggleButtonClick$1,ToggleButtonKeyDownArrowDown,ToggleButtonKeyDownArrowUp,ToggleButtonKeyDownCharacter,FunctionToggleMenu:FunctionToggleMenu$1,FunctionOpenMenu:FunctionOpenMenu$1,FunctionCloseMenu:FunctionCloseMenu$1,FunctionSetHighlightedIndex:FunctionSetHighlightedIndex$1,FunctionSelectItem:FunctionSelectItem$1,FunctionSetInputValue:FunctionSetInputValue$1,FunctionReset:FunctionReset$2});function downshiftSelectReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick$1:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index]};break;case ToggleButtonKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,itemIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.selectedItem?props.items.indexOf(state.selectedItem):-1,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...itemIndex>=0&&{selectedItem:props.items[itemIndex]}}}break;case ToggleButtonKeyDownArrowDown:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:!0};break;case ToggleButtonKeyDownArrowUp:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:!0};break;case MenuKeyDownEnter:case MenuKeyDownSpaceButton:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),...state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex]}};break;case MenuKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1};break;case MenuBlur:changes={isOpen:!1,highlightedIndex:-1};break;case MenuKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,highlightedIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.highlightedIndex,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...highlightedIndex>=0&&{highlightedIndex}}}break;case MenuKeyDownArrowDown:changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case MenuKeyDownArrowUp:changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case FunctionSelectItem$1:changes={selectedItem:action.selectedItem};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$2)}return{...state,...changes}}useSelect.stateChangeTypes=stateChangeTypes$2;function useSelect(userProps){userProps===void 0&&(userProps={}),validatePropTypes$2(userProps,useSelect);let props={...defaultProps$2,...userProps},{items,scrollIntoView:scrollIntoView3,environment,initialIsOpen,defaultIsOpen,itemToString:itemToString2,getA11ySelectionMessage:getA11ySelectionMessage2,getA11yStatusMessage:getA11yStatusMessage2}=props,initialState=getInitialState$2(props),[state,dispatch]=useControlledReducer$1(downshiftSelectReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,toggleButtonRef=(0,import_react51.useRef)(null),menuRef=(0,import_react51.useRef)(null),itemRefs=(0,import_react51.useRef)({}),shouldBlurRef=(0,import_react51.useRef)(!0),clearTimeoutRef=(0,import_react51.useRef)(null),elementIds=useElementIds(props),previousResultCountRef=(0,import_react51.useRef)(),isInitialMountRef=(0,import_react51.useRef)(!0),latest=useLatestRef2({state,props}),getItemNodeFromIndex=(0,import_react51.useCallback)(index3=>itemRefs.current[elementIds.getItemId(index3)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});(0,import_react51.useEffect)(()=>(clearTimeoutRef.current=debounce3(outerDispatch=>{outerDispatch({type:FunctionSetInputValue$1,inputValue:""})},500),()=>{clearTimeoutRef.current.cancel()}),[]),(0,import_react51.useEffect)(()=>{inputValue&&clearTimeoutRef.current(dispatch)},[dispatch,inputValue]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react51.useEffect)(()=>{if(isInitialMountRef.current){(initialIsOpen||defaultIsOpen||isOpen)&&menuRef.current&&menuRef.current.focus();return}if(isOpen){menuRef.current&&menuRef.current.focus();return}environment.document.activeElement===menuRef.current&&toggleButtonRef.current&&(shouldBlurRef.current=!1,toggleButtonRef.current.focus())},[isOpen]),(0,import_react51.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[menuRef,toggleButtonRef],environment,()=>{dispatch({type:MenuBlur})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getMenuProps","getToggleButtonProps");(0,import_react51.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react51.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let toggleButtonKeyDownHandlers=(0,import_react51.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})}}),[dispatch,getItemNodeFromIndex]),menuKeyDownHandlers=(0,import_react51.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})},Home(event){event.preventDefault(),dispatch({type:MenuKeyDownHome,getItemNodeFromIndex})},End(event){event.preventDefault(),dispatch({type:MenuKeyDownEnd,getItemNodeFromIndex})},Escape(){dispatch({type:MenuKeyDownEscape})},Enter(event){event.preventDefault(),dispatch({type:MenuKeyDownEnter})}," "(event){event.preventDefault(),dispatch({type:MenuKeyDownSpaceButton})}}),[dispatch,getItemNodeFromIndex]),toggleMenu=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionToggleMenu$1})},[dispatch]),closeMenu=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionCloseMenu$1})},[dispatch]),openMenu=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionOpenMenu$1})},[dispatch]),setHighlightedIndex=(0,import_react51.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex$1,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react51.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem$1,selectedItem:newSelectedItem})},[dispatch]),reset=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionReset$2})},[dispatch]),setInputValue=(0,import_react51.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue$1,inputValue:newInputValue})},[dispatch]),getLabelProps=(0,import_react51.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.toggleButtonId,...labelProps}),[elementIds]),getMenuProps=(0,import_react51.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",onKeyDown,onBlur,ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2,latestState=latest.current.state,menuHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&menuKeyDownHandlers[key2]?menuKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:MenuKeyDownCharacter,key:key2,getItemNodeFromIndex})},menuHandleBlur=()=>{if(shouldBlurRef.current===!1){shouldBlurRef.current=!0;return}!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:MenuBlur})},menuHandleMouseLeave=()=>{dispatch({type:MenuMouseLeave$1})};return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,tabIndex:-1,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},onMouseLeave:callAllEventHandlers(onMouseLeave,menuHandleMouseLeave),onKeyDown:callAllEventHandlers(onKeyDown,menuHandleKeyDown),onBlur:callAllEventHandlers(onBlur,menuHandleBlur),...rest}},[dispatch,latest,menuKeyDownHandlers,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getToggleButtonProps=(0,import_react51.useCallback)(function(_temp3,_temp4){let{onClick,onKeyDown,refKey="ref",ref,...rest}=_temp3===void 0?{}:_temp3,{suppressRefError=!1}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick$1})},toggleButtonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&toggleButtonKeyDownHandlers[key2]?toggleButtonKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:ToggleButtonKeyDownCharacter,key:key2,getItemNodeFromIndex})},toggleProps={[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,"aria-haspopup":"listbox","aria-expanded":latest.current.state.isOpen,"aria-labelledby":`${elementIds.labelId} ${elementIds.toggleButtonId}`,...rest};return rest.disabled||(toggleProps.onClick=callAllEventHandlers(onClick,toggleButtonHandleClick),toggleProps.onKeyDown=callAllEventHandlers(onKeyDown,toggleButtonHandleKeyDown)),setGetterPropCallInfo("getToggleButtonProps",suppressRefError,refKey,toggleButtonRef),toggleProps},[dispatch,latest,toggleButtonKeyDownHandlers,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getItemProps2=(0,import_react51.useCallback)(function(_temp5){let{item,index:index3,onMouseMove,onClick,refKey="ref",ref,disabled,...rest}=_temp5===void 0?{}:_temp5,{state:latestState,props:latestProps}=latest.current,itemHandleMouseMove=()=>{index3!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove$1,index:index3,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick$1,index:index3})},itemIndex=getItemIndex(index3,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let itemProps={disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),...rest};return disabled||(itemProps.onClick=callAllEventHandlers(onClick,itemHandleClick)),itemProps.onMouseMove=callAllEventHandlers(onMouseMove,itemHandleMouseMove),itemProps},[dispatch,latest,shouldScrollRef,elementIds]);return{getToggleButtonProps,getLabelProps,getMenuProps,getItemProps:getItemProps2,toggleMenu,openMenu,closeMenu,setHighlightedIndex,selectItem,reset,setInputValue,highlightedIndex,isOpen,selectedItem,inputValue}}var InputKeyDownArrowDown="__input_keydown_arrow_down__",InputKeyDownArrowUp="__input_keydown_arrow_up__",InputKeyDownEscape="__input_keydown_escape__",InputKeyDownHome="__input_keydown_home__",InputKeyDownEnd="__input_keydown_end__",InputKeyDownEnter="__input_keydown_enter__",InputChange="__input_change__",InputBlur="__input_blur__",MenuMouseLeave="__menu_mouse_leave__",ItemMouseMove="__item_mouse_move__",ItemClick="__item_click__",ToggleButtonClick="__togglebutton_click__",FunctionToggleMenu="__function_toggle_menu__",FunctionOpenMenu="__function_open_menu__",FunctionCloseMenu="__function_close_menu__",FunctionSetHighlightedIndex="__function_set_highlighted_index__",FunctionSelectItem="__function_select_item__",FunctionSetInputValue="__function_set_input_value__",FunctionReset$1="__function_reset__",ControlledPropUpdatedSelectedItem="__controlled_prop_updated_selected_item__",stateChangeTypes$1=Object.freeze({__proto__:null,InputKeyDownArrowDown,InputKeyDownArrowUp,InputKeyDownEscape,InputKeyDownHome,InputKeyDownEnd,InputKeyDownEnter,InputChange,InputBlur,MenuMouseLeave,ItemMouseMove,ItemClick,ToggleButtonClick,FunctionToggleMenu,FunctionOpenMenu,FunctionCloseMenu,FunctionSetHighlightedIndex,FunctionSelectItem,FunctionSetInputValue,FunctionReset:FunctionReset$1,ControlledPropUpdatedSelectedItem});function getInitialState$1(props){let initialState=getInitialState$2(props),{selectedItem}=initialState,{inputValue}=initialState;return inputValue===""&&selectedItem&&props.defaultInputValue===void 0&&props.initialInputValue===void 0&&props.inputValue===void 0&&(inputValue=props.itemToString(selectedItem)),{...initialState,inputValue}}var propTypes$1={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,inputValue:import_prop_types2.default.string,defaultInputValue:import_prop_types2.default.string,initialInputValue:import_prop_types2.default.string,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,inputId:import_prop_types2.default.string,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function useControlledReducer(reducer,initialState,props){let previousSelectedItemRef=(0,import_react51.useRef)(),[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return(0,import_react51.useEffect)(()=>{isControlledProp(props,"selectedItem")&&(previousSelectedItemRef.current!==props.selectedItem&&dispatch({type:ControlledPropUpdatedSelectedItem,inputValue:props.itemToString(props.selectedItem)}),previousSelectedItemRef.current=state.selectedItem===previousSelectedItemRef.current?props.selectedItem:state.selectedItem)}),[getState(state,props),dispatch]}var validatePropTypes$1=noop3;validatePropTypes$1=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes$1,options3,"prop",caller.name)};var defaultProps$1={...defaultProps$3,getA11yStatusMessage:getA11yStatusMessage$1,circularNavigation:!0};function downshiftUseComboboxReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index],inputValue:props.itemToString(props.items[action.index])};break;case InputKeyDownArrowDown:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownArrowUp:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownEnter:changes={...state.isOpen&&state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex],isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1,...!state.isOpen&&{selectedItem:null,inputValue:""}};break;case InputKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputBlur:changes={isOpen:!1,highlightedIndex:-1,...state.highlightedIndex>=0&&action.selectItem&&{selectedItem:props.items[state.highlightedIndex],inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputChange:changes={isOpen:!0,highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:action.inputValue};break;case FunctionSelectItem:changes={selectedItem:action.selectedItem,inputValue:props.itemToString(action.selectedItem)};break;case ControlledPropUpdatedSelectedItem:changes={inputValue:action.inputValue};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$1)}return{...state,...changes}}useCombobox.stateChangeTypes=stateChangeTypes$1;function useCombobox(userProps){userProps===void 0&&(userProps={}),validatePropTypes$1(userProps,useCombobox);let props={...defaultProps$1,...userProps},{initialIsOpen,defaultIsOpen,items,scrollIntoView:scrollIntoView3,environment,getA11yStatusMessage:getA11yStatusMessage2,getA11ySelectionMessage:getA11ySelectionMessage2,itemToString:itemToString2}=props,initialState=getInitialState$1(props),[state,dispatch]=useControlledReducer(downshiftUseComboboxReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,menuRef=(0,import_react51.useRef)(null),itemRefs=(0,import_react51.useRef)({}),inputRef=(0,import_react51.useRef)(null),toggleButtonRef=(0,import_react51.useRef)(null),comboboxRef=(0,import_react51.useRef)(null),isInitialMountRef=(0,import_react51.useRef)(!0),elementIds=useElementIds(props),previousResultCountRef=(0,import_react51.useRef)(),latest=useLatestRef2({state,props}),getItemNodeFromIndex=(0,import_react51.useCallback)(index3=>itemRefs.current[elementIds.getItemId(index3)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react51.useEffect)(()=>{(initialIsOpen||defaultIsOpen||isOpen)&&inputRef.current&&inputRef.current.focus()},[]),(0,import_react51.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[comboboxRef,menuRef,toggleButtonRef],environment,()=>{dispatch({type:InputBlur,selectItem:!1})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getInputProps","getComboboxProps","getMenuProps");(0,import_react51.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react51.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let inputKeyDownHandlers=(0,import_react51.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:InputKeyDownArrowDown,shiftKey:event.shiftKey,getItemNodeFromIndex})},ArrowUp(event){event.preventDefault(),dispatch({type:InputKeyDownArrowUp,shiftKey:event.shiftKey,getItemNodeFromIndex})},Home(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownHome,getItemNodeFromIndex}))},End(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownEnd,getItemNodeFromIndex}))},Escape(event){let latestState=latest.current.state;(latestState.isOpen||latestState.inputValue||latestState.selectedItem||latestState.highlightedIndex>-1)&&(event.preventDefault(),dispatch({type:InputKeyDownEscape}))},Enter(event){let latestState=latest.current.state;!latestState.isOpen||latestState.highlightedIndex<0||event.which===229||(event.preventDefault(),dispatch({type:InputKeyDownEnter,getItemNodeFromIndex}))}}),[dispatch,latest,getItemNodeFromIndex]),getLabelProps=(0,import_react51.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.inputId,...labelProps}),[elementIds]),getMenuProps=(0,import_react51.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,onMouseLeave:callAllEventHandlers(onMouseLeave,()=>{dispatch({type:MenuMouseLeave})}),...rest}},[dispatch,setGetterPropCallInfo,elementIds]),getItemProps2=(0,import_react51.useCallback)(function(_temp3){let{item,index:index3,refKey="ref",ref,onMouseMove,onMouseDown,onClick,onPress,disabled,...rest}=_temp3===void 0?{}:_temp3,{props:latestProps,state:latestState}=latest.current,itemIndex=getItemIndex(index3,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let onSelectKey="onClick",customClickHandler=onClick,itemHandleMouseMove=()=>{index3!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove,index:index3,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick,index:index3})},itemHandleMouseDown=e4=>e4.preventDefault();return{[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),...!disabled&&{[onSelectKey]:callAllEventHandlers(customClickHandler,itemHandleClick)},onMouseMove:callAllEventHandlers(onMouseMove,itemHandleMouseMove),onMouseDown:callAllEventHandlers(onMouseDown,itemHandleMouseDown),...rest}},[dispatch,latest,shouldScrollRef,elementIds]),getToggleButtonProps=(0,import_react51.useCallback)(function(_temp4){let{onClick,onPress,refKey="ref",ref,...rest}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick}),!latest.current.state.isOpen&&inputRef.current&&inputRef.current.focus()};return{[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,tabIndex:-1,...!rest.disabled&&{onClick:callAllEventHandlers(onClick,toggleButtonHandleClick)},...rest}},[dispatch,latest,elementIds]),getInputProps=(0,import_react51.useCallback)(function(_temp5,_temp6){let{onKeyDown,onChange,onInput,onBlur,onChangeText,refKey="ref",ref,...rest}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;setGetterPropCallInfo("getInputProps",suppressRefError,refKey,inputRef);let latestState=latest.current.state,inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&inputKeyDownHandlers[key2]&&inputKeyDownHandlers[key2](event)},inputHandleChange=event=>{dispatch({type:InputChange,inputValue:event.target.value})},inputHandleBlur=()=>{latestState.isOpen&&!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:InputBlur,selectItem:!0})},onChangeKey="onChange",eventHandlers={};return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,inputHandleBlur)}),{[refKey]:handleRefs(ref,inputNode=>{inputRef.current=inputNode}),id:elementIds.inputId,"aria-autocomplete":"list","aria-controls":elementIds.menuId,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},"aria-labelledby":elementIds.labelId,autoComplete:"off",value:latestState.inputValue,...eventHandlers,...rest}},[dispatch,inputKeyDownHandlers,latest,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds]),getComboboxProps=(0,import_react51.useCallback)(function(_temp7,_temp8){let{refKey="ref",ref,...rest}=_temp7===void 0?{}:_temp7,{suppressRefError=!1}=_temp8===void 0?{}:_temp8;return setGetterPropCallInfo("getComboboxProps",suppressRefError,refKey,comboboxRef),{[refKey]:handleRefs(ref,comboboxNode=>{comboboxRef.current=comboboxNode}),role:"combobox","aria-haspopup":"listbox","aria-owns":elementIds.menuId,"aria-expanded":latest.current.state.isOpen,...rest}},[latest,setGetterPropCallInfo,elementIds]),toggleMenu=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionToggleMenu})},[dispatch]),closeMenu=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionCloseMenu})},[dispatch]),openMenu=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionOpenMenu})},[dispatch]),setHighlightedIndex=(0,import_react51.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react51.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem,selectedItem:newSelectedItem})},[dispatch]),setInputValue=(0,import_react51.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue,inputValue:newInputValue})},[dispatch]),reset=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionReset$1})},[dispatch]);return{getItemProps:getItemProps2,getLabelProps,getMenuProps,getInputProps,getComboboxProps,getToggleButtonProps,toggleMenu,openMenu,closeMenu,setHighlightedIndex,setInputValue,selectItem,reset,highlightedIndex,isOpen,selectedItem,inputValue}}var defaultStateValues={activeIndex:-1,selectedItems:[]};function getInitialValue(props,propKey){return getInitialValue$1(props,propKey,defaultStateValues)}function getDefaultValue(props,propKey){return getDefaultValue$1(props,propKey,defaultStateValues)}function getInitialState(props){let activeIndex=getInitialValue(props,"activeIndex"),selectedItems=getInitialValue(props,"selectedItems");return{activeIndex,selectedItems}}function isKeyDownOperationPermitted(event){if(event.shiftKey||event.metaKey||event.ctrlKey||event.altKey)return!1;let element=event.target;return!(element instanceof HTMLInputElement&&element.value!==""&&(element.selectionStart!==0||element.selectionEnd!==0))}function getA11yRemovalMessage(selectionParameters){let{removedSelectedItem,itemToString:itemToStringLocal}=selectionParameters;return`${itemToStringLocal(removedSelectedItem)} has been removed.`}var propTypes={selectedItems:import_prop_types2.default.array,initialSelectedItems:import_prop_types2.default.array,defaultSelectedItems:import_prop_types2.default.array,itemToString:import_prop_types2.default.func,getA11yRemovalMessage:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,activeIndex:import_prop_types2.default.number,initialActiveIndex:import_prop_types2.default.number,defaultActiveIndex:import_prop_types2.default.number,onActiveIndexChange:import_prop_types2.default.func,onSelectedItemsChange:import_prop_types2.default.func,keyNavigationNext:import_prop_types2.default.string,keyNavigationPrevious:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})},defaultProps={itemToString:defaultProps$3.itemToString,stateReducer:defaultProps$3.stateReducer,environment:defaultProps$3.environment,getA11yRemovalMessage,keyNavigationNext:"ArrowRight",keyNavigationPrevious:"ArrowLeft"},validatePropTypes=noop3;validatePropTypes=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes,options3,"prop",caller.name)};var SelectedItemClick="__selected_item_click__",SelectedItemKeyDownDelete="__selected_item_keydown_delete__",SelectedItemKeyDownBackspace="__selected_item_keydown_backspace__",SelectedItemKeyDownNavigationNext="__selected_item_keydown_navigation_next__",SelectedItemKeyDownNavigationPrevious="__selected_item_keydown_navigation_previous__",DropdownKeyDownNavigationPrevious="__dropdown_keydown_navigation_previous__",DropdownKeyDownBackspace="__dropdown_keydown_backspace__",DropdownClick="__dropdown_click__",FunctionAddSelectedItem="__function_add_selected_item__",FunctionRemoveSelectedItem="__function_remove_selected_item__",FunctionSetSelectedItems="__function_set_selected_items__",FunctionSetActiveIndex="__function_set_active_index__",FunctionReset="__function_reset__",stateChangeTypes=Object.freeze({__proto__:null,SelectedItemClick,SelectedItemKeyDownDelete,SelectedItemKeyDownBackspace,SelectedItemKeyDownNavigationNext,SelectedItemKeyDownNavigationPrevious,DropdownKeyDownNavigationPrevious,DropdownKeyDownBackspace,DropdownClick,FunctionAddSelectedItem,FunctionRemoveSelectedItem,FunctionSetSelectedItems,FunctionSetActiveIndex,FunctionReset});function downshiftMultipleSelectionReducer(state,action){let{type,index:index3,props,selectedItem}=action,{activeIndex,selectedItems}=state,changes;switch(type){case SelectedItemClick:changes={activeIndex:index3};break;case SelectedItemKeyDownNavigationPrevious:changes={activeIndex:activeIndex-1<0?0:activeIndex-1};break;case SelectedItemKeyDownNavigationNext:changes={activeIndex:activeIndex+1>=selectedItems.length?-1:activeIndex+1};break;case SelectedItemKeyDownBackspace:case SelectedItemKeyDownDelete:{let newActiveIndex=activeIndex;selectedItems.length===1?newActiveIndex=-1:activeIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,activeIndex),...selectedItems.slice(activeIndex+1)],activeIndex:newActiveIndex};break}case DropdownKeyDownNavigationPrevious:changes={activeIndex:selectedItems.length-1};break;case DropdownKeyDownBackspace:changes={selectedItems:selectedItems.slice(0,selectedItems.length-1)};break;case FunctionAddSelectedItem:changes={selectedItems:[...selectedItems,selectedItem]};break;case DropdownClick:changes={activeIndex:-1};break;case FunctionRemoveSelectedItem:{let newActiveIndex=activeIndex,selectedItemIndex=selectedItems.indexOf(selectedItem);selectedItemIndex>=0&&(selectedItems.length===1?newActiveIndex=-1:selectedItemIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,selectedItemIndex),...selectedItems.slice(selectedItemIndex+1)],activeIndex:newActiveIndex});break}case FunctionSetSelectedItems:{let{selectedItems:newSelectedItems}=action;changes={selectedItems:newSelectedItems};break}case FunctionSetActiveIndex:{let{activeIndex:newActiveIndex}=action;changes={activeIndex:newActiveIndex};break}case FunctionReset:changes={activeIndex:getDefaultValue(props,"activeIndex"),selectedItems:getDefaultValue(props,"selectedItems")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}useMultipleSelection.stateChangeTypes=stateChangeTypes;function useMultipleSelection(userProps){userProps===void 0&&(userProps={}),validatePropTypes(userProps,useMultipleSelection);let props={...defaultProps,...userProps},{getA11yRemovalMessage:getA11yRemovalMessage2,itemToString:itemToString2,environment,keyNavigationNext,keyNavigationPrevious}=props,[state,dispatch]=useControlledReducer$1(downshiftMultipleSelectionReducer,getInitialState(props),props),{activeIndex,selectedItems}=state,isInitialMountRef=(0,import_react51.useRef)(!0),dropdownRef=(0,import_react51.useRef)(null),previousSelectedItemsRef=(0,import_react51.useRef)(selectedItems),selectedItemRefs=(0,import_react51.useRef)();selectedItemRefs.current=[];let latest=useLatestRef2({state,props});(0,import_react51.useEffect)(()=>{if(!isInitialMountRef.current){if(selectedItems.length<previousSelectedItemsRef.current.length){let removedSelectedItem=previousSelectedItemsRef.current.find(item=>selectedItems.indexOf(item)<0);setStatus(getA11yRemovalMessage2({itemToString:itemToString2,resultCount:selectedItems.length,removedSelectedItem,activeIndex,activeSelectedItem:selectedItems[activeIndex]}),environment.document)}previousSelectedItemsRef.current=selectedItems}},[selectedItems.length]),(0,import_react51.useEffect)(()=>{isInitialMountRef.current||(activeIndex===-1&&dropdownRef.current?dropdownRef.current.focus():selectedItemRefs.current[activeIndex]&&selectedItemRefs.current[activeIndex].focus())},[activeIndex]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state});let setGetterPropCallInfo=useGetterPropsCalledChecker("getDropdownProps");(0,import_react51.useEffect)(()=>{isInitialMountRef.current=!1},[]);let selectedItemKeyDownHandlers=(0,import_react51.useMemo)(()=>({[keyNavigationPrevious](){dispatch({type:SelectedItemKeyDownNavigationPrevious})},[keyNavigationNext](){dispatch({type:SelectedItemKeyDownNavigationNext})},Delete(){dispatch({type:SelectedItemKeyDownDelete})},Backspace(){dispatch({type:SelectedItemKeyDownBackspace})}}),[dispatch,keyNavigationNext,keyNavigationPrevious]),dropdownKeyDownHandlers=(0,import_react51.useMemo)(()=>({[keyNavigationPrevious](event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownNavigationPrevious})},Backspace(event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownBackspace})}}),[dispatch,keyNavigationPrevious]),getSelectedItemProps=(0,import_react51.useCallback)(function(_temp){let{refKey="ref",ref,onClick,onKeyDown,selectedItem,index:index3,...rest}=_temp===void 0?{}:_temp,{state:latestState}=latest.current;if(getItemIndex(index3,selectedItem,latestState.selectedItems)<0)throw new Error("Pass either selectedItem or index in getSelectedItemProps!");let selectedItemHandleClick=()=>{dispatch({type:SelectedItemClick,index:index3})},selectedItemHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&selectedItemKeyDownHandlers[key2]&&selectedItemKeyDownHandlers[key2](event)};return{[refKey]:handleRefs(ref,selectedItemNode=>{selectedItemNode&&selectedItemRefs.current.push(selectedItemNode)}),tabIndex:index3===latestState.activeIndex?0:-1,onClick:callAllEventHandlers(onClick,selectedItemHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,selectedItemHandleKeyDown),...rest}},[dispatch,latest,selectedItemKeyDownHandlers]),getDropdownProps=(0,import_react51.useCallback)(function(_temp2,_temp3){let{refKey="ref",ref,onKeyDown,onClick,preventKeyAction=!1,...rest}=_temp2===void 0?{}:_temp2,{suppressRefError=!1}=_temp3===void 0?{}:_temp3;setGetterPropCallInfo("getDropdownProps",suppressRefError,refKey,dropdownRef);let dropdownHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&dropdownKeyDownHandlers[key2]&&dropdownKeyDownHandlers[key2](event)},dropdownHandleClick=()=>{dispatch({type:DropdownClick})};return{[refKey]:handleRefs(ref,dropdownNode=>{dropdownNode&&(dropdownRef.current=dropdownNode)}),...!preventKeyAction&&{onKeyDown:callAllEventHandlers(onKeyDown,dropdownHandleKeyDown),onClick:callAllEventHandlers(onClick,dropdownHandleClick)},...rest}},[dispatch,dropdownKeyDownHandlers,setGetterPropCallInfo]),addSelectedItem=(0,import_react51.useCallback)(selectedItem=>{dispatch({type:FunctionAddSelectedItem,selectedItem})},[dispatch]),removeSelectedItem=(0,import_react51.useCallback)(selectedItem=>{dispatch({type:FunctionRemoveSelectedItem,selectedItem})},[dispatch]),setSelectedItems=(0,import_react51.useCallback)(newSelectedItems=>{dispatch({type:FunctionSetSelectedItems,selectedItems:newSelectedItems})},[dispatch]),setActiveIndex=(0,import_react51.useCallback)(newActiveIndex=>{dispatch({type:FunctionSetActiveIndex,activeIndex:newActiveIndex})},[dispatch]),reset=(0,import_react51.useCallback)(()=>{dispatch({type:FunctionReset})},[dispatch]);return{getSelectedItemProps,getDropdownProps,addSelectedItem,removeSelectedItem,setSelectedItems,setActiveIndex,reset,selectedItems,activeIndex}}var import_fuse=__toESM(require_fuse());var import_react52=__toESM(require_react());function isCloseType(x5){return!!(x5&&x5.closeMenu)}function isClearType(x5){return!!(x5&&x5.clearLastViewed)}function isExpandType(x5){return!!(x5&&x5.showAll)}function isSearchResult(x5){return!!(x5&&x5.item)}var{document:document9}=scope,DEFAULT_MAX_SEARCH_RESULTS=50,options2={shouldSort:!0,tokenize:!0,findAllMatches:!0,includeScore:!0,includeMatches:!0,threshold:.2,location:0,distance:100,maxPatternLength:32,minMatchCharLength:1,keys:[{name:"name",weight:.7},{name:"path",weight:.3}]},ScreenReaderLabel=newStyled.label({position:"absolute",left:-1e4,top:"auto",width:1,height:1,overflow:"hidden"}),SearchIcon=newStyled(Icons)(({theme})=>({width:12,height:12,position:"absolute",top:10,left:12,zIndex:1,pointerEvents:"none",color:theme.textMutedColor})),SearchField=newStyled.div(({theme})=>({display:"flex",flexDirection:"column",position:"relative","&:focus-within svg":{color:theme.color.defaultText}})),Input3=newStyled.input(({theme})=>({appearance:"none",height:32,paddingLeft:30,paddingRight:32,border:`1px solid ${theme.appBorderColor}`,background:"transparent",borderRadius:32,fontSize:`${theme.typography.size.s1+1}px`,fontFamily:"inherit",transition:"all 150ms",color:theme.color.defaultText,"&:focus, &:active":{outline:0,borderColor:theme.color.secondary,background:theme.background.app},"&::placeholder":{color:theme.textMutedColor,opacity:1},"&:valid ~ code, &:focus ~ code":{display:"none"},"&:invalid ~ svg":{display:"none"},"&:valid ~ svg":{display:"block"},"&::-ms-clear":{display:"none"},"&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}})),FocusKey=newStyled.code(({theme})=>({position:"absolute",top:8,right:16,minWidth:16,height:16,zIndex:1,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:3,userSelect:"none",pointerEvents:"none"})),ClearIcon=newStyled(Icons)(({theme})=>({width:16,height:16,padding:4,position:"absolute",top:8,right:16,zIndex:1,background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.1)",borderRadius:16,color:theme.base==="light"?theme.color.dark:theme.textMutedColor,cursor:"pointer"})),FocusContainer=newStyled.div({outline:0}),Search2=import_react52.default.memo(function({children,dataset,isLoading=!1,enableShortcuts=!0,getLastViewed,clearLastViewed,initialQuery=""}){let api=useStorybookApi(),inputRef=(0,import_react52.useRef)(null),[inputPlaceholder,setPlaceholder]=(0,import_react52.useState)("Find components"),[allComponents,showAllComponents]=(0,import_react52.useState)(!1),searchShortcut=api?shortcutToHumanString(api.getShortcutKeys().search):"/",selectStory=(0,import_react52.useCallback)((id,refId)=>{api&&api.selectStory(id,void 0,{ref:refId!==DEFAULT_REF_ID&&refId}),inputRef.current.blur(),showAllComponents(!1)},[api,inputRef,showAllComponents,DEFAULT_REF_ID]),list=(0,import_react52.useMemo)(()=>dataset.entries.reduce((acc,[refId,{index:index3,status}])=>{let groupStatus=getGroupStatus(index3||{},status);return index3&&acc.push(...Object.values(index3).map(item=>{let statusValue=status&&status[item.id]?getHighestStatus(Object.values(status[item.id]||{}).map(s4=>s4.status)):null;return{...searchItem(item,dataset.hash[refId]),status:statusValue||groupStatus[item.id]||null}})),acc},[]),[dataset]),fuse=(0,import_react52.useMemo)(()=>new import_fuse.default(list,options2),[list]),getResults=(0,import_react52.useCallback)(input=>{if(!input)return[];let results=[],resultIds=new Set,distinctResults=fuse.search(input).filter(({item})=>!(item.type==="component"||item.type==="docs"||item.type==="story")||resultIds.has(item.parent)?!1:(resultIds.add(item.id),!0));return distinctResults.length&&(results=distinctResults.slice(0,allComponents?1e3:DEFAULT_MAX_SEARCH_RESULTS),distinctResults.length>DEFAULT_MAX_SEARCH_RESULTS&&!allComponents&&results.push({showAll:()=>showAllComponents(!0),totalCount:distinctResults.length,moreCount:distinctResults.length-DEFAULT_MAX_SEARCH_RESULTS})),results},[allComponents,fuse]),stateReducer2=(0,import_react52.useCallback)((state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.blurInput:return{...changes,inputValue:state.inputValue,isOpen:state.inputValue&&!state.selectedItem,selectedItem:null};case Downshift$1.stateChangeTypes.mouseUp:return{};case Downshift$1.stateChangeTypes.keyDownEscape:return state.inputValue?{...changes,inputValue:"",isOpen:!0,selectedItem:null}:(inputRef.current.blur(),{...changes,isOpen:!1,selectedItem:null});case Downshift$1.stateChangeTypes.clickItem:case Downshift$1.stateChangeTypes.keyDownEnter:{if(isSearchResult(changes.selectedItem)){let{id,refId}=changes.selectedItem.item;return selectStory(id,refId),{...changes,inputValue:state.inputValue,isOpen:!1}}return isExpandType(changes.selectedItem)?(changes.selectedItem.showAll(),{}):isClearType(changes.selectedItem)?(changes.selectedItem.clearLastViewed(),inputRef.current.blur(),{isOpen:!1}):isCloseType(changes.selectedItem)?(inputRef.current.blur(),{isOpen:!1}):changes}case Downshift$1.stateChangeTypes.changeInput:return showAllComponents(!1),changes;default:return changes}},[inputRef,selectStory,showAllComponents]);return import_react52.default.createElement(Downshift$1,{initialInputValue:initialQuery,stateReducer:stateReducer2,itemToString:result2=>result2?.item?.name||"",scrollIntoView:e4=>scrollIntoView(e4)},({isOpen,openMenu,closeMenu,inputValue,clearSelection,getInputProps,getItemProps:getItemProps2,getLabelProps,getMenuProps,getRootProps,highlightedIndex})=>{let input=inputValue?inputValue.trim():"",results=input?getResults(input):[],lastViewed=!input&&getLastViewed();lastViewed&&lastViewed.length&&(results=lastViewed.reduce((acc,{storyId,refId})=>{let data=dataset.hash[refId];if(data&&data.index&&data.index[storyId]){let story=data.index[storyId],item=story.type==="story"?data.index[story.parent]:story;acc.some(res=>res.item.refId===refId&&res.item.id===item.id)||acc.push({item:searchItem(item,dataset.hash[refId]),matches:[],score:0})}return acc},[]),results.push({closeMenu}),results.length>0&&results.push({clearLastViewed}));let inputProps=getInputProps({id:"storybook-explorer-searchfield",ref:inputRef,required:!0,type:"search",placeholder:inputPlaceholder,onFocus:()=>{openMenu(),setPlaceholder("Type to find...")},onBlur:()=>setPlaceholder("Find components")});return import_react52.default.createElement(import_react52.default.Fragment,null,import_react52.default.createElement(ScreenReaderLabel,{...getLabelProps()},"Search for components"),import_react52.default.createElement(SearchField,{...getRootProps({refKey:""},{suppressRefError:!0}),className:"search-field"},import_react52.default.createElement(SearchIcon,{icon:"search"}),import_react52.default.createElement(Input3,{...inputProps}),enableShortcuts&&import_react52.default.createElement(FocusKey,null,searchShortcut),import_react52.default.createElement(ClearIcon,{icon:"cross",onClick:()=>clearSelection()})),import_react52.default.createElement(FocusContainer,{tabIndex:0,id:"storybook-explorer-menu"},children({query:input,results,isBrowsing:!isOpen&&document9.activeElement!==inputRef.current,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex})))})});var import_react53=__toESM(require_react());var{document:document10}=scope,ResultsList=newStyled.ol({listStyle:"none",margin:0,marginLeft:-20,marginRight:-20,padding:0}),ResultRow=newStyled.li(({theme,isHighlighted})=>({display:"flex",alignItems:"center",justifyContent:"space-between",margin:0,padding:0,paddingRight:20,background:isHighlighted?theme.background.hoverable:"transparent",cursor:"pointer","a:hover, button:hover":{background:"transparent"},gap:10})),NoResults=newStyled.div(({theme})=>({marginTop:20,textAlign:"center",fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"18px",color:theme.color.defaultText,small:{color:theme.barTextColor,fontSize:`${theme.typography.size.s1}px`}})),Mark=newStyled.mark(({theme})=>({background:"transparent",color:theme.color.secondary})),ActionRow=newStyled(ResultRow)({display:"flex",padding:"6px 19px",alignItems:"center"}),BackActionRow=newStyled(ActionRow)({marginTop:8}),ActionLabel=newStyled.span(({theme})=>({flexGrow:1,color:theme.textMutedColor,fontSize:`${theme.typography.size.s1}px`})),ActionIcon=newStyled(Icons)(({theme})=>({display:"inline-block",width:10,height:10,marginRight:6,color:theme.textMutedColor})),ActionKey=newStyled.code(({theme})=>({minWidth:16,height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none"})),Highlight=import_react53.default.memo(function({children,match}){if(!match)return import_react53.default.createElement(import_react53.default.Fragment,null,children);let{value:value2,indices}=match,{nodes:result2}=indices.reduce(({cursor,nodes},[start,end],index3,{length})=>(nodes.push(import_react53.default.createElement("span",{key:`${index3}-0`},value2.slice(cursor,start))),nodes.push(import_react53.default.createElement(Mark,{key:`${index3}-1`},value2.slice(start,end+1))),index3===length-1&&nodes.push(import_react53.default.createElement("span",{key:`${index3}-2`},value2.slice(end+1))),{cursor:end+1,nodes}),{cursor:0,nodes:[]});return import_react53.default.createElement(import_react53.default.Fragment,null,result2)}),Result=import_react53.default.memo(function({item,matches,icon,onClick,...props}){let click=(0,import_react53.useCallback)(event=>{event.preventDefault(),onClick(event)},[onClick]),api=useStorybookApi();(0,import_react53.useEffect)(()=>{api&&props.isHighlighted&&item.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]]},{options:{target:item.refId}})},[props.isHighlighted,item]);let nameMatch=matches.find(match=>match.key==="name"),pathMatches=matches.filter(match=>match.key==="path"),label=import_react53.default.createElement("div",{className:"search-result-item--label"},import_react53.default.createElement("strong",null,import_react53.default.createElement(Highlight,{match:nameMatch},item.name)),import_react53.default.createElement(Path,null,item.path.map((group,index3)=>import_react53.default.createElement("span",{key:index3},import_react53.default.createElement(Highlight,{match:pathMatches.find(match=>match.arrayIndex===index3)},group))))),title=`${item.path.join(" / ")} / ${item.name}`,nodeProps={depth:0,onClick:click,title,children:label},node;item.type==="component"?node=import_react53.default.createElement(ComponentNode,{isExpanded:!1,...nodeProps}):item.type==="story"?node=import_react53.default.createElement(StoryNode,{href:getLink(item,item.refId),...nodeProps}):node=import_react53.default.createElement(DocumentNode,{href:getLink(item,item.refId),...nodeProps});let[i5,iconColor]=item.status?statusMapping[item.status]:[];return import_react53.default.createElement(ResultRow,{...props},node,item.status?import_react53.default.createElement(Icons,{width:"8px",height:"8px",icon:i5,style:{color:iconColor}}):null)}),SearchResults=import_react53.default.memo(function({query,results,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex,isLoading=!1,enableShortcuts=!0}){let api=useStorybookApi();(0,import_react53.useEffect)(()=>{let handleEscape=event=>{if(!(!enableShortcuts||isLoading||event.repeat)&&matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)){if(event.target?.id==="storybook-explorer-searchfield")return;event.preventDefault(),closeMenu()}};return document10.addEventListener("keydown",handleEscape),()=>document10.removeEventListener("keydown",handleEscape)},[closeMenu,enableShortcuts,isLoading]);let mouseOverHandler=(0,import_react53.useCallback)(event=>{if(!api)return;let currentTarget=event.currentTarget,storyId=currentTarget.getAttribute("data-id"),refId=currentTarget.getAttribute("data-refid"),item=api.getData(storyId,refId==="storybook_internal"?void 0:refId);item?.isComponent&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})},[]);return import_react53.default.createElement(ResultsList,{...getMenuProps()},results.length>0&&!query&&import_react53.default.createElement("li",null,import_react53.default.createElement(RootNode,{className:"search-result-recentlyOpened"},"Recently opened")),results.length===0&&query&&import_react53.default.createElement("li",null,import_react53.default.createElement(NoResults,null,import_react53.default.createElement("strong",null,"No components found"),import_react53.default.createElement("br",null),import_react53.default.createElement("small",null,"Find components by name or path."))),results.map((result2,index3)=>{if(isCloseType(result2))return import_react53.default.createElement(BackActionRow,{key:"search-result-back",...result2,...getItemProps2({key:index3,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,className:"search-result-back"},import_react53.default.createElement(ActionIcon,{icon:"arrowleft"}),import_react53.default.createElement(ActionLabel,null,"Back to components"),import_react53.default.createElement(ActionKey,null,"ESC"));if(isClearType(result2))return import_react53.default.createElement(ActionRow,{key:"search-result-clearHistory",...result2,...getItemProps2({key:index3,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,className:"search-result-clearHistory"},import_react53.default.createElement(ActionIcon,{icon:"trash"}),import_react53.default.createElement(ActionLabel,null,"Clear history"));if(isExpandType(result2))return import_react53.default.createElement(ActionRow,{key:"search-result-more",...result2,...getItemProps2({key:index3,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,className:"search-result-more"},import_react53.default.createElement(ActionIcon,{icon:"plus"}),import_react53.default.createElement(ActionLabel,null,"Show ",result2.moreCount," more results"));let{item}=result2,key2=`${item.refId}::${item.id}`;return import_react53.default.createElement(Result,{key:item.id,...result2,...getItemProps2({key:key2,index:index3,item:result2}),isHighlighted:highlightedIndex===index3,"data-id":result2.item.id,"data-refid":result2.item.refId,onMouseOver:mouseOverHandler,className:"search-result-item"})}))});var import_debounce2=__toESM(require_debounce()),import_react54=__toESM(require_react()),import_store23=__toESM(require_store2()),save=(0,import_debounce2.default)(value2=>import_store23.default.set("lastViewedStoryIds",value2),1e3),useLastViewed=selection=>{let initialLastViewedStoryIds=(0,import_react54.useMemo)(()=>{let items=import_store23.default.get("lastViewedStoryIds");return!items||!Array.isArray(items)?[]:items.some(item=>typeof item=="object"&&item.storyId&&item.refId)?items:[]},[import_store23.default]),lastViewedRef=(0,import_react54.useRef)(initialLastViewedStoryIds),updateLastViewed=(0,import_react54.useCallback)(story=>{let items=lastViewedRef.current,index3=items.findIndex(({storyId,refId})=>storyId===story.storyId&&refId===story.refId);index3!==0&&(index3===-1?lastViewedRef.current=[story,...items]:lastViewedRef.current=[story,...items.slice(0,index3),...items.slice(index3+1)],save(lastViewedRef.current))},[lastViewedRef]);return(0,import_react54.useEffect)(()=>{selection&&updateLastViewed(selection)},[selection]),{getLastViewed:(0,import_react54.useCallback)(()=>lastViewedRef.current,[lastViewedRef]),clearLastViewed:(0,import_react54.useCallback)(()=>{lastViewedRef.current=lastViewedRef.current.slice(0,1),save(lastViewedRef.current)},[lastViewedRef])}};var DEFAULT_REF_ID="storybook_internal",Container3=newStyled.nav({position:"absolute",zIndex:1,left:0,top:0,bottom:0,right:0,width:"100%",height:"100%"}),StyledSpaced=newStyled(Spaced)({paddingBottom:"2.5rem"}),CustomScrollArea=newStyled(ScrollArea)({"&&&&& .os-scrollbar-handle:before":{left:-12},"&&&&& .os-scrollbar-vertical":{right:5},padding:20}),Swap=import_react55.default.memo(function({children,condition}){let[a4,b5]=import_react55.default.Children.toArray(children);return import_react55.default.createElement(import_react55.default.Fragment,null,import_react55.default.createElement("div",{style:{display:condition?"block":"none"}},a4),import_react55.default.createElement("div",{style:{display:condition?"none":"block"}},b5))}),useCombination=(defaultRefData,refs2)=>{let hash=(0,import_react55.useMemo)(()=>({[DEFAULT_REF_ID]:{...defaultRefData,title:null,id:DEFAULT_REF_ID,url:"iframe.html"},...refs2}),[refs2,defaultRefData]);return(0,import_react55.useMemo)(()=>({hash,entries:Object.entries(hash)}),[hash])},Sidebar3=import_react55.default.memo(function({storyId=null,refId=DEFAULT_REF_ID,index:index3,indexError,status,previewInitialized,menu,menuHighlighted=!1,enableShortcuts=!0,refs:refs2={}}){let selected=(0,import_react55.useMemo)(()=>storyId&&{storyId,refId},[storyId,refId]),dataset=useCombination({index:index3,indexError,previewInitialized,status},refs2),isLoading=!index3&&!indexError,lastViewedProps=useLastViewed(selected);return import_react55.default.createElement(Container3,{className:"container sidebar-container"},import_react55.default.createElement(CustomScrollArea,{vertical:!0},import_react55.default.createElement(StyledSpaced,{row:1.6},import_react55.default.createElement(Heading,{className:"sidebar-header",menuHighlighted,menu,skipLinkHref:"#storybook-preview-wrapper"}),import_react55.default.createElement(Search2,{dataset,isLoading,enableShortcuts,...lastViewedProps},({query,results,isBrowsing,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex})=>import_react55.default.createElement(Swap,{condition:isBrowsing},import_react55.default.createElement(Explorer,{dataset,selected,isLoading,isBrowsing}),import_react55.default.createElement(SearchResults,{query,results,closeMenu,getMenuProps,getItemProps:getItemProps2,highlightedIndex,enableShortcuts,isLoading}))))))});var import_react56=__toESM(require_react());var focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},Key2=newStyled.span(({theme})=>({display:"inline-block",height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none",padding:"0 6px"})),KeyChild=newStyled.code(({theme})=>`
|
|
434
438
|
padding: 0;
|
|
435
439
|
vertical-align: middle;
|
|
436
440
|
|
|
437
441
|
& + & {
|
|
438
442
|
margin-left: 6px;
|
|
439
443
|
}
|
|
440
|
-
`),Shortcut=({keys:keys2})=>import_react51.default.createElement(import_react51.default.Fragment,null,import_react51.default.createElement(Key2,null,keys2.map((key2,index3)=>import_react51.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react51.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about")}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react51.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.navigateToSettingsPage("/settings/whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react51.default.createElement(Badge,{status:"positive"},"Check it out")}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react51.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react51.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react51.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react51.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react51.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react51.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react51.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react51.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react51.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react51.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react51.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react51.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react51.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react51.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react51.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react51.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react51.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react51.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react51.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar5=import_react52.default.memo(function(){return import_react52.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index:index3,status,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications;return{title:name2,url,index:index3,indexError,status,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts}}},fromState=>import_react52.default.createElement(Sidebar3,{...fromState}))}),sidebar_default=Sidebar5;var import_react64=__toESM(require_react());var import_react63=__toESM(require_react());var FrameWrap=newStyled.div(({offset})=>({position:"absolute",overflow:"auto",left:0,right:0,bottom:0,top:offset,zIndex:3,transition:"all 0.1s linear",height:`calc(100% - ${offset}px)`,background:"transparent"})),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react53=__toESM(require_react());var initialZoom=1,Context=import_react53.default.createContext({value:initialZoom,set:v4=>{}}),ZoomProvider=class extends import_react53.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set3}=this,{value:value2}=this.state;return import_react53.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set3}},children)}},{Consumer:ZoomConsumer}=Context,Zoom3=import_react53.default.memo(function({zoomIn,zoomOut,reset}){return import_react53.default.createElement(import_react53.default.Fragment,null,import_react53.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react53.default.createElement(dist_exports6.Zoom,null)),import_react53.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react53.default.createElement(dist_exports6.ZoomOut,null)),import_react53.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react53.default.createElement(dist_exports6.ZoomReset,null)))});var ZoomWrapper=import_react53.default.memo(function({set:set3,value:value2}){let zoomIn=(0,import_react53.useCallback)(e4=>{e4.preventDefault(),set3(.8*value2)},[set3,value2]),zoomOut=(0,import_react53.useCallback)(e4=>{e4.preventDefault(),set3(1.25*value2)},[set3,value2]),reset=(0,import_react53.useCallback)(e4=>{e4.preventDefault(),set3(initialZoom)},[set3,initialZoom]);return import_react53.default.createElement(Zoom3,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:import_react53.default.memo(function(){return import_react53.default.createElement(import_react53.default.Fragment,null,import_react53.default.createElement(ZoomConsumer,null,({set:set3,value:value2})=>import_react53.default.createElement(ZoomWrapper,{set:set3,value:value2})),import_react53.default.createElement(Separator,null))})};var import_react54=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react54.default.createElement(import_react54.Fragment,null,wrappers.reduceRight((acc,wrapper,index3)=>import_react54.default.createElement(wrapper.render,{index:index3,children:acc,id,storyId,active}),children)),defaultWrappers=[{id:"iframe-wrapper",type:Addon_TypesEnum.PREVIEW,render:p4=>import_react54.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p4.active},p4.children)}];var import_react60=__toESM(require_react());var import_react55=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document11}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location3}=document11,ref=refs2[refId],baseUrl=`${location3.origin}${location3.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react55.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react55.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react55.default.createElement(dist_exports6.Link,null)):null)};var import_react56=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react56.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react56.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react56.default.createElement(dist_exports6.ShareAlt,null)):null)};var import_react57=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:state.layout.showNav,singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",type:Addon_TypesEnum.TOOL,match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react57.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react57.default.createElement(import_react57.default.Fragment,null,import_react57.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react57.default.createElement(dist_exports6.Menu,null)),import_react57.default.createElement(Separator,null)))};var import_react58=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:state.layout.showPanel,singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react58.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react58.default.createElement(import_react58.default.Fragment,null,import_react58.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},panelPosition==="bottom"?import_react58.default.createElement(dist_exports6.BottomBar,null):import_react58.default.createElement(dist_exports6.SidebarAlt,null))))};var import_react59=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react59.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react59.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react59.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react59.default.createElement(dist_exports6.Sync,null))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),Bar3=({shown,...props})=>import_react60.default.createElement(FlexBar,{...props}),Toolbar=newStyled(Bar3)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"},({shown})=>({transform:shown?"translateY(0px)":"translateY(-40px)"})),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,value:state.layout.isFullscreen,shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",type:Addon_TypesEnum.TOOL,match:p4=>["story","docs"].includes(p4.viewMode),render:()=>import_react60.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react60.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},value2?import_react60.default.createElement(dist_exports6.Close,null):import_react60.default.createElement(dist_exports6.Expand,null)))},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",type:Addon_TypesEnum.TOOL,render:()=>import_react60.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react60.default.createElement(import_react60.Fragment,null,import_react60.default.createElement(TabBar,{key:"tabs"},tabs.filter(p4=>!p4.hidden).map((t4,index3)=>{let to=t4.route(rp),isActive=rp.path===to;return import_react60.default.createElement(UnstyledLink,{key:t4.id||`l${index3}`,to},import_react60.default.createElement(TabButton,{disabled:t4.disabled,active:isActive},t4.title))})),import_react60.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location3,path)=>{let toolsFromConfig=(0,import_react60.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react60.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react60.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react60.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react60.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}):{left:tools,right:toolsExtra},[viewMode,entry,location3,path,tools,toolsExtra,tabs])},ToolRes=import_react60.default.memo(function({api,entry,tabs,isShown,location:location3,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location3,path);return left||right?import_react60.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react60.default.createElement(Tools,{key:"left",list:left}),import_react60.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react60.default.memo(function(props){return import_react60.default.createElement(Location,null,({location:location3,path,viewMode})=>import_react60.default.createElement(ToolRes,{...props,location:location3,path,viewMode}))}),Tools=import_react60.default.memo(function({list}){return import_react60.default.createElement(import_react60.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t4},index3)=>import_react60.default.createElement(Render,{key:id||t4.key||`f-${index3}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}){let toolsLeft=[menuTool,tabs.filter(p4=>!p4.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location3,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react62=__toESM(require_react());var import_react61=__toESM(require_react());var StyledIframe=newStyled.iframe({backgroundColor:"white",position:"absolute",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react61.default.useRef(null);return import_react61.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react61.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e4=>e4.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs3=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs3.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({state})=>({isFullscreen:state.layout.isFullscreen,showNav:state.layout.showNav,selectedStoryId:state.storyId}),styles2={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId,refs2),{current:frames}=(0,import_react62.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react62.default.createElement(import_react62.Fragment,null,import_react62.default.createElement(Global,{styles:styles2}),import_react62.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react62.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react62.default.createElement(import_react62.Fragment,{key:id},import_react62.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvasTab=()=>({id:"canvas",type:Addon_TypesEnum.TAB,title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>null}),useTabs=(getElements,entry)=>{let canvasTab=(0,import_react63.useMemo)(()=>createCanvasTab(),[]),tabsFromConfig=(0,import_react63.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react63.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvasTab,...tabsFromConfig],entry.parameters):[canvasTab,...tabsFromConfig],[entry,...tabsFromConfig])},Preview2=import_react63.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react63.useRef)(storyId);return(0,import_react63.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react63.default.createElement(import_react63.Fragment,null,previewId==="main"&&import_react63.default.createElement(W,{key:"description"},import_react63.default.createElement("title",null,description)),import_react63.default.createElement(ZoomProvider,{shouldScale},import_react63.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react63.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},import_react63.default.createElement(Canvas,{withLoader,baseUrl}),tabs.map(({render:Render,match,...t4},i5)=>{let key2=t4.id||t4.key||i5;return import_react63.default.createElement(import_react63.Fragment,{key:key2},import_react63.default.createElement(Location,null,lp=>import_react63.default.createElement(Render,{active:match(lp)})))}))))});var Canvas=({baseUrl,withLoader})=>import_react63.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let id="canvas",wrappers=(0,import_react63.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react63.useState)(void 0);(0,import_react63.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react63.default.createElement(ZoomConsumer,null,({value:scale})=>import_react63.default.createElement(import_react63.default.Fragment,null,withLoader&&isLoading&&import_react63.default.createElement(LoaderWrapper2,null,import_react63.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react63.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react63.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index3)=>({index:index3,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4===void 0||t4.id==="canvas"||!t4.hidden}).map((panel,index3)=>({...panel,index:index3})).sort((p1,p22)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p22.id),index_2=tab_2?tab_2.index:arrTabs.length+p22.index;return index_1-index_2}).map(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4?{...panel,title:t4.title||panel.title,disabled:t4.disabled,hidden:t4.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location3,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location3}},PreviewConnected=import_react64.default.memo(function(props){return import_react64.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react64.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react67=__toESM(require_react()),import_memoizerific7=__toESM(require_memoizerific());var import_react66=__toESM(require_react());var import_react65=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react65.useState)(!1);return(0,import_react65.useEffect)(()=>{let media=window.matchMedia(query);media.matches!==matches&&setMatches(media.matches);let listener=()=>setMatches(media.matches);return window.addEventListener("resize",listener),()=>window.removeEventListener("resize",listener)},[matches,query]),matches},useMedia_default=useMediaQuery;var SafeTab=class extends import_react66.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children}=this.props;return hasError?import_react66.default.createElement("h1",null,"Something went wrong."):children}},AddonPanel2=import_react66.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react66.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react66.default.createElement(import_react66.Fragment,null,import_react66.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},panelPosition==="bottom"?import_react66.default.createElement(dist_exports6.SidebarAlt,null):import_react66.default.createElement(dist_exports6.BottomBar,null)),import_react66.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react66.default.createElement(dist_exports6.Close,null))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k3,v4])=>import_react66.default.createElement(SafeTab,{key:k3,id:k3,title:typeof v4.title=="function"?import_react66.default.createElement(v4.title,null):v4.title},v4.render)))});AddonPanel2.displayName="AddonPanel";var panel_default=AddonPanel2;var createPanelActions=(0,import_memoizerific7.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel2=props=>import_react67.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react67.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react70=__toESM(require_react());var import_react69=__toESM(require_react());var import_react68=__toESM(require_react());var Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=newStyled(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=newStyled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react68.default.createElement(import_react68.default.Fragment,null,!icon||import_react68.default.createElement(NotificationIconWrapper,null,import_react68.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||defaultColor})),import_react68.default.createElement(NotificationTextWrapper,null,import_react68.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react68.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react68.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e4=>{e4.preventDefault(),onDismiss()}},import_react68.default.createElement(dist_exports6.CloseAlt,{size:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear({dismissed:!0})};return link?import_react68.default.createElement(NotificationLink,{to:link},import_react68.default.createElement(ItemContent,{icon,content}),import_react68.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react68.default.createElement(Notification,null,import_react68.default.createElement(ItemContent,{icon,content}),import_react68.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=newStyled.div({zIndex:10,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react69.default.createElement(List2,{placement},notifications.map(notification=>import_react69.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react70.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react70.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var View=newStyled.div({position:"fixed",overflow:"hidden",height:"100vh",width:"100vw"}),App=({viewMode,layout,panelCount,pages})=>{let{width,height,ref}=useResizeDetector(),content,props=(0,import_react71.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default}),[]);return!width||!height?content=import_react71.default.createElement("div",null):width<600?content=import_react71.default.createElement(Mobile,{...props,viewMode,options:layout,pages}):content=import_react71.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount,pages}),import_react71.default.createElement(View,{ref},import_react71.default.createElement(Global,{styles:createGlobal}),import_react71.default.createElement(Symbols,{icons:["folder","component","document","bookmarkhollow"]}),content)};App.displayName="App";var app_default=App;var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_react79=__toESM(require_react());var import_react73=__toESM(require_react());var import_react72=__toESM(require_react());var Header=newStyled.header(({theme})=>({marginBottom:32,fontSize:theme.typography.size.l2,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}})),Container4=newStyled.div({display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - 40px)",flexDirection:"column"}),UpgradeBlock=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,margin:20,marginTop:0,maxWidth:400,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2})),Code3=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),SquareButton=newStyled(Button)(({theme})=>({"&&":{borderRadius:4,fontSize:"13px",lineHeight:"14px",color:theme.base==="light"?theme.color.darker:theme.color.lightest,padding:"9px 12px",svg:{marginRight:6}}})),TabButton2=newStyled(Button)(({theme,active})=>({"&&":{padding:2,paddingRight:8,margin:0,color:active?theme.color.secondary:theme.base==="light"?theme.color.dark:theme.color.lightest}})),StyledLink2=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({current,onNavigateToWhatsNew})=>{let[activeTab,setActiveTab]=(0,import_react72.useState)("npm");return import_react72.default.createElement(Container4,null,import_react72.default.createElement("div",{style:{flex:"1"}}),import_react72.default.createElement(Header,null,import_react72.default.createElement(StorybookIcon,null)," Storybook"),import_react72.default.createElement(UpgradeBlock,null,import_react72.default.createElement("strong",null,"You are on Storybook ",current.version),import_react72.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react72.default.createElement("div",null,import_react72.default.createElement(TabButton2,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react72.default.createElement(TabButton2,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react72.default.createElement(Code3,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react72.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook")),import_react72.default.createElement("div",{style:{flex:"1.2"}}),import_react72.default.createElement(Footer,null,import_react72.default.createElement("div",{style:{marginBottom:12}},import_react72.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://github.com/storybookjs/storybook",style:{marginRight:12}},import_react72.default.createElement(Icons,{icon:"github",style:{display:"inline",marginRight:5}}),"GitHub"),import_react72.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://storybook.js.org/docs"},import_react72.default.createElement(Icons,{icon:"document",style:{display:"inline",marginRight:5}}),"Documentation")),import_react72.default.createElement("div",null,"Open source software maintained by"," ",import_react72.default.createElement(StyledLink2,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react72.default.createElement(StyledLink2,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))};var NotificationClearer=class extends import_react73.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react73.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react73.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react73.default.createElement(AboutScreen,{current:api.getCurrentVersion(),onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react75=__toESM(require_react());var import_react74=__toESM(require_react());var Centered=newStyled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=newStyled.div({position:"relative",height:"32px"}),Message4=newStyled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Container5=newStyled.div(({theme})=>({position:"absolute",width:"100%",bottom:"40px",background:theme.background.bar,fontSize:"13px",borderTop:"1px solid",borderColor:theme.appBorderColor,padding:"8px 12px",display:"flex",alignItems:"center",justifyContent:"space-between"})),ToggleNotificationButton=newStyled(IconButton)(({theme})=>({fontWeight:theme.typography.weight.regular,color:theme.color.mediumdark,margin:0})),CopyButton=newStyled(Button)(({theme})=>({"&&":{fontSize:"13px",color:theme.color.defaultText,margin:0,padding:0,borderRadius:0}})),WhatsNewFooter=({isNotificationsEnabled,onToggleNotifications,onCopyLink})=>{let theme=useTheme(),[copyText,setCopyText]=(0,import_react74.useState)("Copy Link"),copyLink=()=>{onCopyLink(),setCopyText("Copied!"),setTimeout(()=>setCopyText("Copy Link"),4e3)};return import_react74.default.createElement(Container5,null,import_react74.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:10}},import_react74.default.createElement(dist_exports6.Heart,{color:theme.color.mediumdark}),import_react74.default.createElement("div",null,"Share this with your team."),import_react74.default.createElement(CopyButton,{onClick:copyLink,small:!0},copyText)),import_react74.default.createElement(ToggleNotificationButton,{onClick:onToggleNotifications},isNotificationsEnabled?import_react74.default.createElement(import_react74.default.Fragment,null,import_react74.default.createElement(dist_exports6.EyeClose,null),"\xA0Hide notifications"):import_react74.default.createElement(import_react74.default.Fragment,null,import_react74.default.createElement(dist_exports6.Eye,null),"\xA0Show notifications")))},Iframe=newStyled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"calc(100% - 80px)",background:"white"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=newStyled(props=>import_react74.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),WhatsNewLoader=()=>import_react74.default.createElement(Centered,null,import_react74.default.createElement(LoaderWrapper3,null,import_react74.default.createElement(Loader,null)),import_react74.default.createElement(Message4,null,"Loading...")),MaxWaitTimeMessaging=()=>import_react74.default.createElement(Centered,null,import_react74.default.createElement(AlertIcon,null),import_react74.default.createElement(Message4,null,"The page couldn't be loaded. Check your internet connection and try again.")),PureWhatsNewScreen=({didHitMaxWaitTime,isLoaded,onLoad,url,onCopyLink,onToggleNotifications,isNotificationsEnabled})=>import_react74.default.createElement(import_react74.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react74.default.createElement(WhatsNewLoader,null),didHitMaxWaitTime?import_react74.default.createElement(MaxWaitTimeMessaging,null):import_react74.default.createElement(import_react74.default.Fragment,null,import_react74.default.createElement(Iframe,{isLoaded,onLoad,src:url,title:"What's new?"}),import_react74.default.createElement(WhatsNewFooter,{isNotificationsEnabled,onToggleNotifications,onCopyLink}))),MAX_WAIT_TIME=1e4,WhatsNewScreen=()=>{let api=useStorybookApi(),state=useStorybookState(),{whatsNewData}=state,[isLoaded,setLoaded]=(0,import_react74.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react74.useState)(!1);if((0,import_react74.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),whatsNewData?.status!=="SUCCESS")return null;let isNotificationsEnabled=!whatsNewData.disableWhatsNewNotifications;return import_react74.default.createElement(PureWhatsNewScreen,{didHitMaxWaitTime,isLoaded,onLoad:()=>{api.whatsNewHasBeenRead(),setLoaded(!0)},url:whatsNewData.url,isNotificationsEnabled,onCopyLink:()=>{navigator.clipboard?.writeText(whatsNewData.blogUrl??whatsNewData.url)},onToggleNotifications:()=>{isNotificationsEnabled?scope.confirm("All update notifications will no longer be shown. Are you sure?")&&api.toggleWhatsNewNotifications():api.toggleWhatsNewNotifications()}})};var WhatsNewPage=()=>import_react75.default.createElement(WhatsNewScreen,null);var import_react78=__toESM(require_react());var import_react77=__toESM(require_react());var import_react76=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react76.default.createElement(Footer2,{...props},import_react76.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react76.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react76.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
|
|
444
|
+
`),Shortcut=({keys:keys2})=>import_react56.default.createElement(import_react56.default.Fragment,null,import_react56.default.createElement(Key2,null,keys2.map((key2,index3)=>import_react56.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react56.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about")}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react56.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.navigateToSettingsPage("/settings/whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react56.default.createElement(Badge,{status:"positive"},"Check it out")}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react56.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react56.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react56.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react56.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react56.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react56.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react56.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react56.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react56.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react56.default.createElement(dist_exports6.Check,null):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react56.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react56.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react56.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react56.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react56.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react56.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react56.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react56.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react56.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar5=import_react57.default.memo(function(){return import_react57.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index:index3,status,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications;return{title:name2,url,index:index3,indexError,status,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts}}},fromState=>import_react57.default.createElement(Sidebar3,{...fromState}))}),sidebar_default=Sidebar5;var import_react69=__toESM(require_react());var import_react68=__toESM(require_react());var FrameWrap=newStyled.div(({offset})=>({position:"absolute",overflow:"auto",left:0,right:0,bottom:0,top:offset,zIndex:3,transition:"all 0.1s linear",height:`calc(100% - ${offset}px)`,background:"transparent"})),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react58=__toESM(require_react());var initialZoom=1,Context=import_react58.default.createContext({value:initialZoom,set:v4=>{}}),ZoomProvider=class extends import_react58.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set3}=this,{value:value2}=this.state;return import_react58.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set3}},children)}},{Consumer:ZoomConsumer}=Context,Zoom3=import_react58.default.memo(function({zoomIn,zoomOut,reset}){return import_react58.default.createElement(import_react58.default.Fragment,null,import_react58.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react58.default.createElement(dist_exports6.Zoom,null)),import_react58.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react58.default.createElement(dist_exports6.ZoomOut,null)),import_react58.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react58.default.createElement(dist_exports6.ZoomReset,null)))});var ZoomWrapper=import_react58.default.memo(function({set:set3,value:value2}){let zoomIn=(0,import_react58.useCallback)(e4=>{e4.preventDefault(),set3(.8*value2)},[set3,value2]),zoomOut=(0,import_react58.useCallback)(e4=>{e4.preventDefault(),set3(1.25*value2)},[set3,value2]),reset=(0,import_react58.useCallback)(e4=>{e4.preventDefault(),set3(initialZoom)},[set3,initialZoom]);return import_react58.default.createElement(Zoom3,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:import_react58.default.memo(function(){return import_react58.default.createElement(import_react58.default.Fragment,null,import_react58.default.createElement(ZoomConsumer,null,({set:set3,value:value2})=>import_react58.default.createElement(ZoomWrapper,{set:set3,value:value2})),import_react58.default.createElement(Separator,null))})};var import_react59=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react59.default.createElement(import_react59.Fragment,null,wrappers.reduceRight((acc,wrapper,index3)=>import_react59.default.createElement(wrapper.render,{index:index3,children:acc,id,storyId,active}),children)),defaultWrappers=[{id:"iframe-wrapper",type:Addon_TypesEnum.PREVIEW,render:p4=>import_react59.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p4.active},p4.children)}];var import_react65=__toESM(require_react());var import_react60=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document11}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location3}=document11,ref=refs2[refId],baseUrl=`${location3.origin}${location3.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react60.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react60.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react60.default.createElement(dist_exports6.Link,null)):null)};var import_react61=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react61.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react61.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react61.default.createElement(dist_exports6.ShareAlt,null)):null)};var import_react62=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:state.layout.showNav,singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",type:Addon_TypesEnum.TOOL,match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react62.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react62.default.createElement(import_react62.default.Fragment,null,import_react62.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react62.default.createElement(dist_exports6.Menu,null)),import_react62.default.createElement(Separator,null)))};var import_react63=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:state.layout.showPanel,singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react63.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react63.default.createElement(import_react63.default.Fragment,null,import_react63.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},panelPosition==="bottom"?import_react63.default.createElement(dist_exports6.BottomBar,null):import_react63.default.createElement(dist_exports6.SidebarAlt,null))))};var import_react64=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",type:Addon_TypesEnum.TOOL,match:({viewMode})=>viewMode==="story",render:()=>import_react64.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react64.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react64.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react64.default.createElement(dist_exports6.Sync,null))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),Bar3=({shown,...props})=>import_react65.default.createElement(FlexBar,{...props}),Toolbar2=newStyled(Bar3)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"},({shown})=>({transform:shown?"translateY(0px)":"translateY(-40px)"})),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,value:state.layout.isFullscreen,shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",type:Addon_TypesEnum.TOOL,match:p4=>["story","docs"].includes(p4.viewMode),render:()=>import_react65.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react65.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},value2?import_react65.default.createElement(dist_exports6.Close,null):import_react65.default.createElement(dist_exports6.Expand,null)))},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",type:Addon_TypesEnum.TOOL,render:()=>import_react65.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react65.default.createElement(import_react65.Fragment,null,import_react65.default.createElement(TabBar,{key:"tabs"},tabs.filter(p4=>!p4.hidden).map((t4,index3)=>{let to=t4.route(rp),isActive=rp.path===to;return import_react65.default.createElement(UnstyledLink,{key:t4.id||`l${index3}`,to},import_react65.default.createElement(TabButton,{disabled:t4.disabled,active:isActive},t4.title))})),import_react65.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location3,path)=>{let toolsFromConfig=(0,import_react65.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react65.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react65.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react65.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react65.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}):{left:tools,right:toolsExtra},[viewMode,entry,location3,path,tools,toolsExtra,tabs])},ToolRes=import_react65.default.memo(function({api,entry,tabs,isShown,location:location3,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location3,path);return left||right?import_react65.default.createElement(Toolbar2,{key:"toolbar",shown:isShown,border:!0},import_react65.default.createElement(Tools,{key:"left",list:left}),import_react65.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react65.default.memo(function(props){return import_react65.default.createElement(Location,null,({location:location3,path,viewMode})=>import_react65.default.createElement(ToolRes,{...props,location:location3,path,viewMode}))}),Tools=import_react65.default.memo(function({list}){return import_react65.default.createElement(import_react65.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t4},index3)=>import_react65.default.createElement(Render,{key:id||t4.key||`f-${index3}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}){let toolsLeft=[menuTool,tabs.filter(p4=>!p4.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location3,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react67=__toESM(require_react());var import_react66=__toESM(require_react());var StyledIframe=newStyled.iframe({backgroundColor:"white",position:"absolute",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react66.default.useRef(null);return import_react66.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react66.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e4=>e4.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs3=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs3.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({state})=>({isFullscreen:state.layout.isFullscreen,showNav:state.layout.showNav,selectedStoryId:state.storyId}),styles2={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId,refs2),{current:frames}=(0,import_react67.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react67.default.createElement(import_react67.Fragment,null,import_react67.default.createElement(Global,{styles:styles2}),import_react67.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react67.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react67.default.createElement(import_react67.Fragment,{key:id},import_react67.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvasTab=()=>({id:"canvas",type:Addon_TypesEnum.TAB,title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>null}),useTabs=(getElements,entry)=>{let canvasTab=(0,import_react68.useMemo)(()=>createCanvasTab(),[]),tabsFromConfig=(0,import_react68.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react68.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvasTab,...tabsFromConfig],entry.parameters):[canvasTab,...tabsFromConfig],[entry,...tabsFromConfig])},Preview2=import_react68.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react68.useRef)(storyId);return(0,import_react68.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react68.default.createElement(import_react68.Fragment,null,previewId==="main"&&import_react68.default.createElement(W,{key:"description"},import_react68.default.createElement("title",null,description)),import_react68.default.createElement(ZoomProvider,{shouldScale},import_react68.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react68.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},import_react68.default.createElement(Canvas,{withLoader,baseUrl}),tabs.map(({render:Render,match,...t4},i5)=>{let key2=t4.id||t4.key||i5;return import_react68.default.createElement(import_react68.Fragment,{key:key2},import_react68.default.createElement(Location,null,lp=>import_react68.default.createElement(Render,{active:match(lp)})))}))))});var Canvas=({baseUrl,withLoader})=>import_react68.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let id="canvas",wrappers=(0,import_react68.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react68.useState)(void 0);(0,import_react68.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react68.default.createElement(ZoomConsumer,null,({value:scale})=>import_react68.default.createElement(import_react68.default.Fragment,null,withLoader&&isLoading&&import_react68.default.createElement(LoaderWrapper2,null,import_react68.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react68.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react68.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index3)=>({index:index3,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4===void 0||t4.id==="canvas"||!t4.hidden}).map((panel,index3)=>({...panel,index:index3})).sort((p1,p22)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p22.id),index_2=tab_2?tab_2.index:arrTabs.length+p22.index;return index_1-index_2}).map(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4?{...panel,title:t4.title||panel.title,disabled:t4.disabled,hidden:t4.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location3,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location3}},PreviewConnected=import_react69.default.memo(function(props){return import_react69.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react69.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react72=__toESM(require_react()),import_memoizerific7=__toESM(require_memoizerific());var import_react71=__toESM(require_react());var import_react70=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react70.useState)(!1);return(0,import_react70.useEffect)(()=>{let media=window.matchMedia(query);media.matches!==matches&&setMatches(media.matches);let listener=()=>setMatches(media.matches);return window.addEventListener("resize",listener),()=>window.removeEventListener("resize",listener)},[matches,query]),matches},useMedia_default=useMediaQuery;var SafeTab=class extends import_react71.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children}=this.props;return hasError?import_react71.default.createElement("h1",null,"Something went wrong."):children}},AddonPanel2=import_react71.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react71.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react71.default.createElement(import_react71.Fragment,null,import_react71.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},panelPosition==="bottom"?import_react71.default.createElement(dist_exports6.SidebarAlt,null):import_react71.default.createElement(dist_exports6.BottomBar,null)),import_react71.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react71.default.createElement(dist_exports6.Close,null))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k3,v4])=>import_react71.default.createElement(SafeTab,{key:k3,id:k3,title:typeof v4.title=="function"?import_react71.default.createElement(v4.title,null):v4.title},v4.render)))});AddonPanel2.displayName="AddonPanel";var panel_default=AddonPanel2;var createPanelActions=(0,import_memoizerific7.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel2=props=>import_react72.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react72.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react75=__toESM(require_react());var import_react74=__toESM(require_react());var import_react73=__toESM(require_react());var Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=newStyled(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=newStyled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react73.default.createElement(import_react73.default.Fragment,null,!icon||import_react73.default.createElement(NotificationIconWrapper,null,import_react73.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||defaultColor})),import_react73.default.createElement(NotificationTextWrapper,null,import_react73.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react73.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react73.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e4=>{e4.preventDefault(),onDismiss()}},import_react73.default.createElement(dist_exports6.CloseAlt,{size:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear({dismissed:!0})};return link?import_react73.default.createElement(NotificationLink,{to:link},import_react73.default.createElement(ItemContent,{icon,content}),import_react73.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react73.default.createElement(Notification,null,import_react73.default.createElement(ItemContent,{icon,content}),import_react73.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=newStyled.div({zIndex:10,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react74.default.createElement(List2,{placement},notifications.map(notification=>import_react74.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react75.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react75.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var View=newStyled.div({position:"fixed",overflow:"hidden",height:"100vh",width:"100vw"}),App=({viewMode,layout,panelCount,pages})=>{let{width,height,ref}=useResizeDetector(),content,props=(0,import_react76.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default}),[]);return!width||!height?content=import_react76.default.createElement("div",null):width<600?content=import_react76.default.createElement(Mobile,{...props,viewMode,options:layout,pages}):content=import_react76.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount,pages}),import_react76.default.createElement(View,{ref},import_react76.default.createElement(Global,{styles:createGlobal}),import_react76.default.createElement(Symbols,{icons:["folder","component","document","bookmarkhollow"]}),content)};App.displayName="App";var app_default=App;var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_react84=__toESM(require_react());var import_react78=__toESM(require_react());var import_react77=__toESM(require_react());var Header=newStyled.header(({theme})=>({marginBottom:32,fontSize:theme.typography.size.l2,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}})),Container4=newStyled.div({display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - 40px)",flexDirection:"column"}),UpgradeBlock=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,margin:20,marginTop:0,maxWidth:400,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2})),Code3=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),SquareButton=newStyled(Button)(({theme})=>({"&&":{borderRadius:4,fontSize:"13px",lineHeight:"14px",color:theme.base==="light"?theme.color.darker:theme.color.lightest,padding:"9px 12px",svg:{marginRight:6}}})),TabButton2=newStyled(Button)(({theme,active})=>({"&&":{padding:2,paddingRight:8,margin:0,color:active?theme.color.secondary:theme.base==="light"?theme.color.dark:theme.color.lightest}})),StyledLink2=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({current,onNavigateToWhatsNew})=>{let[activeTab,setActiveTab]=(0,import_react77.useState)("npm");return import_react77.default.createElement(Container4,null,import_react77.default.createElement("div",{style:{flex:"1"}}),import_react77.default.createElement(Header,null,import_react77.default.createElement(StorybookIcon,null)," Storybook"),import_react77.default.createElement(UpgradeBlock,null,import_react77.default.createElement("strong",null,"You are on Storybook ",current.version),import_react77.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react77.default.createElement("div",null,import_react77.default.createElement(TabButton2,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react77.default.createElement(TabButton2,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react77.default.createElement(Code3,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react77.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook")),import_react77.default.createElement("div",{style:{flex:"1.2"}}),import_react77.default.createElement(Footer,null,import_react77.default.createElement("div",{style:{marginBottom:12}},import_react77.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://github.com/storybookjs/storybook",style:{marginRight:12}},import_react77.default.createElement(Icons,{icon:"github",style:{display:"inline",marginRight:5}}),"GitHub"),import_react77.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://storybook.js.org/docs"},import_react77.default.createElement(Icons,{icon:"document",style:{display:"inline",marginRight:5}}),"Documentation")),import_react77.default.createElement("div",null,"Open source software maintained by"," ",import_react77.default.createElement(StyledLink2,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react77.default.createElement(StyledLink2,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))};var NotificationClearer=class extends import_react78.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react78.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react78.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react78.default.createElement(AboutScreen,{current:api.getCurrentVersion(),onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react80=__toESM(require_react());var import_react79=__toESM(require_react());var Centered=newStyled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=newStyled.div({position:"relative",height:"32px"}),Message4=newStyled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Container5=newStyled.div(({theme})=>({position:"absolute",width:"100%",bottom:"40px",background:theme.background.bar,fontSize:"13px",borderTop:"1px solid",borderColor:theme.appBorderColor,padding:"8px 12px",display:"flex",alignItems:"center",justifyContent:"space-between"})),ToggleNotificationButton=newStyled(IconButton)(({theme})=>({fontWeight:theme.typography.weight.regular,color:theme.color.mediumdark,margin:0})),CopyButton=newStyled(Button)(({theme})=>({"&&":{fontSize:"13px",color:theme.color.defaultText,margin:0,padding:0,borderRadius:0}})),WhatsNewFooter=({isNotificationsEnabled,onToggleNotifications,onCopyLink})=>{let theme=useTheme(),[copyText,setCopyText]=(0,import_react79.useState)("Copy Link"),copyLink=()=>{onCopyLink(),setCopyText("Copied!"),setTimeout(()=>setCopyText("Copy Link"),4e3)};return import_react79.default.createElement(Container5,null,import_react79.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:10}},import_react79.default.createElement(dist_exports6.Heart,{color:theme.color.mediumdark}),import_react79.default.createElement("div",null,"Share this with your team."),import_react79.default.createElement(CopyButton,{onClick:copyLink,small:!0},copyText)),import_react79.default.createElement(ToggleNotificationButton,{onClick:onToggleNotifications},isNotificationsEnabled?import_react79.default.createElement(import_react79.default.Fragment,null,import_react79.default.createElement(dist_exports6.EyeClose,null),"\xA0Hide notifications"):import_react79.default.createElement(import_react79.default.Fragment,null,import_react79.default.createElement(dist_exports6.Eye,null),"\xA0Show notifications")))},Iframe=newStyled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"calc(100% - 80px)",background:"white"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=newStyled(props=>import_react79.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),WhatsNewLoader=()=>import_react79.default.createElement(Centered,null,import_react79.default.createElement(LoaderWrapper3,null,import_react79.default.createElement(Loader,null)),import_react79.default.createElement(Message4,null,"Loading...")),MaxWaitTimeMessaging=()=>import_react79.default.createElement(Centered,null,import_react79.default.createElement(AlertIcon,null),import_react79.default.createElement(Message4,null,"The page couldn't be loaded. Check your internet connection and try again.")),PureWhatsNewScreen=({didHitMaxWaitTime,isLoaded,onLoad,url,onCopyLink,onToggleNotifications,isNotificationsEnabled})=>import_react79.default.createElement(import_react79.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react79.default.createElement(WhatsNewLoader,null),didHitMaxWaitTime?import_react79.default.createElement(MaxWaitTimeMessaging,null):import_react79.default.createElement(import_react79.default.Fragment,null,import_react79.default.createElement(Iframe,{isLoaded,onLoad,src:url,title:"What's new?"}),import_react79.default.createElement(WhatsNewFooter,{isNotificationsEnabled,onToggleNotifications,onCopyLink}))),MAX_WAIT_TIME=1e4,WhatsNewScreen=()=>{let api=useStorybookApi(),state=useStorybookState(),{whatsNewData}=state,[isLoaded,setLoaded]=(0,import_react79.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react79.useState)(!1);if((0,import_react79.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),whatsNewData?.status!=="SUCCESS")return null;let isNotificationsEnabled=!whatsNewData.disableWhatsNewNotifications;return import_react79.default.createElement(PureWhatsNewScreen,{didHitMaxWaitTime,isLoaded,onLoad:()=>{api.whatsNewHasBeenRead(),setLoaded(!0)},url:whatsNewData.url,isNotificationsEnabled,onCopyLink:()=>{navigator.clipboard?.writeText(whatsNewData.blogUrl??whatsNewData.url)},onToggleNotifications:()=>{isNotificationsEnabled?scope.confirm("All update notifications will no longer be shown. Are you sure?")&&api.toggleWhatsNewNotifications():api.toggleWhatsNewNotifications()}})};var WhatsNewPage=()=>import_react80.default.createElement(WhatsNewScreen,null);var import_react83=__toESM(require_react());var import_react82=__toESM(require_react());var import_react81=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react81.default.createElement(Footer2,{...props},import_react81.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react81.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react81.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
|
|
441
445
|
0%,100% { opacity: 0; }
|
|
442
446
|
50% { opacity: 1; }
|
|
443
|
-
`,SuccessIcon=newStyled(Icons)(({valid,theme})=>valid==="valid"?{color:theme.color.positive,animation:`${Fade} 2s ease forwards`}:{opacity:0},{alignSelf:"center",display:"flex",marginLeft:10,height:14,width:14}),Container6=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,padding:"3rem 20px",maxWidth:600,margin:"0 auto"})),shortcutLabels={fullScreen:"Go full screen",togglePanel:"Toggle addons",panelPosition:"Toggle addons orientation",toggleNav:"Toggle sidebar",toolbar:"Toggle canvas toolbar",search:"Focus search",focusNav:"Focus sidebar",focusIframe:"Focus canvas",focusPanel:"Focus addons",prevComponent:"Previous component",nextComponent:"Next component",prevStory:"Previous story",nextStory:"Next story",shortcutsPage:"Go to shortcuts page",aboutPage:"Go to about page",collapseAll:"Collapse all items on sidebar",expandAll:"Expand all items on sidebar",remount:"Remount component"},fixedShortcuts=["escape"];function toShortcutState(shortcutKeys){return Object.entries(shortcutKeys).reduce((acc,[feature,shortcut])=>fixedShortcuts.includes(feature)?acc:{...acc,[feature]:{shortcut,error:!1}},{})}var ShortcutsScreen=class extends
|
|
447
|
+
`,SuccessIcon=newStyled(Icons)(({valid,theme})=>valid==="valid"?{color:theme.color.positive,animation:`${Fade} 2s ease forwards`}:{opacity:0},{alignSelf:"center",display:"flex",marginLeft:10,height:14,width:14}),Container6=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,padding:"3rem 20px",maxWidth:600,margin:"0 auto"})),shortcutLabels={fullScreen:"Go full screen",togglePanel:"Toggle addons",panelPosition:"Toggle addons orientation",toggleNav:"Toggle sidebar",toolbar:"Toggle canvas toolbar",search:"Focus search",focusNav:"Focus sidebar",focusIframe:"Focus canvas",focusPanel:"Focus addons",prevComponent:"Previous component",nextComponent:"Next component",prevStory:"Previous story",nextStory:"Next story",shortcutsPage:"Go to shortcuts page",aboutPage:"Go to about page",collapseAll:"Collapse all items on sidebar",expandAll:"Expand all items on sidebar",remount:"Remount component"},fixedShortcuts=["escape"];function toShortcutState(shortcutKeys){return Object.entries(shortcutKeys).reduce((acc,[feature,shortcut])=>fixedShortcuts.includes(feature)?acc:{...acc,[feature]:{shortcut,error:!1}},{})}var ShortcutsScreen=class extends import_react82.Component{constructor(props){super(props);this.onKeyDown=e4=>{let{activeFeature,shortcutKeys}=this.state;if(e4.key==="Backspace")return this.restoreDefault();let shortcut=eventToShortcut(e4);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&shortcutMatchesShortcut(shortcut,existingShortcut));return this.setState({shortcutKeys:{...shortcutKeys,[activeFeature]:{shortcut,error}}})};this.onFocus=focusedInput=>()=>{let{shortcutKeys}=this.state;this.setState({activeFeature:focusedInput,shortcutKeys:{...shortcutKeys,[focusedInput]:{shortcut:null,error:!1}}})};this.onBlur=async()=>{let{shortcutKeys,activeFeature}=this.state;if(shortcutKeys[activeFeature]){let{shortcut,error}=shortcutKeys[activeFeature];return!shortcut||error?this.restoreDefault():this.saveShortcut()}return!1};this.saveShortcut=async()=>{let{activeFeature,shortcutKeys}=this.state,{setShortcut}=this.props;await setShortcut(activeFeature,shortcutKeys[activeFeature].shortcut),this.setState({successField:activeFeature})};this.restoreDefaults=async()=>{let{restoreAllDefaultShortcuts}=this.props,defaultShortcuts2=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts2)})};this.restoreDefault=async()=>{let{activeFeature,shortcutKeys}=this.state,{restoreDefaultShortcut}=this.props,defaultShortcut=await restoreDefaultShortcut(activeFeature);return this.setState({shortcutKeys:{...shortcutKeys,...toShortcutState({[activeFeature]:defaultShortcut})}})};this.displaySuccessMessage=activeElement=>{let{successField,shortcutKeys}=this.state;return activeElement===successField&&shortcutKeys[activeElement].error===!1?"valid":void 0};this.displayError=activeElement=>{let{activeFeature,shortcutKeys}=this.state;return activeElement===activeFeature&&shortcutKeys[activeElement].error===!0?"error":void 0};this.renderKeyInput=()=>{let{shortcutKeys,addonsShortcutLabels}=this.state;return Object.entries(shortcutKeys).map(([feature,{shortcut}])=>import_react82.default.createElement(Row,{key:feature},import_react82.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react82.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?shortcutToHumanString(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react82.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react82.default.createElement(GridWrapper,null,import_react82.default.createElement(GridHeaderRow,null,import_react82.default.createElement(HeaderItem,null,"Commands"),import_react82.default.createElement(HeaderItem,null,"Shortcut")),this.renderKeyInput());this.state={activeFeature:void 0,successField:void 0,shortcutKeys:toShortcutState(props.shortcutKeys),addonsShortcutLabels:props.addonsShortcutLabels}}render(){let layout=this.renderKeyForm();return import_react82.default.createElement(Container6,null,import_react82.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react82.default.createElement(Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react82.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react83.default.createElement(ManagerConsumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react83.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var{document:document12}=scope,TabBarButton=import_react84.default.memo(function({changeTab,id,title}){return import_react84.default.createElement(Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react84.default.createElement(TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content2=newStyled(ScrollArea)({position:"absolute",top:40,left:0,right:0,bottom:0,overflow:"auto"},({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,enableWhatsNew})=>(import_react84.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document12.addEventListener("keydown",handleEscape),()=>document12.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react84.default.createElement(import_react84.Fragment,null,import_react84.default.createElement(FlexBar,{border:!0},import_react84.default.createElement(TabBar,{role:"tablist"},import_react84.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),enableWhatsNew&&import_react84.default.createElement(TabBarButton,{id:"whats-new",title:"What's new?",changeTab}),import_react84.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react84.default.createElement(IconButton,{onClick:e4=>(e4.preventDefault(),onClose()),title:"Close settings page"},import_react84.default.createElement(dist_exports6.Close,null))),import_react84.default.createElement(Content2,{vertical:!0,horizontal:!1},import_react84.default.createElement(Route2,{path:"about"},import_react84.default.createElement(AboutPage,{key:"about"})),import_react84.default.createElement(Route2,{path:"whats-new"},import_react84.default.createElement(WhatsNewPage,{key:"whats-new"})),import_react84.default.createElement(Route2,{path:"shortcuts"},import_react84.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=useStorybookApi(),state=useStorybookState(),changeTab=tab=>api.changeSettingsTab(tab);return import_react84.default.createElement(Pages,{enableWhatsNew:state.whatsNewData?.status==="SUCCESS",enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})},settingsPageAddon={id:"settings",url:"/settings/",title:"Settings",type:Addon_TypesEnum.experimental_PAGE,render:()=>import_react84.default.createElement(Route2,{path:"/settings/",startsWith:!0},import_react84.default.createElement(SettingsPages,null))};ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root4=({provider})=>import_react85.default.createElement(q,{key:"helmet.Provider"},import_react85.default.createElement(LocationProvider,{key:"location.provider"},import_react85.default.createElement(Main2,{provider}))),Main2=({provider})=>{let navigate=useNavigate2();return import_react85.default.createElement(Location,{key:"location.consumer"},locationData=>import_react85.default.createElement(ManagerProvider,{key:"manager",provider,...locationData,navigate,docsOptions:scope?.DOCS_OPTIONS||{}},({state,api})=>{let panelCount=Object.keys(api.getElements(Addon_TypesEnum.PANEL)).length,pages=(0,import_react85.useMemo)(()=>[settingsPageAddon,...Object.values(api.getElements(Addon_TypesEnum.experimental_PAGE))],[Object.keys(api.getElements(Addon_TypesEnum.experimental_PAGE)).join()]),isLoading=api.getData(state.storyId,state.refId)?!!state.refs[state.refId]&&!state.refs[state.refId].previewInitialized:!state.previewInitialized,layout=(0,import_react85.useMemo)(()=>isLoading?{...state.layout,showPanel:!1}:state.layout,[isLoading,state.layout]);return import_react85.default.createElement(ThemeProvider,{key:"theme.provider",theme:ensure(state.theme)},import_react85.default.createElement(app_default,{key:"app",viewMode:state.viewMode,layout,panelCount,pages}))}))};function renderStorybookUI(domNode,provider){if(!(provider instanceof Provider))throw new Error("provider is not extended from the base Provider");import_react_dom6.default.render(import_react85.default.createElement(Root4,{key:"root",provider}),domNode)}export{dist_exports,CHANNEL_CREATED,dist_exports2,Addon_TypesEnum,createBrowserChannel,dist_exports3,mockChannel,addons,dist_exports4,dist_exports5,experimental_exports,Provider,Root4 as Root,renderStorybookUI};
|